Creating Websites With Macromedia Dreamweaver MX 2004 By Heidi Lee.

Slides:



Advertisements
Similar presentations
Working with Graphics – Lesson 21 Working with Graphics Lesson 2.
Advertisements

Macromedia Dreamweaver MX 2004 – Design Professional Dreamweaver GETTING STARTED WITH.
Linking Your Web Pages Together. Links… index.htmunit4.htm Evaluation of web graphics GIF vs. JPEG Web photo album To link the lines in index.htm to the.
 Share assignments and files  Student and parent home access  Announcements  Classroom information.
Create a table Resize, split and merge cells Insert and align graphics within table cells Insert text and format cell content Maintain Web site Working.
Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.
Chapter 3 Tables and Page Layout
Macromedia Dreamweaver 4 Foundation Level Course.
 Adding Background image  Creating internal links  Creating external links  Save your document as a webpage(.mht) file.
Create internal and external links Create internal links to named anchors Insert Flash Text Create, modify, and copy navigation bar Manage Web site links.
INTEGRATING Macromedia MX 2004 Products Integrating Macromedia MX 2004.
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.
Macromedia Dreamweaver MX 2004 Design Professional Tables WORKING WITH.
Final Exam Our final will be held: –Thursday, May 3 rd –From 4:00 to 5:50 PM –In 109 CIWW (same room as class) There will be no make up and the final is.
1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
Final Exam Our final will be held: –Monday, December 19 th –From 2:00 to 3:50 PM –In 809 Silver There will be no make up and the final is mandatory. It.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.
Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 4 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 4: Adding Content.
Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.
What is Web Authoring? Web Authoring Tools Use Text Editors HTML Editors Web-based Authoring Tools Integrated Web Authoring Tools 8Basic Understanding.
© 2012 Boise State University1 WordPress Training February 14, 2013.
Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?
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.
Macromedia Studio 8 Step-by-Step MACROMEDIA DREAMWEAVER 8 Project 2: Banking Site.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
© 2012 Boise State University1 WordPress Training February 14, 2013.
Web Page Overview. What is a Web page? A document with.html file extension Possible incorporation of graphics Saved on a Web server Private Vs Public.
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.
1.Getting Started 2.Modifying Design 3.Page 4.News 5.Events 6.Photo Gallery 7.Newsletter Index Training 15 th Mar., 2011.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.
HTML Authoring. Design  A good website starts its life in the design stage Layout, Color, Sound, Content, Functionality and Maintainability aspects are.
Dreamweaver MX. 2 Overview of Templates n Templates represent a web page design or _______ that will be common to multiple pages. n There are two situations.
University Web Training: Introduction to Web Editing Web Services.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
Tutorial 7 Planning and Creating a Flash Web Site.
FILES AND ASSETS PANELS
Macromedia Dreamweaver 8 Revealed LINKS WORKING WITH.
Chapter2 Webpage Editing Tool Dreamweaver 8. Vacabularies Website 网站 Webpage 网页 Layout 布局 Hyper-link 超级链接 Frame 框架 Template 模板 Promote 发布.
Macromedia Dreamweaver MX 2004 Design Professional And Graphics WORKING WITH TEXT.
DotNetNuke Workshop Presented by: Sara Sharick. Topics What is DotNetNuke Components Requesting a DDN Site Creating Pages Modules Adding Content Document.
Macromedia Dreamweaver MX 2004 Design Professional Links WORKING WITH.
Web Design Part I. Click Menu Site to create a new site root.
Macromedia Dreamweaver 8 Revealed AND GRAPHICS WORKING WITH TEXT.
Inserting Flash Videos SharePoint 2007 By Joseph Risi.
January 2006Colby College ITS Setting Up Course Pages.
Exploring Microsoft Microsoft FrontPage Chapter 21 Exploring Microsoft FrontPage 2002 Chapter 1 Creating a Home Page: Introduction to MS FrontPage.
PRESENTED BY GRADUATE DESIGN GROUP 2 MEREDITH, JENNIFER, CAMMAY AND DIANE How to build a web site in Dreamweaver.
Creating Websites With Macromedia Dreamweaver MX 2004 By Heidi Lee.
Creating Websites With Macromedia Dreamweaver MX 2004 By Heidi Lee.
Creating Website Using FrontPage 2003 By Heidi Lee.
Creating Website Using FrontPage 2002 By Heidi Lee Assisted by Pinky.
Creating Website Using FrontPage 2002 By Heidi Lee.
XP New Perspectives on Macromedia Dreamweaver MX 2004 Tutorial 5 1 Adding Shared Site Elements.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
Unit 15 – Web Authoring Web Authoring Project.
How to use.
Chapter A - Getting Started with Dreamweaver MX 2004
Chapter A - Getting Started with Dreamweaver MX 2004
DW Tutorial 5 Sessions 5.1 & 5.2 REVIEW
Web software.
How to make a website in dreamweaver a website
Chapter A - Getting Started with Dreamweaver MX 2004
Page plans A01 Design.
Chapter 2 Adding Web Pages, Links, and Images
Dreamweaver Basics.
Presentation transcript:

Creating Websites With Macromedia Dreamweaver MX 2004 By Heidi Lee

The Flow 12:30 p.m.lunch 1:30 – 2:00 p.m.optional practice 2:00 p.m. Class resumes 5:00 p.m.class finishes 5:00 -5:30 p.m.optional Q & A

Course Overview Getting started Adding contents to a site Formatting Text Working with graphics Navigating Your Site Designing Page Layout Using Libraries and Templates Creating Forms Testing, maintenance, and uploading

Getting Started Defining a local site ( 定義網站 ) –Site > Manage Site

UNDERSTANDING STATIC PAGE ARCHITECTURE

Behind the Web Page

Adding Contents to Site Formatting text Select the text Use the Property Panel ( 屬性面版 )

Linking Documents Link to a file Link to an url Link to Named Anchors (bookmarks) Adding links

Part 1 Part 2 Part 1 Details Part 2 Details

Working with Graphics Inserting graphics into a web page Modifying image properties using the Property Panel Add link to images Adding Flash objects

Graphic Formats in Web Page Jpeg Gif Animated gif png

Designing Pages Using Tables Change Table Properties with the Property Panel

Setting Form Focus

Uploading Web hosting server Open an account in Tripod ( Or in Geocities ( Define site > remote info Upload the entire site View your web site Or

Using the Check In/Out System Define the remote info and select the option Check out - "I’m working on this file now--don’t touch it!" Check in - other team members can check out and edit the file.