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

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.
Learning the Basics – Lesson 1
Macromedia Dreamweaver MX 2004 – Design Professional Dreamweaver GETTING STARTED WITH.
Dreamweaver MX 2004 “Viewing the Workspace” Mrs. Wilson.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
. Website and file organization. How websites work.
Macromedia Dreamweaver 4 Foundation Level Course.
Macromedia Dreamweaver MX 2004 Design Professional Web Page DEVELOPING A.
Building Web Pages With Microsoft Office. Introduction This tutorial is for the beginning web builder. It utilizes software that you already have, Microsoft.
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.
1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
The Internet 8th Edition Tutorial 1 Browser Basics.
Browser and Basics Tutorial 1. Learn about Web browser software and Web pages The Web is a collection of files that reside on computers, called.
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
 Definition of HTML Definition of HTML  Tags in HTML Tags in HTML  Creation of HTML document Creation of HTML document  Structure of HTML Structure.
Getting Started with Adobe Dreamweaver CS6. Unit Objectives Define web design software Start Adobe Dreamweaver CS6 View the Dreamweaver workspace Work.
With Internet Explorer 8© 2011 Pearson Education, Inc. Publishing as Prentice Hall1 Go! with Internet Explorer 8 Getting Started.
Getting Started with Dreamweaver
Getting Started with DreamWeaver
Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.
Microsoft Expression Web - Illustrated Unit B: Creating 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.
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.
Who Wants to be a Millionaire? Web Page Development Dreamweaver Chapter 1.
© Ms. Masihi.  The Dreamweaver Welcome Screen first opens when you start Dreamweaver.  This screen gives you quick access to previously opened files,
Introducing Dreamweaver MX 2004
Tutorial 1 Getting Started with Adobe Dreamweaver CS3
Tutorial 1: Getting Started with Adobe Dreamweaver CS4.
1 Web Basics Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section.
Getting Started with Application Software
XP New Perspectives on Browser and Basics Tutorial 1 1 Browser and Basics Tutorial 1.
Adding User Interactivity – Lesson 51 Adding User Interactivity Lesson 5.
Website Development with Dreamweaver
CIS 205—Web Design & Development Dreamweaver Chapter 1.
Dreamweaver Unit A. Project Files l Download files from l Search using l Download the data disk.
Web Site Design Marion Setton
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.
XP New Perspectives on The Internet, Sixth Edition— Comprehensive Tutorial 1 1 Browser Basics Introduction to the Web and Web Browser Software Tutorial.
Dreamweaver Edulaunch Project 1 EQ: What are the key concepts when building the first page of a web site?
Presented by Graduate Design Group 2 Meredith, Jennifer, Cammay and Diane.
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.
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit B Creating a Web Site.
Web Browsers  Web browser- software that you run on your computer to make it work as a web client.  Web Servers- Computers connected to the Internet.
Macromedia Dreamweaver MX 2004 Design Professional Links WORKING WITH.
HTML, Third Edition--Illustrated Brief 1 HTML, Third Edition Illustrated Brief Unit A Creating an HTML Document.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management.
Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.
Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.
Web Site Development - Process of planning and creating a website.
Microsoft Office 2008 for Mac – Illustrated Unit D: Getting Started with Safari.
XP New Perspectives on Macromedia Dreamweaver MX 2004 Tutorial 5 1 Adding Shared Site Elements.
COMP 143 Web Development with Adobe Dreamweaver CC.
Tutorial 1 Getting Started with Adobe Dreamweaver CS5.
Adobe Flash Professional CS5 – Illustrated Unit A: Getting Started with Adobe Flash Professional.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 2 Creating Links.
XP Creating Web Pages with Microsoft Office
Getting Started with Dreamweaver
Getting Started with Application Software
Chapter A - Getting Started with Dreamweaver MX 2004
Learning the Basics – Lesson 1
بسم الله الرحمن الرحيم.
Getting Started with Dreamweaver
Dreamweaver CS4 Skills PLAN – PLAN – PLAN first
Lesson Objectives Lesson Outcomes
Getting Started with Dreamweaver
Presentation transcript:

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

2 Student Files To download files to use with the text, go to search on the ISBN number for the text click the “student downloads” link click the link to download the appropriate files for Windows store the files on your hard drive, CD-ROM, or Zip disk You can also view the “Student Online Companion” (see

3 Lesson 1—The Workspace Examining the Dreamweaver workspace Obvious components are those such as the document window, menu bar, status bar, etc. The _________ inspector at the bottom displays properties of selected objects. A _______ (usually in a group on the right side) is a window that displays information or commands. Working with Dreamweaver Views Design view—__________, used for designing a web page Code view—show HTML code Code and Design view—combination, for debugging

4 Lesson 2—View a Web Page Web page elements Some common ones are text, hyperlinks, and graphics. A ________ is a graphic at the top of the screen. A navigation ____ contains multiple links for navigation. An image _____ is a graphic divided into sections, each of which is a link. Flash button objects provide links with special effects. Help Clicking Help, Using Dreamweaver displays various options Index of topics Search for keywords Favorites to bookmark certain topics

5 IP Addresses and Domain Names A web site is published to a web server with an IP (Internet _______) address, such as A domain name is assigned to a specific IP address, such as

6 Lesson 3—Web Site Development Plan the structure of a site using a ___________ i.e., a sketch that represents all pages in the site a storyboard contains parent and child pages based on links Plan the _______ hierarchy for the site e.g., a folder named “assets” can hold files that are not web pages Collect page ________ (all files needed) Create, test, and modify web pages Publish the site to a web ________ using FTP (file ________ protocol).

7 Setting Up a Remote Site Site definition window for TripSmart site Instead of r and raj127f, use your own SMSU account information for Magenta For some other ISP, check its requirements

8 Lesson 4—Adding Pages You can create an ________ folder initially to hold non-HTML files. The assets folder could contain subfolders for things such as text, ___________, graphics, and sound. The first page users usually see is called the _______ page. It’s a good idea to create all pages for the site before _________ is placed in those pages. It’s also a good idea to collect all your non-HTML files and import them into Dreamweaver before adding content to pages.

9 Lesson 5—Create a Site Map A site map is a ___________ representation of the pages in a web site. In Dreamweaver, a site map can be saved for printing or for displaying in a web page. Note: Meaningful page titles are important since many search engines search text in page titles.