Dreamweaver MX 2004 “Viewing the Workspace” Mrs. Wilson.

Slides:

Advertisements

Similar presentations

DREAMWEAVER WORKSPACE The Document Window The Code Inspector Panel The Insert Bar The Property Inspector Panels and Panel Groups The Site Panel The Menu.

Advertisements

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.

© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.

1 Web Site Design Overview of the Internet Cookie Setton.

Learning the Basics – Lesson 1

Macromedia Dreamweaver MX 2004 – Design Professional Dreamweaver GETTING STARTED WITH.

© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.

Macromedia Dreamweaver MX 2004 Design Professional Web Page DEVELOPING A.

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.

Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.

THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.

CPSC 203: Introduction to Computers Tutorials 03 & 29 by Jie (Jeff) Gao.

CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.

HTML Comprehensive Concepts and Techniques Intro Project Introduction to HTML.

Getting Started with Dreamweaver

© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.

 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.

Committed to Shaping the Next Generation of IT Experts. Essentials For Design Dreamweaver Level One Julian Rickards Project 1 Taking A Tour Of Dreamweaver.

Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.

Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is 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.

Chapter 3 Dreamweaver: Part I The Web Warrior Guide to Web Design Technologies.

INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.

Who Wants to be a Millionaire? Web Page Development Dreamweaver Chapter 1.

© Ms. Masihi.  The Dreamweaver Welcome Screen first opens when you start Dreamweaver.  This screen gives you quick access to previously opened files,

INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.

Introducing Dreamweaver MX 2004

Tutorial 1 Getting Started with Adobe Dreamweaver CS3

Tutorial 1: Getting Started with Adobe Dreamweaver CS4.

1 Web Basics Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section.

Dreamweaver MX Unit A CIS 205—Web Site Design & Development.

Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.

Website Development with Dreamweaver

ADOBE WEAVER WEB DESIGN. START THE DW 2 WORKSPACE LAYOUT Application Bar Document Toolbar Document Window Workspace Switcher Property Inspector GroupPanel.

CIS 205—Web Design & Development Dreamweaver Chapter 1.

Dreamweaver Chapter 1 Mr. Ursone Document Window.

JAOIT 8.  Dreamweaver is a program for creating web pages and managing websites without having to type HTML code.  WYSIWYG – What you see is what you.

Chapter 10 Fireworks: Part II The Web Warrior Guide to Web Design Technologies.

Dreamweaver Unit A. Project Files l Download files from l Search using l Download the data disk.

Session 1 SESSION 1 Working with Dreamweaver 8.0.

Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.

Presented by Graduate Design Group 2 Meredith, Jennifer, Cammay and Diane.

Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.

Dreamweaver 8 Introduction What you can do with Dreamweaver 8 What's new in Dreamweaver 8.

Start Dreamweaver program From file menu click new Blank page appears.

D REAMWEAVER T EST May 16 th. The file extension for a webpage is.html When you Title a webpage in the Document Toolbar, where is the title of the page.

Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.

Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.

Website Views, Page Titles, & Browsers Dreamweaver for College & Business Mrs. Wilson.

Making Websites with Dreamweaver BTT. What is Dreamweaver?  “What You See Is What You Get” (WYSIWYG) web design software  Rather than writing code and.

Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.

Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.

Chapter 8 HTML Editors. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors Text editors don't have word processing features.

Web Page Creation Standard Grade Computing. WWW n The World Wide Web is a collection of information held in multimedia form on the Internet. n This information.

Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!

HTML HyperText Markup Language Victoria E. Kozlek.

Microsoft Expression Web - Illustrated Unit A: Getting Started With Microsoft Expression Web.

COMP 143 Web Development with Adobe Dreamweaver CC.

Tutorial 1 Getting Started with Adobe Dreamweaver CS5.

Getting Started with Dreamweaver

Chapter 2 Developing a Web Page.

Chapter A - Getting Started with Dreamweaver MX 2004

Dreamweaver – Project #1

Getting Started with Dreamweaver

Dreamweaver CS4 Skills PLAN – PLAN – PLAN first

Getting Started with Dreamweaver

Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!

3.00 Understanding the Adobe Dreamweaver interface. (12%)

Presentation transcript:

Dreamweaver MX 2004 “Viewing the Workspace” Mrs. Wilson

WYSIWIG “What you see is what you get!” As you design a Web page in Dreamweaver, you are seeing the page exactly as it will appear in a browser window.

Create Web pages or Web sites Web pages –A collection of “text” in HTML format combined with images in special image formats. Web sites –A collection of related web pages. Servers –Web pages and Web sites are stored on servers, computers connected to the Internet.

Use Roundtrip HTML Roundtrip HTML –means that HTML files created in other programs can be opened in Dreamweaver without Dreamweaver adding additional coding.

Manage Web sites Dreamweaver lets you manage Web site pages to ensure that all the links, or connections among the pages, work properly. As a Web site grows with the addition of new pages, this becomes a very important feature. One important management tool-- site map –the site map, a graphical representation of your Web pages that shows how the pages relate to each other.

The Workspace The workspace consists of the Document window The menu bar Toolbars Inspectors Panels You must decide between “Designer” and “Coder” layout when you first use the program.

The Workspace (windows, toolbars, and panels)

Panel Groups Sets of related panels that are grouped together.

Inspectors Are palettes that display the properties of the currently selected object They allow you to make formatting changes quickly and easily, without having to open menus

Assignment Complete a short handout setting up a simple web page on Harry Potter. Open a new HTML document. Identify the parts of the workspace. Quiz tomorrow on parts of the workspace, WYSIWYG, and Web site.