Realizarea unui Site - Pisici

Proiect
8.3/10 (3 voturi)
Domeniu: Calculatoare
Conține 195 fișiere: doc, rtf, jpg, gif, png, html, jpeg, css
Pagini : 60 în total
Cuvinte : 11788
Mărime: 4.53MB (arhivat)
Cost: 7 puncte
Profesor îndrumător / Prezentat Profesorului: Herta Stela

Cuprins

CUPRINS 1

CAPITOLUL 1. INTRODUCERE ÎN HTML 3

1.1 NOŢIUNI GENERALE 3

1.2. TAG-URI 4

1.2.1. MARCAJE DE BAZĂ 4

1.2.2. MARCAJE PENTRU LISTE 5

1.2.3. FORMATAREA CARACTERELOR 6

1.2.4. MARCAJE PENTRU CADRE 6

1.2.5. MARCAJE PENTRU TABELE 8

1.2.6. ADĂUGAREA IMAGINILOR 9

1.2.7. MARCAJE PENTRU FORMULARE 10

1.2.8. CARCATERE SPECIALE 11

1.2.9. HTML AVANSAT 12

1.3. FONTURI 12

1.3.1. CULORI 13

1.3.2. CULOREA FONTULUI 13

1.3.3. FAMILIA FONTULUI 13

1.3.4. MĂRIMEA FONTULUI 13

1.3.5. GROSIMEA UNUI FONT 14

1.4. BLOCURI DE TEXT 14

1.4.1. INSERAREA UNEI ADRESE 14

1.4.2. INDENTAREA UNUI BLOC 14

1.4.3. BLOCUL PREFORMATAT 14

1.4.4. BLOCURI PARAGRAF 15

1.4.5. BLOCURI DE TITLU 15

1.4.6. LINII ORIZONTALE 16

1.4.7. BLOCURI <CENTER> 16

1.4.8. BLOCURI <NOBR> 16

1.4.9. BLOCURI <DIV> 16

1.5. IMAGINI 16

1.5.1. ADRESA URL A UNEI IMAGINI 17

1.5.2. CHENARUL SI DIMENSIONAREA UNEI IMAGINI 17

1.5.3. ALINIEREA UNEI IMAGINI 17

1.5.4. ALINIEREA TEXTULUI IN JURUL IMAGINII 18

1.5.5. IMAGINI PENTRU FONDUL UNEI PAGINI 18

1.5.6. IMAGINI FOLOSITE CA LEGATURI 18

1.5.7. UTILIZARI SPECIALE ALE IMAGINILOR 18

1.6. LISTE 19

1.6.1. LISTE NEORDONATE 19

1.6.2. LISTE ORDONATE 19

1.6.3. UTILIZARI SPECIALE ALE LISTELOR 22

1.7. TABELE 22

1.7.1. ALINIEREA TABELULUI 23

1.7.2. DEFINIREA CULORILOR DE FOND PENTRU UN TABEL 23

1.7.3. DIMENSIONAREA CELULEI UNUI TABEL 23

1.7.4. DIMENSIONAREA UNUI TABEL 24

1.7.5. TITLUL UNUI TABEL 25

1.7.6. CAP DE TABEL 25

1.7.7. ALINIEREA CONTINUTULUI UNEI CELULE 25

1.7.8. DIMENSIONAREA EXACTA A CELULELOR UNUI TABEL 26

1.7.9. TABELE DE FORME OARECARE 26

1.7.10. ATRIBUTUL " NOWRAP " 27

1.7.11. CELULE VIDE ALE UNUI TABEL 27

1.7.12. ATRIBUTE INTERNET EXPLORER PENTRU TABELE 27

1.7.13. GRUPURI DE COLOANE 28

1.7.14. ATRIBUTELE FRAME SI RULES 28

1.7.15. SUBBLOCURILE UNUI TABEL 29

1.8. FERESTRE ÎN HTML 29

1.8.1. CULORI PENTRU CHENARELE CADRELOR SI DIMENSIONAREA CHENARULUI UNUI CADRU 31

1.8.2. BARE DE DEFILARE 32

1.8.3. POZITIONAREA DOCUMENTULUI INTR-UN CADRU 32

1.8.4. CADRE INTERNE 33

1.8.5. ȚINTE PENTRU LEGĂTURI 33

1.8.6. VALORI PENTRU ATRIBUTUL TARGET 33

1.9. FORMULARE 34

