Web Authoring Procedures

Select a topic from the left menu,
or click All Topics for a printable version.

Overview

How to create and edit Web pages for the CSU Libraries site using:

Policies, procedures and guidelines

Templates

New CSU Libraries Web pages should use the templates provided on the T: drive in the T:\WebTeam\templates folder. You can also see how they will look when uploaded.

Choose one of these templates:

  • Use template.html for a simple page layout.
  • Use template-leftnav-only.html for a page with a left navigation bar. This is the recommended layout for most subsites.
  • Use template-rightnav-only.html for a page with a right navigation box. The right navigation box is best for related links that are not part of the subsite navigation, or related content that is not the main focus of the page.
  • Use template-topnav-only.html for a page with a top navigation bar. The top navigation bar is useful for a subsite that has only a few major sections.
  • Use template-columns.html for a page with two left columns and a right navigation box. This is best for a page with long, narrow lists.
  • Use template-leftnav.html for a left navigation bar with a right navigation box and top navigation.

Tips for choosing file names

  • Use the extension .html. (.htm and .shtml will work but are not consistent with other pages.)
  • Use only letters, numbers and - to separate words. Avoid uppercase, underscore and spaces.
  • Use real English words. Avoid abbreviations and acronyms.
  • Use words from the title that describe the content and are likely to be used as search terms for this specific page.
  • Keep it as short as possible, ideally one to three words.

Copy a template to your computer and rename it

Using Internet Explorer, Windows Explorer or My Computer

This is recommended instead of using a Web authoring tool, since there is less chance of broken links.

  1. Open Internet Explorer, Windows Explorer or My Computer.
    • Click Start, move to All Programs, move to Accessories, and click Windows Explorer.
    • Or: Click Start, move to All Programs, and click Internet Explorer.
    • Or: Double-click My Computer on the Desktop.
    • Or: Click Start and click Run....
  2. Click My Computer, double-click LibraryShared (\\acnsfile.acns.colostate.edu) (T:), and double-click the template folder.
    • Or: In the Address or Open box, type T:\WebTeam\templates and press Enter.
  3. Copy the file to the Desktop or other folder such as My Documents where you want to work on the file.
    • Right-click the template you want to use and click Copy, or click the Edit menu and click Copy.
      Right-click the Desktop or a folder such as My Documents and click Paste.
    • Or: Drag the template to the Desktop or another folder.
      (If you are dragging to another folder within the same T: drive, you will need to drag with the right mouse button and click Copy here.)
  4. Rename the page.
    1. Right-click the pasted file on the Desktop or folder and click Rename.
    2. Type a name for the page.
      • Include the extension .html only if the template file showed an .html extension.
        (Otherwise the file could be named with two extensions, e.g. filename.html.html.)
    3. Press Enter.

