How to make a website in dreamweaver a website

Slides:



Advertisements
Similar presentations
DREAMWEAVER Welcome to our website!
Advertisements

Creating a eportfolio Mrs Bhayat. Setting up a website When you open Dreamweaver you have to set up a site and you do this as you are shown above. You.
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.
UNIT 12 LO4 BE ABLE TO CREATE WEBSITES Cambridge Technicals.
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.
Smart Board Tricks and Tips Ann Zier & Jen Miller October 13, 2014.
Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.
Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.
IWebFolio Using a Template Tutorial Images in this tutorial:
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
Building Our Website Step by Step. Step 1: Open a new Microsoft Word document. Save it as “How To [Your topic] Website.”
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 - Πληροφορική Δρ.Βάσος Βασιλείου.
Dreamweaver Learning to be a web design master! By: Mr. Brunton.
Lesson 11: Maximizing Site Design Introduction to Adobe Dreamweaver CS6 Adobe Certified Associate: Web Communication using Adobe Dreamweaver CS6.
Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.
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.
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.
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.
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
Adobe Dreamweaver CS3 Revealed CHAPTER FIVE: USING HTML TABLES TO LAY OUT A PAGE.
WEBiT Adding a new page. 1. View a page like the one you wish to create a. Navigate to a page with a similar layout to the new page you wish to create.
Making a Game Linking Slides. To link slides: 1.Prepare your storyboard 2.Complete all slides 3.Link the slides.
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.
CS134 Web Design & Development Dreamweaver More Features Mehmud Abliz.
Open Dreamweaver Start All programs Adobe design and web premium Adobe Dreamweaver.
Web Page Development: Part II Heather Rasmussen (801) Heather Rasmussen (801)
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
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.
Dreamweaver MX. 2 Overview of Templates n Templates represent a web page design or _______ that will be common to multiple pages. n There are two situations.
Language Club KompoZer Design View. Files you will need  Images  pages  Templates  Text.
Chapter 1 Creating a Dreamweaver Web Page and Local Site
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.
Making Websites with Dreamweaver BTT. What is Dreamweaver?  “What You See Is What You Get” (WYSIWYG) web design software  Rather than writing code and.
211 Multimedia Web Design Lesson 5/6 Dreamweaver Practice.
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.
PowerPoint 2000: 1. Opening PowerPoint Open an existing New file options Blank Presentation Design Template AutoContent Wizard Loads w/several dummy slides.
Web Design Part I. Click Menu Site to create a new site root.
Creating Google Sites Laura Assem, Director of Technology.
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.
© 2005 Lawrenceville Press Slide 1 Chapter 4 Website Development Planning 1.Define the purpose and target audience. 2.Sketch the navigation structure.
Creating Your Own Web Page A Basic Introduction Before we begin, some housekeeping... Create a NEW folder in your H:\ drive called Webpage All of your.
Home page Web page link 1 Web page link 2Web page link 3Web page link 4.
Document Control Template Editors Brad Adamczyk Template Editor Bands Bands create document layout Header, data, footer Order not critical.
Web Site Development - Process of planning and creating a website.
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.
Web and Multimedia Development Copyright © Genetic Computer School 2007WM LESSON OVERVIEW  Use of Tables  Creating Tables  Try It – 1  Creating.
Creating a Google Site For a Digital Portfolio Purpose.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
Using Templates A template is a special type of document that you use to design a “fixed” page layout; you can then create documents based on the template.
Continuing Studies CS22 • Stanford University
Using Templates A template is a special type of document that you use to design a “fixed” page layout; you can then use the web page to create a template.
How to customize your Microsoft SharePoint Online website
How to customize your Microsoft SharePoint Online website
Cheat Sheet CSCI 100 JW Ryder
Starting to develop a website
How to customize your Microsoft SharePoint Online website
CS134 Web Design & Development
Click on Adobe dreamweaver
Cheat Sheet CSCI 100 JW Ryder
HOW TO MAKE PAGES FOR A WEB SITE
Using Templates and Library Items
Using Templates A template is a special type of document that you use to design a “fixed” page layout; you can then create documents based on the template.
Presentation transcript:

How to make a website in dreamweaver a website Starter : which of the following is a feature of all good websites? A: bright bold colours B: clear navigation C: cool games D: uncluttered layout

Step 1: design how you want pages to look on paper Draw a layout of 1 page. Label where the title, pics, text, logo, navigationbar will go List the different pages you are going to include and where you are going to put them

Step 2: Make folder structure Make a folder with an appropriate name for your whole website Inside make 3 more folders called images (for all pics), htmlfiles (for all the webpages) and library (for other documents you want to link in)

Step 3: set up site Open Adobe Dreamwweaver Go to site, manage sites, new site Give your site a suitable name in site name Click the folder icon after Local root folder and find your main website folder, select Click the folder icon after images folder, find your images folder and select. Click OK

Step 4: making a template Select new , Html, OK Insert table, make it 3x3 980 wide

Designing your template Highlight cells and merge them using Insert images by clicking insert, image, browse. The image should be put in image folder before you insert it. Colour the background by clicking modify, properties, background Format text by clicking format, font/colour/style

Make template editable Click on a cell you will want to be different on different pages Insert, template object, editable region. Repeat for other editable areas

Start making webpages To save, File, save as template To open an actual webpage click new page from template, create Create pages for each page on the nav bar Then return to template to make links

Making links On the template Select the nav bar item to link Click then point to the file it is to link to Repeat with all the links. Save template Modify, templates, update pages, entire site

What’s left Simply fill your pages with the images, text, video, sound and cleverness to get you top grades!!!

A site ready to filled