Web Development: Overview of HTML Over 4 Weeks!
Do: HTML: Week 13 Instruction. Simplest Instructions at: http://www.kuzmich.com/carmody/business/Week13_syllabus.html
This week when students have finished all eight assignments in weeks 12A and 12B with Microsoft NotePad and Microsoft Internet Explorer and PageBreeze, we will use either PageBreeze or Microsoft Puiblisher as the primary software application for making web pages. It is a GUI application that allows students to do much more then using Microsoft's NotePad.
Do: Week 13's Assignments in PageBreeze and/or Microsoft Publisher web development assignments for the Weeks 13 and into Week 14. Must use PageBreeze (100 points per assignment) or Micorosoft Publisher (300 points per assignment) application under the "Tool" pull down menu at the top of the screen. Microsoft Publisher can also be used.
- By Monday, Week 13. Complete one HTML on-line tutorial. http://www.ed.uiuc.edu/courses/ci235/tutorial/composer/ by writing 5 new features that you have learned and write them in a Microsoft document and submit printed.
- By Monday, Week 13. Create an HTML file based on http://www.kuzmich.com/carmody/business/HTML3.html
- By Tuesday, Week 13. Create an HTML file based on http://www.kuzmich.com/carmody/business/HTML4.html
- By Wednesday and Thursday: create a one-page business web site, based on the following rubric:
Learning Objective: design, create and print one six-page newsletter highlight your business with the following criteria below: This 600 point assignment is for this business plan newsletter that incorporates the following content: within a six-page newsletter format: :
- Three stories
- 2 logos
- 2 different business cards
- 2 flyers
- 1 three-fold brochure
- 2 hyperlinks
- 4 photos.
By Friday, create a six page Microsoft Publisher Web site Featuring Your Business:
Learning Objective : design, create and print one six-page newsletter highlight your business with the following criteria below: This 600 point assignment is for this business plan newsletter that incorporates the following content: within a six-page newsletter format: :
- Six stories
- 2 logos
- 2 different business cards
- 2 flyers
- 1 three-fold brochure
- 2 hyperlinks
- 4 photos.
More Options: HTML: Week 14 With Templates Assignments
- PageBreeze: An excellent HTML editor that is free for home and school use. http://www.pagebreeze.html. There are some good tutorials on-line to learn the program quickly:
- http://computer.howstuffworks.com/web-page.htm/printable
- http://www.htmlcodetutorial.com
- http://www.w3schools.com/html/default.asp
- Another alternative web editing software is Microsoft Publisher. It is not free, but it is the best web editing we have at Carmody especially by offering many fancy templates with artwork already in place for more creative designs.
- For specific lessons and learning objectives, students will create a web page each day a web site with either Netscape Composer or Microsoft Publisher that has a GUI interface with a predefined template. Students will insert there own text, artwork and photos where designated at: http://www.kuzmich.com/carmody/business/Demo_Web_Template.html
- For students who don't like doing daily web training assignment, here's an alternative using Netscape's Composer or Microsoft Publisher with options to learn by doing it rather than by studying it. Here are different options each worth 300 pages per web page.
- First Real Business Web Site: Construct a web site in PageBreeze or Microsoft Publisher with table(s), artwork, articles, title and pictures. Topic: Your Favorite Topic. Click on the following template at: http://www.kuzmich.com/carmody/business/Demo_Web_Template.html and you will see what the web template looks like. You fill in the boxes with content and you have 300 pages earn. Must print out. Artwork and photos can be downloaded from the Internet plus there is a wealth of artwork on Drive S: on the school server. Go there, you go to Students folder, then to Kuzmich Assignments and then to folder entitled "artwork" and you about twelve different folders loaded with free artwork. Note: these folders can only be accessed from school and not on the Internet.
- Second Real Web Site: Add a second page to the first web page by doing a link from the first page. Then design your own template using a 8 row table in much the same manner as: http://www.kuzmich.com/carmody/business/Demo_Web_Template.html Again, it worth 300 points if.... you follow the same rubric format as designed in the above template. But it has to be a different layout. It could be 2, 3, or 4 columns. Be sure all pages link back to the first page!!! So all pages are interactive and can be access from each other.
- Third, Fourth, Fifth and Six Real Web Sites: Add them following the instruction for the Second Real Web Site above. 300 points for each addition page. It could even have different tables on the same page.
- Extra-credit is available for at 100 points per web page beyond the sixth page. Unlimited extra-credit points are available!!
HTML: Part 3: Week of 14 and Week 15 If Necessary
- Microsoft Publisher with a graphical interface (WYSIWYG) or GUI. will be used instead of Netscape Composer because it offers more creativity and ease of use.
- For specific lessons and learning objectives, to Weeks 14 and 15.
Here's a Summary of the Nine Excellent On-Line Web Building Tutorials Available:
- First mini assignment to learn text and font tags.
- 2nd mini assignment to learn page structure
- 3rd mini assignment to learn hyperlinks
- 4th tutorial to learn bulleted lists
- 5th tutorial to learn Adding images
Review of HTML Activities
Let's Start with Basic HTML Programming Elements with Tutorials that
cover many important web page concepts at: <http://www.kuzmich.com//handouts/HTML_outline.html> and free HTML
Tutorial at: http://www.2createawebsite.com/build/html.html>.
- The Very Beginning
- Simple Text Enhancement
- Italics typeface:
- Underline typeface: Creative banners with fancy fonts: http://www.cooltext.com/
- Simple Text Formatting:
- Hard carriage return: <BR>or <P>,
- Centering: <center>
- Font Size: <H1>, <H2>, <H3>, <H4>,
- Multiple columns: <MULTICOL COLS=2 GUTTER=10>, </MULTICOL>
- Line Across
the Screen: <HR>
- Image:
< img src = "nameof the file .gif" > It will probably be a .GIF or JPG file (extension)
- Fancy Animated backgrounds: <Body Background="File.JPG"> or HTML code:
<BODY BGCOLOR="C6EFF7">:
- Animation Online: http://www.animfactory.com, http://animationonline.com, http://www.buttonmaker.com/
- http://cooltext.com
- http://www.arcadia-animations.com/index2.htm
- GIF Animations.COM (20,000 animations): http://www.gifanimations.com/
- Smiley Cental (10,000 smiley faces, some with music): http://smiley.smileycentral.com/download/index.jhtml
- Free Music Clip Art: http://www.voice-teacher.com/html/free_music_clip_art.html
- More Free Music Clip Art: http://school.discovery.com/clipart/category/musc1.html
- More, More Free Music Clip Art: http://www.school-clip-art.com/music_clipart.shtml
- Outling and Organizing Text:
- Indent with numbered order: <OL>
- Assorted graphical indents: <UL>
- 3. List Item: <LI>
- Links to other web sites <A HREF="URL">Text</A> Posting
photographs: <img SRC="name of photo file JPEG or .GIF">:
- Great HTML Guide to Coding at: http://werbach.com/barebones/
Extra-Credit Cross Word Puzzle
Crossword Puzzle #1 for 100 extra-credit points : http://www.kuzmich.com/carmody/VarietyGames/VarietyGames2/WebDevelopment2.htm
Extra-Credit: Week 12's First HTML Business Web Page Assignment:
(Week 13 with Netscape Composer)
Your 60 point assignment for you to incorporate a one-page web site imitating your business flyer with the following rubric:
Title of Business: 10 points
Business Address: 10 points
Phone number: 10 points
business card: 10 points
Business logo: 10 points
One photograph: 10 points
|