Docsity
Docsity

Prepare for your exams
Prepare for your exams

Study with the several resources on Docsity


Earn points to download
Earn points to download

Earn points by helping other students or get them with a premium plan


Guidelines and tips
Guidelines and tips

File Naming and Structure: Best Practices for Web Publishing in Dreamweaver - Prof. Peter , Study notes of Web Design and Development

Guidelines for naming and structuring files for web publishing using dreamweaver. It covers the importance of consistent file naming conventions, using lowercase letters, avoiding special characters, and giving files meaningful names. The document also explains the concept of a local root folder and the importance of maintaining a proper file structure for a website.

Typology: Study notes

Pre 2010

Uploaded on 08/19/2009

koofers-user-epi-1
koofers-user-epi-1 🇺🇸

5

(1)

10 documents

1 / 4

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
VC 237 :: Week 02 1 of 4 06 October 2008
— Demonstration Outline —
week::two
File Naming and Structure
Overview
o File naming conventions for Web publishing are much more restrictive
than in other types of media.
o It’s critical that HTML files be able to locate other HTML files in a
predictable and clear manner.
o File linking relies on the assumption that HTML, graphic and other files
remain in the same location they were in when the link was created.
o While incorrectly named or located files may work on your local
computer, you will run into problems when they are moved to a
different machine or uploaded to a Web server.
File Naming Rules and Conventions
o Do not use spaces; use an underscore ( _ ) instead
Good: about_chemeketa_community_college.html
Bad: about Chemeketa community college.html
o Do not use special characters
Characters to avoid: "!~:&()[]{},.<>\/
The / character is reserved for separating folder names in links
Good: winter_spring.html
Bad: winter&spring!.html
Bad: winter/spring.html
o Always use the correct suffix
Good: about_us.html
Good: management_team.jpg
Bad: home_page
o Always use lowercase letters
Good: aboutourservices.html
Bad AboutOurServices.html
o Name the first page of your site
index.html
This name has a special meaning when posted to a Web server.
It tells a Web server to display that page if no page is specified.
Also works for individual directories, not just for the home page.
Good: index.html
Bad: home_page.html
o Give your files meaningful names
Giving your files meaningful names will ease creating links between files.
Meaningful names also help users navigate your site.
Don't simply call your pages page1.html, page2.html, etc…
Good: our_services.html
Bad: page1.html
o When you have a numbered list of files, zero-pad the file names
By adding a zero before the 1st though 9th files, you ensure that the list will
always alphabetize correctly.
Good: 01.gif 02.gif 03.gif
Bad: 1.gif 2.gif 3.gif
pf3
pf4

Partial preview of the text

Download File Naming and Structure: Best Practices for Web Publishing in Dreamweaver - Prof. Peter and more Study notes Web Design and Development in PDF only on Docsity!

week::two

File Naming and Structure

Overview

o File naming conventions for Web publishing are much more restrictive

than in other types of media.

o It’s critical that HTML files be able to locate other HTML files in a

predictable and clear manner.

o File linking relies on the assumption that HTML, graphic and other files

remain in the same location they were in when the link was created.

o While incorrectly named or located files may work on your local

computer, you will run into problems when they are moved to a

different machine or uploaded to a Web server.

File Naming Rules and Conventions

o Do not use spaces; use an underscore ( _ ) instead

 Good: about_chemeketa_community_college.html  Bad: about Chemeketa community college.html

o Do not use special characters

 Characters to avoid: "!~:&()[]{},.<>/  The / character is reserved for separating folder names in links  Good: winter_spring.html  Bad: winter&spring!.html  Bad: winter/spring.html

o Always use the correct suffix

 Good: about_us.html  Good: management_team.jpg  Bad: home_page

o Always use lowercase letters

 Good: aboutourservices.html  Bad AboutOurServices.html

o Name the first page of your site index.html

 This name has a special meaning when posted to a Web server.  It tells a Web server to display that page if no page is specified.  Also works for individual directories, not just for the home page.  Good: index.html  Bad: home_page.html

o Give your files meaningful names

 Giving your files meaningful names will ease creating links between files.  Meaningful names also help users navigate your site.  Don't simply call your pages page1.html, page2.html, etc…  Good: our_services.html  Bad: page1.html

o When you have a numbered list of files, zero-pad the file names

 By adding a zero before the 1st though 9th files, you ensure that the list will always alphabetize correctly.  Good: 01.gif 02.gif 03.gif  Bad: 1.gif 2.gif 3.gif

Project File Structure

o Creating a proper file structure for your site is as important as correctly

naming them.

o It's strongly recommended that you establish your site structure

before you begin working on your site.

o To ensure that your site will work correctly when uploaded to a Web

server, you must store all of your publishable files within the same folder.

o This folder is called the Local Root Folder.

 Within this folder is where you place files you intend to publish on your Web site.  You can create sub-folders within the local root folder to help organize your files.

o You cannot use files that are outside of the Local Root Folder.

 Although Dreamweaver will allow you to do this, it’s not a good thing.  The files may work locally, but they will most definitely break when you move to a different computer or post them to a Web server.

o It can be troublesome to move your files around after you have begun

your site. Graphic links and hyperlinks can break if you attempt to

organize your files later in the process.

Sample Project File Structure

o Sample Structure Explanation

 For a project titled Project One (in the example above) there are two primary directories: html Contains the final html and images (.html, .gif & .jpg files) This is the Local Root Folder for this project. Source files Contains all of the working files (Photoshop, raw scans, logos)

 It’s OK to have sub-folders (in this case images and products) within this folder. These sub-folders help keep the files in your site organized and easy to locate.  Note: Folders are often called directories (primarily in Windows and UNIX/Linux). The two terms are interchangeable.

Dreamweaver Site Setup

o To create a site in Dreamweaver, select Site > New Site… and select

the Advanced tab. Don’t use the Basic “wizard” method—blah!

o Local Info options explained:

 Site name The name of the project you are working on. This is for Dreamweaver-use only.  Local root folder The folder on your local computer containing the HTML and image files used in the site. Click on the folder icon to the right of the text box to browse and locate your root folder.  Default images folder Allows you to tell Dreamweaver which folder to use for images.  Links relative to: Select Document unless you know the exact Web address and directory location of your site.  HTTP address Allows for site-wide link checking in Dreamweaver (not applicable at this stage)  Case-sensitive links: Always use this option—It follows our naming guidelines.  Enable cache Speeds up certain Dreamweaver functions. It's OK to leave this option checked.

o Don’t worry about the options below Remote Info at this point—none of

them are as critical as the top two.

o All of the files that are located in your Local Root Folder should now

appear in the Dreamweaver Site window.

Moving Files and Folders is Great in Dreamweaver

o File actions like moving, renaming and deleting performed in the

Dreamweaver Site window are mirrored on the files themselves.

o All links are updated when you move files.

Site Hints

o Always begin your Dreamweaver work by creating a Site for your site.

This will help reduce errors in your work, letting you focus on the

creative aspects instead of linking and file issues.

o When you add files to your root folder outside of Dreamweaver, the

Site window automatically updates and displays the new files.

o Pressing F8 will always open the last viewed Site window.