Homework #1 is designed to introduce you to the basics of HTML Content creation.
This will be the "C" in the "Iron C.L.a.D." (lesson 1 of 3) method of HTML authoring.
PART 1 - Learn to Author HTML Content
Estimated time for completion: 2 hrs.
Please read the following introduction to HTML. You can choose your lesson based on how "advanced" you feel:
Choose one...
- For HTML beginners who are computer fearful:
http://www.htmliseasy.com/html_tutor/index.html
- Lessons 1 - 14
- For HTML beginners who are computer savvy:
http://www.w3schools.com/html/html_intro.asp
- All "HTML Basic" lessons EXCEPT "Tables", "Forms", "Frames" & "IFrames"
- For HTML beginners who already "get it" but need a
reference:
http://www.htmldog.com/guides/htmlbeginner/
- All lessons EXCEPT "Forms" & "Tables"
- Also, ignore the info about the
<!DOCTYPE...tag
It is very important that you be able to identify and use the
HTML tags used in all these exercises. When you are done
reading about a subject, make sure to try it yourself.
PART 2 - Author Your First Web Page
Estimated time for completion: 2 hrs.
Please also create a web page for yourself using Windows "Notepad" or Mac "TextEdit". Make a web page you can use to advertise your skills or talk about your translation offerings in general terms. Remember, websites are a great marketing tool and I encourage you to take this opportunity to create a simple page of web content describing your services. Please don't worry about making it beautiful or organized now. We will cover that once we get to "design" (next week) and "layout" (the week after.) I encourage you not to get carried away and write too much. Spend less time writing and more time "coding." No one likes to read a lot of text on a web page -- like in this homework :-) Keep it short, sweet and simple for now.
The requirements are that your web page possess the following at a minimum:
- Two (2) hyperlinks
- one to your email address (a "mailto" link)
- one to another page on the web (a "href" link)
- One (1) bulleted ("unordered") or numbered ("ordered") list
- One (1) HTML "entity" representing a trademark ™, registration ® or copyright © symbol...if you want to insert spaces or indent paragraphs, use a non-breaking space entity ( )
- A mix of at least 3 colors (for example: blue background, black text, green headings)
- At least 2 styles of text (bold, italic, underline, small text, etc... )
- One (1) small image taken from the web or anywhere you please
- if you can't think of anything good, images of flags or globes are always a good bet for translator websites!
- Use at least 2 of the elements or attributes that we didn't cover in class (e.g. comments, pre-formatted text...) You can either use those learned from the tutorials OR elsewhere as there are lots of basic HTML resources on the "web."
- name your webpage "home.htm"
PLEASE ZIP AND SUBMIT FOR GRADING WHEN COMPLETE
- YOUR COMPLETED "HOME" PAGE
- PLEASE INDICATE IN YOUR EMAIL THE 2 NEW ELEMENTS OR ATTRIBUTES YOU USED IN YOUR PAGE
Do not "borrow" code from other websites. I want you to
practice creating pages from scratch with the most basic
ingredients. You will not be able to figure out how to properly
QA, repair and troubleshoot translated websites later on if you do
not do all the coding work the "hard" way in the beginning. If you
shortcut by using HTML editors or by borrowing code from other
websites, you are only cheating yourself of knowledge. I will know
if someone "borrowed" code or used an editor quite easily even if
you try to hide it --- trust me.