© Ms. Masihi.  All files related to a web site ( all web pages, images, etc. ) need to be saved in a Site Root Folder (sometimes called Local Root.

Slides:



Advertisements
Similar presentations
Chapter 1: Introduction. Contents Whats New in Dreamweaver CS4? The Dreamweaver CS4 Interface Setting Up a Site Creating a Web Page Adding Text to Your.
Advertisements

Adobe Dreamweaver CS5 - Illustrated
DREAMWEAVER Welcome to our website!
Learning the Basics – Lesson 1
Gdes2000 Graphic Design for Internet & Multimedia An Introduction to Dreamweaver CS5 + Adding Text Overview of palettes and DW working environment. Creation.
Project 8 Creating Style Sheets.
Dreamweaver Cheat Sheet CSCI 100 – JW Ryder. CSCI 1002JW Ryder - Dreamweaver Notes Initial Site Set Up Goto W:\ drive – This is your web root directory.
Chapter 12 Creating and Using Templates. If you have already created and designed a page you like, you can use the layout and design for other pages in.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
COMPREHENSIVE Windows Tutorial 3 Personalizing Your Windows Environment.
Explore the Dreamweaver Workspace View a Web page and use Help Plan and Define a Web site Add a Folder and Pages, and set the Home page Create and View.
© 2005 Lawrenceville Press Slide 1 Chapter 3 The Dreamweaver Workspace.
Web Page Design Tips & Tricks Layering Choose Insert – Layout Objects – Layer Click anywhere along the outline of the layer box to select it Click &
Putting Your PowerPoint into WebCT. To put your PowerPoint online Create an appropriate folder Upload the PowerPoint file to that folder Create a link.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Creating First Class Web Pages Log into your account.
Getting Started with Adobe Dreamweaver CS6. Unit Objectives Define web design software Start Adobe Dreamweaver CS6 View the Dreamweaver workspace Work.
Adding an image to a page in Dreamweaver Uploading files to x10hosting Editing uploaded files in x10hosting Adding links in Dreamweaver Uploading linked.
Using Dreamweaver getting started 1)Start in your “My Documents” folder 2)Create a new folder called “website” 3)Create a sub folder called “images” 4)Start.
Getting Started with Dreamweaver
Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.
Creating a Website. Unit Objectives Plan a website Create a folder for website management Set up a website Add a folder to a website Save a web page Copy.
@Ms. Masihi.  Adobe Creative Suite is comprised of several separate applications – Bridge, Version Cue, Photoshop, Fireworks, Flash, InDesign, Illustrator,
Microsoft Expression Web - Illustrated Unit B: Creating a Web Site.
Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.
INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.
Dreamweaver CS4 Concepts and Techniques Chapter 7 Page Layout with Frames.
© Ms. Masihi.  The Dreamweaver Welcome Screen first opens when you start Dreamweaver.  This screen gives you quick access to previously opened files,
Introducing Dreamweaver MX 2004
Tutorial 1 Getting Started with Adobe Dreamweaver CS3
Tutorial 1: Getting Started with Adobe Dreamweaver CS4.
Project 1: Creating a Dreamweaver Web Page and Local Site 1 Project Objectives Add a background image Open and close panels Display and describe the Property.
Adding User Interactivity – Lesson 51 Adding User Interactivity Lesson 5.
WEBiT Adding a new page. 1. View a page like the one you wish to create a. Navigate to a page with a similar layout to the new page you wish to create.
CIS 205—Web Design & Development Dreamweaver Chapter 1.
Project 2 Adding Web Pages, Links, and Images Dreamweaver MX 2004 Concepts and Techniques.
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
What is a File? Files are collections of information. In fact, almost all of the information stored in a computer is stored in a file. There are many different.
Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit E Using and Managing Images.
Web Site Design and Editing Manual for Concordia Seminary Graduate School.
Patrick Bailey, MS IDIS110 Dreamweaver Setup. IDIS110 - RIT After you start Dreamweaver On the first time, if you are asked, select “Design Mode” Otherwise,
Chapter 1 Creating a Dreamweaver Web Page and Local Site
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit B Creating a Web Site.
Sports Website Creation. In this project you will design and produce your own website.
XP New Perspectives on Windows 2000 Professional Windows 2000 Tutorial 2 1 Microsoft Windows 2000 Professional Tutorial 2 – Working With Files.
Places Bar The Places bar contains shortcuts to five standard folders: History, Desktop, My Documents, My Computer, and My Network Places. (We’re looking.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Adobe Dreamweaver CS4 - Illustrated Creating a Web Site.
File Management In this exercise the A drive is used as an example. If you are using another storage device, substitute that drive letter (D, E, F…) where.
Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.
1 After completing this lesson, you will be able to: Get around the Internet with your browser. Connect to the Internet. Print Web pages. Save Web pages.
Listing Documents, Disclosures, Purchase Offers, Addendum’s.
Adobe Dreamweaver CS4 - Illustrated Creating a Web Site.
Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.
1 More About HTML Images and Links. 22 Objectives You will be able to Include images in your HTML page. Create links to other pages on your HTML page.
Adobe Dreamweaver CS3 Creating a Web Site. Planning a Web Site Research site goals and needsResearch site goals and needs Create a storyboardCreate a.
Data-information stored in files on the disks and CDs in your computer system Why should we save a file when we create it on the computer?
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
© Ms. Masihi.  A Web page contains text and images that convey specific information to viewers.  To create a new web page, open Dreamweaver and select.
Getting Started with Dreamweaver
Dreamweaver – Setting up a Site and Page Layouts
Chapter A - Getting Started with Dreamweaver MX 2004
Learning the Basics – Lesson 1
بسم الله الرحمن الرحيم.
Lesson Objectives Lesson Outcomes
Cheat Sheet CSCI 100 JW Ryder
Cheat Sheet CSCI 100 JW Ryder
Getting Started with Dreamweaver
Presentation transcript:

© Ms. Masihi

 All files related to a web site ( all web pages, images, etc. ) need to be saved in a Site Root Folder (sometimes called Local Root Folder or Site Folder), usually on your hard drive.  The Site Folder must be all-inclusive – all files, images, documents, need to be located within the site folder.  The Site Folder enables Dreamweaver to keep track of all files needed to display all pages within a website and is necessary to link a page to its source (such as images) and link site pages together. © Ms. Masihi

 The very first thing you should do in creating a Website is to create a folder that will hold all your files. Site Root Folder  This will be the Site Root Folder.  Create the Site Folder before you first open Dreamweaver.  Read on … © Ms. Masihi

 The location for all these files will normally be on the C: drive.  You however, will create a new folder on your Desktop. Read on … © Ms. Masihi

 Right-click on the Desktop to open a context-sensitive menu. New > Folder  Select New > Folder. © Ms. Masihi

 A new folder will be created on the Desktop and the name will be highlighted in blue.  Type in a new name for this folder – DW Projects_your name  This is where you will store all the files for each web page.  Next, open Dreamweaver. © Ms. Masihi

 Double-click the folder you just created to open it.  Right-click inside this folder to create a sub- folder for project 2_your name. Read on … New > Folder  Right-click and then select New > Folder. P 2_yourname  Name the new folder, P 2_yourname © Ms. Masihi

Dreamweaver Site  When you first open Dreamweaver to create a website, click Dreamweaver Site. “defining your site”  Telling Dreamweaver where the site folder is located is called “defining your site” and involves the next steps. © Ms. Masihi

Site Definition Dialog Box  The Site Definition Dialog Box opens. name of your site “P2 Website”  First, enter the name of your site. It can be any short, descriptive name you choose. We will call this first site, “P2 Website”.  This is a name only you will see in your Files Panel. © Ms. Masihi

 Next, identify where you will be storing all the website files. Browse  Click the gray folder to Browse for a new location if the path in this box is not correct.  In our case, browse to DW projects_your name folder. Open ( )  Click Open ( may show Select if you double- clicked ).

Site Root Folder  This selects P2 Website folder for your Site Root Folder (also called your local root folder).  Click Save then  This folder is where you will store all your files for this website. © Ms. Masihi

Dreamweaver Splash Screen  The Dreamweaver Splash Screen now appears, ready for you to create new files.  The Files Panel lists the Site Folder. Files created now will be stored in this folder. This is where you see the name of your site. © Ms. Masihi

Create New > HTML  To open a workspace for a new HTML document click Create New > HTML. © Ms. Masihi

workspace  Dreamweaver opens a workspace for you to enter elements for a web page.  Click on ‘Split’ view if not so already © Ms. Masihi

For DreamWeaver projects –  You will SAVE all that you create be it text, images and other elements IN your site root folder. © Ms. Masihi