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

Slides:



Advertisements
Similar presentations
How To Make Your Own Web Page: Basic Web Design
Advertisements

DREAMWEAVER Welcome to our website!
Chapter 3 – Web Design Tables & Page Layout
Learning the Basics – Lesson 1
KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
FrontPage Express By John G. Summerville Ph.D.©, RN.
Multimedia and the World Wide Web HCI 201 Lecture Notes #5A.
Intermediate Level Course. Text Format The text styles, bold, italics, underlining, superscript and subscript, can be easily added to selected text. Text.
 Steps how to design a web page using Microsoft Frontage Steps how to design a web page using Microsoft Frontage  Video related to the topic Video related.
Saving a Word Document as a Web Page
1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
Tutorial 8 Designing a Web Site with Frames. XP Objectives Explore the uses of frames in a Web site Create a frameset consisting of rows and columns of.
Create a Web Site with Frames
ETT 429 Spring 2007 Web Design I.
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.
Web Design HTML, Frontpage, DreamWeaver μέρος β ΠΡΥ019 - Πληροφορική Δρ.Βάσος Βασιλείου.
Tutorial 6 Creating Tables and CSS Layouts. Objectives Session 6.1 – Create a data table to display and organize data – Modify table properties and layout.
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.
Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.
Dreamweaver CS4 Concepts and Techniques Chapter 7 Page Layout with Frames.
MIS 201 Web Design. Website Planning Before even considering the practical aspects of creating a website, there are some important fundamental questions.
XP 1 Tutorial 5 Using Frames in a Web Site. XP 2 Tutorial Objectives  Describe the uses of frames in a Web site  Lay out frames within a browser window.
Web Technologies Website Development Trade & Industrial Education
CIS 451: HTML Frames Adapted from materials developed by Dr. Soe (updated January, 2009)
Adding User Interactivity – Lesson 51 Adding User Interactivity Lesson 5.
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.
Interface.  Menu  Document  Insert  Panel Management.
Microsoft Expression Web-Illustrated Unit I: Working with Tables.
Tutorial 8 Designing a Web Site with Frames. XP Objectives Explore the uses of frames in a Web site Create a frameset consisting of rows and columns of.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
Creating Links – Lesson 31 Creating Links Lesson 3.
Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using.
Table Row Table Data ( Header & Data) Data Cell Padding TABLE.
Tutorial 8 Designing a Web Site with Frames. 2New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives Explore the uses of frames.
Sports Website Creation. In this project you will design and produce your own website.
Accessible Word and PDF documents
IT: Web Technologies: Web Animation 1 Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Designing Web Site Layout Using.
Start Dreamweaver program From file menu click new Blank page appears.
MIS 201 Web Design 1. Website Planning Before even considering the practical aspects of creating a website, there are some important fundamental questions.
Who Wants to be a Millionaire? LIFELINES 1.50/50 2.Poll the audience 3.Ask Another Student.
Dreamweaver I Stanford Workshop Your Presenter: Dr. Laura Silberstein
1 HTML Frames
By: Ms. Abeer Helwa 1. CREATE A WORD DOCUMENT 2 Blank document Templates To create a new blank document: click the File tab and click Blank document.
Links in HTML What you need to know….. Hyperlinks or links Millions of linked web pages make up the World Wide Web Used to connect a web page to another.
Know your computer Make a Folder Copy from Word to Composer Format the Font Change the Alignment Format the Background Format the Colors Insert a Picture.
Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
Home page Web page link 1 Web page link 2Web page link 3Web page link 4.
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.
Web Site Development - Process of planning and creating a website.
Introduction to Frontpage Wed. Oct. 17, 1-2p Title V Cooperative Holly Hofmann.
1 HTML Frames
1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
MS-PowerPoint 2 Prepared by Isma3eel Al-Taharwa. Content  Animation types.  Applying schema Animation.  Adding Custom Animation.  Making Slide Transition.
LINKING WEBPAGES USING HTML HYPERLINKS. Hyperlinks are text strings or images on a webpage which when clicked on, links to another section in the same.
Chapter 28. Copyright 2003, Paradigm Publishing Inc. CHAPTER 28 BACKNEXTEND 28-2 LINKS TO OBJECTIVES Table Calculations Table Properties Fields in a Table.
Web and Multimedia Development Copyright © Genetic Computer School 2007WM LESSON OVERVIEW  Use of Tables  Creating Tables  Try It – 1  Creating.
XP New Perspectives on Creating Web Pages With Word Tutorial 1 1 Creating Web Pages With Word Tutorial 1.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
Learning the Basics – Lesson 1
Creating Links – Lesson 3
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”
Cheat Sheet CSCI 100 JW Ryder
Dreamweaver Basics.
Making a website.
4.00 Apply procedures to add content by using Dreamweaver. (22%)
Presentation transcript:

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

View Rulers in Pixels

Windows

Page Properties Help (F1)

Link Options

At this point Save As -- home (lowercase h) in M:\Home Even before you add content

Setting Up Tables according to your design

Split and Merge Cells to fit your design Split or Merge Cells

Split and Merged Cell Examples

Place a Table inside a cell of another Table for more layout detail

File -> Save periodically

Links hyperlink anchor Browse for file Or type URL Link Name

Controlling Link Display In the Target pop-up menu, select the window in which the file should open in the Target text box. The names of all the frames you’ve named in the current document appear in the pop-up list. If you specify a frame that doesn’t exist, when the document opens in a browser, the linked page loads into a new window that has the name you specified. You can also select from the following reserved target names: _blank loads the linked file into a new, unnamed browser window. _parent loads the linked file into the parent window that contains the link. _self loads the linked file into the same window as the link. This target is the default, so you usually don’t need to specify it. _top loads the linked file into the full browser window, thereby removing all frames.

Inserting an Image

Preview WebPage (click here or F12) Will ask you to Save

Your home page and support pages My Home Page Creative Image Creative Movie Creative Animation Creativity Menu Page ME Project Your Web Site All pages in M:\Home Your Blog

Web Expressions Creativity Menu Page ME Picture Image Project Video Project Flash Project Blog Home Page Each of these titles in the center column will become links to that project Experiment with background, text and link colors. Add images in the left and right cells if you like. Create a page with a table like that below. Save in M:\Home with the name WebEx