Crearea Paginilor Web

Crearea paginilor Web
Noiuni introductive
Limbajul H.T.M.L.
Cod surs
Pagina Web
Grup colar de Arte i Meserii Ion Mincu
Prof. Berceanu Camelia
Limbajul H.T.M.L.
Editarea unui document H.T.M.L.
Operaii de baz
Structura unui document H.T.M.L.
Parametrii marcajului <BODY></BODY>
Formatarea textului ntr-o pagin Web
Formatarea paragrafelor
Test de evaluare
Bibliografie
HYPER TEXT MARKUP LANGUAGE (limbaj de marcare a hipertextului) -
este un limbaj pentru descrierea unui document Web, n care fiecare
element este marcat prin semne speciale ale limbajului numite Taguri.
H.T.M.L. a fost conceput n anul1989 de Tim Berners-Lee, liceniat
la Oxford, pe atunci fizician. Fiind i expert n software, Berners-Lee e
acum director al World Wide Web Consortium ( pe scurt, W3C ),
adic al organizaiei care coordoneaz dezvoltarea web-ului.
Sintaxa oricarui tag este:
<TAG atribut1="val" atribut2="val">Text</TAG>
Hipertext este un text mbogit. El conine:
- text obinuit;
- etichete pentru formatarea textului i ncapsularea altor tipuri de
informaii (salturi rapide ctre alte resurse de informaii, sunete, imagini,
filme, etc).
Hipertextul este stocat n fiiere avnd o extensie special: .htm sau
html.
Hipertextul nu face dect s creeze legturi ntre mai multe pagini
Web pe o poriune de tip text. Hipermedia este un termen ce a aprut ca
urmare a dezvoltrii noilor tehnologii i a posibilitii de a crea legturi
prin fiiere ce conin: animaie, sunet, film, imagine.
Hipertextul i hipermedia permite stocarea unei cantiti mari de
informaie, iar utilizatorului i ofer posibilitatea parcurgerii documentului
respectiv n ce ordine dorete, dndu-i senzaia de navigare ntr-un spaiu
virtual. De aici vine i sintagma: a naviga pe Internet.
Paginile Web au fost construite iniial cu ajutorul unui limbaj de
marcare a hipertextelor, numit HTML (HyperText Markup Language).
Acesta conine comenzi care-i transmit browser-ului s afieze text,
imagini, fiiere multimedia i legturi cu alte pagini Web.
Mai multe pagini Web conectate ntre ele prin hiper-legturi ce au
un subiect comun, formeaz un site Web.

Pentru editarea
unui document Html
putem folosi editorul de
text Notepad sau un
editor specializat n
crearea paginilor Web.
Se lanseaz n
execuie editorul
Notepad, se scrie codul
surs i se salveaz cu
extensia .html
Deschiderea unui document

Html se poate face astfel:
Se deschide editorul de texte
Notepad i se alege din meniul File
(Fiier) opiunea Open (Deschide);
va aprea o caset de dialog cu
ajutorul cruia utilizatorul caut
documentul ce urmeaz a fi deschis;
Se execut clic dreapta pe iconia
fiierului i se alege opiunea Open
With(Deschide cu) Notepad;
Se deschide pagina html si se alege
opiunea Source (Surs) din meniul
View (Vizualizare);
Un document H.T.M.L. conine
marcajele <Html></Html>, marcaj
ce definete documentul ca fiind de
tip Html i cuprinde dou pri:
Antetul paginii Seciunea Head
(cuprins ntre <Head> i </Head>)
conine antetul paginii. Ea furnizeaz
titlul paginii, cuprins ntre marcajele
<Title> i </Title>.
Corpul paginii Seciunea Body
(cuprins ntre <Body> i </Body>).
n aceast seciune se definete
practic pagina Web.
Parametrii marcajului <BODY></BODY>
Marcajul <BODY>
</BODY> ncadreaz coninutul
propriu-zis al paginii, avnd
urmtoarele atribute: bgcolor,
background, text, link, vlink,
alink;
Atributele bgcolor /
background ncadreaz o
culoare de fond sau o imagine
ca fundal pentru pagina Web.
Sintaxa este: <body
bgcolor=pink> sau <body
background=didactic.jpg>
CULOARE DENUMIRE
VALOARE
#rrggbb
NEGRU BLACK #000000
ALB WHITE #FFFFFF
ROU RED #FF0000
ARGINTIU SILVER #C0C0C0
GRI GRAY #808080
CASTANIU MAROON #800000
VERDE GREEN #008000
GALBEN YELLOW #FFFF00
ALBASTRU BLUE #0000FF
VERNIL LIME #00FF00
MSLINIU OLIVE #808000
ALBASTRU MARIN NAVY #000080
Exemplu
Formatarea textului ntr-o pagin Web
Stabilirea stilului fonturilor se face cu ajutorul tag-ului
 cu atributele:
