#htmlframes | Explore Tumblr posts and blogs

interviewclassroom-blog · 6 years ago

Link

HTML frames are used to divide your browser window into multiple sections where each section can load a separate HTML document. A collection of frames in the browser window is known as a frameset. The window is divided into frames in a similar way the tables are organized: into rows and columns.

In HTML, frames enable you present multiple HTML documents within the same window. For example, you can have a left frame for navigation and a right frame for the main content.

Frames are achieved by creating a frameset page, and defining each frame from within that page. This frameset page doesn’t actually contain any content – just a reference to each frame. The HTML <frame> tag is used to specify each frame within the frameset. All frame tags are nested with a <frameset> tag.

So, in other words, if you want to create a web page with 2 frames, you would need to create 3 files – 1 file for each frame, and 1 file to specify how they fit together.

HTML frames are no longer recommended by the HTML specification (as of HTML5) due to their poor usability. It is recommended that you use the <iframe> element to create iframes instead.

CREATING FRAMES

Two Column Frameset

HTML Code:

The frameset (frame_example_frameset_1.html):

<html>

<head>

<title>Frameset page<title>

</head>

</frameset>

</html>

The left frame (frame_example_left.html):

<html>

This is the left frame (frame_example_left.html).

</body>

</html>

The right frame (frame_example_right.html):

<html>

This is the right frame (frame_example_right.html).

</body>

</html>

Add a Top Frame

You can do this by “nesting” a frame within another frame.

HTML Code:

The frameset (frame_example_frameset_2.html):

<html>

<head>

<title>Frameset page</title>

</head>

</frameset>

</frameset>

</html>

The top frame (frame_example_top.html):

<html>

This is the Top frame (frame_example_top.html).

</body>

</html>

(The left and right frames don’t change)

Remove the Borders

You can get rid of the borders if you like. Officially, you do this using frameborder="0". I say, officially because this is what the HTML specification specifies. Having said that, different browsers support different attributes, so for maximum browser support, use the frameborder, border, and framespacing attributes.

HTML Code:

The frameset (frame_example_frameset_3.html):

Example

<html>

<head>

<title>Frameset page</title>

</head>

</frameset>

</html>

Load Another Frame

Most websites using frames are configured so that clicking a link in one frame loads another frame. A common example of this is having a menu in one frame, and the main body in the other (like our example).

This is achieved using the name attribute. You assign a name to the target frame, then in your links, you specify the name of the target frame using the targetattribute.

Tip: You could use base target="content" at the top of your menu file (assuming all links share the same target frame). This would remove the need to specify a target frame in each individual link.

HTML Code:

The frameset (frame_example_frameset_4.html):

Example

<html>

<head>

<title>Frameset page</title>

</head>

</frameset>

</html>

The left frame (frame_example_left_2.html):

<html>

This is the left frame (frame_example_left_2.html).

<a target=”content” href=”frame_example_yellow.html”>Yellow</a>

</body>

</html>

The yellow frame (frame_example_yellow.html):

<html>

This is the yellow frame (frame_example_yellow.html).

</body>

</html>

The lime frame (frame_example_lime.html):

<html>

This is the lime frame (frame_example_lime.html).

</body>

</html>

The frame Tag Attribute

The noframe Tag

Sr.NoAttribute & Description

1src This attribute is used to give the file name that should be loaded in the frame. Its value can be any URL. For example, src = “/html/top_frame.htm” will load an HTML file available in html directory.

2name This attribute allows you to give a name to a frame. It is used to indicate which frame a document should be loaded into. This is especially important when you want to create links in one frame that load pages into an another frame, in which case the second frame needs a name to identify itself as the target of the link.

3frameborder This attribute specifies whether or not the borders of that frame are shown; it overrides the value given in the frameborder attribute on the <frameset> tag if one is given, and this can take values either 1 (yes) or 0 (no).

4marginwidth This attribute allows you to specify the width of the space between the left and right of the frame’s borders and the frame’s content. The value is given in pixels. For example marginwidth = “10”.

5marginheight This attribute allows you to specify the height of the space between the top and bottom of the frame’s borders and its contents. The value is given in pixels. For example marginheight = “10”.

6noresize By default, you can resize any frame by clicking and dragging on the borders of a frame. The noresize attribute prevents a user from being able to resize the frame. For example noresize = “noresize”.

7scrolling This attribute controls the appearance of the scrollbars that appear on the frame. This takes values either “yes”, “no” or “auto”. For example scrolling = “no” means it should not have scroll bars.

8longdesc This attribute allows you to provide a link to another page containing a long description of the contents of the frame. For example longdesc = “framedescription.htm”

noframes tag is used if the user’s browser doesn’t support frames. Anything you type in between the noframes tags is displayed in their browser.

HTML Code:

<html>

<head>

<title>Frameset page<title>

</head>

<body>Your browser doesn’t support frames.

Therefore, this is the noframe version of the site.</body>

</noframes>

</frameset>

</html>

The target attribute can also take one of the following values –

Sr.NoOption & Description

1_self Loads the page into the current frame.

2_blank Loads a page into a new browser window. Opening a new window.

3_parent Loads the page into the parent window, which in the case of a single frameset is the main browser window.

4_top Loads the page into the browser window, replacing any current frames.

5targetframe Loads the page into a named targetframe.

DISADVANTAGES OF FRAMES

There are few drawbacks with using frames, so it’s never recommended to use frames in your webpages −

Some smaller devices cannot cope with frames often because their screen is not big enough to be divided up.

