Dreamweaver CS4 Skills PLAN – PLAN – PLAN first

Slides:



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

1 Web Site Design Overview of the Internet Cookie Setton.
Macromedia Dreamweaver MX 2004 – Design Professional Dreamweaver GETTING STARTED WITH.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Chapter 3 Tables and Page Layout
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.
Getting Started with Adobe Dreamweaver CS6. Unit Objectives Define web design software Start Adobe Dreamweaver CS6 View the Dreamweaver workspace Work.
Lesson 9: Fine-Tuning Your Workflow Introduction to Adobe Dreamweaver CS6 Adobe Certified Associate: Web Communication using Adobe Dreamweaver CS6.
Getting Started with Dreamweaver
 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.
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.
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,
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
Tutorial 1 Getting Started with Adobe Dreamweaver CS3
Tutorial 1: Getting Started with Adobe Dreamweaver CS4.
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 Dreamweaver CS3 Revealed CHAPTER FIVE: USING HTML TABLES TO LAY OUT A PAGE.
CIS 205—Web Design & Development Dreamweaver Chapter 1.
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.
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.
Adobe Dreamweaver CS3 Revealed CHAPTER FOUR: WORKING WITH LINKS.
Dreamweaver CS4 Concepts and Techniques Chapter 2 Adding Web Pages, Links, and Images.
Chapter 1 Creating a Dreamweaver Web Page and Local Site
With Windows 7 Introductory© 2011 Pearson Education, Inc. Publishing as Prentice Hall1 Windows 7 Introductory Chapter 3 Advanced File Management and Advanced.
Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Microsoft Office 2010 is the newest version of Microsoft Office, offering features that provide users with better functionality and easier ways to work.
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.
Copyright © 2013 MyGraphicsLab / Pearson Education DREAMWEAVER INTERFACE MYGRAPHICSLAB: ADOBE DREAMWEAVER CS6.
Microsoft Expression Web - Illustrated Unit A: Getting Started With Microsoft Expression Web.
COMP 143 Web Development with Adobe Dreamweaver CC.
Key Applications Module Lesson 12 — Word Essentials Computer Literacy BASICS.
© 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
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.
Chapter A - Getting Started with Dreamweaver MX 2004
Learning the Basics – Lesson 1
Chapter A - Getting Started with Dreamweaver MX 2004
Creating Web Pages and Graphics
Dreamweaver – Project #1
Getting Started with Dreamweaver
Office 2010 and Windows 7: Essential Concepts and Skills
Chapter 2 Adding Web Pages, Links, and Images
Basic Editing Lesson 2.
Cheat Sheet CSCI 100 JW Ryder
Dreamweaver 8: Introduction
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.
Tutorial 6 Creating Dynamic Pages
Key Applications Module Lesson 12 — Word Essentials
Exercise 34 - Skills The Assets panel’s library feature enables you to insert and change elements automatically on multiple pages in your site. You can.
Cheat Sheet CSCI 100 JW Ryder
Getting Started with Dreamweaver
Exercise 47 - Skills Use the Spry framework to add interesting interactive features to a Web site. Spry widgets allow you to create objects such as menu.
Dreamweaver MX 2004 Fundamentals
Using Templates and Library Items
Exercise 9 Skills You create and use styles to create formatting rules that can easily by applied to other pages in the Web site. You can create internal.
3.00 Understanding the Adobe Dreamweaver interface. (12%)
Exercise 24 – Software Skills
Lesson 1 – PowerPoint Essentials
Key Applications Module Lesson 12 — Word Essentials
Exploring Microsoft® Office 2016 Series Editor Mary Anne Poatsy
Welcome To Microsoft Word 2016
Presentation transcript:

Dreamweaver CS4 Skills PLAN – PLAN – PLAN first Software Skills - Dreamweaver has many innovative features to make designing, creating, editing, managing, and publishing your new Web site easier and more intuitive. Design Skills – Starting out, a Web designer needs to know where to find and how to use basic design tools. Preparing your workspace and arranging tools the way you want them will help you get ready to create. PLAN – PLAN – PLAN first create later, it will save you time later.

About Dreamweaver CS4 Adobe Dreamweaver has been one of the most widely used Web site design programs for many years. Dreamweaver offers design environments that are friendly to both the new and experienced designers. Using Dreamweaver CS4, it is easier than ever to construct a Web site and manage files.

Dreamweaver CS4 Terms Expander arrow – The small arrow icon at the bottom right of the Property inspector that, when clicked enlarges the panel to reveal additional properties. Floating panel – A Dreamweaver container for tools and properties that is undocked and can be repositioned anywhere in the workspace or closed if desired.

Dreamweaver CS4 Terms Insert panel – A panel that lists categories of objects you can insert in a Web page, including graphics, text features, tables, multimedia objects, form elements, and more. Object – An element such as a form, image, or multimedia file added to a Web page.

Dreamweaver CS4 Terms Panel – A Dreamweaver container for tools and properties that appears in the Dreamweaver window either alone or as part of a panel group. Panels can be undocked and repositioned anywhere in the workspace or closed if desired. Workspace – In Dreamweaver, the desktop area where the document window and panels appear.

Dreamweaver CS4 Terms Panel groups pane – The panel on the right side of the Dreamweaver workspace were panels appear by default. Property – A characteristic that defines the value, appearance, and/or state of an object. Web page – A single file in a collection of files that make up a Web site.

Dreamweaver CS4 Terms Property inspector – A Dreamweaver panel that displays properties for the currently selected object. Web Site – A collection of Web pages and other objects, such as images, that are linked to create a resource dedicated to a particular subject.

About Adobe Dreamweaver CS4 Document Window Property Inspector Panel Groups Pane Expander Arrow The Dreamweaver workspace is the part of the window where you create, work with, and save Web pages The largest area in the workspace is the Document window. You use the Document window to create page content. Copyright © 2010 Pearson Education, Inc. Publishing as Prentice Hall Get Started with Dreamweaver: Lesson 1, Exercise 1

Toolbars Application Bar The Application bar is a menu bar that provides selections for creating and working with Web sites, pages, and objects. Objects are elements you add to a Web page. The various menus—File, Edit, View, Insert, Modify, Format, Commands, Site, Window, and Help—are grouped by the task you want to perform. Copyright © 2010 Pearson Education, Inc. Publishing as Prentice Hall Get Started with Dreamweaver: Lesson 1, Exercise 1

Toolbars Document Toolbar The Document toolbar appears at the top of the Document window directly above the window’s contents. The toolbar displays Code, Split, Design, and Live View buttons that you can use to toggle among the various views. You will learn more about these and other view options later in the course. The Document toolbar also shows the title of the current page and gives you easy access to tools that enable you to check browser compatibility, preview the page, and modify the display of page content. Copyright © 2010 Pearson Education, Inc. Publishing as Prentice Hall Get Started with Dreamweaver: Lesson 1, Exercise 1

Panels A panel group contains several related panels. The Files panel group contains the Files panel and the Assets panel. To switch from one panel to another in a group, simply click the panel’s tab. Panel groups can be opened and closed as you require. To open a panel group, double- click the panel’s tab. To close a panel group, double-click the panel tab again. You can drag a panel group away from its default location by clicking panel tab and dragging the panel group to a new location. If you leave the panel group undocked in the workspace, you have created a floating panel group. Files Panel Group Copyright © 2010 Pearson Education, Inc. Publishing as Prentice Hall Get Started with Dreamweaver: Lesson 1, Exercise 1

Assignment Lillysgarden index