COMPUTER PROGRAMMING EVALUATING WEBSITES PLAY VIDEO NEXT.

Slides:



Advertisements
Similar presentations
HTML Basic Lecture What is HTML? HTML (Hyper Text Markup Language) is a a standard markup language used for creating and publishing documents on.
Advertisements

Introduction to Web Design Lecture number:. Todays Aim: Introduction to Web-designing and how its done. Modelling websites in HTML.
Tables Tables provide a means of organising the layout of data
Using HTML Tables Presenting Information & Layout Control.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 6: HTML Tables.
Creating Tables in a Web Site
Color Templates Software Engineering Module: Web UI Programming Topic: HTML TALENTSPRINT | © Copyright 2012.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 8 Key Concepts 1 Copyright © Terry Felke-Morris.
1 Programming the Web: HTML Basics Computing Capilano College.
Our Symbiosis Project By: Italy Gayles and Na’Shiyaa Robertson.
Linking Your Web Pages Together. Links… index.htmunit4.htm Evaluation of web graphics GIF vs. JPEG Web photo album To link the lines in index.htm to the.
ETT 229 Fall 2004 Web Design Basics II. Agenda 11:00-11:05 – Quiz 14 11:05-11:50 – Web Design Lecture 11:50-12:15 – Web Design Practice 2.
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.
HTML TABLES Cyndi Hageman. Tables   Attributes Name or id – used to identify the table Border = set this to determine if there is a border and the size.
Chinese Building. Today’s Topic Review last lab Links.
Introduction to HTML II Shih-Heng Chin. Preface Structure of a HTML File Elements used frequently Tables.
AdvWeb-1/37 DePaul University SNL 262 Web Page Design Tables! - Chapt 15 Instructor: David A. Lash.
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.
INTRODUCTION TO WEB DEVELOPMENT AND HTML Lecture 06: Tables - Spring 2011.
Web Page Creation Part II ST: Introduction to Web Interface Design Prof. Angela Guercio.
Lesson 6. Links in HTML Computer Science Welcome to Virtual University in Pakistanhttp://
Tables in HTML Basharat Mahmood, Department of Computer Science,CIIT,Islamabad, Pakistan. 1.
Identifies the Structure Table Row Column 1 Table Heading Column 2.
Creating Tables in a Web Site.  Define table elements  Describe the steps used to plan, design, and code a table  Create a borderless table to organize.
CS105 Introduction to Computer Concepts HTML
Dr. Nuha El-KhaliliInternet Programming ( ) HTML Hyper Text Markup Language The language of web pages Maintained by the W3C
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.
HTML Introduction to HTML Tags. HTML Document My first HTML document Hello world!
Internet Applications Development Lecture 5 L. Obead Alhadreti.
Unit 1 — HTML BASICS Lesson 2 — HTML Organization Techniques.
>> Introduction to HTML: Tables. HTML is used to give websites structure 5 Basic Tags Element = Start-Tag+Content+End-Tag Heading Tags [h1-h6] Paragraph.
1 Web Developer Foundations: Using XHTML Chapter 3 XHTML Hyperlinks and Tables.
1 Web Developer & Design Foundations with XHTML Chapter 3 Key Concepts.
Enhancing Your Web Site—Adding Links Web Page **YOU MUST HAVE COMPLETED THE 1ST 3 WEB PAGES BEFORE YOU CAN DO THIS ONE. **YOU SHOULD HAVE COMPLETED THE.
CS105 INTRODUCTION TO COMPUTER CONCEPTS HTML Instructor: Cuong (Charlie) Pham.
Using HTML tables.... Objectives... How to create tables Basic,, tags Some arguments with table Height, width, border Special “tricks” Cell text alignment.
HTML (Hypertext Markup Language) – Class 3 Recap: HTML Special Characters (ex: ©). Including Images – using the tag. Lists – Ordered and Unordered.
A table is a rectangular arrangement of rows and columns on your screen A table is used to organize data into rows and columns and also increasingly.
XHTML Hyperlinks. Creating Links to Other Web Pages A link, or hyperlink, is a specially formatted Web page object that the user can click to open a different.
TABLES 1. In this chapter you will learn that tables have many uses in HTML. Objectives: Upon completing this section, you should be able to: 1. Insert.
ECA 228 Internet/Intranet Design I Tables. ECA 228 Internet/Intranet Design I Basic HTML Tables Created as a way to present rows and clumns of data.
1 Review of HTML Elements. 2 The tag These tags are marked as comments in HTML. Any text between these two comment tags will.
CS-3432 Electronic Commerce Lecture – 7 Sikandar Shujah Toor
HTML(Hyper Text Markup Language) ByNaveen. Introduction HTML or Hyper Text Markup Language is the standard markup language Its used to create the web.
CSE 409 – Advanced Internet Technology 1 DISCUSSION OF BASIC HTML TAGS.
HTML (Hyper Text Markup Language) Lecture II. Review Writing HTML files for web pages – efficient compact – fundamental. Text files with htm extension.
HTML Links HTML uses a hyperlink to another document on the Web.
Spiderman ©Marvel Comics Creating Web Pages (part 1)
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
REEM ALMOTIRI Information Technology Department Majmaah University.
Hyperlink ● Anchor tag and its attributes ● Four Types of URL ─ ─ Absolute addressing ─ Relative addressing ─ Intrapage ● Attributes -- link, vlink,
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.
Chapter 5 BIE2313 | Web design. ALL RIGHTS RESERVED No part of this document may be reproduced without written approval from Limkokwing University of.
Doing TABLES Creating Tables in HTML. Start creating the table by using the Table container tag.
TABLES IN HTML No, not that kind of table!! THIS KIND!!
Chapter 4 HTML Tags. HTML is written in something called tags. Tags come in pairs, an opening one and a closing one. The first pair of tags we'll write.
1 R3 R1 R5 R4 R6 R2 B B A A Looking at the Code Under the View menu Select Source.
HTML Hyper Text Markup Language. What is HTML HTML stands for the Hyper Text Markup Language. HTML stands for the Hyper Text Markup Language. HTML is.
CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr
>> HTML: Tables.
HTML Tables CS 1150 Spring 2017.
Chapter 5 Introduction to XHTML: Part 2
Web Design and Development
Creating Tables Steps for creating a Table Important Facts about Table
Creating Tables Steps for creating a Table Important Facts about Table
Web Design and Development
HTML Links.
Basic HTML.
Creating Tables Steps for creating a Table Important Facts about Table
Presentation transcript:

