PATHNAMES LINKS BACKGROUND

 Pathnames in hyperlinks & image tags  Absolute pathnames: for links to web addresses  Relative pathnames: for links to files stored within the website PATHNAMES

 Full address of the file  Similar to giving someone your address  Example: 1356 West Street Amherst, MA  – html links ABSOLUTE PATHNAME

S:\hs\student\web designI\moriarty\  Absolute pathnames are problematic when linking to files in your website.  If website moves from its current location absolute links to files in the site will not work.  Link will look for folders that existed on a different computer. ABSOLUTE PATHNAME TO FILES

 C:\moriarty\powerpoint\links  S:\HS\Student\webDesign\moriarty\basic tags.html  As soon as I move the file to another computer that cannot access that particular C:\ or the S:\, the link fails EXAMPLE: ABSOLUTE PATHNAME PROBLEM

 Directions relative to this current place  Similar to giving someone directions to your house  “To get to my house from here, go out the door, and take a right. Walk down the hall about 15 feet and take another right...”  home  In this same folder, there is a file called “index.html” RELATIVE PATHNAMES

 Elvis is in the house  Inside the current folder, there is a folder called “images” and the folder has a file called “elvis.jpeg.”  tutorial 1  The folder that contains the current folder contains a folder called “assign” and that folder has a file called “tutorial1.html” RELATIVE PATHNAMES

 tutorial 1  Go up one level from the folder that contains this file, find the folder called assign, go into it and link to …” RELATIVE PATHNAMES

 tutorial 1  Go up two levels from the folder that contains this file, find the folder called assign, go into it and link to …” RELATIVE PATHNAMES

 Since relative pathnames are written in relation to each other, the entire website is portable. RELATIVE PATHNAMES

 Pathnames in hyperlinks and image tags  Absolute pathnames: for links to web addresses  Relative pathnames: for links to files stored within the website PATHNAME REVIEW

  Here’s my Mom!  Google HYPERLINKS

 Put it in the style section of the page  Body {background-image: url(images/grey.jpg);}  All pathname guidelines apply to background-image style rules  Download images to your site rather than link to images on the web BACKGROUND-IMAGE

 Background should not overwhelm the foreground  Good background is like a good referee: should not even notice it.  Background image repeats by default, like floor tiles  Be assertive when judging backgrounds BACKGROUNDS

 If background is too much, foreground is lost.  In that case, why put the page up?  Balance is critical BACKGROUNDS

 Study the CSS Background examples on W3Schools to learn about the many ways to display a background image  W3Schools Background W3Schools Background BACKGROUNDS