The Website Foundation

Slides:



Advertisements
Similar presentations
More frames in XHTML Please use speaker notes for additional information!
Advertisements

HTML5 and CSS3 Illustrated Unit E: Inserting and Working with Links
External Site Links by Awnya Boam. Links are found… …almost everywhere on the internet. They allow users to travel from one site to another.
Ch. 5 Web Page Design – Templates and Style Sheets Mr. Ursone.
Prepared by ackoo Styli n g your page (font type, font size, colors, text decoration, alignment, set margin, table padding, etc.) References: W3Schools.
Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.
Images: HTML and CSS. The Bells page without images in Source View and Design View.
Link and Table in HTML. Statistics HTML review The two faces of a HTML file In a notepad program. In a internet browser program. The function of HTML.
HTML Links and Anchors.
INFSCI  Start with a template base structure  Think about how to structure your document using headers, paragraphs, divs, unordered lists, imgs.
Links in HTML. Hyperlinks or links Millions of linked web pages make up the World Wide Web Used to connect a web page to another web page on the same.
HTML (Hypertext Markup Language ). Hyperlinks Hyperlinks from text to other sites Write the link, which is visible at the screen Example: Hyperlink to.
Lists, Images, Tables and Links. Lists Unordered List The first item The second item The third item The fourth item Ordered List 1.The first item 2.The.
Links in XHTML Please use speaker notes for additional information!
Frame Page A Frame Page does the following: –Defines the size of each frame. –Defines how the window will be broken up – rows or columns. –Specifies which.
Chapter 12 FRAMES. HOW FRAMES WORK When you view a framed page in a browser, you are actually looking at several HTML documents at once. The key to making.
CS134 Web Design & Development Dreamweaver More Features Mehmud Abliz.
How to get there from here. Lesson 5 – Unit E. Library.
1.  Use the anchor element to link from page to page  Configure absolute, relative, and hyperlinks  Configure relative hyperlinks to web pages.
Cascading Style Sheets Part 1. CSS vs HTML HTML: Originally intended to markup structure of a document (,...,,,,,...) CSS Developing technology, CSS1,
Table Row Table Data ( Header & Data) Data Cell Padding TABLE.
Linking Frames. How to load frames For example you have the following frame: Left Links Main.
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.
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.
Colors & Fonts Building a Website Lesson 7. Font Font The tag specifies the font face, font size, and color of text. The tag can have any or all of these.
Using Frames in a Web Site Project 6. Project Objectives Project 6: Using Frames in a Web Site 2 Define terms related to frames Describe the steps used.
Web Foundations MONDAY, OCTOBER 7, 2013 LECTURE 7: CSS LINK COLORS, INTERMEDIATE CSS.
Links in HTML What you need to know….. Hyperlinks or links Millions of linked web pages make up the World Wide Web Used to connect a web page to another.
HTML Links HTML uses a hyperlink to another document on the Web.
Images. Intro What is it? Getting your image Inserting Moving Resizing Cropping.
Links Building a Website Lesson 5. Links There are various ways to use links on a website: Link to other sites Link to other pages on the same site .
Hyperlink ● Anchor tag and its attributes ● Four Types of URL ─ ─ Absolute addressing ─ Relative addressing ─ Intrapage ● Attributes -- link, vlink,
HTML Lab4 Ins.Samia alblwi. O UTLINE : 1-Links 2-Frame.
Chapter 5 BIE2313 | Web design. ALL RIGHTS RESERVED No part of this document may be reproduced without written approval from Limkokwing University of.
© ExplorNet’s Centers for Quality Teaching and Learning 1 Objective % Understand advanced production methods for web-based digital media.
Company LOGO In the Name of Allah,The Most Gracious, The Most Merciful King Khalid University College of Computer and Information System Web pages Development.
Hyperlinks Links for Other Pages. Hyperlink (aka Link) Text (or image) user can click Takes user to different location In general, location can be: On.
HTML5 and CSS3 Illustrated Unit E: Inserting and Working with Links.
Objective % Select and utilize tools to design and develop websites.
BHS Web Design Mr. Campbell
LAB Work 01 MBA 61062: E-Commerce
HTML Coding A new language.
Chapter 5 Images.
Lists, Images, Tables and Links
Creating Your Book Review Web Site
Lecture 3 Sarsenova Zhibek.
Objective % Select and utilize tools to design and develop websites.
Links. Links Links Need to define two things: The destination Something to click on to get there Tag is click here Can be text, special.
Introduction to web design discussing which languages is used for website designing
Hyperlink Anchor tag and its attributes Four Types of Hyperlink
Images & Hyperlinks.
Chapter 7 Page Layout Basics Key Concepts
Unit F Inserting and Working with Links.
IS333: MULTI-TIER APPLICATION DEVELOPMENT
Basics of Web Design Chapter 7 Page Layout Basics Key Concepts
Hyperlinks, Images and Tables
Links.
Inserting and Working with Links
The Website Foundation
محمد احمدی نیا CSS محمد احمدی نیا
CS134 Web Design & Development
Book / movie report Web design.
Dreamweaver Basics.
Links.
Hyperlinks, Images and Tables
HTML LINKS
Cascading Style Sheets
Advanced CSS.
IDT Links in HTML What you need to know….
Styling Links.
Presentation transcript:

The Website Foundation Linking Pages The Website Foundation

Direction Where is the Page Defining the Address The Code

Where is the Page The Link The proper “tag” What you can do with it

Defining the Address Absolute Relative

The Code <a href="url">link text</a> <a href="html_images.asp">HTML Images</a>

Where It Goes The target attribute specifies where to open the linked document. The target attribute can have one of the following values: _blank - Opens the linked document in a new window or tab _self - Opens the linked document in the same window/tab as it was clicked (this is default) _parent - Opens the linked document in the parent frame _top - Opens the linked document in the full body of the window framename - Opens the linked document in a named frame

A Little Color <style> a:link    {color:green; background-color:transparent; text- decoration:none} a:visited {color:pink; background-color:transparent; text- decoration:none} a:hover   {color:red; background-color:transparent; text- decoration:underline} a:active  {color:yellow; background-color:transparent; text- decoration:underline} </style>

Activity W3Schools