IDCC 370: Web Design I   Spring 2008

Check this out: Here is a list of the terms introduced in our class meeting on Thursday, September 22, 2005. Please make sure that you understand the meaning of all these terms and phrases:

1. page IA (Information Architecture)
2. page or content specifications
3. technical specifications (tech specs)
4. functional specifications (functional specs)
5. aesthetic specifications (aesthetic specs): the rendered look and feel of the page; branding through images, colors, and typography in Webcentric media strategies
6. rendered Web site projects the brand or corporate image

If you have any questions about these terms, be sure to e-mail me at wbuchholz.

Remember, we will have a brief 3-5 term quiz at the beginning of the hour next class. I'd also like us to FTP out of Dreamweaver on Tuesday. Time permitting, we will begin our next design project using this Word doc about open communication in the workplace. I will provide specific directions on how to handle this document.

Have a jolly weekend. . . . you've earned it!

Check this out: Here is a list of the terms introduced in our class meeting on Tuesday, September 20, 2005. Please make sure that you understand the meaning of all these terms and phrases:

1. resample image
2. downsample image
3. upsample image
4. anti-alias
5. smoothing
6. interpolation algorithm (additional pixels added to fill gaps)
7. jaggies
8. pixelation
9. bitmap (jpeg or photograph)
10. table elasticity
11. layers as containers: page, table, cell, element
    
    If you have any questions about these terms, be sure to e-mail me at wbuchholz.

Check this out: Here is a list of the terms introduced in our class meeting on Thursday, September 15, 2005. Please make sure that you understand the meaning of all these terms and phrases:

1. workspace in Dreamweaver
2. keyboard shortcuts for power users
3. brochureware
4. white space
5. cell padding/cell spacing
6. matrix table in page design
7. pour content into the container (text and graphics on a page)
8. td = cell or table data
9. tr = table row
10. table size in pixels or per cent
11. let the page breathe
12. image or graphic thumbnail
13. crop graphic (image)
14. resample graphic (image)
15. bounding box
16. sizing handles (horizontal, vertical, diagonal)
17. constrain proportions (shift/diagonal arrow)
18. context menu
19. submenu flyout
20. liquid design (no table containing content)
21. jell-o (table size at %)
22. ice design (table size at pixel)
23. alt text = alternative text = tooltip
24. URL fragment, fragment identifier, pound sign
25. RGB (red, green, blue color system)
26. hex number, hexadecimal system (#45c933)
27. color palette
28. browser window constants = top and left; all placement of elements is relative to the top and the left of the browser window
    
    If you have any questions about these terms, be sure to e-mail me at wbuchholz.

This tutorial on tables may give you some additional insight into designing pages for the Web using the table as a matrix for all the elements (text, images, interactive components, programs, and the like). Please review this tutorial when you have some time (ahem). I hope to hit some of the highlights in class this coming week. Continue to keep up with your reading, and if you have a copy of Dreamweaver at this time, you should start building your assignment one.

Have a great weekend!

Check this out: Here is a list of the terms introduced in our third class meeting on Tuesday, September 13, 2005. Please make sure that you understand the meaning of all these terms and phrases:

1. toggle
2. web assets
3. helper application/files (Word, Excel, PowerPoint, Acrobat, and others)
4. URL = Uniform Resource Locator
5. relative URL (URL relative to the page linking: ../images/bill.jpg) Use within your own site.
6. absolute URL (http protocol + domain name + path to file (directory(ies) + page)) Use when linking to a site external to your own site.
7. metadata
8. minimize, restore down, close browser window
9. URL blank space translates to %20
10. peer/sibling documents
11. parent/child/sibling hierarchy
12. recursive hyperlinks (page A links to page B and page B links to page A; the Web)
13. self-linking pages (in a navigation bar, gray out the hyperlink of the current page)
14. left align, right align
15. justified
16. ragged right
17. ragged left
18. orphaned page: check out the end of the web: http://www.mythologic.net/end.html
    
19. liquid design (page elements take the shape of the ultimate container, the browser window)

If you have any questions about these terms, be sure to e-mail me at wbuchholz.

Take a look at this tutorial on XHTML. You will find in one place some detailed discussion of the concepts, terms, principles, and practices that we've been discussing in class over the last two weeks. Time permitting, we will go through some of this in class on Thursday or next Tuesday.

Check this out: Here is a list of the terms introduced in our second class meeting on Thursday, September 8, 2005. Please make sure that you understand the meaning of all these terms and phrases:

1. file naming conventions
2. animated gif
3. placeholder page
4. home page, fire page, start page
5. index.html
6. site shell
7. site prototype
8. fully functional model or prototype
9. wireframe
10. high fidelity prototype
11. medium fidelity prototype
12. low fidelity prototype
13. xhtml labeling hierarchy
14. global nav bar
15. page signature
16. directory hierarchy
17. root directory
18. folder/subfolder or directory/subdirectory
19. IA (information architecture)
20. page information architecture: inverted pyramid, H1-H6
21. nesting elements
22. container tags
23. element/attribute (property in Dreamweaver)
24. page title tag
25. SEO (Search Engine Optimization)
26. Browser back button and back button history
27. bookmarking a page
28. address bar icon drag and drop to desktop
29. URL (http + domain computer + root directory + subdirectory(ies) + page)

If you have any questions about these terms, be sure to e-mail me at wbuchholz.

Check this out:
Here are some important URLs for you regarding purchase of Dreamweaver. Don't do anything with these yet. I'll explain them to you in class.


http://www.journeyed.com/itemDetail.asp?T1=44581646

Macromedia

Trial download: http://www.macromedia.com/downloads/

Purchase for $99:

http://www.macromedia.com/cfusion/store/html/index.cfm?
event=displayEduConditions&store=OLS-EDU

http://www.macromedia.com/cfusion/store/index.cfm?store=OLS-
EDU#loc=en_us&view=ols_prod&store=OLS-
EDU&category=/Software/Development/StandAlones/DreamweaverMX
&distributionMethod=FULL

Remember, don't do anything with these until I explain all the possibilities in class.

Check this out: Here is a list of the terms introduced in our first class meeting on Tuesday, September 6, 2005. Please make sure that you understand the meaning of all these terms and phrases:

1. Top-tier navigation (nav) bar
2. top-level site navigation (nav)
3. entry page
4. top-level categories
5. gateway page
6. visual cue
7. mouseover
8. onMouseOver (JavaScript)
9. onMouseDown (JavaScript)
10. onMouseUp (JavaScript)
11. grayed out button
12. image swap (JavaScript)
13. breadcrumb trail
14. horizontal hierarchy
15. path analysis
16. template
17. create a page on the fly
18. dynamic/static page
19. Integrated Development Environment (IDE)
20. Web standards (W3C)
21. File Transfer protocol (FTP)
22. Hypertext Transfer Protocol (HTTP)
23. browser rendering
24. pixel level
25. pixelation
26. bitmap, jpeg (photograph)
27. XHTML/CSS
28. WYSIWYG
29. GUI

If you have any questions about these terms, be sure to e-mail me at wbuchholz.

Why Your Site Should be Developed with CSS and Semantic Markup: "One of the more recent developments in web design is the use of CSS and semantic markup. CSS and semantic web design has several benefits: clarity in code, browser and other web-enabled devices compatibility, seperation of content and presentation, smaller burden on bandwith, and better visibility to search engines. "