- Face pentru stabilirea fonturilor, avnd sintaxa
;
- Size pentru stabilirea dimensiunii fonturilor, avnd
sintaxa;
- Color pentru stabilirea culorii fonturilor, avnd
sintaxa ;
Stabilirea elementelor de stil se face cu ajutorul tag-
urilor , , , <S></S>,
avnd ca efect nclinarea, ngroarea, sublinierea i tierea
textului cu o linie.

Tag-ul em(emphasized)
 Acest text este evideniat italic>
Tag-ul strong
 Acest text este evideniat
ngroat>
Tag-urile small,big
 Ultimul cuvnt este mai mic>
 Ultimul cuvnt este mai<big> mare</big>>
Tag-urile sub, sup
 Ultimul cuvnt este un indice>
 Ultimul cuvnt este oputere>
Exemplu
n Notepad, wordPad, Microsoft Word paragrafele se separ prin
tastarea unui Enter, n schimb, n HTML, Enter-ul nu are nici un efect.
Fr o alt comand, un rnd al unui paragraf are limea ferestrei
afiat de browser. De exemplu, dac micorm fereastra browser-ului
acelai paragraf va ocupa mai multe rnduri.
Dac dou cuvinte ale unui paragraf sunt separate prin mai multe
spaii, browser-ul afieaz doar un singur spaiu.
n HTML delimitarea paragrafelor se realizeaz utiliznd tag-ul 
coninut paragraf avnd urmtoarele atribute:
Align - controleaz alinierea paragrafului. Poate lua una din valorile:
Center - paragraful este aliniat n centru.
Left - paragraful este aliniat la stnga.
Right - paragraful este aliniat la dreapta.
Justify - paragraful este aliniat la ambele margini.
1. Care este marcajul care definete corpul documentului de tip HTML?

2. Care este extensia unui document HTML?

3. Care sunt marcajele obligatorii ntr-un document HTML?

4. Care este marcajul folosit pentru trecerea la o linie nou?

<BODY> </BODY> <HTML> </HTML>
<HEAD> </HEAD>
.xlp .html
.exe
HTML, HEAD, BODY
HTML, TITLE, TABLE
HEAD, TITLE, BODY

<S> 
5. Care este marcajul care trebuie folosit pentru a sublinia un text?

7. Atributul ALIGN se poate utiliza n marcajele:

8. Atributele controlului "Font" sunt:

9. Elementul BODY admite urmtoarele atribute:
 
<BODY> <S>
Face, color, width Face, BG Face, size, color
TITLE BGCOLOR BIG
Paginile Web au urmtoarele caracteristici:
sunt multimedia, adic ele conin informaii
sub form de text, imagini, sunete, filme etc;
sunt interactive, adic rspund la cererile
utilizatorului;
sunt independente de platforma hardware i
software, adic se vd la fel pe orice calculator,
avnd instalat orice sistem de operare i
utiliznd orice browser.
http://www.didactic.ro/files/12/notiunidelimbajhtml1.doc
http://www.didactic.ro/lectii-informatica-12-elementele-unei-pagini-web-editarea-html-p37063-t0
http://www.didactic.ro/lectii-informatica-12-formatarea-documentelor-html-p37060-t0
http://www.didactic.ro/files/12/html_structura_unei_pagini.doc
http://www.didactic.ro/files/12/0formatarea_textului_dintr_o_pagina_web.pps#2
http://www.didactic.ro/files/12/0html_introducere.pps#4
http://www.didactic.ro/files/12/cum_functioneaza_paginile_web.pdf
http://www.didactic.ro/lectii-informatica-12-notiuni-de-html-p2690-t0
http://www.ecursuri.ro/cursuri/html-introducere.php
http://www.htmlcodetutorial.com
http://grafica.lufo.ro/
http://www.etutoriale.ro/articles/112/1/Tutorial-complet-HTML/

Crearea Paginilor Web

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Crearea Paginilor Web

Încărcat de

Drepturi de autor:

Formate disponibile

Crearea paginilor Web

Deschiderea unui document

S-ar putea să vă placă și