HTML Frames 1) Introduction to Frames 2) Simple Frame Example 3) Frame Layout 4) Excercise.

Slides:

Advertisements

Similar presentations

Creating a Blog on Bloglines.com

Advertisements

Internet Basics. Objectives What is the Internet? What is the Web? How does the Internet work? What do I need to surf the Net? What will I find on the.

1 Frames •What is Frame? •How Frames Work? •Setting Up a Frameset Page •Targetting Frames •Content for Users Without Frames.

Chapter 11 Creating Framed Layouts Principles of Web Design, 4 th Edition.

A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.

In this lecture, you will learn: ❑ How to link between pages of your site ❑ How to link to other sites ❑ How to structure the folders on your web site.

CIS 251 – Lesson 4 File Management and The Internet Rod Rodrigues.

 2003 Prentice Hall, Inc. All rights reserved. Chapter 5 - Introduction to XHTML: Part 2 Outline 5.1 Introduction 5.2 Basic XHTML Tables 5.3 Intermediate.

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.

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

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

Website Development. W hat do you really want the website to say? How do you lay out the website and web pages? When it's completed, where do you publish?

Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.

UNIT 14 Lecturer: Ghadah Aldehim 1 Websites. Introduction 2.

The Internet What is the Internet? The Internet is a global web of computers connected to each other by wires, (mostly phone lines). If you look at a.

HTML Introduction to HTML Tags. HTML Document My first HTML document Hello world!

Introduction. Document Structure Overview  XML declaration (prolog)  Document type declaration  Root element (namespace)  Document header  Document.

HTML: Tables & Frames Internet Technology1. HTML: Tables Table tags ► surround the entire table ► header row (text is boldfaced) ► surround each row ►

 2004 Prentice Hall, Inc. All rights reserved. Chapter 5 - Introduction to XHTML: Part 2 Outline 5.1 Introduction 5.2 Basic XHTML Tables 5.3 Intermediate.

The Web Wizard’s Guide to HTML Chapter Seven Frames.

An Introduction To Websites With a little of help from “WebPages That Suck.

1 and Internet Evidence Mark Pollitt Associate Professor, Engineering Technology.

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.

Lesson 1 What Is the World Wide Web?. Objectives Upon completion of this lesson, you should be able to: Explain what the World Wide Web is and how it.

Working with HTML Frames The Good, The Bad & The Ugly.

Copyright © 2003 Pearson Education, Inc. Slide 4-1 Created by, Stephanie Ludi, Rochester Institute of Technology—NY Basic Web Page Construction Tables,

Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.

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

HTML : Forms, Frames Instructor: Mr. Ahmed Al Astal ITGD4104 Department Requirement for senior student University of Palestine Faculty of IT.

How to Make Navigational Frames in an HTML Document By: Patrick Clahane.

Chapter 8 HTML Frames. 2 Principles of Web Design Chapter 8 Objectives Understand the benefits and drawbacks of frames Understand and use frames syntax.

Frames Using Frames? zRarely used zPrinting, bookmarking & resizing problems. zFrames can look different from browser to browser. zHard to design (need.

 2003 Prentice Hall, Inc. All rights reserved. Introduction to HTML: Frames Outline 1 Introduction 2 frameset Element 3 Nested frameset s 4 Web Resources.

HTML B OOT C AMP Chapter 11 Frames Kirkwood Continuing Education © Copyright 2015, Fred McClurg All Rights Reserved.

HTML: Tables & Frames Internet Technology.

CHAPTER 7 Form & PHP. Introduction All of the following examples in this section will require two web pages. The first page retrieves information posted.

Committed to Shaping the Next Generation of IT Experts. Essentials For Design Dreamweaver Level One Julian Rickards Project 7 Frames.

Introduction to Python Lesson 1 First Program. Learning Outcomes In this lesson the student will: 1.Learn some important facts about PC’s 2.Learn how.

Windows and frames and the anchor tag. Frames Independent, scrollable portions of a Web browser window, with each frame capable of containing its own.

Web Page Design Frames! Yet Another Way to Divide Up The Screen. Using HTML and JavaScript to Develop Website.

Microsoft Windows 7 - Illustrated Unit G: Exploring the Internet with Microsoft Internet Explorer.

HTML And the Internet. HTML and the Internet ► HTML: HyperText Markup Language  Language in which all pages on the web are written  Not Really a Programming.

Web Engineering  Lecture 2  EC201 – WEB TECHNOLOGIES Advanced HTML: Frames, Embedded Objects, and Forms  bscshelp.com Web Tech 1. More HTML 1.

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

HTML Comprehensive Concepts and Techniques Second Edition Creating Frames on a Web Page.

PSD TO HTML CONVERSION SERVICES Focus on designing creative website layouts with the help of professional PSD into HTML Conversion services with experts.

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.

Healthappointment.com Dr-agenda.com Your own web-agenda and medical website and hosting. Manage your appointments through the Net for your patients, colleagues.

Windows 7 Ultimate

Exploring Microsoft Word 2000

Real Life Networking Examples

Yahoo Mail Support Helpline USA

Chapter 5 - Introduction to XHTML: Part 2

Mozilla Firefox Toll free number. Want to take user reviews and genuine feedback on mozilla firefox then check out the link- Mozilla Firefox Phone NumberMozilla.

Table of Contents Creating Frames Frameset Tag and its attributes

العدد تذكيره وتأنيثه مقدمة

Table of Contents Creating Frames Frameset Tag and its attributes

browser search engine web page

التسويق الإلكتروني E- Marketing

ما الذي يريد صاحب العمل أن يعرفه؟

Table of Contents Creating Frames Frameset Tag and its attributes

Strategies for Developing Dynamic WebPages By Joseph Reginald Hobbs

Assoc. Prof. Hussam Elbehiery

Presentation transcript:

HTML Frames 1) Introduction to Frames 2) Simple Frame Example 3) Frame Layout 4) Excercise

Why Frames? Able to present documents in multiple views Views can be in independent windows/subwindows Information can be varied in different windows while navigation is controlled in one window

Frame Layout If you have a non-frame compatible browser, this message will show up instead of the frames. Usually you use it to tell users to go get a frame- compatible browser and come back.

This is an example of a simple frame document : Simple Frameset document Simple Frame Example

A little exercise. Create 3 documents as follows: myframes.html Frames exercise

fav_searches.html These are my favourite search engines Altavisata Search Google Search Yahoo Search

fav_mailers.html These are my favourite free mailers Hotmail Net Taxi Yahoo Mail