COIN74A Homework Template

HOMEWORK 2:

link to the assignment two 'minisite' of 4 pages.

For the remainder of the homeworks change the links to point to a named anchor in your homework where you are demonstrating the requirment. To learn about named anchors and links visit the tutorial.

HOMEWORK 3 (style one):

(This homework covers Workspace and adding text features)

1. Ordered List
2. UnOrdered List
3. One Image on same page
4. External Link 1
5. External Link 2
6. External Link 3
7. Named Anchor 1
8. Named Anchor 2
9. Email Link
10. First Heading
11. Second Heading
12. First size Font
13. Second size Font
14. First Face Font
15. Second Face Font
16. First Color Font
17. Second Color Font
18. First Physical Font (Italic)
19. Second Physical Font (Bold)
20. Paragraph alignment LEFT
21. Paragraph alignment RIGHT
22. Paragraph alignment CENTER
23. Paragraph alignment JUSTIFY
24. Indent
25. Outdent
26. modify the page properties and change the color of the background of one page
27. modify the page properties and add a background image to one page (above)
28. change the font color on the page with a background color.
29. create a small table
30. page titles on all your files (done)
31. Create a photo album (Extra Credit)
    
32. HAVE YOUR BUDDIES REVIEW ALL YOUR LINKS within the photo album, if you created an album, and all your images. NO BROKEN LINKS AND NO BROKEN IMAGE ICONS
33. Upload your site to your server space submit the URL to the Assignments Section of Etudes Shell using the SUBMIT AS A WEB PAGE radio button so I can assign a grade. Follow the directions in How to Submit Homework page.

HOMEWORK 4:

1. Inline CSS
2. Internal CSS - 3 redefined HTML tags, 5 classes, an ID, and 1 compound selector tag
3. Page linked to an external.css file - show the link to the file
4. CSS external .css file

HOMEWORK 5:

1. an image navbar located in the same place on each page
2. 2 rollover images
3. an image map with at least 3 meaningful and OBVIOUS hotspots of different shapes (elliptical, rectangular, and polygonal) that link to named anchors.
4. Add a page that has 4 images with text. Float 2 images to the left and 2 to the right

HOMEWORK 6:

(reviewed by whomever)

1. Create the cloned table
2. When you design your table in Layout View and add an Autostretch Column, what do you think is the most appropriate content for that column? Image, Flash File, Text?  Think about this and post your thoughts and why to the forum.  Discuss with classmates.
3. Create 3 tables and insert different content in each of the Autostretch Column for that table. Autostretch lets the content of the cell adjust to the user's browser width.
   • Add text data to 3 cells and add a background color to one cell
   • Make a table border of 3 pixels and color the border orange
   • Make one of the tables borderless, border="0". Designing tables with a border equal to zero creates an invisible table when previewed in the browser.  Create a borderless table, similar to the one used to nest the images in the borderless table in the tutorial.
   • Think about....How would you create an outline border for a table if you didn't want the interior cell borders to be visible?  In other words, if you only wanted the outline of the table to have a border.  Post your suggestions to the appropriate discussion area if you have an idea. Create a table with a border in the desired color and width, then select the interior cells and style the borders of those cells to match the background color.
     
   • Add Named Anchors at the top of each of the tables.
4. What is the Expanded Tables mode? Use Dreamweaver help to find out. The Expanded Tables mode makes it easier to select inside and around tables. This mode does not display tables the way a browser does. Before moving or resizing table elements in is necessary to return to Standard mode.
5. Create a template and insert a link to the .dwt file
6. Link template to CSS file
7. Create web site using template
8. Library item 1 - Add a comment in the html describing the library
9. Library item 2 - Add a comment in the html describing the library
10. Code snippet 1 - Add a comment in the html describing the snippet
11. Code snippet 2 - Add a comment in the html describing the snippet
12. Code snippet 3 - Add a comment in the html describing the snippet

HOMEWORK 7:

1. Add Flash video
2. Add YouTube video
3. Add a Google Web Element
4. SimpleViewer
5. Storyboard Proposal for Final. In it include subject, content, planned navigation, do a quick flow chart if you like or explain the flow, theme, colors, purpose, target audience, etc... (ideally graphical, but a rich outline format will do)

HOMEWORK 8:

1. Create a new html document and create a form using all the fields and form elements we've covered above except the fieldset.
2. Link to formmail response (copy your email into a text file or a screenshot and link to that as working proof of the formmail service).
3. Add a Jump Menu to either a new page or a page that doesn't include a form. Have at least 4 menu options in the Jump Menu.

HOMEWORK 9:

1. AP Elements requirement 1
2. AP Elements and z-index requirement 2
3. Relative positioning and z-index requirement 3
4. Rollover effects (appear and disappear)
5. Rollover effects (pop-up images)
6. Add a one or more of the Spry objects, Menubar, Tabbed Panel, Accordian, Collapsible Panel
7. Small website using a CSS template
8. Develop a tableless page using CSS-P
9. Comment on the pros and cons of using CSS templates and CSS-P

HOMEWORK 10:

1. Create a site using frames
2. Explain advantages and disadvantages of using frames
3. Add an iframe
4. Add a Google Gadget
5. Add a Widget

HOMEWORK 11:

1. Create a simple XML document, simple.xml
2. Create a new XML document using the nested data model
3. Create a new XML document using the empty data model
4. Create a simple XHTML document
5. Create an XML sitemap by hand
6. Prepare a small RSS file by hand

HOMEWORK 12:

1. Create a Google Webmaster Account and explore the tools - screen grab
2. Create a Google Analytics Account and explore the tools - screen grab of stats
3. Summary of findings - analysis.htm