Images and Tables ables.asp.

Slides:

Advertisements

Similar presentations

HTML 4 Hypertext Markup Language Tables, Lists & Links Science & Art Multimedia.

Advertisements

Layouts Using Tables Web Design – Section 4-5 Part or all of this lesson was adapted from the University of Washingtons Web Design & Development I Course.

Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.

1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 1.

Creating and Editing a Web Page

Lesson 3 — HTML Power Techniques

CS 142 Lecture Notes: HTMLSlide 1 Introduction There are several good reasons for taking CS142: Web Applications: ● You will learn a variety of interesting.

F DIGITAL MEDIA: COMMUNICATION AND DESIGN INTRODUCTION TO XML AND XHTML.

ETT 429 Spring 2007 Web Design I.

Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: Frames © 2007 Prosoft Learning Corporation All rights reserved ITD 110 Web Page Design.

Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: HTML Frames.

Introduction to HTML. What is a Web site? A collection of "pages" or files linked together and available on the World Wide Web What do you need to create.

VARS – Website Creation Planning to create one Updating an existing one For a hobby For the family To Share (Files, Photographs, or whatever) WHY?

1 Advanced Frame Options Using NORESIZE  By default, users may resize frames unless you specify the NORESIZE attribute in the tag  Examples:

INTRODUCTORY Tutorial 7 Creating Tables. XP New Perspectives on Blended HTML, XHTML, and CSS2 Objectives Discern the difference between data tables and.

Class 3 – Creating Lists In this lesson, you will learn to use HTML to organize your text into lists.

Creating your Webpage with tables. This is a 2 column by 1 row table!

Unit E. Image Measurements The size of an image can be measured 2 ways: Dimensions: the height and width, measured in pixels. File Size: measured in Kilobytes.

HTML BASICS Creating Web Pages with HTML CIS 133 Web Programming Concepts 1.

NetTech Solutions Working with Web Elements Lesson 6.

CITY UNIVERSITY / Vysoká Škola Manažmentu.:IS Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 4 1. Create a folder on L/BSBA/IS330/website.

Using FrontPage Express. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page.

Using Html Basics, Text and Links. Objectives  Develop a web page using HTML codes according to specifications and verify that it works prior to submitting.

Objectives: 1. Create a Skeleton HTML 2. View a Skeleton File Through a Server and Browser 3. Learn HTML Body Tags for the Display of Text and Graphics.

Creating and Editing a Web Page Project 2. Project Objectives Project 2: Creating and Editing a Web Page 2 Identify elements of a Web page Start Notepad.

>> Introduction to HTML: Tags. Hyper - is the opposite of linear Text – words / sentences / paragraphs Mark-up – Marking the text Language – It is a language.

HTML. WHAT IS HTML HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of.

Web Design ATBs. ATB #1 List headings and size ATB #2 Define HTML.

The Web A Resource for All of Us Introduction Objectives Recall the history of computers: before 1950, Internet, personal computers Identify the purpose.

1 Lesson 3 Power Techniques HTML and JavaScript BASICS, 4 th Edition Barksdale / Turner.

Lecture 2 Building Web Pages 1 Lecture 2  Building Web pages  Languages and programs  HTML - Hyper Text Markup Language  Netscape’s Composer  MicroSoft.

HTML: Hyptertext Markup Language Doman’s Sections.

Html Tables Basic Table Markup. How Tables are Used For Data Display Tables were originally designed to display and organize tabular data (charts, statistics,

4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.

Tables with XHTML Please use speaker notes for additional information!

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.

Caprock Internet Services, INC. 1 Creating a Web Site with FrontPage Pasewark LTD.

CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 2 1.Create a new document 2.Save as L/bsba/IS330/yourfolder,

Adding Images to Your Web Page Web Design Section 5-7 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.

Mr. Rouda’s CSCI 101 sections. Web Expression Tutorial New Folder Code View New File.

THE TEXT ELEMENTS. THE HEADING ELEMENTS,,,, and - introduce new section of content as a title or a header. Heading sizes range from H1 to H6, where H1.

Doing TABLES Creating Tables in HTML. Start creating the table by using the Table container tag.

Tutorial 5: Tables Session OBJECTIVES Create a table Insert a table summary Insert a table caption Add rows and cells Merge Cells inside a Table.

HTML Help book. HTML HTML is the programming language used to make web pages for the Internet. HTML stands for Hyper Text Markup Language. HTML is made.

HTML LAYOUTS. CONTENTS Layouts Example Layout Using Element Example Using Table Example Output Summary Exercise.

© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.

What is XHTML? XHTML stands for Extensible Hypertext Markup Language

CSE 102 Introduction to Web Design and Programming

Positioning Objects with CSS and Tables

Web Development & Design Foundations with HTML5 8th Edition

Adding Images to Your Web Page

Introduction There are several good reasons for taking CS142: Web Applications: You will learn a variety of interesting concepts. It may inspire you to.

Web Design and Development

Your Page and Review Objectives

Note that iframes are available in HTML5.

Marquees and Standards

Computer communications

Basic HTML Workshop.

Using FrontPage Express

Step 1:. Open Microsoft FrontPage application.

محمد احمدی نیا XHTML محمد احمدی نیا

Positioning Objects with CSS and Tables

Your Page and Review.

Creating Web Documents

Presentation transcript:

Images and Tables ables.asp

Objectives Learn to place a picture on your web page Be able to interpret html for tables –Understand table tags and attributes –Simple rows and columns –Combined rows and columns Create a table using html and FrontPage Correctly insert scripts into html code Know how to move a file to your birdnest space

Inserting Images

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1 -transitional.dtd"> <html xmlns=" xml:lang="en" lang="en"> Dr. Garrison's 101 page Let’s see an image

TABLES Be able to insert html inside table format – 0/neontext2.htmhttp:// 0/neontext2.htm Tables are used for layouts – –

Text and Graphical Tables

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1 -transitional.dtd"> <html xmlns=" xml:lang="en" lang="en"> Basic Table body {font-size:28pt} Service Options Auto New and Used Finance Market summary and mortgage rates Games Video and Downloadable Groups Science, education, and hobbies

Table 7.1 on page 73 contains a list of style attributes for tables. Service Options Auto New and Used Finance Market summary and mortgage rates Games Video and Downloadable Groups Science, education, and hobbies

How do you think we can create this table

Service Options Auto New and Used Finance Market summary and mortgage rates Games Video and Downloadable Groups Science, education, and hobbies

Exam Schedule Class Exam Tue 11am Thursday 11:30 - Dec 8 Thurs 11am Thursday 11:30 - Dec 8 Tue 2pm Monday 3pm - Dec 12 Thurs 2pm Monday 3pm - Dec 12

Exam Schedule Class Exam Tue 11am Thursday 11:30 - Dec 8 Thurs 11am Thursday 11:30 - Dec 8 Tue 2pm Monday 3pm - Dec 12 Thurs 2pm

Short Answer Questions What are the two way of expressing table width? How would you go about creating this table?

HTML3 Instructions on my web site Move a file to birdnest Create a table using FrontPage