Dreamweaver 8: Introduction

Slides:



Advertisements
Similar presentations
1 Web Site Design Overview of the Internet Cookie Setton.
Advertisements

Assessments Online Questions (Thread) Introduction Please look under course documents. All course information will be listed there. There is a rubric there.
Learning the Basics – Lesson 1
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.
Chapter 3 Tables and Page Layout
Macromedia Dreamweaver MX 2004 Design Professional Web Page DEVELOPING A.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
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.
CIS 205—Web Design & Development Integration Chapter 1.
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.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.
INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.
Macromedia Studio 8 Step-by-Step MACROMEDIA DREAMWEAVER 8 Introduction.
© 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
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.
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.
1 Macromedia Dreamweaver Outline Introduction Macromedia Dreamweaver Text Styles Images and Links Symbols and Lines Tables Forms Scripting in Dreamweaver.
Website Development with Dreamweaver
Working with Text and Cascading Style Sheets. Unit Objectives Create a new page Import text Set text properties Create an unordered list Understand Cascading.
Dreamweaver Chapter 1 Mr. Ursone Document Window.
Macromedia Dreamweaver 4.0 INTERFACE This presentation will run automatically.
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.
Session 1 SESSION 1 Working with Dreamweaver 8.0.
Web Site Design Marion Setton
Dreamweaver Basics Dayton High School Mr. Martin.
Open Dreamweaver Start All programs Adobe design and web premium Adobe Dreamweaver.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
Chapter 1 Creating a Dreamweaver Web Page and Local Site
Start Dreamweaver program From file menu click new Blank page appears.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Macromedia Dreamweaver 8 Revealed WEB PAGE DEVELOPING A.
Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.
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.
Home page Web page link 1 Web page link 2Web page link 3Web page link 4.
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.
COMP 143 Web Development with Adobe Dreamweaver CC.
Lessons Copy and Paste Text Drag and Drop Text 2-Saving Documents 3- Printing 4-Inserting Tables Modifying Page Layout Format Page Margins Insert a Blank.
© 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
Website Design HowTo Build A Website.
Word Lesson 1 Microsoft Word Basics
International Computer Driving Licence Syllabus version 5.0
OVERVIEW Objectives Follow a design document to create a small personal Web site Follow a design document to create pages in a large commercial Web site.
Intro to Dreamweaver Web Design Section 8-1
Chapter A - Getting Started with Dreamweaver MX 2004
Learning the Basics – Lesson 1
Chapter A - Getting Started with Dreamweaver MX 2004
Unit Objectives Create a new page Import text Set text properties
Microsoft Office 2007 MS-Word.
Creating Web Pages and Graphics
Dreamweaver – Project #1
Creating a Basic Document
Creating Documents with Word 2013
Chapter 1 Editing a Photo
Dreamweaver CS4 Skills PLAN – PLAN – PLAN first
Chapter 2 Adding Web Pages, Links, and Images
REVIEW FOR WINDOWS APPLICATIONS TEST ON FRIDAY- SEPT. 7, 2012
Cheat Sheet CSCI 100 JW Ryder
Exercise 48 - Skills Adobe Flash CS4 is a software program you use to create animation and applications that range form simple to very complex. Being able.
Cheat Sheet CSCI 100 JW Ryder
Getting Started with Dreamweaver
3.00 Understanding the Adobe Dreamweaver interface. (12%)
Presentation transcript:

Dreamweaver 8: Introduction Fall 2012

Content Introduction Initial Screen Title Bar Menu Bar Document Toolbar Status Bar The Standard Toolbar Panels and Inspectors The Properties inspector References

Introduction Dreamweaver 8 is a easy to use software that allows you to create professional web Pages. Created by Macromedia, and is now developed by Adobe System, which acquired Macromedia in 2005.

The properties inspector Initial Screen Standard toolbar Title Bar Menu Bar Document toolbar Panel Status bar The properties inspector

Title Bar The title bar contains the name of the program (Marcromedia Dreamweaver 8) and the name of the document we are working with, between parenthesis you can see the name of the file format this file is codified. At the end on the right are the buttons to minimize, maximize/restore and close the program.  

Menu Bar The menu bar contains Dreamweaver operations, grouped in drop down menus. When we click on Insert, for example, we'll see the operations related to the different elements that can be inserted in Dreamweaver. Many of the operations can be done from these menus, but sometimes it's preferable (or compulsory) to do them from the panels.

Document Toolbar The document toolbar contains icons to execute some other habitual operations that the standard toolbar doesn't include. These operations are for example changing the view of the document, preview, etc.  

Status Bar The status bar shows us in every moment the HTML tag we are in (in the image, as we are in a blank document, we are directly on the <body> tag). We also can switch between the selection, drag and zoom modes using the three buttons on the right. You can select the zoom which you want to view the Design View selecting a percentage (the default is 100%).  

The Standard Toolbar The standard toolbar contains icons to execute some of the most habitual operations immediately, like Open , Save , etc.

Panels and Inspectors Dreamweaver uses floating windows similar to the toolbar ones, these are known as panels or inspectors. In general, the appearance and options of an inspector changes depending on the selected object.

The Properties inspector The Properties inspector shows and allows us to modify the more frequent properties that are used in the selected elements. For example, when we select element a text it will show the type of font, the size,etc.

References http://en.wikipedia.org/wiki/Adobe_Dreamweaver http://www.teacherclick.com/dreamweaver8/t_2_1.htm