CS 101 Dec 4 HTML Web issues Project

CS 101 – Dec. 4 • HTML • Web issues • Project examples • Reviews on Monday & study day

Making Web pages • Web pages written in HTML. 2 ways… • Type in HTML code in text editor. – Enter “tags” as you go. • Use “web generator” such as Dreamweaver – WYSIWYG

HTML format • Web browsers read HTML files. <html> <head>. . . </head> <body>. . . </body> </html> • Head section is optional • Body contains material to appear in browser window.

Minimal example <html> <body> Hello! </body> </html> • The simplest Web page contains text. – Can format with various font commands …

Common tags • • h 1, h 2, etc. = headings br = line break p = paragraph ol, ul, li = used for lists hr = horizontal rule b, i = bold or italic sub, sup = subscript or superscript

Examples • 7 <sup> th </sup> • Who wrote <i> Das Rheingold </i> ? • <ul> <li> Gold </li> <li> Silver </li> <li> Bronze </li> </ul>

Privacy & Cache • Different browsers & versions behave slightly differently…. • Issues – security on site (https: // – browser cache – cookies or • Browsing anonymously – www. anonymouse. org – ads based on your location . shtml)

Web issues • • • Check date of article Check for corroborating info Mistakes & bias Some things harder to find on the Web? Combine 2+ sites – Searching for airfares, hotels • Remembering a site – Cookie – Browser’s cache

Course outline • Binary representations – – Numbers Text Images Linear vs. nonlinear information • Excel – Formulas, functions – Tools: Solver, Goal seek, sorting, pivot tables … • Computer organization – Logic gates & Finite automata – Instruction execution & pipelining

continued • Memory system • Access – Queries, relationships, etc. • Problem solving – Recipes – Program structure – Javascript • Hypertext, Web, Dreamweaver

continued • Operating systems – Responsibilities – Process scheduling • Image processing – Filter functions – Photoshop • Communication