Download presentation
Presentation is loading. Please wait.
1
Review session for Web development
2
Time line of the internet history When was the ARPANET first demostrated? When did the NFSNet replace it? When did the email(ftp, www…) appear? Exact year not required, but you need to know the era.
3
Basics of Internet What are domain names? –www.lib.msu.edu www.lib.msu.edu
4
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
5
Universal Resource Locator: Static http://www.msu.edu/~urquhar5/tour/active.html www.msu.edu Domain Name - name of remote computer http:// identifies type of transfer /~urquhar5/tour/active.html File Location on Remote Computer This part is CasE SenSiTiVe.
6
Universal Resource Locator: Dynamic http://www.msu.edu/cgi-bin/redirect.cgi?q=LBS&site=Web www.msu.edu Domain Name - name of remote computer http:// identifies type of transfer Folder name /cgi-bin/ Server program name: redirect.cgi Argument of the server program: ?q=LBS&site=Web
7
Web Page Development Cycle EDIT and SAVE the file in your AFS p:\web\test.html TEST by BROWSING to the page http://www.msu.edu/~msunetid/test.html
8
HTML File Structure <HTML><HEAD></HEAD><BODY></BODY></HTML>
9
Essential HTML tags MSU MSU H1, H2, u, em.
10
Separation of Content and Presentation Content –Use tags like,,, or to indicate the structure of your pages
11
Hyperlinks in HTML Code Text for link Text for link Opening Tag Tag Attribute: URL Closing Tag Link text href = “Hyper Text Reference ”
12
Types of link Absolute link – – http://www.msu.edu Relative Link – – Email Link – – Anchor Link – –
13
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: 000000 Approximately 17 million combinations.
14
Graphics Types of graphics that can be insert into HTML –Jpeg –Gif What are they good for?
15
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!
16
Additional graphics features Graphics as link –How?
17
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
18
Layout design Two methods –Using table –Using layout view to draw layout cells. Dreamweaver automatically translate the layout table and cell to standard tables.
Similar presentations