1.9.1. ATRIBUTE ESENTIALE ALE ELEMENTULUI <FORM> 34

1.9.2. UN FORMULAR CU UN CAMP DE EDITARE SI UN BUTON DE EXPEDIERE 35

1.9.2.A. BUTONUL RESET 36

1.9.2.B. CÂMP DE EDITARE DE TIP "PASSWORD" 36

1.9.2.C. BUTOANE RADIO 36

1.9.2.D. CASETE DE VALIDARE 37

1.9.2.E. CASETE DE FISIERE 37

1.9.2.F. LISTE DE SELECTIE 37

1.9.2.G. LISTA DE SELECTIE CU SELECTII MULTIPLE 38

1.9.2.H. CAMPURI DE EDITARE MULTILINIE 38

1.9.3. UN FORMULAR COMPLEX 39

1.9.3.A. BUTOANE 40

1.10. LEGĂTURI 41

1.10.1. O LEGĂTURĂ CĂTRE O PAGINĂ AFLATĂ ÎN ACELAȘI DIRECTOR 41

1.10.2. O LEGĂTURĂ CĂTRE O PAGINĂ AFLATĂ PE ACELAȘI DISC LOCAL 41

1.10.3. O LEGĂTURĂ CĂTRE UN SITE PARTICULAR 42

1.10.4. ANCORE 42

1.10.5. UTILIZAREA POȘTEI ELECTRONICE 42

1.10.6. LEGĂTURI CĂTRE FIȘIERE OARECARE 43

1.10.7. ATRIBUTUL TITLE 43

1.10.8. LEGĂTURI CĂTRE FIȘIERE DE SUNET 43

1.10.9. LEGĂTURI CĂTRE FIȘIERE VIDEOCLIPURI 44

CAPITOLUL 2. REALIZAREA APLICAȚIEI (PAGINII) WEB 44

2.1. FIȘIERUL CSS 44

2.2. FIȘIERELE HTML 46

ANEXE 52

BIBLIOGRAFIE 60

Extras din document

Capitolul 1. Introducere în HTML

1.1 Noţiuni generale

HyperText Markup Language (HTML) este un limbaj de marcare utilizat pentru crearea paginilor web ce pot fi afişate într-un browser (sau navigator).

HTML este o formă de marcare orientată către prezentarea documentelor text pe o singura pagină, utilizând un software de redare specializat, numit agent utilizator HTML, cel mai bun exemplu de astfel de software fiind browserul web. HTML furnizează mijloacele prin care conţinutul unui document poate fi adnotat cu diverse tipuri de metadate şi indicaţii de redare. Indicaţiile de redare pot varia de la decoraţiuni minore ale textului, cum ar fi specificarea faptului că un anumit cuvânt trebuie subliniat sau că o imagine trebuie introdusă, până la scripturi sofisticate, hărţi de imagini şi formulare. Metadatele pot include informaţii despre titlul şi autorul documentului, informaţii structurale despre cum este împărţit documentul în diferite segmente, paragrafe, liste, titluri etc. şi informaţii cruciale care permit ca documentul să poată fi legat de alte documente pentru a forma astfel hiperlink-uri (sau web-ul).

HTML este un format text proiectat pentru a putea fi citit şi editat de oameni utilizând un editor de text simplu. Totuşi scrierea şi modificarea paginilor în acest fel solicită cunoştinţe solide de HTML şi este consumatoare de timp. Editoarele grafice cum ar fi Macromedia Dreamweaver, Adobe GoLive sau Microsoft FrontPage permit ca paginile web sa fie tratate asemănător cu documetele Word, dar cu observaţia că aceste programe generează un cod HTML care este de multe ori de proastă calitate.HTML se poate genera direct utilizând tehnologii de codare din partea serverului cum ar fi PHP, JSP sau ASP. Multe aplicaţii ca sistemele de gestionare a conţinutului, wiki-uri şi forumuri web generează pagini HTML.

HTML este de asemenea utilizat în email. Majoritatea aplicaţiilor de email folosesc un editor HTML încorporat pentru compunerea email-urilor şi un motor de prezentare a email-urilor de acest tip. Folosirea email-urilor HTML este un subiect controversat şi multe liste de mail le blochează intenţionat.

