Dreamweaver Jing Xie (Jean) Sept. 29, 2003. Index Background Getting Started Editing Pages Site Management Advantage and Disadvantage Reference and Additional.

Slides:



Advertisements
Similar presentations
1 FrontPage 2000 Online Tutorial The following tutorial aims to help you get started with FrontPage 2000 for the creation of basic web pages. The different.
Advertisements

DREAMWEAVER Welcome to our website!
Learning the Basics – Lesson 1
Macromedia Dreamweaver MX 2004 – Design Professional Dreamweaver GETTING STARTED WITH.
Dreamweaver MX 2004 “Viewing the Workspace” Mrs. Wilson.
Chapter 8 HTML Editors Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors No single method Notepad Textpad, Notetab, and.
Chapter 12: Web Authoring Tools
Web Site Development Test 2 Working in 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.
Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.
There is a certain way that an HTML file should be set up. The HTML section declares a beginning and an ending. Within the HTML, there should be a HEAD.
ETT 429 Spring 2007 Web Design I.
Web Publishing Overview Adam Cavotta and Christine L. Vucinich ITS Training Services
FrontPage Basics Contributed by Richard Truxall, The Library Network Community Information Toolkit Copyright © 1999, Library of Michigan.
Designing a Classroom Web Site Using NVU Beginning Level.
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
Website Designing Using Ms FrontPage FrontPage 2003 Create a Web site with FrontPage.
What is Web Authoring? Web Authoring Tools Use Text Editors HTML Editors Web-based Authoring Tools Integrated Web Authoring Tools 8Basic Understanding.
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.
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.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
Web Design ITM 2010 Tutorial 1 Prepared by Wang Shiyu.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
The Web Collection, Revealed MACROMEDIA STUDIO 8 INTEGRATING.
DREAMWEAVER Adding photos and other tips!. Making photo gallery  Gather ALL the photos you need into your images folder. (remember to copy the URL so.
Website Development with Dreamweaver
Designing Web Sites Using “tags” Tags are codes inserted among the text to tell the text how to behave Their format is very rigid; they always look like.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
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 An introduction to Dreamweaver by a beginner who can show you the rudiments of quickly and easily creating a web site. An attempt to offer.
Session 1 SESSION 1 Working with Dreamweaver 8.0.
Open Dreamweaver Start All programs Adobe design and web premium Adobe Dreamweaver.
Understanding a Web Web page is a single page containing text and graphics that has been labeled with the appropriate HTML coding for the.
Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.
Web Design March 21, Agenda Return graded work Review / Discuss Homework Assignment Unit 6: Web Authoring Software Lesson Objectives: Students develop.
HTML Authoring. Design  A good website starts its life in the design stage Layout, Color, Sound, Content, Functionality and Maintainability aspects are.
Files, File Format Folders Paths, URL Absolute Addresses Relative Addresses © Ms. Masihi.
Presented by Graduate Design Group 2 Meredith, Jennifer, Cammay and Diane.
Dreamweaver By Abbey Salmans and Michelle Smith. Dreamweaver 3 zDreamweaver is a professional visual editor for creating and managing web sites and pages.
1 After completing this lesson, you will be able to: Transfer your files to the Internet. Choose a method for posting your Web pages. Use Microsoft’s My.
Dreamweaver 8 Introduction What you can do with Dreamweaver 8 What's new in Dreamweaver 8.
Sports Website Creation. In this project you will design and produce your own website.
Working with Graphics – Lesson 21 Working with Graphics Lesson 2.
Chapter2 Webpage Editing Tool Dreamweaver 8. Vacabularies Website 网站 Webpage 网页 Layout 布局 Hyper-link 超级链接 Frame 框架 Template 模板 Promote 发布.
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
INTRODUCTION TO DREAMWEAVER CS SOFT. OVERVIEW  DreamWeaverCS5.5  Defining a site  Site files  Authoring views  Property Inspector  AP Divs.
Making Websites with Dreamweaver BTT. What is Dreamweaver?  “What You See Is What You Get” (WYSIWYG) web design software  Rather than writing code and.
Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management.
XP Tutorial 7 Creating a Flash Web Site. XP New Perspectives on Macromedia Flash 82 Objectives Plan and create a Flash Web site Create a Flash template.
Creating Your Own Web Page A Basic Introduction Before we begin, some housekeeping... Create a NEW folder in your H:\ drive called Webpage All of your.
Web Development Tools Milton Acevedo Jerry Jones.
Chapter 8 HTML Editors. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors Text editors don't have word processing features.
PRESENTED BY GRADUATE DESIGN GROUP 2 MEREDITH, JENNIFER, CAMMAY AND DIANE How to build a web site in Dreamweaver.
Basic Webpage Design Building website Using Dreamweaver And Importing API’s.
Dreamweaver Tips & Basics Presented by Laban Toose ICT Specialist Sunbury Heights Primary School.
Dreamweaver B 簡至攸.
Chapter A - Getting Started with Dreamweaver MX 2004
Learning the Basics – Lesson 1
How to make a website in dreamweaver a website
Creating a Successful Web Presence
Web Page Development Tools
Web Page Development Tools
HTML Text editors and adding graphics
Making a website.
3.00 Understanding the Adobe Dreamweaver interface. (12%)
The Web Collection Standard CS3 Revealed
Presentation transcript:

Dreamweaver Jing Xie (Jean) Sept. 29, 2003

Index Background Getting Started Editing Pages Site Management Advantage and Disadvantage Reference and Additional Resourses

Background Two kinds of HTML editors: Text HTML Editors: provide a lot of control and speed for Web Developers. A Developer who understands HTML can often edit Web pages much more quickly using a text editor than another developer can using WYSIWYG. If you're planning on doing Web Development professionally, use these editor. WYSIWYG HTML Editors: "What You See Is What You Get" HTML editors are very easy to use. Most novices start out with a WYSIWYG editor because you can get a new Web page up quickly. But while WYSIWYG editors offer more design flexibility, they don't result in pages that are better looking - Designers can create beautiful pages with as easily as with Dreamweaver or Notepad.

What’s Dreamweaver? A very popular web authoring tool developed by Macromedia, which helps you build and maintain a website. A WYSIWYG (what you see is what you get) HTML editor A program that replaces the need to understand the basic concepts of HTML and web page construction. A member of DREAMTEAM together with Flash and Fireworks which were especially designed for webpage construction What if you know nothing about it? use Dreamweaver you MIGHT be able to build an OK website. use Dreamweaver you WILL build a GREAT website. If you have knowledge of web page construction and HTML

Getting Started

Palettes Objects Palette This tool acts as a shortcut for inserting various objects and commands Properties Palette This tool allows you to manipulate highlighted text, images, frames and tables

Editing Pages Setting page properties

Formatting text

Inserting table

Inserting image

Inserting forms

Adding layer

three types of document paths: Absolute paths are complete paths that include the server protocol (usually for web pages). You must use an absolute path when creating a link to a file outside the current site. Root-relative paths always begin at the root of the current site. Root-relative paths begin with a slash that tells the server to start from the root. Document-relative paths are relative to the folder containing the current document. Document-relative paths are often the simplest paths to use for links to files that will always be in the same folder as the current document. Adding links

Looking at and editing your HTML

“Insert Flash Button” in the objects palette Adding flash Nevbar

Site Management Define a site

Use site window

Advantage don't need to know HTML to put up a Web page. Direct and easy-learning. more built-in developer tools, support for more plug-ins, and transparent support for other Macromedia products such as Fireworks. It's more robust than FrontPage and could meet the requirements of experienced web developers Powerful capability for site management Disadvantage Slower to edit HTML changes compared with Text HTML Editors Not absolutely WYSIWYG

Reference: Melissa Pedersen & Lisa Waters & Eddie Gose, How to use Dreamweaver 4, Spring state.edu/handouts/defunct/dreamweaver/Dreamweaver4_Intro.htmhttp://ccl.english.ohio- state.edu/handouts/defunct/dreamweaver/Dreamweaver4_Intro.htm Further information on the Dreamweaver program can be found at: official Dreamweaver support page by Macromediahttp:// short online training videos from web-design guru Lynda Weinman. Additional Resources