Dreamweaver Basics Randy Graff 273-5051.

Slides:



Advertisements
Similar presentations
Project Overview Web Page Design for Local Chapters CAWNY Kate Lucia and Allan Collins.
Advertisements

DIVISIONS FOR ALL WEB PAGES Web Page Elements.  All Web Pages should have the following 4 elements (Also called divisions).  header  navigation  content.
. Website and file organization. How websites work.
Project Two Art3870 fall Web Services Concept Selling web services to Art Galleries ◦ Our group sells web site development for art galleries: the.
Create internal and external links Create internal links to named anchors Insert Flash Text Create, modify, and copy navigation bar Manage Web site links.
1.Learning the Terms Learning the TermsLearning the Terms 2.Accessing the Internet from a PC Accessing the Internet from a PCAccessing the Internet from.
Aussie Airpass Micro Site To add the application to your website all you need to do is choose a button, upload your logo, get the link then add it to your.
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.
UOW Clubs & Societies Executive Website Training Training you today: Jacinta Cali & Guy Watson.
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.
Slide 1 Consider the page layouts for: Layout design – does it look balanced and even Size of box relative to its importance – the Heading (or title) of.
Website Development. Internet Internet (Net) – Global network connecting millions of computers. Network – Group of computers and associated devices that.
Go to the MTSD Home Page In the URL add “/admin”
Today’s Agenda (2/10/04’) Creating anchored links Creating anchored links Working with images Working with images The “Philosophy” page The “Philosophy”
Half Moon Bay Townsite Website Page 1. Half Moon Bay Townsite Website Gathering site information If we did our own town as the subject for our website,
Creating A Site Using A Template In Dreamweaver CS6 Cakes R Us!
School World Mr. Folk, MS Teacher & Campus’ Webmaster Metzger Middle School.
Using Dreamweaver Web Page Design. Introduction to Web Page Design Developing a New Site Building a web site involves creating individual pages and linking.
Electronic Replica Newspapers. Identical to the print edition – but enhanced. Viewing options: switch to single or double page mode choose – and + to.
Home Line-Up News Photos Location Connect Times About T & C (Terms of Condition of Entry) Samples Logo Ticket Prices Time until event Name of Festival.
Planning a website by Jacob McCormack There are lots of things to think about when deciding about creating a website…
Agenda – Week 6, Day 2 Revisit where we’ve been: –HTML and Dreamweaver Other Cool things in Dreamweaver –Tables and Imagemaps Finishing the Tutorial –Returning.
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.
© 2011 Delmar, Cengage Learning Chapter 5 Working with Links and Navigation.
Adobe Dreamweaver CS3 Revealed CHAPTER FOUR: WORKING WITH LINKS.
Web site development: Basics & MS FrontPage. What I hope to demonstrate n n Basics of a good web site n n How to most effectively communicate via the.
Macromedia Dreamweaver 8 Revealed LINKS WORKING WITH.
World Wide Web. Browser Use browser to access the web –Internet Explorer (Microsoft) –Firefox (Mozilla) On all PCs Requires internet connection Provides.
Creating a Presentation Template
Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.
Macromedia Dreamweaver MX 2004 Design Professional Links WORKING WITH.
Using the BWC Logo and Designation. Topics 1. Toolkit for employers 2. Employer resources 3. Media coverage 4. Race to Excellence 2.
Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
To be completed Your proposal  Your House style  Your site plan  Page plans (a draft layout for each of your five pages)  A design mock-up -  All.
Planning and Designing a Website Index Page Use it as a way to introduce yourself, and describe your website. Use it as a way to introduce yourself,
Web Site Architecture Crunch Bakery Group #1 Nzingah Gross William Hellela Jose Merino.
Dreamweaver Tips & Basics Presented by Laban Toose ICT Specialist Sunbury Heights Primary School.
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.
System for Community Liaison.  Easy to use website editor  Inexpensive  Can disseminate common information to groups  Works across many languages.
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”
Site Maps UNIT 2 A01 Design. Assessment A Site plan Shows how all the pages in your website link together You might also show any links to external sites.
1. Storyboarding a Website. How to start a storyboard: Have Blank Squares!
Home page button Nokia link button Samsung link button Apple link button Blackberry link button Phone Accessories button Feedback button Contact us button.
Dreamweaver – Setting up a Site and Page Layouts
Working with Links and Navigation
How to make a website in dreamweaver a website
Bill Chown C I O Chapter Websites Bill Chown C I O
 The home of the website have the logo of the punjab college.
To view your master work in a browser you do this:
Page plans A01 Design.
Image #1 Image Analysis: What do you think is going on in this picture? Which person, thing, or event does this image relate to (which Word Wall term)?
Lesson Objectives Lesson Outcomes
Image #1 Image Analysis: What do you think is going on in this picture? Which person, thing, or event does this image relate to (which Word Wall term)?
Webropol events – getting started 5
Starting to develop a website
Web Site Architecture Crunch Bakery
A01 DESIGN To be completed Your proposal  Your House style 
Image #1 Image Analysis: What do you think is going on in this picture? Which person, thing, or event does this image relate to (which Word Wall term)?
Site Maps UNIT 2 A01 Design.
Image #1 Image Analysis: What do you think is going on in this picture? Which person, thing, or event does this image relate to (which Word Wall term)?
Minimum of 30 point and maximum 3 lines title Remove or change the pictures Event Location Date There MUST be a CGIAR logo or a CRP logo. You can copy.
How to add a page… You will need to add new pages to your website depending on the brief. You do this by: Click on the Add new page button Write the new.
In today's lesson you will…
Texts.
Wheelers clubs Your site will consist of 3 pages:
Image #1 Image Analysis: What do you think is going on in this picture? Which person, thing, or event does this image relate to (which Word Wall term)?
Image #1 Image Analysis: What do you think is going on in this picture? Which person, thing, or event does this image relate to (which Word Wall term)?
Excel 2007 Level 1 Cathy September 24, 2009
Presentation transcript:

Dreamweaver Basics Randy Graff

Agenda UpdatePlanBuild

Update an existing page Update News Link Picture News Link Picture

Build a new site

Planning

Why do you need a website? Communicate Promote Sell

Why do visitors need your site? Directions Lodging Events

Goals Prioritize what the site needs to accomplish Collect Assets Design Based on responses to questions Pictures Text Logos Pictures Text Logos Draw Map Group Review Draw Map Group Review

Draw

Typed with notes

Auto Shapes

Complex Layout

Map site Home Events Lodging Directions External Links City of Gainesville Alachua County University of Florida Santa Fe

Get organized and get ready Collect Assets Design Pictures Text Logos Pictures Text Logos Draw Map Group Review Draw Map Group Review Home (Index) Type Place image Link Layer Copy and paste Home (Index) Type Place image Link Layer Copy and paste Events Save as Events Save as Lodging Save as Lodging Save as Directions Save as Directions Save as Navigation

Test Operating Systems Browsers Resolutions

Feedback: Privacy Policy Feedback
Do Not Sell My Personal Information
About project: SlidePlayer Terms of Service

© 2025 SlidePlayer.com. Inc. All rights reserved.