1 Creating Links within a Web Page  These links are especially useful on long Web pages  Links at the top of the page point to areas further down the.

Slides:



Advertisements
Similar presentations
Creating Tables in a Web Site
Advertisements

HTML Concepts and Techniques Fourth Edition Project 2 Creating and Editing a Web Page.
HTML Concepts and Techniques Fourth Edition Project 3 Creating Web Pages with Links, Images, and Formatted Text.
HTML Concepts and Techniques Fourth Edition Project 6 Using Frames in a Web Site.
Creating and Editing a Web Page Using Inline Styles
Principles of Web Design 5 th Edition Chapter Nine Site Navigation.
Chapter 8 Creating Style Sheets.
Creating and Editing a Web Page
Creating a Form on a Web Page
CIS101 Introduction to Computing Week 07. Agenda Your questions JavaScript text Resume project HTML Project Three This week online Next class.
CIS101 Introduction to Computing Week 07. Agenda Your questions Resume project Review Project Two HTML Project Three This week online Next class.
CIS101 Introduction to Computing Week 06. Agenda Your questions Resume project HTML Project Two This week online Next class.
CIS101 Introduction to Computing HTML Project Two.
CIS101 Introduction to Computing Week 06. Agenda Your questions Resume project HTML Project Two This week online Next class.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
Using Frames in a Web Site
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
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.
HTML Concepts and Techniques Fourth Edition Project 3 Creating Web Pages with Links, Images, and Formatted Text.
HTML Comprehensive Concepts and Techniques Third Edition Project 3 Creating Web Pages with Links, Images, and Formatted Text.
Adding Images & Working with Images Unit 2. TITLE CORNELL NOTES TOPIC: NOTES: Name: Date:08/10/2009 Period : Summary: To display Art To display Photographs.
Enhancing and Customizing a Presentation
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Creating Tables in a Web Site
HTML Comprehensive Concepts and Techniques Second Edition Project 3 Creating Tables in a Web Site.
Web Technologies Website Development Trade & Industrial Education
Enhancing Your Web Site. More Basic HTML Tags Today you will learn these tags: & add-on (alt, height, width & align) and “href” add-on Add a text link.
Creating and Editing a Web Page using HTML IMED1316.
Creating and Editing a Web Page Project 2. Project Objectives Project 2: Creating and Editing a Web Page 2 Identify elements of a Web page Start Notepad.
HTML Comprehensive Concepts and Techniques Second Edition Project 2 Creating a Web Site with Links.
HTML, Third Edition--Illustrated Brief 1 HTML, Third Edition Illustrated Brief Unit D Adding Graphics and Multimedia.
Creating Web Pages with Links, Images, and Formatted Text
HTML Concepts and Techniques Fourth Edition Project 6 Using Frames in a Web Site.
HTML Concepts and Techniques Fourth Edition Project 7 Creating a Form on a Web Page.
Homework #4 HTML Web Assignment II ©2001 E. Kinnear.
1 Creating a Second Web Page This section shows you how to create the Huntington Beach Web site.
HTML Concepts and Techniques Fifth Edition Chapter 3 Creating Web Pages with Links, Images, and Formatted Text.
1 Copyright © 2004 Prentice-Hall. All rights reserved. Essentials Word 2003 – Level 1 Project 8: Inserting and Formatting Graphics.
1 Creating the Header Page The header frame always displays on the AHS Web site The image (screagle.gif) that will go in the header is contained on the.
HTML Comprehensive Concepts and Techniques Third Edition 2 nd Project Creating and Editing a Web Page.
Taskbar. START TASKBAR Programs Start Menu has the seven basics commands: Programs, Documents, Settings, Find, Help, Run, and Shut down.
Start Dreamweaver program From file menu click new Blank page appears.
HTML Concepts and Techniques Fourth Edition Project 5 Creating an Image Map.
HTML. Adding Background Color The bgcolor attribute lets you change the background color of the Web page. Located in the body tag See common Web Page.
PowerPoint Presentation Part I Creating a PowerPoint Presentation The Basics.
Macromedia Dreamweaver 8 Revealed AND GRAPHICS WORKING WITH TEXT.
HTML Concepts and Techniques Fifth Edition Chapter 4 Creating Tables in a Web Site.
HTML Concepts and Techniques Fifth Edition Chapter 3 Creating Web Pages with Links, Images, and Formatted Text.
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
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.
Creating and Editing a Web Page
1 Start TextEdit. 2 Creating a Home Page  A home page is the main page of a Web site –Visitors usually view the home page first –Identify the purpose.
HTML Comprehensive Concepts and Techniques Second Edition Project 2 Creating a Web Site with Links.
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.
Creating and Editing a Web Page Using Inline Styles
1 Your Web Page title body of Web page main heading H2 heading bulleted list paragraph.
Creating Web Pages with Links, Images, and Embedded Style Sheets
Project 02 Creating and Editing a Web Page Concept Map of Unit Creating and Editing a Web Page Key Learning Understand the elements to create a web page.
HTML Comprehensive Concepts and Techniques Second Edition Creating Frames on a Web Page.
Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.
Web Page Design Mr. Gironda
Linking With Graphics INP150: Basic HTML March 25, 2002.
Dreamweaver – Project #1
Web Page Design Mr. Wilson
Creating a Web Site with Links
Creating Web Pages with Links, Images, and Formatted Text
Creating Tables in a Web Site
Project 4 Creating an Image Map.
Creating and Editing a Web Page
Presentation transcript:

1 Creating Links within a Web Page  These links are especially useful on long Web pages  Links at the top of the page point to areas further down the page  Set the targets for the links –A target is a section within a Web page to which you want to link

2 Creating Links within a Web Page link to education target

3 Creating Links within a Web Page target named education

4 Setting the Link Targets Set the first two link targets

5 Setting the Link Targets Set the last two link targets

6 Adding Links to the Targets Bulleted list for target menu

7 Linking to the Top of the Page  Place a target named “top” at the top of the page, just underneath the body tag  Create links to the top target throughout the page To Top Line 38 Line 80 Line 89

8 Link Back to Home Page  Click the line just above the tag  Type Return to Web Res home page  Save the HTML file  Print the file

9

10 Print the Web Page  Click the Sample Resume button on the taskbar  Click the Refresh button  Click the Print button on the Standard Buttons toolbar

11

12 Testing the Links  Very important stage  Click on the links to ensure they work  Test the Web pages in more than one browser to insure that the Web pages display as you expect

13 More About Images  HSPACE and VSPACE attributes control the amount of horizontal and vertical space around an image

14 More About Images VSPACE = 0 VSPACE = 20 HSPACE = 0 HSPACE =20

15 Thumbnail Images  Smaller versions of original images  Used as a link that loads the full-sized image when clicked  Thumbnails load more quickly  Create a thumbnail version by editing the file in a graphics editor and saving it with a different filename

16 Thumbnail Image thumbnail image enlarged image

17 Obtaining Images  Images are available from a variety of sources –Clip art gallery –Create them yourself –Scanner –Digital Camera –Other Web sites

18 Summary  Describe linking terms and definitions  Add a link to another Web page  Create a home page  Enhance a Web page using images  Add bold, italics, and color to text  Change bullet type  Insert a background image

19 Summary  Insert a horizontal rule image  Add an link  View the HTML file and test the links  Edit the second Web page  Insert an image and wrap text around an image  Add a text link to another Web site

20 Summary  Add an image link to another Web site  Create links within a Web page  Set link targets  Add links to set targets  Describe types of image files  Control image sizing  Locate images

21 What You Should Know

HTML Comprehensive Concepts and Techniques Second Edition Project 2 Complete