Standardul oficial HTML este World Wide Web Consortium (W3C), care este afiliat la Internet Engineering Task Force (IETF). W3C a enunțat câteva versiuni ale specificației HTML, printre care și HTML 2.0, HTML 3.0,HTML 3.2, HTML 4.0 și, cel mai recent, HTML 4.01. În același timp, autorii de browsere, cum ar fi Netscape și Microsoft, au dezvoltat adesea propriile "extensii" HTML în afara procesului standard și le-au încorporat în browserele lor. În unele cazuri, cum ar fi tagul Netscape , aceste extensii au devenit standarde de facto adoptate de autorii de browsere.

La momentul apariției acestui tutorial, HTML 4.0 este larg utilizat și au fost deja publicate specificațiile HTML 4.01. A se vedea Figura 1 din Anexa 1.

Documentele HTML sunt documente în format ASCII și prin urmare pot fi create cu orice editor de texte. Au fost însă dezvoltate editoare specializate care permit editarea într-un fel de WYSIWYG deși nu se poate vorbi de WYSIWYG atâta vreme cât navigatoarele afișează același document oarecum diferit, în funcție de platforma pe care rulează. Au fost de asemenea dezvoltate convertoare care permit formatarea HTML a documentelor generate ( și formatate ) cu alte editoare. Evident conversiile nu pot păstra decât parțial formatările anterioare deoarece limbajul HTML este încă incomplet.

1.2. Tag-uri

1.2.1. Marcaje de bază

<HTML> </HTML> Defineste un fisier in format Web

<HEAD> </HEAD> Antetul documentului

<TITLE> </TITLE> Tilul documentului

<BODY> </BODY> Corpul paginii HTML

BGCOLOR = culoare Culoarea de fond a paginii

TEXT=culoare Culoarea textului pe paginii

LINK=culoare Culoarea legaturiilor nevizitate din paginii

VLINK=culoare Culoarea legaturiilor vizitate din paginii

ALINK=culoare Culoarea legaturiilor pe durata clicului exacutat de utilizator

BACKGROUND = url Imaginea de fond pentru pagina

<P> Paragraf

<Hn> <Hn> Nivel de subtitlu al documentului (n = 1-6)

<FONT> </FONT> Specifica atribute ale textului incadrat

SIZE=n Dimensiunea textului este 1-7

FACE="a,b" Specifica fontul: a, daca este disponibil, sau b

COLOR=s Culoarea textului: fie un nume de culoare , fie o valoare RGB

Preview document

Realizarea unui Site - Pisici - Pagina 1
Realizarea unui Site - Pisici - Pagina 2
Realizarea unui Site - Pisici - Pagina 3
Realizarea unui Site - Pisici - Pagina 4
Realizarea unui Site - Pisici - Pagina 5
Realizarea unui Site - Pisici - Pagina 6
Realizarea unui Site - Pisici - Pagina 7
Realizarea unui Site - Pisici - Pagina 8
Realizarea unui Site - Pisici - Pagina 9
Realizarea unui Site - Pisici - Pagina 10
Realizarea unui Site - Pisici - Pagina 11
Realizarea unui Site - Pisici - Pagina 12
Realizarea unui Site - Pisici - Pagina 13
Realizarea unui Site - Pisici - Pagina 14
Realizarea unui Site - Pisici - Pagina 15
Realizarea unui Site - Pisici - Pagina 16
Realizarea unui Site - Pisici - Pagina 17
Realizarea unui Site - Pisici - Pagina 18
Realizarea unui Site - Pisici - Pagina 19
Realizarea unui Site - Pisici - Pagina 20
Realizarea unui Site - Pisici - Pagina 21
Realizarea unui Site - Pisici - Pagina 22
Realizarea unui Site - Pisici - Pagina 23
Realizarea unui Site - Pisici - Pagina 24
Realizarea unui Site - Pisici - Pagina 25
Realizarea unui Site - Pisici - Pagina 26
Realizarea unui Site - Pisici - Pagina 27
Realizarea unui Site - Pisici - Pagina 28
Realizarea unui Site - Pisici - Pagina 29
Realizarea unui Site - Pisici - Pagina 30
Realizarea unui Site - Pisici - Pagina 31
Realizarea unui Site - Pisici - Pagina 32
Realizarea unui Site - Pisici - Pagina 33
Realizarea unui Site - Pisici - Pagina 34
Realizarea unui Site - Pisici - Pagina 35
Realizarea unui Site - Pisici - Pagina 36
Realizarea unui Site - Pisici - Pagina 37
Realizarea unui Site - Pisici - Pagina 38
Realizarea unui Site - Pisici - Pagina 39
Realizarea unui Site - Pisici - Pagina 40
Realizarea unui Site - Pisici - Pagina 41
Realizarea unui Site - Pisici - Pagina 42
Realizarea unui Site - Pisici - Pagina 43
Realizarea unui Site - Pisici - Pagina 44
Realizarea unui Site - Pisici - Pagina 45
Realizarea unui Site - Pisici - Pagina 46
Realizarea unui Site - Pisici - Pagina 47
Realizarea unui Site - Pisici - Pagina 48
Realizarea unui Site - Pisici - Pagina 49
Realizarea unui Site - Pisici - Pagina 50
Realizarea unui Site - Pisici - Pagina 51
Realizarea unui Site - Pisici - Pagina 52
Realizarea unui Site - Pisici - Pagina 53
Realizarea unui Site - Pisici - Pagina 54
Realizarea unui Site - Pisici - Pagina 55
Realizarea unui Site - Pisici - Pagina 56
Realizarea unui Site - Pisici - Pagina 57
Realizarea unui Site - Pisici - Pagina 58
Realizarea unui Site - Pisici - Pagina 59
Realizarea unui Site - Pisici - Pagina 60

