Оквири Оквири омогућавају да видљиво подручје буде подељено у неколико делова. Свако подручје може да учита сопствени документ, са различитом адресом,

Slides:



Advertisements
Similar presentations
Frames. What are frames? The ability to divide the browser window into sections that can function independently of one another. Navigation within the.
Advertisements

Frames How to make a page that uses frames. Preview There used to be a time that frames were frowned upon because most browsers did not support them Nowadays.
Frames.
Multimedia and the World Wide Web HCI 201 Lecture Notes #5A.
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 1 Lecture HTML: Frames and Miscellaneous Tags.
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.
Linked Windows and Frames. Frames and Linked Windows2 Linked Windows n Information pointed to by hyperlink displayed in another window n Target attribute.
Frames An overview. Why frames Frames allow you to show several documents in one page. Useful for navigation. Useful for attaching pages from other sites.
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.
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.
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.
1 Advanced HTML Joshua S. Simon Collective Technologies.
WHAT are frames? what.html are.htmlframes.html. Intro to Frames HTML frames allow you to display more than 1 HTML document in the same browser window.
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.
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.
1 Web Developer & Design Foundations with XHTML Chapter 5 Key Concepts.
CIS67 Foundations for Creating Web Pages Professor Al Fichera Reference for CIS127 and CIS 137.
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.
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.
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.
Working with HTML Frames The Good, The Bad & The Ugly.
CS105 INTRODUCTION TO COMPUTER CONCEPTS HTML Instructor: Cuong (Charlie) Pham.
CSCE 102 – Chapter 6 (Web Design and Layout) CSCE General Applications Programming Benito Mendoza Benito Mendoza 1 By Benito Mendoza.
Frames 2 nd March. Write the code for this using tables and using layers …..
1 Web Developer Foundations: Using XHTML Chapter 5 Key Concepts.
Kingdom of Saudi Arabia Ministry of Higher Education Al-Imam Muhammad Ibn Saud Islamic University College of Computer and Information Sciences Chapter.
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.
Jozef Goetz, © 2011 Pearson Education Copyright (c) 2007Prentice-Hall. All rights reserved.
Introduction HTML (Hypertext Markup Language) is used to create document on the World Wide Web. HTML is not a programming language, it is a markup language.
1 HTML Frames
HTML Frames.
© Marty Hall, Larry Brown Web core programming 1 HTML Frames.
HTML Frames.
Week 9: HTML Tables and Frames HNDIT11062 – Web Development.
HTML FRAMES With Frames, you can display more than one Web page in the same browser window.
Frames. Dividing a page, called frameset, into frames, allow the visitor to see more than one page at a time Each frame contains its own Web page, and.
INTRODUCTORY Tutorial 9 Creating Frames. XP New Perspectives on Blended HTML, XHTML, and CSS2 Objectives Decide when to use frames for a Web site Learn.
1 HTML Frames
Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.
Site Development Foundations © 2004 ProsoftTraining All rights reserved.
Jozef Goetz, © 2011 Pearson Education Copyright (c) 2007Prentice-Hall. All rights reserved.
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)
Chapter 6 Frames and Image Maps Frame sets and frames Image Maps.
Introduction to HTML.
Client-Side Internet and Web Programming
HTML Structure II (Frame)
Frames 8th March.
FRAMES.
Frames Purpose Common use
Chapter 8 Frames.
Programming the Web using XHTML and JavaScript
Client-Side Internet and Web Programming
Table of Contents Creating Frames Frameset Tag and its attributes
Table of Contents Creating Frames Frameset Tag and its attributes
Table of Contents Creating Frames Frameset Tag and its attributes
Tutorial 8 Designing a Web Site with Frames
HTML Tables & Frames Internet Technology.
HTML Frames
Frames Web Authoring.
Frames © 2008 D. J. Foreman.
Frames © 2007 D. J. Foreman.
Frames © 2004 D. J. Foreman.
Frames © 2008 D. J. Foreman.
Presentation transcript:

Оквири Оквири омогућавају да видљиво подручје буде подељено у неколико делова. Свако подручје може да учита сопствени документ, са различитом адресом, независно од других подручја.

Структура документа са дефиницијом оквира је следећа: Ово је тело документа и јавља се уместо BODY елемента

Оквир се дефинише елементом FRAMESET. Елемент има почетни и завршни маркер и следеће атрибуте: ROWS COLS. Атрибут ROWS одређује оквире као врсте у оквиру стране. Атрибут COLS одређује оквире као колоне у оквиру стране.

Вредност оба атрибута су листе вредности одвојене запетама. Код атрибута ROWS, вредност је висина одговарајућег реда. Код атрибута COLS, вредност је ширина одговарајућег реда. <FRAMESET ROWS=“10%,20%,30%,40%”> <FRAMESET COLS=“10%,20%,30%,40%”>

Оквири као врсте

Оквири као колоне

У оквиру једног FRAMESET елемента може се користити други. У листи вредности може се наћи *. Она означава захтев да се одређеном оквиру да сав преостали простор. У оквиру једног FRAMESET елемента може се користити други. За дефинисање појединачних оквира користи се елемент FRAME. Елемент има само почетни маркер и следеће атрибуте: SRC SCROLLING

NORESIZE MARGINWIDTH MARGINHEIGHT BORDER BORDERCOLOR NAME. Атрибут SRC садржи адресу документа који ће бити приказан у одређеном оквиру.

Други подоквир другог оквира Први оквир Први подоквир другог оквира Трећи оквир

Атрибут SCROLLING одређује да ли оквир има скрол линију Атрибут SCROLLING одређује да ли оквир има скрол линију. Вредности атрибута су yes, no и auto. scrolling=no

scrolling=yes

Атрибут NORESIZE одређује да ли корисник може мењати величину оквира. noresize=yes

Атрибут MARGINWIDTH одређује леву и десну маргину оквира. Вредност атрибута је у пикселима. Атрибут MARGINHEIGHT одређује горњу и доњу маргину. Маргина је провидна и због тога изгледа да је исте боје као и позадина стране приказане у оквиру.

Маргина 20 пиксела

Атрибут BORDERCOLOR подешава боју свих ивица у скупу оквира. bordercolor=red

Атрибут BORDER подешава ивицу оквира.

Атрибут NAME омогућава давање имена оквиру како би он могао да се користи као циљ. Уколико читач не подржава оквира, тада треба користити елемент NOFRAMES. Елемент има почетни и завршни маркер. Сав садржај између почетног и завршног маркера се приказује уколико читач не подржава оквире.

Навигација кроз фрејмове Тarget атрибут специфицира где да се отвори кодумент на који указује линк. Target може бити: <a target="_blank|_self|_parent|_top|framename"> _blank : отвара линк у новом прозору _self :отвара линк у истом фрејму где је и линк који га позива _parent : отвара линк у родитељ фрејму _top : отвара линк у целом телу прозора framename : отвара линк у фрејму са датим именом

Навигациони фрејм садржи линкове ка другом фрејму Навигациони фрејм садржи линкове ка другом фрејму. Линкови се отварају у фрејму са именом showframe. Садржај хтмл документа за навигацију levi.htm <html> <body> <a href ="frame_a.htm" target="showframe">Frame a</a><br> <a href ="frame_b.htm" target ="showframe">Frame b</a><br> <a href ="frame_c.htm" target ="showframe">Frame c</a> </body> </html>

iframe <iframe> tag određuje liniski okvir. Koristi se za umetanje drugog dokumenta u postojeći HTML dokument. <iframe src=„stranica.html" frameborder="0" scrolling="auto" height=100% width=100%></iframe>