Building a Website: Site Management. Fall 2013. Introduction. Web page consists of a collection of varied files HTML images CSS Flash movies Etc. Must all work together Broken link or missing graphic can interfere with the operation of entire site A good site has
Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.
Building a Website:Site Management Fall 2013
Introduction • Web page consists of a collection of varied files • HTML • images • CSS • Flash movies • Etc. • Must all work together • Broken link or missing graphic can interfere with the operation of entire site • A good site has • Each to understand structure • Content is divided into logical sections with a prominent navigation bar
Organize via Folders • One primary folder – the root folder • Holds all the site’s web pages, graphics, and other files used in the ssite • Root folder is subdivided into subfolders for better organization
Site Folder -- home Typical Folder Structure Index.html contacts.html css global.css classified horoscopes features Index.html images 2004 2005 2006 img home global nav nav_store-f3.gif nav_store-f2.gif nav_horoscope_f3.gif.gif
Layout for Small Web Sites • lilliec – This is the root folder for my site • images – subfolder • All images on he site go here • scripts – subfolder • This is where I put layout.css • page2 – subfolder with .html files for page 2 • page3.html – the file that will display in browser window • Other files and folders for page2 • page3 – subfolder with .html files for page 3 • page3.html – the file that will display in browser window • Other files and folders for page2 • index.html – the file that is loaded when a user enter www.uncp.edu/home/lilliec in the browser address space
Guidelines for Effective site Organization • Use understandable names • Don’t use names such as 1a.gif, zDS.html, or f.css • Use names like site_logo.gif or directions.html • Be reasonable with the names this_is_the_image_that_goes_in_the_upper_right_corner_of_the_home_page.gif is probably not a good name • Be consistent
FAQ • Why so many files named index.html? • If you type www.uncp.edu into a web browser, the browser goes to that location and looks for a file named index.htm, index.html, index.php. If one of those files are not in that location you will get an error message. Otherwise you would have to type www.uncp.edu/filename.html • For example, my web page is at www.uncp.edu/home/lilliec/index.html To get to it you only need to type www.uncp.edu/home/lilliec/
Site Map • Local View: shows the files in your local root folder • Map View: shows a map of your site • Remote View: Shows files on the Web server in the remote root folder • Testing Server: used when creating dynamic database driven site
Local View • Move or rename a file • Do this within Dreamweaver’s files panel, Dreamweaver will try to update all files that reference that name or location.