1 3/28/05CS120 The Information Era CS120 The Information Era Chapter 4 – More HTML Specifics TOPICS: Frames.

Slides:



Advertisements
Similar presentations
HOW TO USE … SAMIEEE FOR VOLUNTEER POSITIONS WITH AUTOMATIC ACCESS.
Advertisements

Frames. What are frames? The ability to divide the browser window into sections that can function independently of one another. Navigation within the.
HTML III. Learning Objectives HTML Links Structuring Pages with Frames Introduction to Cascading Style Sheets (CSS)
Section 16.1 Create a basic table using HTML Define borders Merge cells Align content in tables Section 16.2 Create a frames-based Web page using HTML.
HTML Concepts and Techniques Fourth Edition Project 6 Using Frames in a Web Site.
16 HTML Tables and Frames Section 16.1 Create a basic table using HTML Define borders Merge cells Align content in tables Section 16.2 Create a frames-based.
Relative and Absolute Relative Absolute.  In web-page design, a hyperlink (or link) is a reference to a document that the reader can directly follow,
Frames 1 Lecture HTML: Frames and Miscellaneous Tags.
ADAM AKESSON’S E-PORTFOLIO For the Thinking Through Computing Learning Community.
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.
Chapter 6 Working with Frames.
Using Frames in a Web Site
1 Advanced Frame Options Using NORESIZE  By default, users may resize frames unless you specify the NORESIZE attribute in the tag  Examples:
HTML Essentials Frames and Frame Tags. Introduction A frame used to be an effective design tool Utilized space effectively by subdividing screen One idea:
HTML Links and Anchors.
Chapter 3 Working with Text and Cascading Style Sheets.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
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.
Web Technologies Website Development Trade & Industrial Education
GUIDED LESSON HYPERLINKS. OBJECTIVE In this lesson, you will learn the basics of working with hyperlinks, including how to insert and remove them in your.
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.
Website Development with Dreamweaver
Web Design ATBs. ATB #1 List headings and size ATB #2 Define HTML.
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.
Computing Theory: HTML Year 11. Lesson Objective You will: o Be able to define what HTML is - ALL o Be able to write HTML code to create your own web.
Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.
Copyright © 2003 Pearson Education, Inc. Slide 4-1 Created by, Stephanie Ludi, Rochester Institute of Technology—NY Basic Web Page Construction Tables,
1 Creating a Second Web Page This section shows you how to create the Huntington Beach Web site.
FTP for Windows How to get ftp to work in Windows -Navigate to control panel -> programs and features -On the left side click on Turn Windows features.
1 HTML Frames
1 Planning and Laying Out Frames Sketch the frame structure on paper before writing the HTML code two rows two columns.
How to Make Navigational Frames in an HTML Document By: Patrick Clahane.
Web111a_chapt05.ppt HTM: Section 5 Frames A section of the browser window capable of displaying an entire web page Display multiple web pages on the screen.
META tag META tag is the element in the HTML that interacts with the search engines. It’s contain 2 attributes that should always be used: NAME: is an.
HTML Concepts and Techniques Fifth Edition Chapter 6 Using Frames in a Web Site.
The Web Wizard’s Guide to HTML Chapter Seven Frames.
Using Frames in a Website GMU November 12-13, 2004.
HTML: Tables & Frames Internet Technology.
Button and Textbox. Input  Input objects are used to obtain input from the user viewing the webpage. They allow the user to interact with the Web. 
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.
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.
1 HTML Frames
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.
Introduction to FrontPage and Web Page Design. Topics Logging in to your site Creating a webpage Text formatting Page backgrounds Linking webpages Links.
So – You want to learn how to put an article onto the state website. (Note: If you have not done so, you will need to review the web training provided.
1 2/22/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Images and placing pages on the server.
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.
Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.
1 HTML Frames
Links and Images. Links HTML uses a hyperlink to link to another document on the Web A hyperlink can be either text or a picture Links are created with.
Hyperlink ● Anchor tag and its attributes ● Four Types of URL ─ ─ Absolute addressing ─ Relative addressing ─ Intrapage ● Attributes -- link, vlink,
Session: 4. © Aptech Ltd. 2Creating Hyperlinks and Anchors / Session 4  Describe hyperlinks  Explain absolute and relative paths  Explain how to hyperlink.
1 2/28/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Anchors and Tables.
Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.
HTML Links and navigation Basharat Mahmood, Department of Computer Science,CIIT,Islamabad, Pakistan. 1.
1 3/30/05CS120 The Information Era CS120 The Information Era Chapter 4 – More HTML Specifics TOPICS: Frames Problem Review, Nested Frames.
1 3/2/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Hyperlinks.
HTML Comprehensive Concepts and Techniques Second Edition Creating Frames on a Web Page.
Lesson 9. Test 1 How was the test ? Assignment 1 (must complete satisfactorily even if you do not get any marks for it !!!!!!)
HTML Links CS 1150 Spring 2017.
Lecture 3 Sarsenova Zhibek.
CS120 The Information Era Chapter 4 – More HTML Specifics
HTML Images CS 1150 Spring 2017.
Tutorial Tutorial Read all the directions before proceeding
HTML Links.
HTML Images CS 1150 Fall 2016.
How to PostPower Point Presentations
Using and Viewing Homepage
HTML Links CS 1150 Fall 2016.
Presentation transcript:

1 3/28/05CS120 The Information Era CS120 The Information Era Chapter 4 – More HTML Specifics TOPICS: Frames

2 3/28/05CS120 The Information Era Frames  When you build a large web site, you need to start thinking about how your readers are going to navigate your web site  You can make the navigation of your site by using HTML frames  A frame allows you to partition a web page into several sections so that you can display a different file in each section

3 3/28/05CS120 The Information Era Frames Example Side.html Main.html

4 3/28/05CS120 The Information Era Frames Example  Create a file called frameex.html Frames Example

5 3/28/05CS120 The Information Era Frames Example  Create a file called side.html and place it in the same directory as frameex.html Side Column.

6 3/28/05CS120 The Information Era Frames Example  Create a file called main.html and place it in the same directory as frameex.html Main Frame!

7 3/28/05CS120 The Information Era Your Turn  Create a webpage that has a frame on the left hand side containing links to your favorite sites  When the user clicks on the link, the page should appear in the frame on the right o Hint: use the target attribute in the tag