3.00 Understanding the Adobe Dreamweaver interface. (12%)

Slides:

Advertisements

Similar presentations

Getting Started with Dreamweaver DREAMWEAVER MX. Getting Started with Dreamweaver Contents –What Can Dreamweaver MX Do? –Dreamweaver Learning and Support.

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.

DREAMWEAVER Welcome to our website!

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 3: Understanding the Adobe Dreamweaver CS5 Interface Adobe Creative Suite.

1 Web Site Design Overview of the Internet Cookie Setton.

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

© 2010 Delmar, Cengage Learning Chapter 12 Working with Library Items and Snippets.

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

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.

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.

Chapter 19 – Macromedia Dreamweaver MX 2004

Working with Text and Cascading Style Sheets Adobe Dreamweaver Chapter 3.

Getting Started with Adobe Dreamweaver CS6. Unit Objectives Define web design software Start Adobe Dreamweaver CS6 View the Dreamweaver workspace Work.

Getting Started with Dreamweaver

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?

Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.

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

Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.

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

Web Technologies Website Development Trade & Industrial Education

Introducing Dreamweaver MX 2004

Tutorial 1 Getting Started with Adobe Dreamweaver CS3

Tutorial 1: Getting Started with Adobe Dreamweaver CS4.

Defining a Website. Review…. Page Title −The text that will be displayed in the title bar of the browser window on a web page File Name −What you “call”

1 Macromedia Dreamweaver Outline Introduction Macromedia Dreamweaver Text Styles Images and Links Symbols and Lines Tables Forms Scripting in Dreamweaver.

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.

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.

Project 2 Adding Web Pages, Links, and Images Dreamweaver MX 2004 Concepts and Techniques.

Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.

Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.

IT204 - Web Scripting and Authoring I Introduction to Dreamweaver Unit 6.

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

Chapter 1 Creating a Dreamweaver Web Page and Local Site

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

Tutorial 3 Adding and Formatting Text with CSS Styles.

Getting Started with Microsoft Expression Web 3 January 12, 2012.

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

Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management.

Dreamweaver MX. 2 Tools for Code Editing (p. 366) n An HTML editor like Dreamweaver writes most of the code you need, but at times you will need to perform.

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

Introduction to Dreamweaver. What is it?  An Adobe program to graphically create and manage Web sites. It often referred to as a GUI ---Graphical User.

Copyright © 2013 MyGraphicsLab / Pearson Education DREAMWEAVER INTERFACE MYGRAPHICSLAB: ADOBE DREAMWEAVER CS6.

Before We Begin Please download the files from as we will be using them in our walkthroughs.

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 A - Getting Started with Dreamweaver MX 2004

Dreamweaver – Project #1

Getting Started with Dreamweaver

3.00 Understanding the Adobe Premiere Pro interface. (10%)

Dreamweaver CS4 Skills PLAN – PLAN – PLAN first

Chapter 2 Adding Web Pages, Links, and Images

Dreamweaver 8: Introduction

Adobe Visual Design Understanding Adobe InDesign interface (2%)

Getting Started with Dreamweaver

Using Templates and Library Items

Dreamweaver Prepared by: Lily & John

The Web Collection Standard CS3 Revealed

DREAMWEAVER FIREWORKS PHOTOSHOP FLASH.

Presentation transcript:

3.00 Understanding the Adobe Dreamweaver interface. (12%)

Dreamweaver Interface

Panels in Design View Design Panel Code View Split View Files Panel Insert Panel Property Inspector

Design Panel Design view is a WYSIWYG interface. Add content and the code is written automatically.

Code vs. Split View Code view can see and write code. Split view can see design and code views. Can edit in either area.

Files Panel Enables you to view files and folders, whether they are associated with a Dreamweaver site or not. Perform standard file maintenance operations, such as opening and moving files.

Insert Panel Contains buttons for creating and inserting objects such as tables and images. The buttons are organized into categories.

Properties Inspector Lets you examine and edit the most common properties for the currently selected page element, such as text or an inserted object. The contents of the Property inspector vary depending on the element(s) selected.

Customize Workspace Your Dreamweaver workspace can be changed to best meet your needs as a designer. Change document views Rearrange/resize windows and panels Add or remove tools on toolbar Create and save custom workspace These same techniques can be used to customize other Adobe software.