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

Slides:



Advertisements
Similar presentations
DREAMWEAVER Welcome to our website!
Advertisements

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.
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.
Ch. 5 Web Page Design – Templates and Style Sheets Mr. Ursone.
Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.
$1 Million $500,000 $250,000 $125,000 $64,000 $32,000 $16,000 $8,000 $4,000 $2,000 $1,000 $500 $300 $200 $100 Welcome.
Slide Transitions Slide Show, Slide Transition opens Slide Transition task pane Practice each option setting to select the transition style, its speed,
Computer Science 5 Spring 2007 Module 3 7/12/2015 1:55:57 PM7/12/2015 1:55:57 PM7/12/2015 1:55:57 PM.
Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.
Office 2003 Introductory Concepts and Techniques M i c r o s o f t Word Web Feature Creating Web Pages Using Word.
Creating a Portfolio Website Phillips. Go to wix.com.
If you are connected to the Internet, click and then click on the web page to experience an introduction to applications. The following lesson is about.
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.
Adding an image to a page in Dreamweaver Uploading files to x10hosting Editing uploaded files in x10hosting Adding links in Dreamweaver Uploading linked.
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.
Dreamweaver Learning to be a web design master! By: Mr. Brunton.
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.
Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.
INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.
Web Technologies Website Development Trade & Industrial Education
Tutorial 1: Getting Started with Adobe Dreamweaver CS4.
Adding User Interactivity – Lesson 51 Adding User Interactivity Lesson 5.
Presented by Joel Solomon.  Create an Image Collage  Create Several Image Slides  Link Slides with Action Buttons  Use Jeopardy Templates.
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.
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.
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.
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.
Open Dreamweaver Start All programs Adobe design and web premium Adobe Dreamweaver.
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
Creating Links – Lesson 31 Creating Links Lesson 3.
Adobe Dreamweaver CS3 Revealed CHAPTER FOUR: WORKING WITH LINKS.
How to use Microsoft Word. Where can I find Microsoft Word? How to select, copy and paste information Go to the document from which you wish to copy the.
Web Site Design and Editing Manual for Concordia Seminary Graduate School.
Creating Buttons – Lesson 51 Creating Buttons Lesson 5.
Macromedia Dreamweaver 8 Revealed LINKS WORKING WITH.
Inserting a hyperlink is a great way to link to other files or useful websites and helps to save time and avoid the mistakes often made when urls are typed.
PowerPoint Extras. Eyes to the front please! Action Buttons.
Start Dreamweaver program From file menu click new Blank page appears.
Applying the IEEE Template to a Presentation
Making Websites with Dreamweaver BTT. What is Dreamweaver?  “What You See Is What You Get” (WYSIWYG) web design software  Rather than writing code and.
Teacher Web Page Creation Eileen Musselman. Log on to Muhlenberg’s Intranet Click Submit button.
Introduction to FrontPage and Web Page Design. Topics Logging in to your site Creating a webpage Text formatting Page backgrounds Linking webpages Links.
Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.
Adding Text and Navigation to the Home Page – Lesson 51 Adding Text and Navigation to the Home Page Lesson 5.
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.
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 Place Your Photo AND Logo on Your Home Page Website Manager Tutorials.
Dreamweaver Tips & Basics Presented by Laban Toose ICT Specialist Sunbury Heights Primary School.
Microsoft PowerPoint 2010 for Microsoft Windows Basically it’s a computerised slide show!
Microsoft Office 2008 for Mac – Illustrated Unit D: Getting Started with Safari.
XP New Perspectives on Macromedia Dreamweaver MX 2004 Tutorial 5 1 Adding Shared Site Elements.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
Basic Web Design UVICELL Week 4 Templates and site management Week 4 Templates and site management.
With Microsoft FrontPage 2000
Creating Links – Lesson 3
Module 6: Creating Web Pages and Working with Channels
Lesson Objectives Lesson Outcomes
Cheat Sheet CSCI 100 JW Ryder
Dreamweaver 8: Introduction
Microsoft PowerPoint 2016 for Microsoft Windows
Cheat Sheet CSCI 100 JW Ryder
Dreamweaver Basics.
Wheelers clubs Your site will consist of 3 pages:
Presentation transcript:

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

Consistency Background Font Size Frames (if using) Content It is easy to do if you save another copy of your Home Page as name of your link and do the changes according to page.

Working with links Once you created all your pages its time to link them to the Home Page. First you have to save all these pages and remember which page and link you want it link.

Working with links Select the text and click on the “Hyperlink” icon or you can click on “Insert Menu” and select “Hyperlink”. Click on the folder to search for the file.

Example on Dreamweaver

Creating Anchor Link Step 1. Place your cursor in front of the “text". This is where the first link will jump to when clicked. Insert > Named Anchor or, click the Named Anchor icon on the Insert Bar. Enter a name for the anchor in the "Insert Named Anchor" dialog window. This is where you want your user to go when he/she click on a link.

Creating Anchor Link

Once you've inserted your anchors, you're ready to create the links Select the text or image to which you want to assign the link. In this case I'm assigning it to my text links. Highlight the first text link by clicking and dragging to select the entire word Click the Point to File button on the Property inspector and drag it to the first anchor you created

Creating Anchor Link Now you will click on the text which you want it to convert into link. And then drag Point to File to the anchor.

Creating Anchor Link Once you created an anchor link you save your Dreamweaver file and check wether your anchor is linked to the desired text or image.

Creating A Website (What's Expected) Two to Four Images Two Tables Frames (if needed) Four Hyperlinks (at least) Anchor Link on Home Page Back link on Every web page connected to Home Page.