Linking Your Web Pages Together. Links… index.htmunit4.htm Evaluation of web graphics GIF vs. JPEG Web photo album To link the lines in index.htm to the.

Slides:

Advertisements

Similar presentations

The Web Wizards Guide to HTML Chapter Four All About Hyperlinks.

Advertisements

3.02D HTML Overview 3.02 Develop webpages.

HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.

Tutorial 1: Developing a Basic Web site

HTML Lesson 4 Hyper Text Markup Language. Assignment Part 3  Save your last html file as “FirstName3.htm”  Set the title as “FirstName LastName Third.

1 Cascading Style Sheets Continued Different kinds of selectors in a style sheet –Simple- Pseudo-Class –Contextual- Pseudo-Element –Class Image Styles.

HTML Images. The Image Tag and the Src Attribute  In HTML, images are defined with the tag.  In HTML, images are defined with the tag.  The tag is.

Nested Lists Web Design – Section 3-5 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.

Introduction to HTML Lists, Images, and Links. Before We Begin Save another file in Notepad Save another file in Notepad Open your HTML, then do File>Save.

© 2010 Delmar, Cengage Learning Chapter 4 Working with Links.

Beginning Web Site Creation: Dreamweaver CS4 Noreen Brown XHTML CODING -- TAGS.

CIS101 Introduction to Computing HTML Project Two.

ICT for IGCSE – Syllabus Cambridge IGCSE ® Information and Communication Technology0417 Other web pages In own website New window Same page.

HTML Links and Anchors.

Review: How do you change the border color of an image?

Lesson 6 Links. Creating Folders  For every web site/page, you need to create a separate folder  The computer cannot find links if they are not stored.

IT Introduction to Website Development Welcome!

Copyright © 2003 Pearson Education, Inc. Slide 4-1 Created by, Stephanie Ludi, Rochester Institute of Technology—NY Basic Web Page Construction Graphics.

Images Inserting an image on a web page. chcslonline.org2 ITEMS REQUIRED Go to the course download page on the course website and download the 3 images.

Images (1) Three most popular formats – Graphics Interchange Format (GIF) – Joint Photographic Experts Group (JPEG) – Portable Network Graphics (PNG) –

CHAPTER 3 USING HYPERLINKS TO CONNECT CONTENT. LEARNING OBJECTIVES How to use the and anchor tag pair to create a text-based hyperlink. How to use the.

Images in HTML PowerPoint How images are used in HTML.

Unit 1 — HTML BASICS Lesson 2 — HTML Organization Techniques.

Linking web pages Wah Yan College (Hong Kong) Mr. Li C.P.

Creating and Linking Web Pages Copyright 2006 South-Western/Thomson Learning.

CHAPTER 4 LINKS Creating links between pages Linking to other sites links.

1.  Use the anchor element to link from page to page  Configure absolute, relative, and hyperlinks  Configure relative hyperlinks to web pages.

Enhancing Your Web Site—Adding Links Web Page **YOU MUST HAVE COMPLETED THE 1ST 3 WEB PAGES BEFORE YOU CAN DO THIS ONE. **YOU SHOULD HAVE COMPLETED THE.

XHTML Hyperlinks. Creating Links to Other Web Pages A link, or hyperlink, is a specially formatted Web page object that the user can click to open a different.

Creating Links. The Anchor Element: The anchor tag can be used in three different ways: 1.External link – to link to a web page outside your own website.

Internal and External Links Web Design – Section 3-6 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.

Web Site Design & Management Class Three February 12, 2003 Pam Scanlon.

HTML Basic. What is HTML HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it.

Internal and External Links Web Design – Section 3-6 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.

Adding Images to Your Web Page Web Design Section 5-7 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.

Tuesday, March 10 th Warm Up: What are Meta tags? Why do we use them and where do they go? Today: REVIEW some key/sticky concepts in Web Design.

Lesson 6 Links. Creating Folders  For every web site/page, you need to create a separate folder  The computer cannot find links if they are not stored.

1 2/22/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Images and placing pages on the server.

HTML Comprehensive Concepts and Techniques Second Edition Project 2 Creating a Web Site with Links.

REEM ALMOTIRI Information Technology Department Majmaah University.

Hyperlink ● Anchor tag and its attributes ● Four Types of URL ─ ─ Absolute addressing ─ Relative addressing ─ Intrapage ● Attributes -- link, vlink,

Creating Websites With Macromedia Dreamweaver MX 2004 By Heidi Lee.

Creating Websites With Macromedia Dreamweaver MX 2004 By Heidi Lee.

Creating Website Using FrontPage 2003 By Heidi Lee.

HTML Overview.  Students will learn: How HTML tagging works How browsers display tagged documents How an HTML document is structured.

HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.

Click on CIS120/17 to go to website for course. The week of will tell you what is planned for the week and what has been assigned.

Linking Using Image Maps. What is an Image Map? An image map is an image in which several areas of an image are linked to different sites The areas of.

Revision Webpage design HTML.   FACE  Attributes  Marquee  Define the following terms.

ENHANCE YOUR WEBSITE. HOW TO INSERT COLOR??? USE THE TAG: GO TO PICK COLOR WANT BY POINTING: THEN USE THE HEX NUMBER.

Introduction to HTML 4.0 Getting Started – Links, Images, Font, and List Teacher: Mr. Ho.

Review session for Web development. Today’s class Review the web designing. Filling out instructor evaluation form.

Computer Basics Introduction CIS 109 Columbia College.

Creating and Linking Web Pages

Images in HTML PowerPoint How images are used in HTML

DW Tutorial 5 Sessions 5.1 & 5.2 REVIEW

Hyperlink Anchor tag and its attributes Four Types of URL

Hosted by Coach Slanina

Acquiring Images for Web Graphics

Adding Images to Your Web Page

Web Design and Development

Hyperlink Anchor tag and its attributes Four Types of Hyperlink

Hyperlink Anchor tag and its attributes Four Types of URL

Lesson 4: Hyperlinks.

Evaluate the limit: {image} Choose the correct answer from the following:

Graphics Considerations

Lesson 7 Graphics.

Images in HTML PowerPoint How images are used in HTML

Given that {image} {image} Evaluate the limit: {image} Choose the correct answer from the following:

Presentation transcript:

Linking Your Web Pages Together

Links… index.htmunit4.htm Evaluation of web graphics GIF vs. JPEG Web photo album To link the lines in index.htm to the correct spots in we must first give names to those “spots” in unit4.htm. Use the anchor tag with a name attribute: It’s a non-container tag…

The 3 spots we need to name are: 1.evaluation 2.filetype 3.album These correspond to the ’s in unit4.htm Unit 4: Web Graphics Evaluation of Web Graphics URL of website being evaluated Answer to question a Answer to question b Graphic File Types Best file format for the five example images: answer 1 answer 2 answer 3 answer 4 answer 5 Web Photo Album

Links in index.htm To link the lines in index.htm our “spots” we use the anchor tag with a href attribute This time you must put a closing tag after the text: Evaluation of web graphics

Add Links to index.htm Unit Four: Graphics Evaluation of web graphics GIF vs. JPEG Web photo album

Rest of Today Add the names into your unit4.htm file and the links into your index.htm. Test the links! I will grade these either today or after Thanksgiving. Have your unit4 file open so I can grade your photo album.