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

Slides:



Advertisements
Similar presentations
This presentation demonstrates how to use tables within MSWord. A table is made up of rows and columns of cells that you can fill with text and graphics.
Advertisements

DREAMWEAVER Welcome to our website!
Change font face Change font size Align left.
Microsoft FrontPage Monday January 28, The Basic FrontPage Setup.
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.
Word Processing First Steps
 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.
Web Design Professor Pepper. Site vs. Page  Create a folder for your site  all pages and pictures  Default page will be index.html (some servers are.
1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
Create a Form in Dreamweaver Go to: Introduction Step 1 Step 2 Step 3 Step 4 Step 5 Step 6 Introduction Goals Purpose Scope Prerequisites Install (if needed)
ETT 429 Spring 2007 Web Design I.
A02 Creating my website NAME ______________. UNIT 2 – A02 – Creating my Website The purpose of this assessment objective is to create 5 web pages containing.
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.
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.
Creating Tables in a Web Site.  Define table elements  Describe the steps used to plan, design, and code a table  Create a borderless table to organize.
Web Design HTML, Frontpage, DreamWeaver μέρος β ΠΡΥ019 - Πληροφορική Δρ.Βάσος Βασιλείου.
Dreamweaver Learning to be a web design master! By: Mr. Brunton.
Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Creating Tables in a Web Site
Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.
CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 1 1.Open FrontPage – View -> Page 2.Open.
Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.
Using VNU. Getting Started Download and install KompoZer or NVU from the PortableApps web site onto your personal computer.PortableApps Versions for both.
Using FrontPage Express. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page.
Schoolwires 101 Frequently used “shortcut key” within the editor. ~Created by, Shannon Conley.
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
Introducing: Dreamweaver!. Today We’ll Learn… Organizing Folders Organizing Folders Opening Dreamweaver Opening Dreamweaver Titles and Saving Titles and.
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
MICROSOFT WORD Options like New, save, Close, Selecting Text How to change text using Bold, Italics, Underline How to change Font, Font Size, Color Justification.
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.
Moodle with Style Integrating new technologies to empower learning and transform leadership.
Sports Website Creation. In this project you will design and produce your own website.
Start Dreamweaver program From file menu click new Blank page appears.
Learning How to Make a PowerPoint Presentation A tutorial for novice users.
Using an HTML image (img) element’s onclick event to change the source (src) of an iframe to an embedded youtube video.
DotNetNuke Workshop Presented by: Sara Sharick. Topics What is DotNetNuke Components Requesting a DDN Site Creating Pages Modules Adding Content Document.
CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 2 1.Create a new document 2.Save as L/bsba/IS330/yourfolder,
Teacher Web Page Creation Eileen Musselman. Log on to Muhlenberg’s Intranet Click Submit button.
Slide 1 (of 16) 1) Launch Dreamweaver 8. 2)Under Site, choose New Site. Stanford Continuing Studies CS 22 · Enhanced Web Site Design Week Two DREAMWEAVER.
Introduction to FrontPage and Web Page Design. Topics Logging in to your site Creating a webpage Text formatting Page backgrounds Linking webpages Links.
HTML Concepts and Techniques Fifth Edition Chapter 4 Creating Tables in a Web Site.
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.
1 Creating the Home Page. 2 Creating a Table Table attributes  Two rows and two columns  No border  Left-aligned Change the vertical alignment of the.
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.
Introduction to Dreamweaver. What is it?  An Adobe program to graphically create and manage Web sites. It often referred to as a GUI ---Graphical User.
1 Creating a Menu Bar on a Secondary Web Page  It is important for visitors to be able to move easily from one page to another  You will create a menu.
Page 1 of 15 1) Launch Dreamweaver. 2)Under Site, choose Manage Sites Click New, then Site. Continuing Studies CS 22 ·Stanford University EXERCISE 3: IMAGEMAPS.
Opening a File 1.Open Word 2.Click the Microsoft Office button(Very top left hand corner). A menu appears 3.Click Open. The Open dialog box appears 4.Use.
2 At the top of the zone in which you want to add the Web Part, click Add a Web Part. In the Add Web Parts to [zone] dialog box, select the check box of.
With Microsoft FrontPage 2000
2 At the top of the zone in which you want to add the Web Part, click Add a Web Part. In the Add Web Parts to [zone] dialog box, select the check box of.
Continuing Studies CS22 • Stanford University
How to make a website in dreamweaver a website
David Tristano Drexel IRT Dept.
Web Page Design ICT Ms. McGrew.
Lesson Objectives Lesson Outcomes
Cheat Sheet CSCI 100 JW Ryder
Cheat Sheet CSCI 100 JW Ryder
How to PostPower Point Presentations
2. Press Browse and search for the video file you need.
Using FrontPage Express
A02 Creating my website NAME ______________.
Step 1:. Open Microsoft FrontPage application.
Presentation transcript:

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

Define the site Select site from the top menu Then select new site Then give the site a name (no spaces, all lower case) Select Next

Define the site 2 Click next Click the little folder and find your MyWebsite folder (which has your images and pages folder) Select Next

Define your site 3 Find your folder. It will be in your year 8, ICT folder. Open the mywebsite folder. Now click on select Select ‘None’ from the list. Click next then click done

Insert table Click the insert table icon Now choose how many rows and columns you need And click OK

Insert images Images need to be saved in your images folder before you insert them. Select insert then image. Then find your image in the images folder and click open You can also drag and drop the images from the bottom right of dreamweaver where your files should be.

Format text Change the size of the text by selecting heading 1 to heading 6 Move text left / right or top / bottom of a page or cell of a table Make text Bold or italic so it stands out

Insert Links Select an image (by clicking on it) or highlight some text. Then put the web address you want this image or text to link to. For example (this can be copy and pasted from the address at the top of a web page) To link pages you have made together, click on the folder and select the page you want to link to from your HTML file.

Test the web page First save your work by going to file then save all Then click the world icon and Preview in IExplore You can also use the shortcut f12 to preview the work. It must be saved first.