Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.

Slides:

Advertisements

Similar presentations

DREAMWEAVER Welcome to our website!

Advertisements

Learning the Basics – Lesson 1

© 2010 Delmar, Cengage Learning Chapter 12 Working with Library Items and Snippets.

Chapter 3 Tables and Page Layout

Office 2003 Introductory Concepts and Techniques M i c r o s o f t Word Web Feature Creating Web Pages Using Word.

© 2005 Lawrenceville Press Slide 1 Chapter 3 The Dreamweaver Workspace.

Macromedia Dreamweaver MX 2004 Design Professional Tables WORKING WITH.

Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.

How to Create Top Ranking Searchable and Accessible Documents Chris Pollett and Elizabeth Tu April, 2010.

Office 2003 Introductory Concepts and Techniques M i c r o s o f t Word Web Feature Creating Web Pages Using Word.

Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.

A02 Creating my website NAME ______________. UNIT 2 – A02 – Creating my Website The purpose of this assessment objective is to create 5 web pages containing.

Getting Started with Adobe Dreamweaver CS6. Unit Objectives Define web design software Start Adobe Dreamweaver CS6 View the Dreamweaver workspace Work.

Using Dreamweaver getting started 1)Start in your “My Documents” folder 2)Create a new folder called “website” 3)Create a sub folder called “images” 4)Start.

Website Tutorial. Administration  Log on by clicking Login on the footer of almost any page  Your Username is.

Microsoft Expression Web - Illustrated Unit B: Creating a Web Site.

Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.

Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.

Chapter 3 Dreamweaver: Part I The Web Warrior Guide to Web Design Technologies.

INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.

Macromedia Studio 8 Step-by-Step MACROMEDIA DREAMWEAVER 8 Introduction.

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

Web Technologies Website Development Trade & Industrial Education

Project 1: Creating a Dreamweaver Web Page and Local Site 1 Project Objectives Add a background image Open and close panels Display and describe the Property.

Defining a Website. Review…. Page Title −The text that will be displayed in the title bar of the browser window on a web page File Name −What you “call”

Using FrontPage Express. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page.

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

Making a Game Linking Slides. To link slides: 1.Prepare your storyboard 2.Complete all slides 3.Link the slides.

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.

Dreamweaver Unit A. Project Files l Download files from l Search using l Download the data disk.

Project 2 Adding Web Pages, Links, and Images Dreamweaver MX 2004 Concepts and Techniques.

Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.

Adobe Dreamweaver CS3 Revealed CHAPTER FOUR: WORKING WITH LINKS.

Dreamweaver Edulaunch Project 1 EQ: What are the key concepts when building the first page of a web site?

Dreamweaver CS4 Concepts and Techniques Chapter 2 Adding Web Pages, Links, and Images.

Language Club KompoZer Design View. Files you will need  Images  pages  Templates  Text.

Macromedia Dreamweaver 8 Revealed LINKS WORKING WITH.

Chapter 1 Creating a Dreamweaver Web Page and Local Site

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

D REAMWEAVER T EST May 16 th. The file extension for a webpage is.html When you Title a webpage in the Document Toolbar, where is the title of the page.

Web Design-Lecture3-QN-2003 Web Design Enhancing a Website.

Using Frames in a Web Site Project 6. Project Objectives Project 6: Using Frames in a Web Site 2 Define terms related to frames Describe the steps used.

Microsoft FrontPage 2003 Illustrated Complete Designing Web Pages with Layout Tables.

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

Unit 2, Lesson 7 Creating Web Pages and Web Documents.

PYP002 Intro.to Computer Science Microsoft Word1 Lab 04 - a Microsoft Windows Applications Common Features.

Making your Portfolio How to use Publisher. Planning Your Website  Create a folder for storage of images, sounds, documents, etc.  Keep an ongoing collection.

Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.

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

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

1 Preparation for site Create a folder in MyDocuments: beavercheese. Create a subfolder, images Classes, career, DW beginner Download.

Chapter 28. Copyright 2003, Paradigm Publishing Inc. CHAPTER 28 BACKNEXTEND 28-2 LINKS TO OBJECTIVES Table Calculations Table Properties Fields in a Table.

Creating Web Pages with Links, Images, and Embedded Style Sheets

Chapter 7 Creating Templates, Importing Data, and Working with SmartArt, Images, and Screen Shots Microsoft Excel 2013.

Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.

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.

Continue making your website on Adobe Dreamweaver, adding colour, images and text. Lesson 8 Aim : Q: What's the difference between Batman and a thief?

OVERVIEW Objectives Follow a design document to create a small personal Web site Follow a design document to create pages in a large commercial Web site.

4Schools Adding a Web Page.

Dreamweaver CS4 Skills PLAN – PLAN – PLAN first

Dreamweaver 8: Introduction

Dreamweaver Basics.

Introduction to the ISB Intranet

Adding information to provider pages

3.00 Understanding the Adobe Dreamweaver interface. (12%)

Using FrontPage Express

A02 Creating my website NAME ______________.

Presentation transcript:

Website Design CLA – Transportation

Defining a Site Select: Site – New - Site Click Next.

Defining a Site Click Next.

Defining a Site Click Next.

Defining a Site Click Next – A summary is displayed.

Adding Pages In the Files panel, select - File – New File. Type a new name with a.html extension.

Page title Give each page a descriptive page title

Use tables for content Insert - Table

Adding Content Add content (images and text) to the cells of the table Select text and then use the Property Inspector to adjust formatting:

Adding Hyperlinks Used to create navigation between website pages: Home | Product | Contact Us select the text for the hyperlink drag the Point to File icon from the Property inspector to a web page document’s file name in the Files panel

Saving & Previewing File – Save All to save all files. Press the F12 key to preview the site in a browser window.