HTML-DHTML.

Slides:



Advertisements
Similar presentations
17/10/11. 2  The form element ( ) is used to include a number of form elements together so that they can be referenced by some other code in order to.
Advertisements

Introduction to HTML II Shih-Heng Chin. Preface Structure of a HTML File Elements used frequently Tables.
 2003 Prentice Hall, Inc. All rights reserved. Chapter 5 - Introduction to XHTML: Part 2 Outline 5.1 Introduction 5.2 Basic XHTML Tables 5.3 Intermediate.
Outline IS400: Development of Business Applications on the Internet Fall 2004 Instructor: Dr. Boris Jukic Table, Forms, Metatags and Frames.
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
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML Pt. 2.
HTML Hyper-Text Markup Language or tags. HTML is a “tag” language Open and close tags Tags identified with angle brackets Basic format content (shorthand.
Title, meta, link, script.  The title looks like:  The tag defines the title of the document in the browser toolbar.  It also: ◦ Provides a title for.
>> 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.
 2004 Prentice Hall, Inc. All rights reserved. Chapter 5 - Introduction to XHTML: Part 2 Outline 5.1 Introduction 5.2 Basic XHTML Tables 5.3 Intermediate.
CS105 INTRODUCTION TO COMPUTER CONCEPTS HTML Instructor: Cuong (Charlie) Pham.
Copyright 2007, Information Builders. Slide 1 Understanding Basic HTML Amanda Regan Technical Director June, 2008.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
HTML : Forms, Frames Instructor: Mr. Ahmed Al Astal ITGD4104 Department Requirement for senior student University of Palestine Faculty of IT.
XHTML1-1 Extensible HyperText Markup Language (XHTML) Part 2 Xingquan (Hill) Zhu
HTML (Hypertext Markup Language) – Class 3 Recap: HTML Special Characters (ex: ©). Including Images – using the tag. Lists – Ordered and Unordered.
Introduction HTML (Hypertext Markup Language) is used to create document on the World Wide Web. HTML is not a programming language, it is a markup language.
CS-3432 Electronic Commerce Lecture – 7 Sikandar Shujah Toor
Meta Tags. Example Tag Demo Meta Tags Meta means “beyond”. Meta tags provide information about data to browsers,“beyond” what regular tags provide.
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.
INT222 – Internet Fundamentals
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.
Chapter 2 Markup Language By : Madam Hazwani binti Rahmat
HTML & CSS Jan Janoušek.
Web Systems & Technologies
Working with Tables: Module A: Table Basics
Elements of HTML Web Design – Sec 3-2
HTML –II [List, Tables & Forms]
HTML MULTIPLE CHOICE QUESTION
CS3220 Web and Internet Programming HTML Tables and Forms
Presentation of HTML,DHTML,XHTML
Tables and Frames.
Introduction to Web programming
Lists-Tables-Frames Unit - I.
HTML IV (Forms) Robin Burke ECT 270.
CGS 3066: Web Programming and Design Spring 2016
HTML Tables CS 1150 Spring 2017.
Basic XHTML Tables XHTML tables—a frequently used feature that organizes data into rows and columns. Tables are defined with the table element. Table.
HTML HTML – Hyper Text Markup Language
The Web Warrior Guide to Web Design Technologies
Web Programming– UFCFB Lecture 6
Chapter 5 Introduction to XHTML: Part 2
Web Engineering Hyperlinks, Tables, Frames Lecture 04
Basic HTML.
Tables Tables provide a means of organising the layout of data
Chapter 5 - Introduction to XHTML: Part 2
List, Tables,Frame and Forms
HTML/XML HTML Authoring.
Tony Johnson 8/12/97 WSC meeting
Mihai Dumitru, Decembrie ‘09
کارگاه آموزشی توسعه وب بخش اول - HTML ارائه: عباس نادری
MICROSOFT EXCEL.
HTML-DHTML.
MICROSOFT EXCEL Notiuni introductive
Forms (Formulare).
A great way to create a channel of communication
Web Design and Development
Realizarea prezentarilor cu Microsoft PowerPoint
Harti de imagini, Cadre, Stiluri
Tabele WEB.
HTML HTML is a language for describing web pages.
CS3220 Web and Internet Programming HTML Tables and Forms
making the text Italic Text editing making the text bold making the.
Introduction to HTML.
Computer communications
CS205 Tables & Forms © 2012 D. J. Foreman.
Web Client Side Technologies Raneem Qaddoura
Creating your website and learning HTML
Presentation transcript:

HTML-DHTML

Cuprins Structura unei pagini HTML Tabele ca mijloc de formatare Formulare in HTML (introducerea de date) Interfata Framesets si Frames Dynamic HTML (DHTML)

Structura unei pagini HTML (1)

Structura unei pagini HTML (2)

Elemente - HEAD Titlul documentului: <TITLE> ca titlul pentru ferestre Adresa de baza: <BASE> importanta pentru intrepretarea UR-urilor relative <head> <base href="http://www.w3schools.com/images/" /> </head> Link spre alte resurse: <LINK> importanta pentru relatii intre resurse Style Sheets: <STYLE> Script-uri pentru Languages: <SCRIPT> Meta-Informatie: <META>

Meta - informatie <META name="resource-type" content="document"> META name="description" content="a description of your page"> <META name="keywords" content="a, list, of, keywords"> <META name="distribution" content="one of several"> <META name="copyright" content="copyright statement" <META HTTP-EQUIV="varname" content="data" <META HTTP-EQUIV="refresh" content="0; url=homepage.htm"

Ex. www.ulbsibiu.ro <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META HTTP-EQUIV="reply-to" CONTENT="webmaster@ulbsibiu.ro"> <META CONTENT="Centrul de Comunicaţii al ULBS" NAME=author> <META CONTENT="ULBS - Universitatea 'Lucian Blaga' - Sibiu" NAME=description> <META CONTENT="ULBS - Centrul de Comunicaţii" NAME=copyright> <META CONTENT="General " NAME=rating> <META CONTENT="ALL" NAME=robots> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <META HTTP-EQUIV="pics-label" CONTENT='(pics-1.1 "http://www.icra.org/ratingsv02.html" l gen true for "www.ulbsibiu.ro" r (nz 1 vu 1 lz 1 oz 1 cb 1 ) "http://www.rsac.org/ratingsv01.html" l gen true for "www.ulbsibiu.ro" r (n 0 s 0 v 0 l 0 ))' /> <META HTTP-EQUIV="author" CONTENT="Centrul de Comunicatii al ULBS, Zeno POPOVICI, Eduard STOICA"> <META HTTP-EQUIV="keywords" CONTENT="Universitatea Lucian Blaga, Lucian Blaga University, Romania, Faculties, Education, Educatie, Universitate, Sibiu, Invatamant, Facultate, Litere, Istorie, Jurnalistica, Rectorat, Burse, Profesori, Studenti, SAIAPM, Stiinte"> <META HTTP-EQUIV="imagetoolbar" CONTENT="no"> <TITLE>:: U L B S :: Universitatea "Lucian Blaga" din Sibiu</TITLE> <LINK REL="SHORTCUT ICON" HREF="http://www.ulbsibiu.ro/obj/img/other/favicon.ico"> <LINK REL="stylesheet" HREF="/obj/src/global.css">

Elemente - BODY Titluri (heading-uri) <h1> – <h6> Paragrafe <p> Text formatat Liste (ordonate <ol> si neordonate <ul> Hyperlink-uri <a>.......</a> Linii orizontale Tabele Imagini Obiecte externe (de ex. Applets) Formulare

Tabele – Tag-uri <TABLE>, <CAPTION>, <TR>, <TH>, <TD> <table border="1"><caption>Acesta este titlul tabelului</caption> <tr><th>Numarul 1 </th> <th>numarul 2</th></tr> <tr><td>1 unu </td> <td>2doi</td></tr></table> Desenarea marginilor cu BORDER latimea in procente sau pixeli (WIDTH) distanta dintre celule (CELLSPACING) distanta textului de la marginea celuluei (CELLPADDING) COLSPAN si ROWSPAN (<TH>, <TD>)

Formulare HTML fac posibila introducerea/preluarea de date au nevoie de un script care sa le execute <FORM> ACTION=“URL” scriptul care se va executa METHOD="GET"/"POST" determina metoda de trimitere a datelor <INPUT> defineste elemente de introducere <TEXTAREA> pt text pe mai multe randuri <SELECT> defineste liste de optiuni se accepta si alte elemente html

Exemplu de formular

Formular <FORM ACTION=“formular.php” METHOD="GET"> <TABLE> <TR> <TD COLSPAN=2> <INPUT TYPE="RADIO" NAME="A" VALUE="H"> Domnul <INPUT TYPE="RADIO" NAME="A" VALUE="F"> Doamna <TD>Name: <TD><INPUT TYPE="TEXT" NAME="Nu" SIZE="20"> <TD>Vorname: <TD><INPUT TYPE="TEXT" NAME=“Pre" SIZE="20"> </TABLE> <INPUT TYPE="SUBMIT" VALUE=“Trimite"> </FORM>

Formular ... <? $nume=$_GET['Nu']; $prenume=$_GET['Pre']; $titlu=$_GET['A']; if ($titlu=="Do") echo "Domnul"; else echo "Doamna"; echo "Numele este:" $nume; echo "Prenumele este:" $prenume; ?>

Form Handling PHP

Frame-uri <FRAMESET ROWS="33%,33%,33%"> <FRAMESET COLS="50%,50%"> <FRAME SRC="" NAME="fr1"> <FRAME SRC="" NAME="fr2"> </FRAMESET> <FRAME SRC="" NAME="fr3"> <FRAME SRC="" NAME="fr4"> <NOFRAMES><BODY> ...contents to display in non-frame-capable user agent... </BODY></NOFRAMES>

Probleme cu frame-urile mult timp nestandard HTML preluate doar in HTML 4.0 nu toate browser-ele le suporta reprezentarea problematica scroll rezolutii mici!!! Probleme cu Search Engines Framesets sunt de obicei ignorate Concluzie: A se folosi cu “grija”