Page 36 - CC2017_DW_Look_Inside

4. Repeat Steps 1–3 to rename menu2.html as lunch-menu.html.

5. Continue to the next exercise.

Understanding Web File Naming Conventions

Consider everything else to be “illegal,” including:
Because different servers run on different operating systems,
DREAMWEAVER FOUNDATIONS • a through z (use only lowercase letters) • Brackets of all kinds, including ( ), [ ], { }, and < >
the safest way to name pages is to use only characters that
• Spaces
are guaranteed to work perfectly:
• Symbols, including #, @, %, ~, |, *, and &
• 0 through 9
• Quotation marks, both double (“ ”) and single (‘ ’)
• Hyphen (great-site.html)
• Slashes, both back slashes (\) and forward slashes (/)
• Underscore (great_site.html)
• Commas, periods, question marks, and exclamation
points
• Uppercase characters

Some designers use CamelCase — uppercase letters at the beginning of each word within a file name, such as
UniversalStudios.html. The problem with mixing the lettercase is that some Web server software is case-sensitive and some
is not. Most Windows-based Web server software is not case-sensitive, but UNIX- and Linux-based Web server software is
case-sensitive. Considering that many Web servers run on UNIX- or Linux-based computers, it’s best to use only lowercase
file and folder names.

CreAte doCument titles For indiViduAl PAges
Appropriate document titles are an important concern for both search engines and
site visitors. While the document title does not appear within the body of a Web page,
it does appear in the title bar of the browser, as the default name of the page in the
Bookmarks or Favorites list, and as the page name in search-engine results pages.
Page titles should be relatively short, around 70 characters or so to avoid their
being truncated in various locations (such as a user’s Bookmarks/Favorites list). You
should separate the components of the title with some type of divider, such as a
colon (:) or pipe (|) character.
In this exercise, you add document titles to the new pages to increase the pages’
search engine rankings and improve usability for visitors who find the pages in search
engines and bookmarks. You also learn to use the Find and Replace function, which
can greatly reduce the amount of effort required to create all of the document titles.

1. With the Kinetic site open in the Files panel, open index.html.

2. Click the Split button in the Document toolbar to show both the Code and
Design views at one time.

50 Project 1: Bistro Site Organization