WYSIWYG Program (pronounced wiz - ee - wig) What You See Is What You Get Dreamweaver 4.0 Toolbars.

Slides:



Advertisements
Similar presentations
DREAMWEAVER WORKSPACE The Document Window The Code Inspector Panel The Insert Bar The Property Inspector Panels and Panel Groups The Site Panel The Menu.
Advertisements

Chapter 3 – Web Design Tables & Page Layout
Microsoft FrontPage Monday January 28, The Basic FrontPage Setup.
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.
 Share assignments and files  Student and parent home access  Announcements  Classroom information.
Intermediate Level Course. Text Format The text styles, bold, italics, underlining, superscript and subscript, can be easily added to selected text. Text.
Macromedia Dreamweaver 4 Foundation Level Course.
Basic HTML. Guide to HTML code Not case sensitive Use tag for formatting output: new line, paragraph, text size, color, font type, etc. Can be a single.
Office 2003 Introductory Concepts and Techniques M i c r o s o f t Word Web Feature Creating Web Pages Using Word.
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.
Final Exam Our final will be held: –Thursday, May 8 th –4:00 PM - 5:50 PM –In 109 CIWW (same room as class) There will be no make up and the final is mandatory.
Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.
ETT 429 Spring 2007 Web Design I.
Office 2003 Introductory Concepts and Techniques M i c r o s o f t Word Web Feature Creating Web Pages Using Word.
Chapter 19 – Macromedia Dreamweaver MX 2004
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
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.
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.
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?
 2001 Deitel & Associates, Inc. All rights reserved. 1 Chapter 12 – Microsoft FrontPage Express Outline 12.1Introduction 12.2Microsoft FrontPage Express.
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.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
Web Technologies Website Development Trade & Industrial Education
Web Design ITM 2010 Tutorial 1 Prepared by Wang Shiyu.
Forms. 2 Project Objectives Discuss form processing Describe the difference between client-side and server-side form processing Add a horizontal rule.
Dr. Nuha El-KhaliliInternet Programming ( ) HTML Hyper Text Markup Language The language of web pages Maintained by the W3C
1 Macromedia Dreamweaver Outline Introduction Macromedia Dreamweaver Text Styles Images and Links Symbols and Lines Tables Forms Scripting in Dreamweaver.
Wikispaces Tutorial Adapted from a slideshow by: Jennifer Carrier Dorman
Web Design-Lecture2-QN-2003 Web Design Microsoft FrontPage®
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
HTML Comprehensive Concepts and Techniques Second Edition Project 2 Creating a Web Site with Links.
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.
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit D Formatting Text and Using Cascading Style Sheets.
Chapter 8 Collecting Data with Forms. Chapter 8 Lessons Introduction 1.Plan and create a form 2.Edit and format a form 3.Work with form objects 4.Test.
Chapter 1 Creating a Dreamweaver Web Page and Local Site
Taskbar. START TASKBAR Programs Start Menu has the seven basics commands: Programs, Documents, Settings, Find, Help, Run, and Shut down.
Start Dreamweaver program From file menu click new Blank page appears.
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.
Adobe Dreamweaver CS3 Developing a Web Page. Planning the Page Layout Use White SpaceUse White Space Limit media objectsLimit media objects KISSKISS Use.
About Wikispaces Greenwich Public Schools Private Label: (Wiki about Wikis)
Exploring Microsoft Microsoft FrontPage Chapter 21 Exploring Microsoft FrontPage 2002 Chapter 1 Creating a Home Page: Introduction to MS FrontPage.
Home page Web page link 1 Web page link 2Web page link 3Web page link 4.
1 Start TextEdit. 2 Creating a Home Page  A home page is the main page of a Web site –Visitors usually view the home page first –Identify the purpose.
HTML Comprehensive Concepts and Techniques Second Edition Project 2 Creating a Web Site with Links.
1 Creating Links Lesson 2. 2 In the center column type : Home | Order Now | Contact Us This is the navigation button which will link to the other pages.
What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup.
Building a Website: Layout Fall Overall Structure: Home Page Title Section Title Frame Picture UNCP Math Menu Content Footer Contact Information.
HTML for web designing short course. What is an HTML File? HTML stands for Hyper Text Markup Language An HTML file must have an htm or html file extension.
Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.
XP Creating Web Pages with Microsoft Office
With Microsoft FrontPage 2000
Learning the Basics – Lesson 1
Dreamweaver – Project #1
Your First & Last Name (Make sure you capitalize your first and last name!) Follow these instructions: 1. Center your name on the slide (use the “Centered”
THIẾT KẾ WEB BẰNG MACROMEDIA DREAMWEAVER
Cheat Sheet CSCI 100 JW Ryder
Dreamweaver 8: Introduction
Tutorial 6 Creating Dynamic Pages
Cheat Sheet CSCI 100 JW Ryder
Dreamweaver Basics.
Presentation transcript:

WYSIWYG Program (pronounced wiz - ee - wig) What You See Is What You Get Dreamweaver 4.0 Toolbars

Show HTML Code Only Show Code and Design Show Design Only Title of HTML Document File Management Reference Options Toolbar Browser Preview

Text Alignment Italicize Text Font Color Font Size Font Type Text Format Hyperlink (HREF) Point to File Target Frame Bulleted List Numbered List Text Outdent Text Indent Properties Window Bold

Common Objects Insert Rollover Image Insert Tabular Data Insert Navigation Bar Insert Link Insert Server-Side Include Insert Flash Insert Flash Text Insert Generator Insert Image Insert Table Draw Layer Insert Horizontal Rule Insert Date Insert Fireworks HTML Insert Fireworks Button Insert Shockwave

Insert Text Field Insert Checkbox Insert List/Menu Insert Image Field Insert Jump Menu Insert Form Insert Button Insert Radio Button Insert File Field Insert Hidden Field Form Objects

Dreamweaver 4.0 Toolbars