Iframe.

Slides:



Advertisements
Similar presentations
The Web Wizards Guide to Freeware/Shareware Chapter Four Essential Tools for Web Page Authors.
Advertisements

HTML III. Learning Objectives HTML Links Structuring Pages with Frames Introduction to Cascading Style Sheets (CSS)
Svetlin Nakov Telerik Corporation
Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and Applets.
CNIT 132 – Week 9 Multimedia. Working with Multimedia Bandwidth is a measure of the amount of data that can be sent through a communication pipeline each.
1 Multimedia on the Web: Issues of Bandwidth Bandwidth is a measure of the amount of data that can be sent through a communication pipeline each second.
Browser Toolbars You Shouldn’t Do Without How the WAT and WDT Can Help You Design Accessible Websites.
Converting Microsoft Office Documents Bill Weber E-Learning Systems Administrator E-Learning Operations.
Introduction to Web Site Development Steven Emory Department of Computer Science California State University, Los Angeles Lecture 4: Tables and Frames.
Cascading Style Sheets. Slide 2 Lecture Overview Overview of Cascading Style Sheets (CSS) Ways to declare a CSS CSS formatting capabilities New features.
XP 1 Designing a Web Site with Frames Using Frames to Display Multiple Web Pages Tutorial 5.
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.
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.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: HTML Frames.
XP Tutorial 5New Perspectives on HTML, XHTML, and DHTML, Comprehensive 1 Designing a Web Site with Frames Using Frames to Display Multiple Web Pages Tutorial.
Colour & Image in HTML Wah Yan College (Hong Kong) Mr. Li C.P.
 What I hate about you things people often do that hurt their Web site’s chances with search engines.
1 Advanced Frame Options Using NORESIZE  By default, users may resize frames unless you specify the NORESIZE attribute in the tag  Examples:
Working with Cascading Style Sheets. Introducing Cascading Style Sheets Style sheets are files or forms that describe the layout and appearance of a document.
Online Chapter 1 4 th Edition.  Review elements  Whitespace handling  Rule structure  Linking to an external style sheet  Alternate Style Sheets.
XP Using Frames in a Web Site Ali Alfayly. XP Tutorial Objectives Create frames for a Web site Control the appearance and placement of frames Control.
FRAMES. With frames, we can display more than one HTML document in the same browser window. Each HTML document is called the same browser window. Each.
Christopher M. Pascucci.NET Programming: Basic ASPX Scripting & HTML Embedment.
1 Web Developer & Design Foundations with XHTML Chapter 5 Key Concepts.
Hyperlinks. Linking pages…Hyperlinks 2 Lecture 8  Hyperlink “A clickable HTML element that will direct the web browser to display a different Web page.
Images in HTML PowerPoint How images are used in HTML.
HTML: Tables & Frames Internet Technology1. HTML: Tables Table tags ► surround the entire table ► header row (text is boldfaced) ► surround each row ►
Linking web pages Wah Yan College (Hong Kong) Mr. Li C.P.
XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 1 Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and Applets Tutorial.
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.
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 6: Links.
CSS CSS is short for C ascading S tyle S heets. It is a new web page layout method that has been added to HTML to give web developers more control over.
CSS Basic (cascading style sheets)
Internet Web Publishing III. Intro to Cascading Style Sheets Patricia Roberts.
Unit 2, cont. September 12 More HTML. Attributes Some tags are modifiable with attributes This changes the way a tag behaves Modifying a tag requires.
Tutorial 7 Working with Multimedia
Tutorial 7 Designing a Multimedia Web Site
Copyright 2007, Information Builders. Slide 1 Understanding Basic HTML Amanda Regan Technical Director June, 2008.
1 HTML Frames
1 Web Developer Foundations: Using XHTML Chapter 5 Key Concepts.
 2003 Prentice Hall, Inc. All rights reserved. Introduction to HTML: Frames Outline 1 Introduction 2 frameset Element 3 Nested frameset s 4 Web Resources.
Using Frames in a Website GMU November 12-13, 2004.
HTML Hypertext Markup Language. WORKING WITH FRAMES.
Tutorial 8 Designing a Web Site with Frames. 2New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives Explore the uses of frames.
Definition CSS “Short for Cascading Style Sheets, a new feature being added to HTML that gives both Web site developers and users more control over how.
Ali Alshowaish. What is HTML? HTML stands for Hyper Text Markup Language Specifically created to make World Wide Web pages Web authoring software language.
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.
audio video object Options: controls autoplay Need to define height and width Options: controls autoplay.
WEB DESIGN AND PROGRAMMING Introduction to XHTML.
CSE 409 – Advanced Internet Technology Today you will learn  Styles  Themes  Master Pages Themes and Master Pages.
Web Design (4) Validation and Tag Attributes. Brackets - text colours Commented-out items:grey Tags:blue Attribute names:green Text in double quotes:orange.
Web Design (8) Images (2). My Holiday Photos An exercise in adding and linking images. Create a new website folder calling it ‘My Holiday Photos’. In.
HTML Images Dr. Baker Abdalahq. The Image Tag and the Src Attribute In HTML, images are defined with the tag. In HTML, images are defined with the tag.
HTML IMAGES. CONTENTS IMG Tag Alt Attribute Setting Width and Height Of An Image Summary Exercise.
1 CSC317/318 INTERNET PROGRAMING / DYNAMIC WEB APPLICATION DEVELOPMENT Siti Nurbaya Ismail Faculty of Computer Science & Mathematics, Universiti Teknologi.
Introduction to Web Site Development John Hurley Department of Computer Science California State University, Los Angeles Lecture 4: Favicons Tables and.
COMP 2923 A2 Website Development 101 Danny Silver JSOCS, Acadia University.
XP Review 1 New Perspectives on JavaScript, Comprehensive1 Introducing HTML and XHTML Creating Web Pages with HTML.
Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.
Site Development Foundations © 2004 ProsoftTraining All rights reserved.
Adding Interactivity Comp 140 Fall Web 2.0 Major change in internet usage –From mostly static pages Text Graphics Simple links –To new paradigm.
QR CODES: What are they, and how can they be used in education? Created by Russell Smith Technology Facilitator North Edgecombe High School.
Tutorial 8 Designing a Web Site with Frames
Designing a Web Site with Frames
Basic HTML and Embed Codes
Tutorial 8 Designing a Web Site with Frames
Internet Technologies I - Lect.01 - Waleed Ibrahim Osman
For the CIS17 course..
Presentation transcript:

iframe

iframe What is iframe? An iframe is displayed as a small floating frame (separate box or window) within a Web page Also known as inline frame The inline frame can be placed within a Web page in much the same way as an inline image

An example inline frame

iframe Syntax The syntax for a floating frame is: <iframe src=“url”> alternate content for browsers which do not support iframe </iframe> URL is the name and location of the file you want to display in the floating frame The alternate content is the content you want displayed in the browser that don’t support inline frames

Try iframe Download main.html and nav.html from class website Plug in nav.html as an inline frame into main.html

Attributes of inline Frames Notes: This example illustrates a common use of frames: displaying a table of contents in one frame, while showing individual pages from the site in another.

Embedding contents in iframe What can be displayed in an inline frame? Of course html file But what else? Image (in fact many of the websites these days use iframe to display their logo instead of the entire header frame) Pdf Not very attractive though for the viewers because of the small size of the iframe However, you can increase the size of the iframe Embedded video One of the most popular usage of iframe Used extensively these days in news websites Have fun with iframe features