Conținut arhivă zip

  • aplicatia
    • abyssiniana
      • 1.jpg
      • 68px-Abyssiniana.jpg
      • abyssiniana.rtf
      • image.jpg
      • images.jpg
      • index.html
    • albastru_de_rusia
      • 344.jpg
      • 442843.jpg
      • Albastru de rusia.rtf
      • Albastru_de_Rusia.jpg
      • index.html
    • american_curl
      • 450px-American_curl.jpg
      • amcurl4.jpg
      • america2.jpg
      • American curl.rtf
      • American-Curl-1.jpg
      • index.html
    • american_wirehair
      • American Wirehair.rtf
      • Americanwire.jpg
      • awh3_0102.jpg
      • awh3_9900.jpg
      • awh_9697.jpg
      • index.html
    • angora
      • Angora.jpg
      • Angora.rtf
      • angora1.jpg
      • angora_cat.gif
      • images.jpg
      • index.html
    • angora_turceasca
      • 1001.jpg
      • 70005516.JPG
      • angora turceasca.rtf
      • images1.jpg
      • images2.jpg
      • images3.jpg
      • img4.jpg
      • index.html
    • birmaneza
      • Birmaneza.jpg
      • birmaneza.rtf
      • index.html
    • british_shorthair
      • 0010head.gif
      • british shorthair.rtf
      • british_shorthair_4e1f.jpg
      • image002.jpg
      • img3.jpg
      • index.html
    • burmaneza
      • Burmaneza.jpg
      • burmaneza.rtf
      • images.jpg
      • index.html
      • silver_burmese.jpg
    • chartreux
      • Chartreux.rtf
      • chartreux01.jpg
      • chartreux03.jpg
      • chartreux04.jpg
      • index.html
    • chausie
      • chausie-0011.jpg
      • Chausie-Chausies.jpg
      • chausie.jpg
      • Chausie.rtf
      • index.html
    • cornish_rex
      • cornish rex.rtf
      • cornish1.jpg
      • cornish17-00.jpg
      • cornish9798.jpg
      • index.html
    • css
      • stylesheet.css
    • devon_rex
      • Devon rex.rtf
      • devonrex001.jpg
      • devonrex002.jpg
      • devonrex3.jpg
      • index.html
    • egyptian_mau
      • Egyptian Mau.jpg
      • egyptian mau.rtf
      • egyptian-mau-cat-facts-2.jpg
      • egyptian-mau-cat-facts.jpg
      • index.html
    • exotic_shorthair
      • exo1.jpg
      • exo3.jpg
      • exot.jpg
      • exotic shorthair.rtf
      • index.html
    • havana_brown
      • havana brown.rtf
      • havana_brown3.jpg
      • images1.jpg
      • images2.jpg
      • index.html
    • himalayana
      • himala3.jpg
      • Himalayan.jpg
      • himalayan2.jpg
      • Himalayana.rtf
      • index.html
    • images
      • 68px-Abyssiniana.jpg
      • header.png
      • header_bg.jpg
      • logo.gif
      • webdesigner.gif
    • laperm
      • index.html
      • laperm.jpg
      • LaPerm.LH.jpg
      • LaPerm.rtf
      • LaPerm2.jpg
    • maine_coon
      • index.html
      • maine coon.rtf
      • maine-coon-01-white.jpg
      • maine-coon-02.jpeg
      • maine-coon-03-brown-tabby.jpg
    • manx
      • index.html
      • Manx.jpg
      • Manx.rtf
      • manx2.jpg
      • manx3.JPG
      • manx4.jpg
    • norvegiana_de_padure
      • 339.jpg
      • index.html
      • ndp2.jpg
      • ndp3.jpg
      • ndp4.jpg
      • Norvegiana de padure.rtf
    • ocicat
      • image.jpg
      • index.html
      • ocicat.jpg
      • ocicat.rtf
      • ocicat96.jpg
      • ocik797.jpg
    • orientala
      • images.jpg
      • img2.jpg
      • img3.jpg
      • img4.jpg
      • index.html
      • orientala.rtf
    • persana
      • images.jpg
      • index.html
      • pers2.jpg
      • pers4.jpg
      • persana.rtf
    • ragamuffin
      • index.html
      • RagaMuffin.rtf
      • ragamuffin01.jpg
      • ragamuffin02.jpg
      • ragamuffin03.jpg
    • ragdoll
      • images.jpg
      • index.html
      • Ragdoll.jpg
      • ragdoll.rtf
      • ragdoll2.jpg
      • ragdoll4.jpg
    • scottish_fold
      • 45067792.JPG
      • image1.jpg
      • index.html
      • scottish fold.rtf
      • scottishfold2.jpg
      • Scottish_Fold.jpg
    • siameza
      • 00siamese.gif
      • images.jpg
      • images1.jpg
      • index.html
      • siameza.rtf
    • siberiana
      • index.html
      • siberian01.jpg
      • siberian02.jpg
      • siberian03.jpg
      • Siberiana.rtf
    • singapura
      • 5006991.JPG
      • index.html
      • sing2.jpg
      • singapura.jpg
      • singapura.rtf
    • snowsoe
      • index.html
      • snowshoe-01-female.JPG
      • snowshoe-02.jpg
      • snowshoe-05-dark-colors.JPG
      • snowshoe.jpg
      • snowshoe.rtf
    • somali
      • index.html
      • som9899pr4.jpg
      • somali.rtf
      • Somali1.jpg
      • somali2.jpg
      • somali3.jpg
      • somr5.jpg
    • sphynx
      • index.html
      • sph2.JPG
      • Sphynx.1.JPG
      • Sphynx3.jpg
      • spyhnx.rtf
    • tonkinese
      • image.jpg
      • index.html
      • Tonkinese.jpg
      • Tonkinese.rtf
      • tonkinese1.jpg
      • tonkinese_meika640x499.jpg
    • index.html
    • Info.rtf
  • Realizarea unui Site - Pisici.doc

