 Helps you create individual pages according to your thumbnail plan  Helps you organize your web pages and links according to your organizational chart.

Slides:

Advertisements

Similar presentations

© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.

Advertisements

DREAMWEAVER Welcome to our website!

Building the e-Zine. The e-Zine is in the form of a Website and must contain the following: Several pages, which must be linked, including an Information.

Macromedia Dreamweaver MX 2004 – Design Professional Dreamweaver GETTING STARTED WITH.

. Website and file organization. How websites work.

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.

Saving a Word Document as a Web Page

Web Page Design Tips & Tricks Layering Choose Insert – Layout Objects – Layer Click anywhere along the outline of the layer box to select it Click &

Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.

Master Slide. Why Create a Master Slide Allows you to create slide layouts EXACTLY how you want it Keep things consistent from one slide to the next Save.

Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.

Acadia Institute for Teaching and Technology Basic Web Page Design for Courses.

Presented by Steve Beutler, Career Counselor Minot Public Schools Minot, North Dakota.

Creating a Website. Unit Objectives Plan a website Create a folder for website management Set up a website Add a folder to a website Save a web page Copy.

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.

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.

Dreamweaver CS4 Concepts and Techniques Chapter 7 Page Layout with Frames.

Web Technologies Website Development Trade & Industrial Education

EDU 271. Introduction to Microsoft Publisher  Microsoft Publisher helps you easily create, customize, and publish materials such as: newsletters, brochures,

Chapter 4 Adding Images. Chapter 4 Lessons Introduction 1.Insert and align images 2.Enhance an image and use alternate text 3.Insert a background image.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 4 1 Microsoft Office FrontPage 2003 Tutorial 4 – Using Shared Borders and Themes.

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

ADOBE WEAVER WEB DESIGN. START THE DW 2 WORKSPACE LAYOUT Application Bar Document Toolbar Document Window Workspace Switcher Property Inspector GroupPanel.

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.

Session 1 SESSION 1 Working with Dreamweaver 8.0.

Open Dreamweaver Start All programs Adobe design and web premium Adobe Dreamweaver.

How are tables used in web design?. A table (FIVE THINGS TO KNOW) 1. Is made up of columns and rows 2. Has cells where columns and rows intersect.

Website Project Development Presentation by APNARAJ.COM.

Slide 1 of 24 1) Launch Fireworks 2) Under File, choose New 3) In the New Document dialog box, enter Width: 100, Height 160, Resolution 72, and choose.

Updating the Laboratory Website. Useful Info Address: Everything is saved in the desktop.

Macromedia Dreamweaver 8 Revealed LINKS WORKING WITH.

Sports Website Creation. In this project you will design and produce your own website.

The Internet Using the Internet Web addresses Searching Favourites Saving / Printing web pages.

Why are links important to a website? Web Design Course.

Applying the IEEE Template to a Presentation

Macromedia Dreamweaver MX 2004 Design Professional Links WORKING WITH.

Dreamweaver I Stanford Workshop Your Presenter: Dr. Laura Silberstein

We Are Learning To (WALT): To create a working homepage for our websites What I am Looking For (WILF): A completed homepage containing a working navigation.

Creating interactive web pages using Fireworks Creating a 5 page mock up.

Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.

© 2005 Lawrenceville Press Slide 1 Chapter 4 Website Development Planning 1.Define the purpose and target audience. 2.Sketch the navigation structure.

How to create & use Dreamweaver Templates. Creating a Dreamweaver Template o A template is a common structure or layout of a web site that most of your.

Home page Web page link 1 Web page link 2Web page link 3Web page link 4.

Microsoft FrontPage 2003 Illustrated Complete Working on the Web Site’s Hyperlinks and Appearance.

Web Site Development - Process of planning and creating a website.

IPDF toolkit – brought to you by PwC How to use this Interactive PDF (iPDF) template This template is part of a self-service iPDF toolkit. Use this to.

Microsoft Access 2000 Creating Student Data Disks.

Slide 1 of 12 1) Launch Fireworks. 2) Under File, choose Open 3) Choose your CS38 folder on the Desktop. 4) Open the navbar.gif file Stanford Continuing.

Weebly is Your Friend. * To Enhance And Promote Your Curriculum * To Provide A Student Resource * Add Efficiency to Your Planning * Informational * Promote.

Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”

How to make a website in dreamweaver a website

Getting Started with Dreamweaver

Edit PowerPoint file using Microsoft PowerPoint:

Edit PowerPoint file using Microsoft PowerPoint:

Edit PowerPoint file using Microsoft PowerPoint:

Edit PowerPoint file using Microsoft PowerPoint:

Edit PowerPoint file using Microsoft PowerPoint:

Edit PowerPoint file using Microsoft PowerPoint:

Edit PowerPoint file using Microsoft PowerPoint:

Edit PowerPoint file using Microsoft PowerPoint:

How to Make a Google Slideshow

Web Design 1 Website Construction.

Making a website.

Edit PowerPoint file using Microsoft PowerPoint:

Edit PowerPoint file using Microsoft PowerPoint:

Edit PowerPoint file using Microsoft PowerPoint:

Edit PowerPoint file using Microsoft PowerPoint:

Presentation transcript:

 Helps you create individual pages according to your thumbnail plan  Helps you organize your web pages and links according to your organizational chart

 Determine purpose (CLIENT INTERVIEW, MARKETING RESEARCH)  Create organizational chart and thumbnails  Develop text content, images, media and graphics (MICROSOFT WORD, PHOTOSHOP, FIREWORKS, FLASH, PREMIERE)  Merge text, image and media into wireframe layout plan for pages (DREAMWEAVER)  Publish site (DREAMWEAVER)  Revise site (Add web developer elements) (DREAMWEAVER)  Update site (DREAMWEAVER)

 Insert your flash drive  Drag your root folder onto your desktop  Start Dreamweaver  Click Site>Manage Sites  Click Import Site icon  Select the.ste file for your site  Make sure your root folder is correct in Dreamweaver

1. Complete all the steps on the previous slide 2. Create a new folder in your root folder called: webwork (save everything you create today in this folder) 3. Create a new blank web page (Modify the background color to be: 0000ff) 4. Import your personal banner head 5. Paste your autobiography underneath the banner head 6. Save the page as newindex.html 7. Create a new blank page 8. Modify the background image to be one of the tiled images you downloaded previously 9. Save the page as mytile.html 10. Create a new blank page 11. Modify the background image to be the Rosario image (no repeat) 12. Save the page as largepg.html 13. Upload all three files to your web server