Section 16.1 Create a basic table using HTML Define borders Merge cells Align content in tables Section 16.2 Create a frames-based Web page using HTML.

Slides:



Advertisements
Similar presentations
The Web Wizards Guide to HTML Chapter Six Tables.
Advertisements

Frames. What are frames? The ability to divide the browser window into sections that can function independently of one another. Navigation within the.
Use Tables for Layout Control Day 7. You will learn to: Understand Tables Create a Simple Table Modify Your Tables Appearance Create Page Layouts with.
Chapter 3 – Web Design Tables & Page Layout
Color Templates Software Engineering Module: Web UI Programming Topic: HTML TALENTSPRINT | © Copyright 2012.
Working with Web Tables
Frames.
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.
16 HTML Tables and Frames Section 16.1 Create a basic table using HTML Define borders Merge cells Align content in tables Section 16.2 Create a frames-based.
Chapter 3 Tables and Page Layout
Frames 1 Lecture HTML: Frames and Miscellaneous Tags.
CIS101 Introduction to Computing Week 07. Agenda Your questions Resume project Review Project Two HTML Project Three This week online Next class.
© 2004, Robert K. Moniot Chapters 4 & 5 Introduction to HTML, More Details.
XHTML1 Tables and Lists. XHTML2 Objectives In this chapter, you will: Create basic tables Structure tables Format tables Create lists.
1 XHTML continued Use the anchor tag to link from page to pageUse the anchor tag to link from page to page Create absolute and relative linksCreate absolute.
Using HTML Tables.
The Power of Tables They aren't just for sitting stuff on anymore...
Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.
Create a Web Site with Frames
HTML Code. What we will cover Basic HTML Body Font Images Hyperlinks Tables Frames.
Using Frames in a Web Site
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.
Images and Tables. Displaying Image Attributes: SRC= " mypic.gif " – Name of the picture file SRC= " pic/mygif.jpg " – Name of file found in pic directory.
Using HTML to Create Tables in Web pages Connie Lindsey November 2005.
HTML Essentials Tables and Table Tags. Overview Use of Tables goes beyond tabulating data Frequently used to format Web pages / control layout Especially.
Identifies the Structure Table Row Column 1 Table Heading Column 2.
1 The Structure of a Web Table beginning of the table structure first row of three in the table end of the table structure table cells You do not need.
CHAPTER 11 Tables. How Are Tables Used Data Display  Very tidy and very useful Better Text Alignment  Putting text in tables allows you to format indents.
HTML Essentials Frames and Frame Tags. Introduction A frame used to be an effective design tool Utilized space effectively by subdividing screen One idea:
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Tutorial 5 Working with Web Tables. XP Objectives Explore the structure of a Web table Create headings and cells in a table Create cells that span multiple.
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.
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.
Web Technologies Website Development Trade & Industrial Education
HTML Overview Part 4 – Tables 1. HTML Tables  Tables are defined with the tag pair.  A table is divided into rows with tag pairs. o tr stands for "table.
Website Development with Dreamweaver
HTML: Tables & Frames Internet Technology1. HTML: Tables Table tags ► surround the entire table ► header row (text is boldfaced) ► surround each row ►
1 Web Developer Foundations: Using XHTML Chapter 3 XHTML Hyperlinks and Tables.
1 Web Developer & Design Foundations with XHTML Chapter 3 Key Concepts.
Tutorial 5 Working with Tables and Columns
Tutorial 5 Working with Tables and Columns
Week 11 Creating Framed Layouts Objectives Understand the benefits and drawbacks of frames Understand and use frame syntax Customize frame characteristics.
1 Planning and Laying Out Frames Sketch the frame structure on paper before writing the HTML code two rows two columns.
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.
The Web Wizard’s Guide to HTML Chapter Seven Frames.
HTML: Tables & Frames Internet Technology.
4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.
CIS234A- Lecture 7 Instructor Greg D’Andrea. Tables A table can be displayed on a Web page either in a text or graphical format. A text table: – contains.
HTML ( HYPER TEXT MARK UP LANGUAGE ). What is HTML HTML describes the content and format of web pages using tags. Ex. Title Tag: A title It’s the job.
CS-3432 Electronic Commerce Lecture – 7 Sikandar Shujah Toor
CHAPTER 5 Working with Data Tables and Inline Frames.
Basic HTML. So, what exactly is HTML? HTML stands for: HTML stands for: Hypertext Markup Language. It is a purpose built markup language for the delivery.
HTML Frames. Advantages to Using Frames n flexibility in design n information in different Web pages n remove redundancy. n site easier to manage. n update.
1 HTML Frames
1 3/28/05CS120 The Information Era CS120 The Information Era Chapter 4 – More HTML Specifics TOPICS: Frames.
Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.
LINKING WEBPAGES USING HTML HYPERLINKS. Hyperlinks are text strings or images on a webpage which when clicked on, links to another section in the same.
XP IT INSTRUCTOR :AHMAD HIRZALLAH 1 Microsoft Office FrontPage 2003 Creating Tables and Frames.
Informatics Computer School CS114 Web Publishing HTML Lesson 3.
1 3/30/05CS120 The Information Era CS120 The Information Era Chapter 4 – More HTML Specifics TOPICS: Frames Problem Review, Nested Frames.
TABLES. Session Checklist ► Learn the ways that tables can help you organize data on your Web site ► Learn how to prepare a spreadsheet-like table that.
Tutorial 5 Working with Web Tables. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Learn and Apply the structure of.
HTML Comprehensive Concepts and Techniques Second Edition Creating Frames on a Web Page.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 5 1 Microsoft Office FrontPage 2003 Tutorial 5 – Creating Tables and Frames.
CIS101 Introduction to Computing Week 07 Spring 2004.
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
Presentation transcript:

Section 16.1 Create a basic table using HTML Define borders Merge cells Align content in tables Section 16.2 Create a frames-based Web page using HTML Create a link bar page Create a content page Create a container page Control Web page layout with frames Create links between frames

16.1 Creating Tables in HTML Guide to Reading Main Ideas HTML tables give Web page designers a great deal of control over page layout and the formatting of information. There are many HTML tags and attributes available for this purpose. Key Terms cell spacing cell padding header row header column pp

Creating Tables in HTML Three sets of HTML tags define a table: - marks the beginning and end of the table area. - marks the beginning and end of a table row. - marks the beginning and end of a table column. Defining a Basic Table 16.1

Creating Tables in HTML Using Table Attributes Controlling a tables attributes allow you to modify the look of the table on your site. Here are some attributes you can modify: Cell spacing Cell padding Header rows Header columns Alignment cell spacing The space between the outer border of a table and the cell border. (p. 421) cell padding The space between a table cells border and its content. (p. 421) header row Row in a table that contains the titles for each column. (p. 422) header column Column in a table that contains the titles for each row. (p. 422) pp

Creating Tables in HTML Using the align attribute in the tag centers the entire table on the Web page. Using Table Attributes 16.1

pp Creating Tables in HTML Activity 16A – Creating a Table Using HTML (p. 423) 16.1

16.2 Creating Frames in HTML Guide to Reading Main Ideas HTML frames give you the ability to display more than one Web page on the screen at the same time. You can customize hyperlinks to support frames. Key Terms frame container page left-hand navigation content page top navigation pp

16.2 Creating Frames in HTML Creating Frame Pages in HTML frames A Web page with two frames is made of three separate HTML documents. The first two, the link bar and the content page, define the frames separately. container page The third is the container page, which holds the other two documents. frame A separate region on a Web page that contains its own Web document. (p. 426) container page Page that defines the characteristics of each page in a frames- based site. (p. 427) pp

16.2 Creating Frames in HTML Creating Frame Pages in HTML left-hand navigation top navigation Link bars can appear anywhere on a page. Web designers can use either left-hand navigation or top navigation. content page The content page should remain the sites main focus. left-hand navigation A frames-based Web site with a link bar on the left side of the screen. (p. 427) top navigation A frames- based Web site with a link bar at the top of the screen. (p. 429) content page The page that contains the main information on a frames- based site and fulfills the sites main purpose. (p. 428) pp

Creating Frames in HTML To keep the link bar from changing, include the target attribute in the links anchor tag. This attribute tells the browser to load the target Web page into a specified frame (the content frame) rather than into the current frame. Creating Links Between Frames 16.2

pp Creating Frames in HTML Activity 16B – Creating a Frames-Based Web Page (p. 429) 16.2

Chapter 16 For more resources on this chapter, go to the Introduction to Web Design Web site at webdesign.glencoe.com.webdesign.glencoe.com Resources