Chapter 6 pp 105-121. Announcements O Project 1 coming up (details on Monday) O Lab 2 deliverable (submit on Blackboard) O Lab 3 pre-lab quiz is up.

Slides:



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

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.
Create internal and external links Create internal links to named anchors Insert Flash Text Create, modify, and copy navigation bar Manage Web site links.
27 September. Thursday’s Current Event: Follow Up Lands End Already offers VoIP eBay to purchase Skype Connect buyers and sellers Google Offers instant.
The Web HTTP request HTTP response Your Machine Web Server Web browser sends a separate request for each object (e.g., embedded image) on the web page.
ETT 229 Fall 2004 Web Design Basics IV Multi-page designs.
Student iDrive Access ESU Website Server Storage Space.
13 February Building a Web Page. Links Links: One always links to an anchor point Every page has an implicit anchor point at the start In addition, can.
Announcement #1 1 Lecture 9. Announcement #2  Midterm exam will be on Oct. 12 (Tuesday)  pm – 1.45 pm  Exam will cover all materials till Oct.
Student iDrive Access ESU Website Server Storage Space.
ETT 229 Fall 2004 Web Design Basics III. Agenda 11:00-11:05 – Quiz 15 11:05-11:40 – Web Design Lecture 11:40-12:15 – Web Design Practice 3.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
Images: HTML and CSS. The Bells page without images in Source View and Design View.
Rollover Buttons UNIT 2. Purpose When you move your mouse onto a button the image on it rolls over to something else Link to example 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.
Public_html sites website1 website2 Server Folder Sequence & Website Uniform Resource Locator (URL) Address Example
Web Site Navigation How to get around in an ASP.NET web application 1Web Site Navigation.
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.
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.
Tutorial #2 Creating Links. Tutorial #1 Review Basic Page (DOCTYPE, HTML, Head, Title, Body) Tags Structure( ),,,,,, Nested Tags content Tag Attributes.
Linking Images to Other Areas within a Blackboard Course Darek Sady.
Web Design (5) Navigation (1). Creating a new website called ‘Navigation’ In Windows Explorer, open the folder “CU3A Web Design Group”; and then the sub-folder.
Internet Applications Development Lecture 5 L. Obead Alhadreti.
Making a Game Linking Slides. To link slides: 1.Prepare your storyboard 2.Complete all slides 3.Link the slides.
CIT 256 Dreamweaver Sites and Image Maps Dr. Beryl Hoffman.
1.  Use the anchor element to link from page to page  Configure absolute, relative, and hyperlinks  Configure relative hyperlinks to web pages.
INFO 1300: LOCAL DEVELOPMENT 10/16/2015. Index.html Important Homepage for every project in this course Points will be deducted otherwise.
Add an Image. index.html about.html contact. html contact. html.
Adding Links Learning Web Design: Chapter 6. Lesson Overview Using the anchor tag Linking to other pages with relative or absolute pathnames Linking to.
Week Nine Week Nine focuses on Collecting Images and Web Page URLs to use for your final Web Page Project. Discussions on using Netscape Communicator Composer.
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.
CPSC 203: Introduction to Computers Tutorials 03 & 29 by Jie (Jeff) Gao.
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.
Chapter 6 Links. 3 Parts of Links 1. Destination: defines what happens when a user clicks the link. 2. Label: this is the text (or possibly an image)
CSCI N241: Fundamentals of Web Development Copyright ©2006  Department of Computer & Information Science Navigation, Links & Images.
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.
Determining the URL for a Web Document. Components The URL of a web document consists of 1.The server address 2.The folder structure 3.The file name.
HTML Links HTML uses a hyperlink to another document on the Web.
3.02E Website File Management 3.02 Develop webpages.
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.
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,
BUILDING YOUR WEBSITE. MAKE SURE YOU HAVE TWO SCREENS You MUST have at least TWO SCREENS built in Photoshop by 2:35pm.
CPSC 203 Introduction to Computers T97 By Jie (Jeff) Gao.
Hit125 application concepts Types of links File paths & directory structures.
1 More About HTML Images and Links. 22 Objectives You will be able to Include images in your HTML page. Create links to other pages on your HTML page.
Introduction to HTML C151 Multi-User Operating Systems.
Setup Folders in public_html, create folder web in web, create folder images NO index.htm or index.html in public_html in public_html, create folder web.
Open the index.html Open this PowerPoint from the S Drive IDT folder Chapman Images.ppt.
Creating Website Using FrontPage 2003 By Heidi Lee.
Agenda 2/9/05 Art for New Media Quick Write/Sketch Last Day for basic HTML –Relative links (how to go inside a folder and back up a folder) –Changing link.
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.
Internal and External Links
Internal and External Links
Creating Links.
Relative Paths.
Web Design and Development
Website URL
How files are organized
Rollover Buttons UNIT 2.
Lesson Objectives Lesson Outcomes
GTECH 709 Course web site How to navigate the course BlackBoard site
A01 DESIGN To be completed Your proposal  Your House style 
Creating Links.
Websites lesson 5.
CGS 2100 Week 3 Lab sections: 14, 25, 27, and 31.
Adding Links Chapter 6 4/9/2019.
Chapter 6 pp
Creating Links.
Website File Management
© 2017, Mike Murach & Associates, Inc.
Presentation transcript:

Chapter 6 pp

Announcements O Project 1 coming up (details on Monday) O Lab 2 deliverable (submit on Blackboard) O Lab 3 pre-lab quiz is up.

Absolute URLs O Usually points to an external website O href=“ http ://

Relative URLs O Must point to a file on your server O href=“fun.html” O In the example above, fun.html must be in the same folder as the web page that contains the href above.

HREFs can be long

In index.html, link to linguine.html

In linguine.html, link to about.html

Inserting Images

In about.html, insert spoon.gif

In salmon.html, insert spoon.gif

In couscous.html, insert jenskitchen.html

Linking inside a page