Sometimes your page will be displayed differently on different computers due to different screen resolution.

The browser’s back button might not work as the user hopes.

There are still few browsers that do not support frame technology.

#htmlframes #whatishtmlframes #htmlframe

0 notes

dgaprofessionalinstituteind-blog · 6 years ago

Text

Best Career Option in the Field Of Web Designing & Web Development Course in Delhi, 110059

Web Designing & Web Development:

Website Designing Course Due to mass use of Internet Business, Education, Entertainment, Communication, Security and almost all sectors are now dependent on online means web. To make a business, education entertainment or communication or any sector based on online you need to make a good website Nowadays businessmen, entrepreneur or different institution are finding skilled web designers to make nice website for them. So now it has become a big local and international market. Even from living in India you can also get scope to collect different web-design related works from local or international market. But first all you need to learn how to design a website. You can learn that by searching on internet or by reading different kinds of books. But to learn practically you must need to learn that from any web design training center. We, (DGA Professional Institute) are offering a complete web design course.

For More Details Visit Here:

http://www.dga-edu.com/website_designing_course.html

Web Development:

Web development is one of the latest career options for us. These course give an opportunity to be placed in multinational it companies in india. DGA Professional institute an inclusive web development training in delhi. The extensive practical training provided by web development training institute in delhi. We provide html5, css, javascript, responsive design website, templates designing and any more.

For more information visit here:

http://www.dga-edu.com/web_development.html

Course Content:

Module 1: (Web Designing Concepts & HTML

Overview of Web Design.

· About Browser: Chrome, Firefox etc.

· HTML Basics, Elements & Attributes.

· HTML T ext Formatting, Heading Styles.

· Hyperlinks-absolute, relative & bookmark.

· List Style, Adding Images to web pages.

· HTML Tables : Simple & Complex.

· HTMLForms, HTMLFrames etc.

· Module 2: (Styling a Web Page using CSS)

· Introduction to CSS.

· Style Sheet Syntax, Selectors in CSS.

· The DIVand SPANElements.

· External, Internal & Inline CSS.

· Background Techniques, Floating elements

· CSSBox Model

· CSS T ext & Font Properties

· Postponing: Absolute and Relative

· Module 3: (Website Layout & Elements: Photoshop)

· Introductions to Graphics & Photoshop.

· Installing Photoshop & Working.

· Working with Photoshop Tools.

· Various Picture file formats for web.

· Working with Layers.

· Creating web backgrounds and Patterns.

· Blending Mode, Opacity & Fill.

· Creating T ext Styles effects.

· Creating web banners & Layouts.

· Photoshop to HTML.

· Module 4: (Dreamweaver)

· About Dream weaver.

· Understanding site creation process.

· Code window, Split & Design Window.

· Adding Spry Menu, Tabs, Accordion.

· Adding Time line Animation in Website.

· Insert Tags, Table, Div, Images etc.

· Using Dreamweaver Tools.

· Adding Frames & Bahivours.

· Preview & Debug in Browsers.

· Setting your preferences.

· Module 5: (Advance Web Designing: HTML5, CSS3)

· Introduction to HTML5 & CSS3.

· New Features in HTML5.

· The Canvas Element.

· Media Playback : Audio and Video.

· �� New Content Specific elements.

· Article, Header, Footer , Nav , Section.

· New Form Controls in HTML5.

· Calender, Date & Time, Url & Search.

· HTML5 T empletes.

· What’s New in CSS3.

· CSS3 Background and Boarders.

· CSS3 T ext Effects & Fonts.

· CSS3 Shapes.

· CSS3 Fill Effects, Gradients.

· Transformation & 2D Effects.

· CSS3 Animatons.

· Clip Controls.

· CSS3 Templates.

· Module 6: (Javascript, Jquery & Plugins)

· Javascript Statements.

· Writing Javascript codes.

· Adding JSCode to Webpage.

· Jquery Events, Effects, Popup boxes.

· If…else.. , Switch Case & Loops.

· Javascript Alert, Input Box, MsgBox.

· Jquery Intro., Syntex & Selectors.

· Javascript Form V alidations.

· Using Time Function & Calculator.

· Javascript Animation/SlideShow.

· Array, Functions & Events.

· Variables & Operators.

· Adding Jquery to Web Page.

· Inserting Plugins & Automation.

· Module 7: (Flash Animation)

· Introduction to Animation.

· Introduction to Adobe Flash.

· Adding JSCode to Webpage.

· Tools in Adobe Flash.

· Time line, Type of Animations.

· Frame-by-frame Animation.

· Motion & Shape Tween.

· Shape Hints.

· Masking in Flash.

· Creating Flash Banners.

· Creating Flash Intro’s.

· Basics of Action Scripting.

· Adding Audio and Video in Flash.

· Action Script 2.0.

· Adding Controls in Animations.

· Creating Website Advt.

· Creating Flash Banners.

· Module 8: (Domain Registration & Web Hosting)

· About Domain Name & DNS.

· Searching Domain Name.

· Registering Domain.

· Purchase Hosting Package.

· Uploading Website.

Using CPanel.

Adding Domain & Subdomains.

Creating Email Account for Clients.

Course Contents:

Duration: 6 Months / 4 Months | Classes: Mon-Sat, 1½Hrs./day

For More Details please visit: http://www.dga-edu.com/website_designing_course.html or mail us at : [email protected] Contact us: +91-9871599566

#web designing course in delhi #web development course in delhi #web designing course in dwraka #web designing course in west delhi #web devlopment course

0 notes