IDCC 370: Web Design I   Spring 2008

Check this out:
Here is a list of the Web design terms we covered in class on Wednesday, February 23. You should be able to define these terms and offer examples.

1. visual cue
2. eye candy
3. design redundancy
4. navigation bar redundancy
5. internal (on the page) navigation
6. global textual navigation bar
7. piping (vertical slash, as opposed to forward/ backward\ slash)
8. bounding box
9. sizing handles (how many; their functions)
10. maintain aspect ratio
11. vertical and horizontal distortion (graphics)
12. float text around image element (in-line, left, and right); FP calls it wrapping style
13. hspace="9"
14. vspace="9"
15. ALT text

If you have any questions, just e-mail me at wbuchholz@bentley.edu. Keep up with your reading and keep plugging away at assignment one. Remember, assignment one will be due this Wednesday at class time.

Check this out:

Have you ever considered pursuing an internship or full time opportunity in the exciting industry of publishing? If so, this is the event for you! Come hear Andrea Shaw, Director of Marketing Programs at Bentley College, speak about her nearly 10 years of experience in the publishing industry.

Wednesday, March 2, 12:45 p.m. - 2:00 p.m.
LaCava 300AB

This event requires that you reserve a space. Please e-mail your name, major, date of graduation to: CCS_Undergrad_RSVP@bentley.edu

Be sure to include the name of the event in the subject line of your message.

Check this out:
Here is a list of the Web design terms we covered in class on Wednesday, February 16. You should be able to define these terms and offer examples. I'll give you a little quiz next class. You should be especially comfortable with 1-7:

1. the "a" anchor element with its attributes href and name set as name-value pairs; what is the difference between these two attributes?
2. href="..."
3. name="..."
4. named fragment
5. bookmark
6. # sign
7. index.html#bob
8. nonbreaking space (nbsp) and one free blank space in HTML
9. nested table
10. internal navigation (nav) bar
11. matrix table
12. design best practices
13. replicate the navigation table
14. functional test in browser
15. functional specifications (specs)

Keep up with your reading and keep plugging away at assignment one. Remember, assignment one will be due one week later than originally scheduled.

Check this out:
Here is a list of the Web design terms we covered in class on Monday, February 7. You should be able to define these terms and offer examples. I'll give you a little "nonthreatening" oral quiz next class.

1. white space
2. cell padding
3. cell spacing
4. vertical and horizontal alignment in cell
5. high contrast of background/foreground
6. context-sensitive menu
7. fly-out menu
8. drop-down menu
9. power user keyboard shortcuts: ctrl s, x, v, n, w
10. save material to the clipboard
11. hyperlink recalculation
12. default page bg color = white #ffffff, black = #000000 (hex numbers)
13. ice design
14. jell-o design
15. liquid design
16. layers: page = 0 (default), table bg = 1, cell bg = 2, text foreground = 3
17. SEO (Search Engine Optimization)
18. KWIC (Key Word in Context, Google)
19. design control with tables

Be sure to fire up FrontPage prior to class to familiarize yourself with the IDE power, which can be a little daunting, I know. If you are having any trouble with the software, the terms we covered, or the readings, be sure to let me know.

Check this out: Here is a list of the Web design terms we covered in class on Thursday, February 2. You should be able to define these terms and offer examples. I'll give you a little "nonthreatening" oral quiz next class.

1. orphan page
2. source view
3. rendered (client) view
4. elements
5. attributes
6. %20
7. page components
8. domain (home) server
9. URL (Uniform Resource Locator)
10. HTTP, FTP
11. cache, F5, refresh
12. banner
13. H1, H2 tags (why important?)
14. title tag (why important?)
15. template, template-driven Web site
16. Web site functionality
17. global nav bar
18. folder and file naming conventions
19. hyperlink gray out
20. IDE (Integrated Development Environment)
21. metadata
22. client/server model
23. hierarchy (root, folder, subfolder, sub-subfolder, file)
24. signature
25. latest known-good state of the Web
26. scalability
27. FrontPage disk-based Web site versus server-based Web site
28. staging server
29. deployed server

Be sure to fire up FrontPage prior to class to familiarize yourself with the IDE power, which can be a little daunting, I know. If you are having any trouble with the software, the terms we covered, or the readings, be sure to let me know.

Be sure to work through this tutorial carefully before class. The thumbnail image to the left links directly to the PowerPoint Web tutorial (for your convenience).

The information in this tutorial is vital. Understanding this and undertaking the suggested "best practices" will save you a lot of grief as we proceed through the course. Be sure to ask questions that may occur to you as you study the slides in this tutorial. I have some real horror stories to share with you from students who did not take directory structures and Web backup seriously enough.

You may want to print out the tutorial before class (Web Site Directory PDF). That way you'll have the slides and my discussion notes right in front of you . . . and you can make any additional notes you might need right on the printout.

Once your directories are all put into good shape, here is an example of the kind of functionality your site will exhibit: Webmodel. WJB