Skip to content Skip to sidebar Skip to footer

Why Is the Layout Not Showing on My Uploaded Site Dreamweaver

Wellesley Computing Logo

Dreamweaver
8
Macintosh and Windows

Dreamweaver 8 for Beginners

Dreamweaver Icon Dreamweaver viii is a visual editor for creating and managing Web sites and pages. With Dreamweaver, information technology is easy to create and edit cantankerous-platform, cross-browser pages. Dreamweaver provides advanced pattern and layout tools and allows users to utilize Dynamic HTML features, such as animated layers and behaviors, without writing code.


Link - Beyond the Basics Link - Site Management Features

Table of Contents

  • Descriptions of the Dreamweaver documentation pages
  • Where to find this software at Wellesley
  • The starting time time you launch Dreamweaver
  • Starting a new web page or web site
  • Editing files that already be
  • A word virtually images
  • Saving and naming files
  • How to quit
  • Uploading your pages to the web
  • Where to find more assist

The Dreamweaver Documentation

Dreamweaver for Beginners

This page includes information on downloading and installing Dreamweaver, the nuts of beginning a new website and editing a current website. No specific features are explained hither.

Bones Features

This page includes instructions for working with Text, Images, Links, and Tables as well equally certificate features such as backgrounds and certificate titles. Productivity features such as Previewing, Press, Spell-check, Search and Supersede, Cleaning up Word HTML and importing spreadsheets are likewise covered.

Menus and Media

This page includes instructions for creating graphic menus such as image maps, rollovers, nav bars and jump menus as well as inserting media files such as Wink and Quicktime.

Site Management Features

This page includes instructions for using some of Dreamweaver's site management features such as site maps, link checking, the History Palette, commands, libraries and templates. These features are not necessary for creating a spider web site, but can improve efficiency.

Forms

This page includes instructions for creating web forms using Dreamweaver.


Where to find this software at Wellesley

Dreamweaver is bachelor on all of the computers in the public labs and can be installed on personal and office computers connected to the Wellesley College network. If Dreamweaver is not already installed on your computer, you lot can install it from the post-obit pages:

Macintosh
Windows



The first time you launch Dreamweaver

The first time you open up Dreamweaver, y'all should edit the preferences and then that y'all can use the plan virtually efficiently.

  • Starting time, if yous are asked to register, click Don't remind me.
  • When Dreamweaver asks you to choose a Workspace layout, choose the Designer option and click OK. You tin modify the Workspace later in Preferences.
  • When yous start open Dreamweaver, you will encounter a blank document named "Untitled Document" and several split up editing palettes. You should keep open the main document window, the Common window (vertical palette on the left of the screen), and the Properties window (horizontal palette on the bottom of the screen), simply you may shut the others to simplify your screen. Y'all tin can reopen whatsoever of these windows at whatsoever time past selecting them from the Window menu.
  • As you lot move the cursor across the icons in each palette, notes will announced, explaining the function of each button. The Dreamweaver menus and palettes include many text-editing tools and features that volition help y'all design spider web pages with images, links, tables, frames, forms, layers, and more.
Open

Starting a new web folio or web site

Before starting a new webpage, create a new folder on your computer to hold all of your web page files. This includes all of your html files (created in Dreamweaver) likewise as whatsoever paradigm files (.jpg or .gif) that you are including on your spider web pages. Dreamweaver expects that y'all volition save all of your files to one "site folder".

  • To create a new page, under Create New, select HTML.

Editing files that already exist

If you lot do not already have a re-create of the web page on your estimator, y'all volition demand to download the page to your figurer using Fetch (Mac) or WinSCP (Windows).so that you tin can edit it.

Remember that any images that were office of this web page page are split files. If you download just the html file to edit, the images won't show up in Dreamweaver because they are still stored on the web server, not on your reckoner. Y'all don't need to worry about this because the HTML code on your page points to the location of your images on the spider web server. If you edit only the text and then upload your file to the aforementioned location on the spider web server when you are washed, the pointers will still locate the images and they should show up as usual.

One time you have the file on your computer:

  • To open an existing page, nether Open a Recent Detail, select Open and browse to open up an HTML folio, or from the File carte select Open, navigate to your file and click Open up.

A word most images

Working with images takes some intendance. All of your images must be created and edited outside of Dreamweaver. Dreamweaver cannot edit images.

In social club for diverse web browsers to come across them, these images should exist in the GIF or JPG file formats. If you have images that you want to employ but you need to convert them from another format (PICT, TIFF etc.) or resize them, you can use whatever i of several graphics applications such every bit Graphic Converter (Macintosh) or Fireworks (Windows or Macintosh). Photoshop and Illustrator are too available in the Knapp Heart and in the PNE Media Lab and can be installed on local computers for use on campus.

If you want to draw your own images or make banner headings that include text and graphic elements, y'all tin use Fireworks (Windows or Macintosh). Other ways to find images for your pages are to scan them from printed copies, use a digital camera, or use public domain clip art that you can find on the web or purchase.

Once your images are created, salve them all inside the website folder that you created for your website and follow the instructions for inserting images on the Bones Features page.


Saving and naming files

Earlier you salvage, give your page a Document Title. The Document Title appears in the blue bar at the elevation of your browser window when you view your web page. If yous do Not give your folio a Document Title, the browser window will say Untitled Document.

To enter a Document Title:

  1. Enter a Certificate Championship in the Title: box that appears in the toolbar at the meridian of the folio editing window.

    Title

To save your file:

  1. From the File menu, select Salvage.
  2. In the Save as window, type the name you lot wish to assign to your document.
  3. Make certain the file name is followed by the extension .html (example: file.html).
    Note: The standard at Wellesley is for all web-page filenames to have the extension .html. Filenames should consist of all lower-case characters with no spaces. The underscore symbol can be used to separate words. (Case: file_with_long_name.html)
  4. Brand sure to save your file to the folder you created to hold all of the files for this website. Note: If you lot're saving an existing file, salve it to the aforementioned folder you lot opened it from. If y'all salve your file into a dissimilar folder, links and image links will be broken. Brand copies of files and movement them on your desktop, not in Dreamweaver.

How to quit

On a Macintosh, select Quit from the Dreamweaver menu. On a PC, select Exit from the File card.


Uploading your pages to the web

The pages you lot create in Dreamweaver are files that are saved on your computer. In club for them to be "alive" on the internet and available to the globe you will demand to upload the pages to a web server.

Instructions for Faculty/Staff and Students are different. Select the appropriate link to learn more well-nigh the uploading process.

Kinesthesia and Staff

Instructions on getting a provider account, and uploading your pages.

Students

Instructions on uploading a Educatee Arrangement page.
Instructions on getting a personal account and uploading your pages.


Where to find more help

With Dreamweaver

  • In Dreamweaver, from the Help card, choose Dreamweaver Help for a list of assist topics.
  • Faculty and Staff can phone call the HelpDesk for support at x3333.
  • Students tin can visit a Cluster Consultant or a Computing FirstAid Consultant.
  • Mail to Computing Questions.

More Web Resource

A longer list of resource is bachelor in the Publishing a Web Site at Wellesley College page.




  • Veronica Brandstrader
  • Information Services
  • Appointment Created: March 22, 2002
  • Last Modified: July 5, 2006
  • Expires: December 31, 2006

adamswituessarks.blogspot.com

Source: http://web.wellesley.edu/Computing/Dreamweaver/dreamweaver8beginner.html

Kommentar veröffentlichen for "Why Is the Layout Not Showing on My Uploaded Site Dreamweaver"