CS 111 – Oct. 4 Web design –HTML –Javascript Commitment: –This week, read sections 4.3 – 4.5.

HTML Stands for: HyperText Markup Language Hypertext means a text document that contains links to other documents Also may contain multimedia. HTML is interpreted by a browser.html file contains content as well as formatting and layout commands Dreamweaver can hide these details from you

HTML (2) File format … Head section is optional Body contains material to appear in browser window. What does simplest Web page look like?

Common tags h1, h2, etc. = headings br = line break p = paragraph b, i = font should be bold or italic hr = horizontal rule ol,ul, li = used for lists sub, sup = subscript or superscript text to underline

Javascript Can write simple programs with little or no prior experience Purpose of JS is to give some interactive “life” to Web pages. Works with a Web browser. –First, create HTML file using editor or Dreamweaver. –Refresh the browser when you make a change. Online guide for general reference – –We’re only going to scratch the surface

Simple JS features Printing a message Using variables Looking up the time Making choices Doing something several times (a loop) A form inside HTML –Can create form object in Dreamweaver. –In Javascript, write instructions on how to handle the input.