Sunday, September 27, 2009

3.06 Web Site Project



PLEASE PRINT THIS PAGE AND FOLLOW EVERY STEP EXACTLY AS WRITTEN.
Special Note: Failure to follow the steps exactly will result in NO IMAGES shown on your Resume and on your Snapshots Project. (p.s. That's me with Casper and Wendi in the Stallion last Friday!)


To insert images on your web your page, follow these steps:
  • 1. Remove any existing graphic (image) from your KompoZer web page.
  • 2. Save your html file and close it.
  • 3. Double check to make sure your image is in the image folder (under either resume OR snapshots images).
  • 4. Open your html file again in KompoZer and define your site (lesson 2.06 tasks)
  • 5. On your html file, insert Image, Click URL is relative to page location, and add alternate text to name the graphic. With the tabs you can change the size, where the text is located, and add a border around the graphic.
  • 6. Save the html file again before closing it.
  • 7. Zip your files BEFORE before sending them to your dropbox.
ZIPPING FILES
For RESUME, follow these steps
  • 1. Save and Close the html file BEFORE you place the image (See the notes above.)
  • 2. Make sure your graphic has "relative" checked in KompoZer.
  • 3. Make sure your html resume is in the html folder under the resume folder.
  • 4. Make sure your graphic is in the images folder under the resume folder
  • 5. Then right click on resume, click Send to, select Compressed (zipped) folder.
  • 6. A folder will automatically appear in your folder list with the zipper icon; the name will still be resume.
  • 7. Send that zipped folder to me in your dropbox. I can then open the graphic and the resume!
For SNAPSHOTS, follow these steps
  • 1. Make sure your images have "relative" checked in KompoZer.
  • 2. Make sure your html files are in the html folder under the snapshots folder.
  • 3. Make sure your image is in the images folder under the snapshots folder
  • 4. Then right click on snapshots, click Send to, select Compressed (zipped) folder.
  • 5. A folder will automatically appear in your folder list with the zipper icon; the name will still be snapshots.
  • 6. Send that zipped snapshots folder to me in your dropbox. I can then open the graphics and the snapshots!

Tuesday, September 22, 2009

3.06 Graphics for your Snapshots in Time Project


3.06. Building your Snapshots in Time Web Site Requires you to Find and Insert Graphics on your “Snapshots” Project. Here are A few thoughts on graphics to assist you in this module.

· Less is better.

· Let the picture support the words, not overwhelm the words.

· If socially unacceptable sites “pop up”, please act responsibly and close the images and pages promptly. Let your lab teacher know about this unacceptable site.

Using Images from Royalty-free sites. DON’T SKIP THIS SECTION!
You may use the Image

  • In digital format on websites, multimedia presentations, broadcast film and video, cell phones.
  • In printed promotional materials, magazines, newspapers, books, brochures, flyers, CD/DVD covers, etc.
  • Along with your corporate identity on business cards, letterhead, etc.
  • To decorate your home, your office or any public place.

You may not use the Image

  • For pornographic, unlawful or other immoral purposes, for spreading hate or discrimination, or to defame or victimize other people, societies, cultures.
  • To endorse products and services if it depicts a person.
  • In a way that can give a bad name to the person(s) depicted on the Image.
  • As part of a trademark, service mark or logo.
  • SELLING AND REDISTRIBUTION OF THE IMAGE (INDIVIDUALLY OR ALONG WITH OTHER IMAGES) IS STRICTLY FORBIDDEN! DO NOT SHARE THE IMAGE WITH OTHERS!

Always ask permission from the photographer if you want to use the Image

  • In website templates that You intend to sell or distribute.
  • For creating printed reproductions that You intend to sell.
  • On "print on demand" items such as t-shirts, postcards, mouse pads, mugs (e.g. on sites like Cafepress), or on any similar mass produced item that would contain the image in a dominant way.

Be aware of Free Web Sites: Some of them “track cookies” and may even pass viruses through your computer. I am listing some of the sites that I use and have found to be acceptable.

Note: Graphics from some websites are free of charge for anyone to use as long as you don't sell the graphics, or charge for their use. Placing one of their graphics on your website, even if it is a copyrighted website, does not give you ownership rights of the graphic, so please don't try to stop others from using graphics that you are using free of charge. Ownership of a graphic belongs to the creator of the graphic or the person/company that paid to have the graphic created.

A few Free Graphics WebSites

http://www.cybergifs.com/

http://www.free-graphics.com/

http://www.allfree-clipart.com/main.html

http://www.bing.com/images/

http://www.barrysclipart.com/

Now that I have a picture, what’s Next? (For complete directions, refer to your lesson 3.06 in the Content Module of your course.)

1. To save a picture (for KompoZer the file must be .jpg or .gif format)

2. Right click on the picture;

3. Save As (Key File Name and Select Folder, such as webdes, images)

4. To place the image on your KompoZer page,

o Save your web page FIRST.

o Then go to Insert, Image; select the file name.

o Check the Relative Box.

o You may also change the location of the image, add a border, and even set it apart from the text. (Refer to the KompoZer tutorial)

o Save your file again.

5. Remember to include your image file in the Zipped file when you complete your dropbox for Web Design1.

Friday, September 18, 2009

3.04 Creating an OnLine Resume


So why do need a resume? After all, you haven't graduated from high school and you don't want to think about a job! READ ON! Hopefully you will change your mind and want to have a resume in high school.

  • This is the perfect time to document all those great activities in high school and get ready to enter college.
  • Having a resume at career fairs and college visits will show college recruiters you are serious about attending their college!
  • You may even want apply for a part-time job to make some extra money this year.
  • And you may want to give back to the community by volunteering at the local Boys and Girls Club.

Your resume will help you get those college interviews and show you are really organized. The recruiter will know you are truly interested in attending that college. Employers will see that you are serious about working for them. The Boys and Girls Club manager will know that you are ready to volunteer and have the skills to mentor younger students.

Other benefits of having a high school resume are to showcase your talents and also highlight "gaps" where you need to place more effort.

  • Think about your grades, your experience, and your school activities.
  • Are you in any clubs? Do you play sports, cheerlead, or play in the band?
  • Do you give back to your community?

These are all things that college recruiters and employers like to see. If you have gaps in your information, maybe you should volunteer at the nursing home for a few weekends. This would look good on a resume if you want to major in nursing. What about joining the journalism club if you want to be an English teacher? Maybe you could be an intern with your school's technology department if you want to major in computers. So look over your skills and accomplishments. Did you find gaps in your resume? If you are still in high school, there is time to bridge those gaps: get involved with your school, your community, or your church.

SPECIAL NOTE: You must always have VERIFIABLE FACTS ABOUT YOU on your resume AND you want your resume to LOOK GOOD. (No making up information on a resume—it must be REAL.)


Here are some tips from ecampustours as to what should be on your high school resume. Use these tips in writing your own online resume in the next lesson.

Heading

Your name, address, telephone number, and e-mail address should all go at the top of your resume. Be sure to use a permanent address and telephone number. Also, remember to use an e-mail address that sounds professional. FirstnameLastname@ is the standard format for an e-mail address when using it on a resume. Do not use an e-mail address such as hotbody@soandso.com. It just doesn't sound professional.

Objective
An objective lets college recruiters or potential employers know your main goal. If your target is a college recruiter, tailor your objective to that specific school. For example, your objective may be, "To earn a degree in Psychology at Boston College." If you want to get a part-time job, you will need to modify your objective to that particular job, such as "To obtain a part-time sales position with Hollister."

Education/Academics
In the education section, list the schools you have attended. Be sure to include your GPA if it is a 3.0 or higher. You can also mention any academic honors, awards, and/or recognitions that you have received. These can include honor-roll recognitions, essay-writing awards, science competitions, etc.

Experience
The experience section should briefly give an overview of work experience that has taught you valuable skills. In this section, include: title of position, name of organization, location of work (town and state), dates of employment, and description of work responsibilities. Be sure to use action words to describe your job duties, such as sold, created, processed, etc. Since many high school students do not have a lot of work experience, you can also describe class projects in which you have learned important skills or even leave this section out all together and concentrate on the education/academics and additional information/extracurricular sections.

Additional Information/Extracurricular Activities
The section for additional information or extracurricular section should be used to place key elements of your background that don't fit in any other section. You may want to include: special skills, leadership roles, volunteer experiences, participation in sports, band, yearbook, etc. This section is where you can demonstrate your uniqueness.

References
Be sure to ask people if they would serve as your reference before you give their names out. You do not need to include your reference information on your resume. A statement at the bottom of your resume that says, "References available upon request," is sufficient.

These web sites that will also help you in developing a resume. Take notes as you read and study the web sites. Refer to your notes as you develop your online resume in the next lesson in our course.

This site helps you decide which words best describe your experience and skills. You should use action words to describe your experience and accomplishments. (I will check your online resume for these words.)
In summary, having a resume in high school is just good sense! You never know when a recruiter at a college fair or a potential employer might request one.

Wednesday, September 16, 2009

Checklist: KompoZer Tutorials – Adding Pictures and Links (3.01)

It' very important that you review your file structure and make sure you have your files in the right place BEFORE you go any further in the class. Here are a few tips to make sure things are done correctly. Please print these steps to keep in your notebook. Then check off the steps after you have things in place.


  1. Print the Handout, Understanding Directory Structure from Lesson 3.0, Step 7. Highlight in one color the information on "relative path". Highlight the information on "absolute Paths" in a contrasting color.
  2. Review the TOPIC "Links" in the KompoZer tutorials.
  • URL is relative to page location: If checked, KompoZer converts the URL to be relative to the page's location. This is especially useful if you plan to publish your pages to a web server so that others can view them. Using relative URLs allows you to keep all your linked files in the same place relative to each other, regardless of their location on your hard disk or a web server.
  • Deselecting this option causes KompoZer to convert the URL to a full (absolute) URL. You typically use absolute URLs when linking to pages on other web servers (not stored locally on your hard disk).
  • If you have unsaved changes, you must first save the page in order to enable this checkbox.
  1. Check the Directory Structure on the computer you are using. Make sure you have the following folders as shown below.


  2. Open the samples folder – you should have only these files: (Check the names—they must be exact! You can rename them if needed. THEN delete any other files OR move them to another place on your computer.)

    1900_39.txt

    1940_69.txt

    1970_99.txt

  3. Open the snapshots folder, then the html folder—you should have only these files: (Check the names—they must be exact! You can rename them if needed. THEN delete any other files OR move them to another place on your computer.)

    1900_39.html

    1940_69.html

    1970_99.html

    Index.html

Now that you have 'cleaned your files', you may continue with the fun stuff! Remember, "If it's worth doing, it's worth doing well." So stay positive and keep working every day! YOUR GRADES REFLECT YOUR EFFORT!

Fact or Fiction: Looking at Web Pages (3.02)

How do you know if the Web Page you are viewing is Fact or Fiction? With so much information available on the Web, sometimes it's hard to tell if the information has been "made up" or if it is something reliable. Here are some ways that you can "think for yourself" when answering this question.


Lesson 3.02 of Web Design 1 lists four methods to verify authenticity of a Web Site: Following is a brief summary of those methods. Be sure to read the lesson completely. Don’t rely just on this summary.

  1. “Understand the purpose(s) of a Web site, and that those purpose(s) may not be entirely obvious.” In other words, try to determine if the Web Page is trying to sell you something, present information, or entertain you. And the Web Page may be doing several of these things at one.

Just because you find it on the web, the Web Page may not be providing objective information. Ask yourself several questions before actually using the data on your research.

· What do other searches reveal about this issue?

· What does the URL tell you about the information? (education, Government, personal web page, etc.)

· Do other sources give similar information?

  1. “Establish the credibility of the author.” Research the author. Look for background information on that author. What makes him/her qualified to provide information. Do a Google search of the author. See how other people rate the author.

Although the lesson didn’t mention this tip, stay away from Author unknown sources! If the author is not proud enough to claim his/her work, it’s just not good enough for you to use! There are so many sources on the Web; make sure you use credible ones.

3. Use meta-information sources. Validate the information within the context of other web pages. Do a Google search of the topic. Don’t choose the first one that pops up. Refine your search and get the most credible ones. Use the link command from the lesson. (go to AltaVista at http://www.altavista.com/, enter data to get information about the author(s) you are considering using in your research.


4. Explore a variety of resources. Look beyond the Internet. Talk to you teachers, interview someone in your family or community. Read a book, look at a newspaper. There are SO MANY resources available to you. Use them to YOUR BENEFIT.

OTHER WAYS TO ESTABLISH WEB PAGE CREDIBILITY

1. Five Criteria for Evaluating Web Pages from Cornell University. http://www.library.cornell.edu/olinuris/ref/webcrit.html. Print this page and carefully read the criteria listed. See how it expands on the information from Lesson 3.02. A summary of the information follows:

Putting it all Together

· Accuracy. If your page lists the author and institution that published the page and provides a way of contacting him/her and . . .

· Authority. If your page lists the author credentials and its domain is preferred (.edu, .gov, .org, or .net), and, . .

· Objectivity. If your page provides accurate information with limited advertising and it is objective in presenting the information, and . . .

· Currency. If your page is current and updated regularly (as stated on the page) and the links (if any) are also up-to-date, and . . .

· Coverage. If you can view the information properly--not limited to fees, browser technology, or software requirement, then . . .

You may have a Web page that could be of value to your research!

2. Helpful Hints to help you evaluate the credibility of WWW resources by Virginia Montecino. http://mason.gmu.edu/~montecin/web-eval-sites.htm. Read this article—look for similarities with the other information we have read. What different information is provided? I found the main idea here is to “develop a critical eye” when exploring material on the internet. Don’t take everything as “Fact”. Is there any “Fiction” in the page? See if you can spot the ways this author provides to “deconstruct” a web site.

Also there are endings after web sites that should be mentioned. Learn these extensions.

· .edu - education sites

· .gov - government sites

· .org - organization sites

· .com - commercial sites

· .net - network infrastructures

· There are other extensions, such as the abbreviation of a country, ie. .jp for Japan


3. Evaluating Information Found on the Internet from Elizabeth Kirk of Johns Hopkins University. http://www.library.jhu.edu/researchhelp/general/evaluating/. The author list 8 criteria for evaluating information. Many of the points are in the other articles about this subject. Ms. Kirk clearly describes each of the criteria and how you as a student should evaluate it.

SO WHY SHOULD YOU LOOK AT ALL THIS INFORMATION?

It would be worth your time to carefully read this material and also print it for future reference. You can then be in a better position to determine whether something is “Fact or Fiction.” Your future research topics will be measured against the criteria presented above.

Monday, August 17, 2009

Welcome to Web Design 1

Welcome to our Online Class: Web Design 1!

My name is Mrs. Dannie McKee. I taught business and computer courses at McComb High School for 12 years before retiring in 2004. Prior to that I was a marketing manager for twenty-six years with BellSouth in Birmingham, AL. My permanent home is Tylertown, MS but my husband and I live most of the time in our motor home. We enjoy the company of our cat, Magnolia, and Casper (our Bichon Frise). We are currently stationed in El Paso, TX where my husband works as an anesthetist for the US Army Medical Center. In my spare time, I enjoy riding 4-wheelers and our new Stallion Trike.


About the Course

Web Design 1 is an interactive class requiring you to research and learn about various aspects of planning, designing, creating, and posting a web page. In your job as intern, you will complete work with MS Word, Notepad, and Kompozer software (a free web-based software). We will discuss these tools in more detail later. For now, just browse the course pages to get familiar with the assignment locations; explore the tabs on the content page, such as Discussions, Dropbox, Grades, etc. You will use these tabs to "turn in" your work and see the grades that are posted.


Assignments

Assignments will be posted on the "News" page every Tuesday to be completed by Monday of the following week. Other notes may also be posted there for your review. Check the "News" frequently! That is your source for important information. Also, check your grades every week--work not completed results in a "0" on the grade tab. Work may be turned in late, but your grades will reflect a lower score.


In Module 1 you will make folders on your hard drive to store your work. Each assignment has a specific name; use that name when turning in work to the dropbox. You should also have a flash (aka thumb) drive or external hard drive to use as backup for your files. "My computer crashed" is not a valid excuse for not turning in work. Back-up files every time you complete an assignment!


Other assignments will be posted here on my Blog. It is your responsibility to check the blog frequently and follow the assignment directions. These assignments will be part of your class grade. Bookmark this BLOG so you can get back to it easily.

Your first assignment from this blog is to add a comment (go to bottom of page) that includes your first and last name and what you expect to learn in this class. After you complete this work, add a file to Dropbox 1.01. (Copy and paste your comment from the blog into a Notepad document then upload it to the dropbox 1.01.) This will be a bonus of 10 points added to your grade. (NOTE: You will also have information to add to this same dropbox. It is in the Discussion Board and entitled "All About You!")

Other Notes

We have a special Discussion Board on our Class Page--check out Mrs. McKee's Chalk Board. Here you will find our weekly assignments, all our email in one location, and a place to ask other students for help. Bonus points will be awarded on some of your posts. Just check it every time you log in so you don't miss anything.


I Like to Talk on the Phone! You can expect a phone call from me this week to confirm your enrollment in the class. I also like to talk with your parents from time-to-time just to give them a progress report. Your site coordinator also receives frequent calls from me. As for any problems that you encounter such as log-in, course questions, software issues, etc., you may contact me by phone or text at 601-810-4923 or email (dannie.mckee@gmail.com). My office hours are posted on the "News" page. Don't hesitate to ask for help; your success is my success!


CHECK YOUR COURSE EMAILS every time you sign in. You are frequently asked to respond to emails and unless you check them every day, you may be late on an assignment.


Check your dropbox feedback to read my comments. Sometimes I allow you to "redo" an assignment to get additional points. But you won't know unless you check the feedback.


In closing, I look forward to working with you as we refine skills and learn new ones to help you succeed in the future.