COMPUTER PROGRAMMING

EVALUATING WEBSITES PLAY VIDEO NEXT

PRE TEST

CHOOSE THE CORRECT ANSWER

PRE-TEST 1. What is HTML Tables? NEXT

A B C Way of presenting Links, Data or an Information You can Click on to Jump to a New Documents Global Address Of Documents And Resources on the Worldwide Web

2. What is HTML Hyperlinks? NEXT

A B C Way of presenting Links, Data or an Information You can Click on to Jump to a New Documents Global Address Of Documents And Resources on the Worldwide Web

3. What is a URL ? NEXT

A B C Specifies The Name Of An Anchor Global Address Of Documents And Resources on the Worldwide Web Use To Create A HyperLink

4.What is href? NEXT

A B C Specifies The URL of the page the Link Goes To. Specifies The Name Of An Anchor Use To Create A HyperLink

5.What is the use Name Attribute? NEXT

A B C Specifies The Name Of An Anchor Specifies The Location Of An Anchor Specifies The Arrangement Of An Anchor

ACTIVITY

JUMBLED WORD

L B E T A

WORKS WITH TABLES

WHAT IS HTML TABLE Way of presenting Links, Data or an Information SPEAK NEXT

TABLE Border Width Cellpadding Cellspacing SPEAK NEXT

