Web Services	Advanced Search | Find People

Dreamweaver Settings

Accessibility | Code Format | Code Rewriting | File Types / Editors | Preview in Browser | Site | Siteshare | MyPage | Validation | View Table Widths

Changes to Preferences

Go to Edit, Preferences, and select the following sections. Check OK when finished making changes to save your settings.

• Accessibility
  • Check boxes When you create accessible pages, you need to associate information, such as labels and descriptions, with your page objects to make your content accessible to all users. To do this, activate the Accessibility dialog boxes so that Dreamweaver prompts you for the information you need to add for accessibility. These dialog boxes appear when you insert an object for which you activated the corresponding Accessibility dialog box.

The image below appears when you are adding one of the above checked items

• Alternate Text - In the Alt text box, enter a name or brief description for the image.
  The screen reader reads the information you enter here. You should limit your entry to around 50 characters. For longer descriptions, consider providing a link, in the Longdesc text box, to a file that gives more information about the image.
  
• Long Description - In the Longdesc text box, enter the location of a file that displays when the user click the image or click the folder icon to browse to the file. This field provides a link to a file that is related to, or give more information about, the image. Either delete the http:// or leave it and it won't appear in code unless you enter an address. - Note that in most cases IU Northwest will not be adding a long description, but it is availalbe should someone want to use it.

• Code Format
  • you need to set preferences: Edit/Preferences/Code Format/Line Break/LF (Unix)
  • if you edit this saved file in a generic text editor the code will look different (all one line) due to the unix format
  • see PHP Programming

• Code Rewriting
  • Uncheck Special Characters. This allows use of Unix's tilde ( ~ ) without Dreamweaver changing it to %7E when the file is saved.
    • You will now be able to put links in properties without the code changing from ~ to %7E.
      • Bad code: <a href="http://www.iun.edu/%7Ewebnw/">Web Services</a>
      • Good code: <a href="http://www.iun.edu/~webnw/">Web Services</a>

• File Types / Editors
  • Add .htaccess and .tpl to 'Open in Code View'
  • This will allow dreamweaver to open the .htacess file or the .tpl in the site area by double clicking it . .htaccess is needed for setting up access to secured sites. .tpl is needed for processing web forms on Webserve.

• Preview in Browser
  • To see your files by pressing F-12, the program needs to create a temporary file.

  

• Site

• Uncheck Dependent File checkboxes - Do NOT include dependent files when uploading (putting on the web) or downloading (getting from the web) a file. Dependent files are files such as images, external style sheets, and other files referenced in the HTML file.

When putting files on the web (or getting files from the web) check the don't show me this message again and answer NO to Include Dependent files?. The image below appears when you are actually putting or getting files.

• Putting your Web site on DreamWeaver - In the sites area (see above)
  • Edit Sites - click on the button to add your website
  • Click on New - be sure that the 'Basic' tab is selected at the top left of the page.
  • Put your Account Name in the box - the example here is Web Services

• Select No I do not want to use server technology
• Where on your computer do you want to store your files?
  • Should be in the root of your hard drive with the name of your web account in lower case. Your should point to it by clicking on the folder and navigating to a folder you created with your web account name.
  • c:\webnw
• How do you connect to your remote server? - Select either Siteshare or SFTP and follow instructions
  • Siteshare (preferred) use this
    • How do you connect to your remote server? Local / Network
    • What folder on your server doyou want to store your files? \\siteshare\your_webaccount_name\www\

      

  • SFTP connection
    • What is the hostname or FTP address of your Web server? - Webserve.ucs.indiana.edu
    • What folder on the server do you want to store your files in? - /ip/yourwebaccountname/www i. e. Web Services account name is webnw so for them, it would be /ip/webnw/www
    • What is your FTP Login: - your web account name
      • This example would be webnw
    • What is your FTP password? - enter your ftp password for the account
    • Check the Use secure FTP (SFTP)
    • Click Test connection button - you will be told "Macromedia Dreamweaver MX connected to your Web server successfully." if it works
    • Click Next to continue
    • Do NOT enable check-in check-out

Site Definition for Professional Account

Site Definition for MyPage Account

• 
• Click Done

You will be able to see your files in the right panels.

See 'Working with Dreamweaver's File Panel' for more information .

• Validation
  • Check validation that is is set for the following:
    • xhtml 1.0 transitional
  • To change the formatting of your document for xhtml 1.0 transitional to allow the most current code for html.
    • Use File >Convert > xhtml.

View Table Widths

One more change is to go to View > Visual Aids > Table Widths. Uncheck

Then you will remove green visual aids above the tables: