 Next - Previous  Horizontal Bar  Vertical Menu.

Slides:



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

© 2010 Delmar, Cengage Learning Chapter 9 Positioning Objects with AP Div Tags.
Chapter 3 – Web Design Tables & Page Layout
Chapter 9 Working with Tabs and Tables. Chapter Objectives Work with tabs Create and format a table Format text in a table Place graphics in a table.
1 After completing this lesson, you will be able to: Insert a table. Navigate and select cells within a table. Merge table cells. Insert and delete columns.
Histograms! Histograms group data that is close together into “classes” and shows how many or what percentage of the data fall into each “class”. It.
Objectives © Paradigm Publishing, Inc. 1 Objectives.
Very quick intro HTML and CSS. Sample html A Web Title.
Part 5 Introduction to CSS. CSS Display - Block and Inline Elements A block element is an element that takes up the full width available, and has a line.
SM5312 week 11: CSS Menus & Navigation Bars1 An Introduction to Cascading Style Sheets CSS Menus and Navigation Bars Nick Foxall.
Chapter 5 Creating an Image Map.
Excel 2007 ® Business and Personal Finances How can Excel 2007 help you format a workbook?
 Key dissatisfier  Puts designer in control  Helps get your message across.
Document Layout. Creating Whitespace2 n Horizontal space –Within line of text –Netscape – – –If no room, will shorten the space to fit on current line.
6 - 1 Module 5: Bar Chart This module focuses on the bar chart, one of the more common types of graph used in public health. Reviewed 15 April 05 /MODULE.
HTML. Creating a Table Attributes: border: indicates the border type of the table Value: 0 (no border), 1, 2, etc. cols: indicates the number of columns.
Notes Ch. 12—Creating Tables Web Page Design. Why Use Tables? Tables are used to create a variety of items such as calendars, charts, and spreadsheets.
1 CS428 Web Engineering Lecture 10 Images, Tables, Forms, Border-Radius (CSS – V)
INTRODUCTION TO WEB DEVELOPMENT AND HTML Lecture 06: Tables - Spring 2011.
A table is an arrangement of data (words and numbers) in rows and columns. Tables range in complexity from those with only two columns and a title to.
A Few Basic Rules for Scientific Presentations using Powerpoint.
Excel 2007 ® Business and Personal Finances How can Excel 2007 help you format a workbook?
Tutorial 6 Creating Tables and CSS Layouts. Objectives Session 6.1 – Create a data table to display and organize data – Modify table properties and layout.
HTML Comprehensive Concepts and Techniques Second Edition Project 3 Creating Tables in a Web Site.
CA Professional Web Site Development Class 23 - CSS Positioning, Image Replacement & Print Styles.
ITP 104.  While you can do things like this:  Better to use styles instead:
CREATING A SHELL FOR YOUR WEBSITE. Create Website plan (see previous) Refer to/revise website plan as needed Create a folder to place ALL WORK: web pages,
LESSON 4 Formatting a Worksheet. Borders are often used to separate different groups of data. 1. True 2. False
 Word doc for you to download › Link at the beginning of class › 10 Questions › Answers to be added inline  Post to Sakai when completed › No resubmits.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
Adding Graphics to Web Pages. CSS does not have any properties specifically aimed at formatting images Use properties you have already learned, i.e.,
Tables Module 2: HTML Basics LESSON Extension. Module 2: HTML Basics LESSON Extension Lesson Overview In this lesson, you will learn to:  Create tables.
 Remember that HTML is just text  Need to point to pictures  Use the img tag  alt: › screen reader › REQUIRED for this class and to validate.
Part 3: Page Structure. Activity: Table of Contents (TOC) Create a table of contents that links to each of your previously built pages. Follow the directions.
CSCE 102 – Chapter 6 (Web Design and Layout) CSCE General Applications Programming Benito Mendoza Benito Mendoza 1 By Benito Mendoza.
Copyright 2006 South-Western/Thomson Learning Chapter 12 Tables.
CIS234A Lecture 8 Instructor Greg D’Andrea. Review Text Table contains only text, evenly spaced on the Web page in rows and columns uses only standard.
2010 Staff Development - Tony Judice. Highlight the area to be graphed. Highlight labels, in this case days of the week, and the values that apply to.
 Each tab is geared towards a certain activity area.
Layout with Styles Castro Chapter 11. Tables vs. CSS You can produce “liquid layouts” (layouts that stretch as the browser is resized) using tables or.
DIFFERENT TYPES OF BAR GRAPHS. Simple Bar Graph Properties: 1.Can have horizontal or vertical bars 2.Can have spacing between the bars 3.Bars must be.
Web Site Development - Process of planning and creating a website.
CIS67 Foundations for Creating Web Pages Professor Al Fichera Rev. September 22, 2010—All HTML code brought to XHTML standards. Reference for CIS127 and.
CIS234A Lecture 6 Instructor Greg D’Andrea. Span and Div The span and div elements are a generic means by which we can add structure to documents. The.
 Add one element at a time  If it doesn’t do what you want, › Delete it › DON’T just keep piling on more items.
Lesson 13 Tables. Overview Create a table. Key and edit text in tables. Select cells, rows, and columns. Edit table structures. Format tables and cell.
Excel 2007 ® Business and Personal Finances How can Excel 2007 help you format a workbook?
Create a postcard.
CSS Layouts: Grouping Elements
Excel 2010 Formatting Cells
Float.
Programming the Web using XHTML and JavaScript
The Internet 10/25/11 XHTML Tables
Tables:.
Fixed Positioning.
Instructions for Making a Bar Graph
PowerPoint Guidelines
Elasticity Examples.
PowerPoint Guidelines
Exercise 39 - Skills A table on your Web page provides one of the best ways to organize and align graphics, text and other objects on the page. You can.
Creating a grid by Carl Dellutri.
What is a Layer? Photoshop Elements 8.
Creative Prayer Resource for Individuals
Float.
Multipage Sites.
How do horizontal bar graphs differ from vertical bar graphs?
What is a Layer? Photoshop Elements 8.
Multiplying Negative Numbers © T Madas.
Building pattern  Complete the following tables and write the rule 
CGS 3066: Web Programming and Design Fall 2019 CSS Part 2
Presentation transcript:

 Next - Previous  Horizontal Bar  Vertical Menu

 Consistent placement  Top, bottom, both  Typically left and right edges  Structurally keep them together  List with each one given its own class  Float  Requires width  Text  Images

 Can use table or list  List is more straightforward  Use class or id?  Best practice: separate div

 Better for long lists  Takes width  Again, could use table  Better practice: float div

 Should you distinguish?  Two different bars › Horizontal and vertical › Color, size differentiation