Using Dreamweaver

  1. Open Dreamweaver.
  2. Click File, Open or press Ctrl+O.
  3. Click My Computer, double-click LibraryShared (\\acnsfile.acns.colostate.edu) (T:) and double-click the template folder.
    • Or: In the File name: box, type T:\WebTeam\templates and Press Enter.
  4. Double-click the template file to open it.
  5. Immediately (before making any changes, so you won't forget and to prevent losing changes), click File, Save As.
  6. Click the My Documents or Desktop button, or navigate to the folder where you want to save the file.
  7. Type a name for the page.
    • Include the .html extension unless you know your authoring tool is set up to save with the .html extension.
      (Otherwise it may be saved with a different extension such as .htm, or none.)
  8. Click Save.
    • If Dreamweaver asks to Update Links?, click No.

Copy an existing page from the Web server to your computer

You should do this every time you want to make a change, to assure that your copy is up to date with what is on the server. Keep in mind that the Web Team sometimes needs to change individual files or groups of files on the server to enforce standards.

  1. Open Internet Explorer, Windows Explorer or My Computer, or click Start and click Run....
  2. In the Address or Open box, type \\lib2.colostate.edu\lib and Press Enter.
    • If you are prompted for a password, contact the Web server administrator Greg Vogl (491-4394) to add an account on the Web server for you. (You will not need a password once an account has been created.)
  3. Double-click the folder(s) where the file is located.
  4. When you see the file, right-click it and click Copy, or click the Edit menu and click Copy.
  5. Right-click the Desktop or a folder such as My Documents where you want to work on the file and click Paste.

This is the recommended method instead of using a Web authoring tool, since there is less chance of broken links.

Important: You should not create a copy of a Libraries Web page by saving it from Internet Explorer or other browser, since SSI code (e.g. in the Libraries header and footer) will be inserted, and the Web Team will have to remove it manually.

Map a drive to the Web server

For convenience, you can map the Web server html directory to an unused drive letter on your computer. You should only need to do this once. These instructions assume you are using Windows 7.

  1. Open File Explorer, Windows Explorer or My Computer.
  2. Click on This PC or the Computer icon in the left navigation, if it isn't already selected.
  3. Click Map network drive.
  4. Select an unused drive letter (e.g. W: for Web).
  5. Type \\lib2.colostate.edu\html.
  6. Check the Reconnect at logon or Reconnect at sign-in box.
  7. Click Finish.
  8. If you are asked for a username and password, enter colostate\eName and your colostate domain password (which is your ePassword).
    If this doesn't work, you may need to contact Greg Vogl or LTS staff to create an account for you on the web server and check your eID.

To access the html directory from now on, simply go to the W: drive.

Note: Web Team site administrators should use \\lib2.colostate.edu\html_writeable for write access to the server.

Map a Network Drive in Windows 8

Map a Network Drive in Windows 7

Open a Web authoring tool

Using Dreamweaver

  1. Click Start, move to All Programs, move to Macromedia, and click Macromedia Dreamweaver MX 2004.

Configure a Web authoring tool

These configuration steps are usually necessary only once, but they can help you to comply with accessibility and coding standards. Many of these options are already set correctly by default, but check to be sure.

Using Dreamweaver

  1. Click the Edit menu and click Preferences, or press Ctrl+U.
  2. For an explanation of any of the visible options, click the Help button at any time.
  3. In the Category column, click the General item.
    1. Under Document options, set Updating links when moving files to Prompt.
      (If it is set to Always, you will not notice when you accidentally change links when moving a file.)
    2. Under Editing options,
      1. Check Use <strong> and <em> in place of <b> and <i>.
      2. Check Use CSS instead of HTML tags.
      3. Uncheck Allow multiple consecutive spaces.
  4. Click the Code Format item.
    1. Set Default tag case to <lowercase>.
    2. Set Default attribute case to lowercase="value".
    3. Check the Tags, Attributes and No break after TD boxes.
    4. For Centering select Use DIV tag.
  5. Click the Code Hints item.
    • Check the Enable auto tag completion and Enable code hints boxes.
  6. Click the Code Rewriting item.
    • Check all six boxes (most important is Fix invalidly nested and unclosed tags).
      (When editing existing HTML documents, some code problems will be automatically fixed when the document is opened.)
  7. Click the Invisible Elements item.
    • Check the Server-Side includes box.
      (This is useful for testing how the document will look with the included document(s) such as header, footer and navigation bar. Uncheck this box if you have noticed that included content such as navigation bars are blocking your ability to edit the content.)
  8. Click the New Documents item.
    • Check the Make document XHTML compliant box.
      (This assures that the document will use the newest HTML standard.)
    • The default extension is .htm but you can change this to .html as follows.
      1. Open the configuration file C:\Program Files\Macromedia\Dreamweaver MX 2004\Configuration\DocumentTypes\MMDocumentTypes.xml.
      2. Change winfileextension="htm,html,shtml,shtm,stm,tpl,lasso,xhtml" to winfileextension="html,htm,shtml,shtm,stm,tpl,lasso,xhtml" in the third line of code.
      3. Save your changes and restart Dreamweaver.
    • To edit Perl and CGI files,
      1. Search Adobe Exchange for perl, and sort by downloads.
      2. Download the Perl Support extension by Chris Bank.
      3. Double-click the PerlSupport1.mxp file to install it.
      4. Locate PerlDocumentType.xml which may be in C:\Documents and Settings\{your name}\Application Data\Macromedia\Dreamweaver 8\Configuration\DocumentTypes\ or C:\Users\{your name}\AppData\Roaming\Microsoft\Windows\Recent.
      5. Open PerlDocumentType.xml (in Notepad if necessary).
      6. Add cgi to the winfileextension attribute: winfileextension="pl,pm,cgi"
      7. Restart Dreamweaver.
  9. Click OK.

Open a file

  1. Click the File menu and click Open or press Ctrl+O or click the Open icon Dreamweaver open icon in the standard toolbar.
  2. Navigate to the folder and HTML file you want to open, e.g. your local copy of the template file you just created.
  3. Double-click the file, or click it once and click the Open button.

Switch views

In Dreamweaver, there are three ways to view a Web document.

  • Design view shows how the page will appear in a Web browser. This is where you will do most of your work.
  • Code view shows the HTML code. This is useful for editing tags that do not appear in public view, and for correcting code problems.
  • Split view shows both code and design views, one above the other. This is useful for immediately seeing the effects of your changes to the code (and learning HTML).

To change between views,

  • Dreamweaver viewsIn Dreamweaver, click the Code, Split or Design button just above the page content, on the left, in the Document toolbar.

Title

Note: When replacing the template content with your content, make sure to remove the square brackets [ ].

Every page should have a title.

The title tag appears within the head section of the HTML document. The page title should briefly describe the page contents, and end with subsite or department - Libraries - Colorado State University.

  1. Click the Code or Split button or tab to view the HTML code. Find the title tag.
    • <title>CSU Libraries: [Type your title here]</title>
    • (In Dreamweaver, you can also edit the title in the Title: box in Design view.)
  2. Change this line to include your title.
    • <title>CSU Libraries: Web Authoring Information: Procedures</title>

Author, Contact and E-mail

Meta tags

Meta tags also appear within the head section of the HTML document. You can insert meta tags using Code view, or:

  • In Dreamweaver, click the Insert menu, move to HTML, move to Head Tags, and click Meta. In the Value: box, type author. In the Content: box, type the author's first and last name. Click OK.

Every page should have author, contact and email meta tags.

Meta author tag

The meta author tag should contain the name of the person who is responsible for maintaining the page (and not an alias or distribution list). This author will receive a copy of the bimonthly LinkScan error report.

  1. Switch to Code view. In the templates, find the meta author tag.
    • <meta name="author" content="[Firstname Lastname]">
  2. Change this tag to include your name.
    • <meta name="author" content="Greg Vogl">

Meta contact tag

The meta contact tag should contain the name of the person or group who should be contacted about the page content. It will automatically appear in the footer as Content: Firstname Lastname. If this tag is missing, the meta author tag will be used for the contact.

  1. Switch to Code view. In the templates, find the meta content tag.
    • <meta name="contact" content="[Firstname Lastname]" />
  2. Change this tag to include your name.
    • <meta name="contact" content="Greg Vogl" />
    • <meta name="contact" content="Web Team" />

Meta email tag

The meta email tag should contain the email address of the person or group who should be contacted about the page content. It will automatically appear in the footer as a link to the comments form.

  1. Switch to Code view. In the templates, find the meta email tag.
    • <meta name="contact" content="[Firstname.Lastname]" />
  2. Change this tag to include your e-mail address.
    1. * For a person, use the first.last name for the email.
      (This creates a link labeled Content: Greg Vogl to send comments to Gregory.Vogl@colostate.edu.)
      • <meta name="email" content="Gregory.Vogl" />
      • Make sure that the first.last name appears exactly as it does in the CSU directory.
    2. * For a department, unit or group, use the library alias (distribution list) for the email.
      (This creates a link labeled Content: Web Team to send comments to library_dl_research_and_development@mail.colostate.edu.)
      • <meta name="email" content="webteam" />
      • Make sure that the group address appears exactly as it does in the list of Libraries mailing lists.
        • If the address is not listed and you are unsure what it is, contact Brian Gilbert.
      • Note: Although distribution lists all automatically have library_dl_ prepended to them, some email accounts such as emailref, reshelp and development will not.
    3. To use an e-mail form instead of an e-mail address, use the URL of the form.
      (This creates a link labeled Content: Database Coordinators to the form /contact/databases.)
      • <meta name="email" content="/contact/databases" />
  3. If the contact and email meta tags are missing or blank, the script will assume that they are the same as the author.

Keywords and Description

Also see the tip sheet on search engine optimization.

Meta keywords tag (optional)

The meta keywords tag should contain a list of keywords (or keyphrases) that describe the page. Use groups of one or more words, separated by commas for readability, that describe the content of the page and might be chosen by real users when searching for the page. Keep it short (less than 200 characters). (It is not used by Google but can be helpful in search engine optimization.)

  1. Switch to Code view. In the templates, find the meta keywords tag.
    • <meta name="Keywords" content="[Type descriptors here]">.
  2. Change this tag to include your keywords.
    • <meta name="Keywords" content="Web authoring procedures, create or edit web pages, Libraries Web authors, Web page templates, Dreamweaver">

Meta description tag (optional)

The meta description tag should be a short paragraph of a few short sentences (less than 200 characters) describing the page content. It should include keywords. (It often appears in search result text of Google and other search engines.) It looks something like this:

<meta name="description" content="Create or edit Libraries Web pages using Web page templates and Dreamweaver. These Web authoring instructions are for Libraries Staff Web authors.">

Create headings

Dreamweaver style menu with headings

The first content in your page after the header should be your page heading. It should describe the page content, be brief and repeat the keywords in the title. It should be formatted using Heading 1 (the h1 tag in Code view).

  1. In the template, switch to Design view and select the text [Type your header here].
  2. Change this to be your page heading.

If your page is more than one paragraph long, you may want to use subheadings to display parts of the page. Subheadings should also use keywords.

  1. Type the text of the subheading.
  2. Select the text.
  3. Format the subheading using the Heading 2 style (the h2 tag in Code view).
    • In Dreamweaver, select Heading 2 from the Format menu in the Properties window.

Tip: It is also a good idea to use headings and other styles in Microsoft Word, for ease of maintenance, outlining, and conversion to Web pages using copy and paste.

Create lists Dreamweaver lists: bulleted list, numbered list, decrease indent, increase indent

Lists are good for displaying several short items, such as an outline, table of contents, menu or instructions.

  1. Decide which type of list is appropriate.
    • Use bulleted lists for unordered items, such as a menu or a list of links.
    • Use numbered lists for sequentially ordered items, such as an outline or instructions.
  2. Click the appropriate list icon button.
    • Click the bulleted list icon, or use the ul tag in Code view.
    • Click the numbered list icon, or use the ol tag in Code view.
  3. Type a list item and press Enter. A new list item will be started. Press Enter twice to finish the list.
  4. To change several lines or paragraphs into a list of items, or change between bulleted and numbered lists, select them and click one of the list icons.
  5. To create a nested list, select the list items to nest and click the Increase Indent or Text Indent icon (lines and right arrow).

Create tables

Tables are useful for putting information in rows and columns. Tables should not normally be used for page layout.

Using Dreamweaver

Dreamweaver insert table
  1. Select the Insert menu and select Table, or press Ctrl+Alt+T, or click the table button Dreamweaver table icon on the Common toolbar.
  2. In the Table size section, enter numbers for rows and columns.
    • Enter a table width, border thickness, cell padding and cell spacing if desired.
  3. In the Header section, select None, Left, Top or Both.
  4. In the Accessibility section, enter a caption and summary.
  5. Click OK.
  6. Click in any cell to enter text.
  7. To select the table, or a row, column or cell:
    • Click the table border, drag cells, or click the top of a column or left of a row.
  8. To modify properties of a selected table, row, column or cell:
    • Use the Properties window at the bottom of the screen.
  9. To insert or delete rows or columns, or merge or split or cells:
    1. Right-click the selection, or select the Modify menu.
    2. Move to the Table submenu.
    3. Select the action you want to perform.

Dreamweaver table properties

Dreamweaver cell properties

For more details, see the CTSS Dreamweaver Tables and Layout Tools handout.

Insert images

  • Current browsers support three types of images:
    • Use .gif or .png files for line drawings.
    • Use .jpg files for photographs.
  • You may want to store all images for a site in a subdirectory named images.
  • Resize images using an image editing program before inserting them into your page. The images will display better and the file sizes will be smaller.
  • Make sure that images have src, width, height, and alt attributes.
Dreamweaver Select Image Source

Using Dreamweaver

  1. Click on the image icon Dreamweaver image icon in the Common toolbar, or select the Insert menu and click Image, or press Ctrl+Alt+I.
  2. Browse to the directory where the image file is stored and click the image file.
  3. Make sure the URL is not an absolute path pointing to your hard drive or a network drive, beginning with file:///.
    1. In Dreamweaver 8, you can change your site definition to use URLs relative to documents instead of the site root.
  4. Click OK.
  5. If the image is not already selected, click on it to select it.
  6. Look in the Properties window at the bottom of the screen.
    1. For accessibility, type an alternative text description in the Alt box.
    2. To hyperlink the picture to another page, type the file name in the Link box, or click the folder to browse for the file.
    3. To remove the border around a hyperlinked image, type 0 in the Border box.
  7. If a stylesheet defines image formatting (recommended), select the style from the drop-down Class menu.
  8. When you click in a different field of the Properties window or your document, your changes are applied.
Dreamweaver image properties

Insert email images

Do not display e-mail addresses as plain text, since they are harvested by spammers. To insert an email image like E-mail address of Greg Vogl:

  1. Select the following code in your browser (by triple-clicking in IE, or clicking and dragging in Firefox) and press Ctrl+C to copy.

<img alt="E-mail address of First Last" style="vertical-align: middle; border: 0;" src="http://lib2.colostate.edu/stafflist/pub/emailImage.php? fname=First&lname=Last" />

  1. Go to Code view in Dreamweaver and press Ctrl+V to paste.
  2. Replace First and Last with your first and last name in two places: in the alt attribute and in the image source.

<img alt="E-mail address of Greg Vogl" style="vertical-align: middle; border: 0;" src="http://lib2.colostate.edu/stafflist/pub/emailImage.php? fname=Gregory&lname=Vogl" />

If the e-mail address is a mailing list, use list (or alias) instead of fname and lname.

<img alt="E-mail address of Web Team" style="vertical-align: middle; border: 0;" src="http://lib2.colostate.edu/stafflist/pub/emailImage.php? list=development" />

To insert an image link to the Web comments form like E-mail address of Greg Vogl, also follow the instructions for inserting a link and linking to the e-mail form.

  • The URL of the link should be
    • /comments?name=First.Last
  • Replace First and Last with your name, e.g.
    • /comments?name=Gregory.Vogl

<a href="/comments?name=Gregory.Vogl" title="E-mail address of Greg Vogl">
<img alt="E-mail address of Greg Vogl" style="vertical-align: middle; border: 0;" src="http://lib2.colostate.edu/stafflist/pub/emailImage.php? fname=Gregory&lname=Vogl" />
</a>

Complying with standards

Use the checklist to design and check your page. Consider usability, accessibility, and coding.

A few points to emphasize:

Avoid HTML formatting

In general, you should focus on the content. The CSU Libraries stylesheet or a subsite stylesheet should define page formatting. This will keep the code clean and easy to maintain, and assure that all Libraries and subsite pages have the same look and feel. Also see the instructions for using stylesheets.

  • Use HTML tags as they are meant to be used (e.g. h1 and h2 for headings, ul and ol for lists, p for paragraphs).
  • Avoid using HTML tags and attributes for formatting (e.g. fonts, sizes, colors, rules, line breaks and extra spaces).
  • Keep the page layout simple and linear.
    • Avoid using tables for page layout. Tables are meant for data that is displayed in rows and columns.
    • To move a table or image to one side, add an attribute style="float: left" or style="float: right".

Avoid non-universal features for accessibility

  • Avoid Dreamweaver JavaScript controls such as rollover images and navigation bars.
  • Avoid Dreamweaver templates, since future authors might not use Dreamweaver to edit the page.

Check your code

Use validation tools to check for errors in your code and assure that you are complying with W3C standards.

Dreamweaver

  • Click File, move to Convert, and click XHTML to convert an existing document to XHTML format.
    • Or: click File, move to Check Page, and click Validate Markup to check your XHTML code.
  • Click File, move to Check Page, and click Check Links.
  • Click Text, Check Spelling or press Shift+F7.

Preview a Page

You should test your page in a browser before having it uploaded. Test using the most common user setups:

  • Browsers: Internet Explorer 6 and a recent version of either Firefox, Mozilla or Netscape
  • Screen resolutions: at least two of 1280x1024, 1024x768 and 800x600

Note: The file may not appear exactly the same when previewed and when uploaded on the Web server. To request write access to a folder in the temp directory for testing purposes for you or your department or unit, please contact Greg Vogl.

  • Linked files such as images and stylesheets will appear in the preview only if:
    • Their links use absolute paths, and they are already uploaded on the server.
    • Or: Their links use relative paths, and they are in the current directory or the directory where the links point.
  • SSIs (often used for headers, footers and navigation bars) will appear in the preview only if you also:
    1. Edit the file using Dreamweaver.
    2. Select Edit, Preferences, Invisible Elements, and check Server-Side includes.

Using Internet Explorer or Firefox

  1. Click the File menu and click Open.
  2. Navigate to the folder on your computer where the file is stored, and double-click the Web page file.

Dreamweaver preview in browserUsing Dreamweaver

  1. Save the file.
    • Click the Save icon Dreamweaver save icon, click File, Save, or press Ctrl+S.
  2. Click the Preview in Browser button Dreamweaver preview icon in the Document toolbar, or press F12 to preview the file using the default browser, or Ctrl+F12 to preview with a secondary browser. Or:
    1. Select the File menu and move to Preview in Browser.
    2. Select a browser from the list (e.g. Internet Explorer or Firefox).
  3. To add a browser to the list or change the default browser:
    1. Select the File menu, move to Preview in Browser, and click Edit Browser List.
    2. Click + to add a browser. Type the browser name, e.g. Mozilla Firefox.
    3. Click Browse to find the browser within Program Files, or type in the path, e.g. C:\Program Files\Mozilla Firefox\firefox.exe.
    4. Click OK twice.
    5. Click a browser name (e.g. firefox.exe) and check either Primary browser or Secondary browser. (There is only one of each.)

Using Internet Explorer, Windows Explorer or My Computer

  1. Double-click the file to open it.
    • Or: right-click the file, move to Open With, and select Internet Explorer or Firefox.
  2. To change the browser window size,
    1. Make sure it is not maximized. If it is, click the Restore Down button next to the x in the upper right corner.
    2. Resize the window by dragging on a border or corner.
  3. To change your computer's screen resolution, Screen resolution
    1. Right-click the Desktop and click Properties.
    2. Click the Settings tab.
    3. Drag the Screen Resolution slider left or right to get the desired screen resolution.
    4. Click OK.

Copy a page from your computer to the T: drive

Ideally, if you have multiple folders, try to keep the folder structure on your computer and the T: drive the same as on the public Web site.

Note that the T:\webpages directory is cleaned out regularly, so you should not store your only copy there. Keep a backup copy on your computer, e.g. in My Documents which is backed up by LTS.

Using Internet Explorer, Windows Explorer or My Computer

  1. Open Internet Explorer, Windows Explorer or My Computer.
  2. Click My Computer, double-click LibraryShared (\\acnsfile.acns.colostate.edu) (T:) and double-click the WebPages folder.
    • Or: In the Address box, type t:\webpages and press Enter.
  3. Double-click the folder where you want to put the page. If the folder does not exist,
    1. Click the File menu, move to New, and click Folder.
    2. Type the folder name and press Enter.
    3. Double-click the folder.
  4. Drag the file from the folder where you worked on the file (e.g. the Desktop) to the folder on the T: drive.
    • Or: click once on the folder, click Edit, Copy, click the folder on the T: drive and click Edit, Paste.

Using Dreamweaver

  1. Click File, Save As.
  2. From the Save in: menu, select LibraryShared (\\acnsfile.acns.colostate.edu) (T:) and double-click the folder where you want to save the file.
    1. If the folder does not exist, click the Create New Folder button Dreamweaver new folder button on the toolbar.
    2. Or: Type the full path name of the location on the T: drive where you want to save the file, e.g. t:\webpages\myfolder\myfile.html. Make sure to use the same file name as the original file.
  3. Click Save.

Request that your page be uploaded

  1. Fill out the Web Request Form. If you need multiple pages or an entire folder uploaded at once, indicate this on the form.
  2. You will receive a confirmation e-mail that your page has been uploaded.
  3. Test that your page appears and functions correctly.
  4. If corrections are necessary, download your file again (in case the Web Team has made any changes to the file), make corrections and resubmit the Web Request Form.

Request Web usage statistics

If this is a new subsite and you will need Web usage statistics aggregated by subsite, contact Greg Vogl who can set up a report for you in Google Analytics.

Note: A report must be set up before subsite-level statistics can be gathered; they cannot be gathered retroactively. (Page-level statistics can be found in the existing global report.) Also, if you move a site to a different directory, it is important that the Google Analytics filter for the report on your subsite be changed to point to the new directory.

Rename and move files and folders

Heavily used and backlinked files and folders should be renamed and moved carefully and systematically to avoid breaking links and user bookmarks.

  1. Use search and replace tools to find affected URLs and determine the scope of changes needed.
  2. Rename and move the files and folders to their new locations. (If you make copies, remove old versions.)
  3. Create .htaccess files to redirect external links and bookmarks to their new locations.
  4. Use search and replace tools to find and fix internal links on the site.

If very many files are involved, particularly if they are in several folders throughout the Libraries site, please contact Greg Vogl for assistance.

Library pages and sites to search/replace:

  • Drupal nodes (Content > Search and replace scanner)
  • Drupal menus (manual or database table field menu_links.link_path)
  • Drupal blocks (manual or database table field blocks.body)
  • Buzzard static pages and scripts (html, php, js; Dreamweaver or command line)
  • Staff Wiki (replace text)
  • Sage (Millennium Web Master screens; Web Options)
  • Discovery (Dreamweaver, Subversion; layout, header, footer, search, record, repeat search, help, interface/themes/csu/*.tpl, php and conf files)
  • DigiTool (command line or Dreamweaver; htdocs and www_r_eng folders)
  • LibGuides (Admin Stuff > Link Management > Global Search and Replace; Admin Stuff > Look & Feel > System-Wide > Code Customizations - Public Pages)