This shows a frameset that includes two pages in columns

Slides:

Advertisements

Similar presentations

Creating Frames. Frames allow you to view more than one Web page at a time. You can split the browser window horizontally and vertically. You can also.

Advertisements

KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.

HTML Concepts and Techniques Fourth Edition Project 6 Using Frames in a Web Site.

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

Web-based Application Development Lecture 9 February 7, 2006 Anita Raja.

COS 125 Day 25. Agenda  Assignment #7 Due  Final capstone progress report due next class  Assignment #8 Posted Due April 25 One more to go  Exam #5.

Frames How to Create Frames in HTML Dr. Sanders. Why Frames? Frames allow you to have more than a single window on the screen at the same time. –You can.

Tutorial 8 Designing a Web Site with Frames. XP Objectives Explore the uses of frames in a Web site Create a frameset consisting of rows and columns of.

The Power of Tables They aren't just for sitting stuff on anymore...

Create a Web Site with Frames

Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: Frames © 2007 Prosoft Learning Corporation All rights reserved ITD 110 Web Page Design.

Chapter 6 Working with Frames.

 You've probably come into contact with web sites in which the browser window seemingly allowed you to move around between several different pages. 

Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: HTML Frames.

Frameset. FrameSet With frames, we can display more than one HTML document in the same browser window. Each HTML document is called a frame, and each.

HTML 2 FRAMES. Frames Intro Frames are a feature supported by Netscape 2.0 (and higher) Internet Explorer 3.0 (and higher) and a few other browsers. Frames.

Using Frames in a Web Site

Lecture on: Frames. FRAMES VERSUS TABLES Frames allow part of the page, usually a navigation bar, to stay put.

HTML Lesson 5 TBE 540. Prerequisites The user must be able to… –Create basic web pages with a text editor and/or a web page editor.

XHTML1 Topics Work with the Frameset Document Type Definition (DTD) Create frames Use the target and base attributes Create nested frames Format frames.

1 Advanced Frame Options Using NORESIZE  By default, users may resize frames unless you specify the NORESIZE attribute in the tag  Examples:

XP 1 Tutorial 5 Using Frames in a Web Site. XP 2 Tutorial Objectives  Describe the uses of frames in a Web site  Lay out frames within a browser window.

CIS 451: HTML Frames Adapted from materials developed by Dr. Soe (updated January, 2009)

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.

Tutorial 8 Designing a Web Site with Frames. XP Objectives Explore the uses of frames in a Web site Create a frameset consisting of rows and columns of.

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.

Point & Edit CMS An Introduction to Point & Edit.

Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Project 7: Working with Frames Kelly L.

CSCE 102 – Chapter 6 (Web Design and Layout) CSCE General Applications Programming Benito Mendoza Benito Mendoza 1 By Benito Mendoza.

Week 11 Creating Framed Layouts Objectives Understand the benefits and drawbacks of frames Understand and use frame syntax Customize frame characteristics.

Frames in XHTML Please use speaker notes for additional information!

1 Planning and Laying Out Frames Sketch the frame structure on paper before writing the HTML code two rows two columns.

Introduction to Programming the WWW I CMSC Winter 2003 Lecture 6.

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.

HTML Concepts and Techniques Fifth Edition Chapter 6 Using Frames in a Web Site.

Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using.

CH. 7 Web Page Design –Page Layout with Frames Mr. Ursone.

[Insert Header Here] [Type Fact #1 Here] [Drag your image on top of this box and resize it using the handles on the edges]

FRAMES. Frames allow you to divide the page into several rectangular areas and to display a separate document in each rectangle. Each of those rectangles.

Excel Spreadsheet Notes. What is a Spreadsheet? Columns and rows of data.

Label the parts of a spreadsheet! 1.Open Excel-Close the side panel on the left! 2.Push the PrintScrn button on your keyboard-top row left! 3.Open PowerPoint.

HTML FRAMES With Frames, you can display more than one Web page in the same browser window.

Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.

[Insert Header Here] [Type Fact #1 Here] [Type Fact #1 Here] [Drag your image on top of this box and resize it using the handles on the edges]

[INSERT HEADER HERE] [Type Fact #1 Here] [Drag your image on top of this box and resize it using the handles on the edges]

Jozef Goetz, © 2011 Pearson Education Copyright (c) 2007Prentice-Hall. All rights reserved.

XHTML Introductory1 Frames Chapter 5. XHTML Introductory2 Objectives In this chapter, you will: Work with the Frameset Document Type Definition (DTD)

Lesson 9. Test 1 How was the test ? Assignment 1 (must complete satisfactorily even if you do not get any marks for it !!!!!!)

Chapter 6 Frames and Image Maps Frame sets and frames Image Maps.

CS-3432 Electronic Commerce Lecture – 9 Sikandar Shujah Toor

Introduction to HTML.

HTML Structure II (Frame)

Programming the Web using XHTML and JavaScript

David Tristano Drexel IRT Dept.

Here.. here. Pardon my "art". Shows how to make a background image Pardon my "art"! Shows how to make a background image. The image.

Minitab Instructions Covered

Note that iframes are available in HTML5.

Title Slide Subtitle.

Environment/Report Tutorial

Home page for CIS44..

This shows the frameset container page which holds two additional pages in rows - the first row uses 50% of the page and the last row uses the rest. Note.

Frames Web Authoring.

Colini’s Card Trick Click “Slide Show” on the top bar of your screen. Then click “View Show”

Layout and Design with Tables and Frames

Presentation transcript:

This shows a frameset that includes two pages in columns This shows a frameset that includes two pages in columns. The first column is 25% and the other column is what is left (75%). I put individual pages into the frameset so I am seeing the frameset and the two pages. Three pages in all.

We will talk about name later, it is not really needed here.

This is one of the individual pages that I am showing in one of the frames. Note that the page itself is set to validate strict.

This shows columns.

Note this is broken up into columns and rows.

Reducing the size of the screen gets me scroll bars.

row up into columns.

the source of the frame differently.

In this example, when I click on the next image, I will bring up hdrrnew.html and I will bring it up on top of the page containing the next image, in other words on top of itself. I do this with target="_self"

Now I am going to use target _top which gets a new page on top of the existing page.

The results of target _top

This got a whole new page.

This will replace the named frame, so the new page will show up on the right because that is the named area.

Using the name to put the new page in the correct frame.

Note that I can drag things around and resize the frames.

This code does not allow resizing and does not allow scroll bars.