Alții au mai descărcat și

Proiect Informatica

Microsoft excel In prima foaie: - Cu ajutorul lui Hyperlink(Insert-> Hyperlink) am creat prima pagina si am ales tabelele care mi s-au potrivit,...

Elaborarea a unei Pagini Web

INTRODUCERE Ca şi altele tehnologii “mari”, reţeaua mondială de calculatoare INTERNET se datorează naşterea sa “războiului rece”, în acel timp a...

Servicii Internet Magazine Virtulale

1. REŢEAUA INTERNET SERVICII INTERNET 1.1. Internet - descriere Internet-ul este o gigantică reţea de calculatoare – mai precis o reţea de reţele...

Bazele Programarii - Probleme cu Vectori

Valoarea unui polinom Enunt Să se scrie programul pentru calcularea valorii unui polinom într-un punct dat. Coeficienții polinomului sunt numere...

Crearea unui Site Web

1. INTRODUCERE 1.1. Contextul Într-o eră în care informaţia devine din ce în ce mai abundentă şi din ce în ce mai necesară apare nevoia ca...

Realizarea unui Site Web Folosind Limbajul HTML

Motivaţia alegerii temei Experienţa didactică arată că elevii sunt mai puţin atraşi de probleme, abandonează repede când întâmpină greutăţi şi au...

Realizarea unui Web Site - Liceul de Informatică Petroșani

Motivaţia alegerii temei Experienţa didactică arată că elevii sunt mai puţin atraşi de probleme, abandonează repede când întâmpină greutăţi şi au...

Pagina Web - Toscana

1. Motivul alegerii temei Am ales acesta tema deoarece sunt fascinat de aceasta regiune a Italiei datorita peisajelor uimitoare si a vechimii...

Ai nevoie de altceva?