TABLE WITHOUT BORDER NEXT

OUTPUT NEXT

TABLE WITH BORDER NEXT

OUTPUT NEXT

CELLPADDING NEXT

OUTPUT NEXT

TABLE ROW Align Valign Rowspa Height SPEAK NEXT

TABLE DATA Align Valign Width Colspan Bgcolor SPEAK NEXT

WIDTH AND COLSPAN NEXT

OUTPUT NEXT

CELLSPACING NEXT

OUTPUT NEXT

Background Color NEXT

OUTPUT NEXT

CREATING TABLES PLAY VIDEO NEXT

FORMATTING TABLE PLAY VIDEO NEXT

COLSPAN AND ROWSPAN PLAY VIDEO NEXT

ACTIVITY

SOLVE THE PROBLEM

======== ? ? ? ? ABCDABCD

CLICK EACH BOX A BC D

L HIDDEN WORD A BC D

L I HIDDEN WORD C DA B

L I N HIDDEN WORD C DA B

L I N K CONGRATULATION A BC D

ADD LINKS

WHAT IS HYPERLINK A Word, Group of Words or Image that You can Click on to Jump to a New Documents SPEAK NEXT

ANCHOR TAG Use To Create A HyperLink Use To Create A Bookmark SPEAK NEXT

HREF ATTRIBUTE The HREF Attribute Specifies The URL of the page the Link Goes To. SPEAK NEXT

URL Universal Resource Locator Global Address Of Documents And Resources on the Worldwide Web SPEAK NEXT

ABSOLUTE URL Complete Internet Address that takes one to the Exact Directory SPEAK NEXT

RELATIVE URL Partial Internet Address which points to a Directory or File in relation to the Current Directory or File SPEAK NEXT

NAME ATTRIBUTE Specifies The Name Of An Anchor SPEAK NEXT

COLOR LINKS Blue Purple Red SPEAK NEXT

BLUE LINK NEXT

PURPLE LINK NEXT

RED LINKS NEXT

CREATING HYPERLINKS PLAY VIDEO NEXT

IMAGE LINKS PLAY VIDEO NEXT

TRY AGAIN

POST TEST

POST-TEST 1. What is HTML Tables? NEXT

A B C Way of presenting Links, Data or an Information You can Click on to Jump to a New Documents Global Address Of Documents And Resources on the Worldwide Web

2. What is HTML Hyperlinks? NEXT

A B C Way of presenting Links, Data or an Information You can Click on to Jump to a New Documents Global Address Of Documents And Resources on the Worldwide Web

3. What is a URL ? NEXT

A B C Specifies The Name Of An Anchor Global Address Of Documents And Resources on the Worldwide Web Use To Create A HyperLink

4.What is href? NEXT

A B C Specifies The URL of the page the Link Goes To. Specifies The Name Of An Anchor Use To Create A HyperLink

5.What is the use Name Attribute? NEXT

A B C Specifies The Name Of An Anchor Specifies The Location Of An Anchor Specifies The Arrangement Of An Anchor

oopss !!

oopss !!

oopss !!

oopss !!

oopss !!

oopss !!

oopss !!

oopss !!

oopss !!

oopss !!

&gs_id=i&xhr=t&q=phineas+and+ferb&gs_sm= &gs_upl=&bav=on.2,or.r_gc.r_pw.,cf.osb&biw=1 440&bih=785&um=1&ie=UTF- 8&tbm=isch&source=og&sa=N&tab=wi&ei=eU QVT425BYPsmAX34o2QBg sp bles.asp ab&hl=tl&source=hp&q=phineas+and+ferb+GIF&p bx=1&oq=phineas+and+ferb+GIF&aq=f&aqi=g4&a ql=&gs_sm=e&gs_upl=797l2295l2l2526l4l4l0l0l0l0 l280l660l0.1.2l3l0&bav=on.2,or.r_gc.r_pw.,cf.osb& fp=9c4af548d2128e53&biw=1440&bih=785