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

Learning the Basics – Lesson 1

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.

Web Site Development Test 2 Working in DreamWeaver.

 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.

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.

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.

Adding an image to a page in Dreamweaver Uploading files to x10hosting Editing uploaded files in x10hosting Adding links in Dreamweaver Uploading linked.

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.

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.

Planning a Web Site Unit Two Planning Steps 1. Determine the audience & objectives. 2. Sketch a storyboard or flowchart of the pages. 3. Create a folder.

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.

Web Technologies Website Development Trade & Industrial Education

Dreamweaver MX Unit A CIS 205—Web Site Design & Development.

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.

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.

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.

1.Getting Started 2.Modifying Design 3.Page 4.News 5.Events 6.Photo Gallery 7.Newsletter Index Training 15 th Mar., 2011.

Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.

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.

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.

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

Macromedia Dreamweaver 8 Revealed AND GRAPHICS WORKING WITH TEXT.

Creating Websites With Macromedia Dreamweaver MX 2004 By Heidi Lee.

Creating Websites With Macromedia Dreamweaver MX 2004 By Heidi Lee.

Dreamweaver Tips & Basics Presented by Laban Toose ICT Specialist Sunbury Heights Primary School.

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.

Dreamweaver – Setting up a Site and Page Layouts Web Design Section 7-2 Part or all of this lesson was adapted from the University of Washington’s “Web.

Unit 15 – Web Authoring Web Authoring Project.

Dreamweaver – Setting up a Site and Page Layouts

Project Objectives Publish to a remote server

Chapter A - Getting Started with Dreamweaver MX 2004

Chapter A - Getting Started with Dreamweaver MX 2004

Chapter A - Getting Started with Dreamweaver MX 2004

Page plans A01 Design.

Chapter 2 Adding Web Pages, Links, and Images

Create and edit web pages 2

Dreamweaver Basics.

3.00 Understanding the Adobe Dreamweaver interface. (12%)

Presentation transcript:

Creating Websites With Macromedia Dreamweaver MX 2004 By Heidi Lee

The Flow

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

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

UNDERSTANDING STATIC PAGE ARCHITECTURE

Behind the Web Page

Building the Site index.htm info1.htminfo2.htmlinks.htm

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.