1. This words in this file do not wrap to the margins because soft returns (which automatically wrap words, as opposed to hard returns which the user inserts in a specific place for a return) were not included in the code. In fact, there is no HTML code at all in this file, just the text to display on the webpage.
2. This file uses word wrap but the text is displayed in one run-on paragraph because the file is saved as .html rather than .txt. Code should be used to indicate where the user wants the text to go, but is not used. This file does have an HTML source view but no code is apparent.
3. The header and footer in this file run together because there is no HTML indicating returns or differences in font size. The text uses word wrapping so it stays inside the resized window.
4. The styling of the header and footer comes from the HTML code <h> (and <h/> to close) indicating header and <#> (and <#/> to close) indicating the size of the header.
5. This file uses a CSS style code to insert color. It is otherwise identical to the fourth file.
6. This file again uses a CSS style code to insert background and font colors. The web designer also embedded a URL in the word "Questionnaire" using an external style file.
Friday, February 15, 2013
According to this article, the Web is undergoing a great transformation into Web 2.0, in which websites are designed more like software in the way they communicate and use information. More and more websites are making their APIs (application programming interfaces) more widely available for third-parties to use or add on to. Amazon's BookBurro, for example, allows the consumer to compare prices on the same book by encouraging book sellers to incorporate their information into the website. Flickr and Twitter are very tuned into consumers' mindsets in that they allow users to search for related images/posts using hashtags (#). While I do not understand how this works or exactly what an API is, it is clear from this article that this is an important step forward in Web design for the consumer and for the third-party company.
CSS Zen Garden offers a number of interesting webpage layouts. I particularly enjoyed Make 'em Proud (http://www.csszengarden.com/?cssfile=/212/212.css&page=0) and Under the Sea (http://www.csszengarden.com/?cssfile=/213/213.css&page=0) because they are both artistically well-thought out and visually pleasing. I like the bottom border of photos and drawings in Under the Sea as well as the side illustrations of sea creatures. I also love the graphic art feel of Make 'em Proud. The artistic additions in both of these pages are interesting and supplement the webpage material without interfering with comprehension or structure of the content.