Review session for Web development
Time line of the internet history When was the ARPANET first demostrated? When did the NFSNet replace it? When did the (ftp, www…) appear? Exact year not required, but you need to know the era.
Basics of Internet What are domain names? –
Domain names What are first level, second level domain names?.com.org.edu are top level domains, which specify the category of the domain name user. Second level domain name gives the entity ’ s name. This must be unique in the top level domain. Low level domain gives the server ’ s name. What is the difference between a domain name and a URL
Universal Resource Locator: Static Domain Name - name of remote computer identifies type of transfer /~urquhar5/tour/active.html File Location on Remote Computer This part is CasE SenSiTiVe.
Universal Resource Locator: Dynamic Domain Name - name of remote computer identifies type of transfer Folder name /cgi-bin/ Server program name: redirect.cgi Argument of the server program: ?q=LBS&site=Web
Web Page Development Cycle EDIT and SAVE the file in your AFS p:\web\test.html TEST by BROWSING to the page
HTML File Structure <HTML><HEAD></HEAD><BODY></BODY></HTML>
Essential HTML tags MSU MSU H1, H2, u, em.
Separation of Content and Presentation Content –Use tags like,,, or to indicate the structure of your pages
Hyperlinks in HTML Code Text for link Text for link Opening Tag Tag Attribute: URL Closing Tag Link text href = “Hyper Text Reference ”
Types of link Absolute link – – Relative Link – – Link – – Anchor Link – –
Color Control Codes Computer monitors combine Red, Green and Blue (RGB) in various amounts Hexadecimal codes tell the computer how much Red, Green and Blue to display –Red: FF0000 –Green:00FF00 –Blue: 0000FF –Other colors? Combinations! Yellow = FFFF00 –White: FFFFFF –Black: Approximately 17 million combinations.
Graphics Types of graphics that can be insert into HTML –Jpeg –Gif What are they good for?
Graphics in HTML First step: Copy the graphics into your web folder, because graphics is NOT embedded in HTML. or or Can include size parameters – – Note: No closing tag!
Additional graphics features Graphics as link –How?
General steps of web site design Survey –Who’s my audience –Decide the general style Organize information Layout design Template design Implementation –Generating content page from template. Testing the web site Publishing
Layout design Two methods –Using table –Using layout view to draw layout cells. Dreamweaver automatically translate the layout table and cell to standard tables.