DOC PREVIEW
MSU LBS 126 - Web Review
Course Lbs 126-
Pages 18

This preview shows page 1-2-3-4-5-6 out of 18 pages.

Save
View full document
View full document
Premium Document
Do you want full access? Go Premium and unlock all 18 pages.
Access to all documents
Download any document
Ad free experience
View full document
Premium Document
Do you want full access? Go Premium and unlock all 18 pages.
Access to all documents
Download any document
Ad free experience
View full document
Premium Document
Do you want full access? Go Premium and unlock all 18 pages.
Access to all documents
Download any document
Ad free experience
View full document
Premium Document
Do you want full access? Go Premium and unlock all 18 pages.
Access to all documents
Download any document
Ad free experience
View full document
Premium Document
Do you want full access? Go Premium and unlock all 18 pages.
Access to all documents
Download any document
Ad free experience
View full document
Premium Document
Do you want full access? Go Premium and unlock all 18 pages.
Access to all documents
Download any document
Ad free experience
Premium Document
Do you want full access? Go Premium and unlock all 18 pages.
Access to all documents
Download any document
Ad free experience

Unformatted text preview:

Review session for Web developmentTime line of the internet historyBasics of InternetDomain namesUniversal Resource Locator: StaticUniversal Resource Locator: DynamicWeb Page Development CycleHTML File StructureEssential HTML tagsSeparation of Content and PresentationHyperlinks in HTML CodeTypes of linkColor Control CodesGraphicsGraphics in HTMLAdditional graphics featuresGeneral steps of web site designLayout designReview session for Web Review session for Web developmentdevelopmentTime line of the internet historyTime line of the internet historyWhen was the ARPANET first When was the ARPANET first demostrated?demostrated?When did the NFSNet replace it?When did the NFSNet replace it?When did the email(ftp, www…) appear?When did the email(ftp, www…) appear?Exact year not required, but you need to Exact year not required, but you need to know the era.know the era.Basics of InternetBasics of InternetWhat are domain names?What are domain names?–www.lib.msu.eduwww.lib.msu.eduDomain namesDomain namesWhat are first level, second level domain names?What are first level, second level domain names?.com .org .edu are top level domains, which .com .org .edu are top level domains, which specify the category of the domain name user.specify the category of the domain name user.Second level domain name gives the entity’s Second level domain name gives the entity’s name. This must be unique in the top level name. This must be unique in the top level domain.domain.Low level domain gives the server’s name. Low level domain gives the server’s name. What is the difference between a domain name What is the difference between a domain name and a URLand a URLUniversal Resource LocatorUniversal Resource Locator: Static: Statichttp://www.msu.edu/~urquhar5/tour/active.htmlwww.msu.eduDomain Name - name of remote computerhttp://identifies type of transfer/~urquhar5/tour/active.htmlFile Location on Remote ComputerThis part is CasE SenSiTiVe.Universal Resource LocatorUniversal Resource Locator: : DynamicDynamichttp://www.msu.edu/cgi-bin/redirect.cgi?q=LBS&site=Webwww.msu.eduDomain Name - name of remote computerhttp://identifies type of transferFolder name /cgi-bin/Server program name: redirect.cgiArgument of the server program: ?q=LBS&site=WebWeb Page Development CycleWeb Page Development CycleEDIT and SAVE the file in your AFSp:\web\test.htmlTEST by BROWSING to the page http://www.msu.edu/~msunetid/test.htmlHTML File StructureHTML File Structure<HTML><HTML><HEAD><HEAD></HEAD></HEAD><BODY><BODY></BODY></BODY></HTML></HTML>EssentialEssential HTML tags HTML tags<HTML> </HTML><HTML> </HTML><head> </head><head> </head><body> </body><body> </body><p> </p><p> </p><a href=“http://www.msu.edu/”> MSU </a><a href=“http://www.msu.edu/”> MSU </a><img src=“filename.jpg”><img src=“filename.jpg”>H1, H2, u, em.H1, H2, u, em.Separation of Content and Separation of Content and PresentationPresentationContentContent–Use tags like Use tags like <h1>, <h2>, <p>, <em><h1>, <h2>, <p>, <em> or or <li><li> to indicate the to indicate the structurestructure of your of your pages pagesHyperlinks in HTML CodeHyperlinks in HTML Code<a href=“URL”><a href=“URL”>Text for linkText for link</a></a>Opening TagTag Attribute: URL Closing TagLink texthref = “Hyper Text Reference ”Types of linkTypes of linkAAbsolutebsolute link link –<a href=“<a href=“http://http://www.msu.eduwww.msu.edu”> </a>”> </a>Relative LinkRelative Link–<a href=“resume.html”> </a><a href=“resume.html”> </a>Email LinkEmail Link–<a href=“mailto:[email protected]”> </a><a href=“mailto:[email protected]”> </a>Anchor LinkAnchor Link–<a href=“#AnchorName”> </a><a href=“#AnchorName”> </a>Color Control CodesColor Control CodesComputer monitors combine Red, Green and Blue Computer monitors combine Red, Green and Blue (RGB) in various amounts(RGB) in various amountsHexadecimal codes tell the computer how much Hexadecimal codes tell the computer how much Red, Green and Blue to display Red, Green and Blue to display –Red:Red: FF0000FF0000–GreenGreen::00FF0000FF00–BlueBlue: : 0000FF0000FF–Other colors? Combinations! Other colors? Combinations! YellowYellow = FFFF00 = FFFF00–White:White: FFFFFFFFFFFF–Black:Black: 000000000000Approximately 17 million combinations.Approximately 17 million combinations.GraphicsGraphicsTypes of graphics that can be insert into Types of graphics that can be insert into HTMLHTML–JpegJpeg–GifGifWhat are they good for?What are they good for?Graphics in HTMLGraphics in HTMLFirst step: Copy the graphics into your web First step: Copy the graphics into your web folder, because graphics is NOT embedded in folder, because graphics is NOT embedded in HTML.HTML.<img src=“URL”> <img src=“URL”> oror <img src=“file.name”> <img src=“file.name”> Can include size parametersCan include size parameters–<img src=“URL” height=80 width=240><img src=“URL” height=80 width=240>–<img src=“<img src=“dru.gifdru.gif” height=25 width=100>” height=25 width=100>Note: No closing tag!Note: No closing tag!Additional graphics featuresAdditional graphics featuresGraphics as linkGraphics as link–How?How?General steps of web site designGeneral steps of web site designSurveySurvey–Who’s my audience Who’s my audience –Decide the general styleDecide the general styleOrganize informationOrganize informationLayout designLayout designTemplate designTemplate designImplementationImplementation–Generating content page from template.Generating content page from template.Testing the web siteTesting the web sitePublishingPublishingLayout designLayout designTwo methodsTwo methods–Using tableUsing table–Using layout view to draw layout cells.Using layout view to draw layout cells.Dreamweaver automatically translate the Dreamweaver automatically translate the layout table and cell to standard tables.layout table and cell to standard


View Full Document

MSU LBS 126 - Web Review

Course: Lbs 126-
Pages: 18
Download Web Review
Our administrator received your request to download this document. We will send you the file to your email shortly.
Loading Unlocking...
Login

Join to view Web Review and access 3M+ class-specific study document.

or
We will never post anything without your permission.
Don't have an account?
Sign Up

Join to view Web Review 2 2 and access 3M+ class-specific study document.

or

By creating an account you agree to our Privacy Policy and Terms Of Use

Already a member?