Crearea unei pagini web folosind HTML. Limbajul de marcare a paginii hipertext HTML Metadatele paginii HTML

MINISTERUL EDUCAȚIEI AL REGIUNII MOSCOVA

GBPOU MO "TEHNICA PAVLOVO-POSAD"

PENTRU FINALIZAREA LUCRĂRILOR DE CURS

Prin disciplină

„Lucrare de curs despre Web Design și programe pentru crearea paginilor web”

Specialitatea 230701

„Informatică aplicată în economie” anul IV

Profesor: G.E

Considerat de comisia metodologică ciclică

Profil socio-economic

Protocol Nr. datat „” 20

Președinte al Comisiei de Ciclu Mishina E.N.

Anul universitar 2016-2017 an

Introducere

1. World Wide Web3

1.1. Distribuția World Wide Web pe Internet. 5

2.. Creați o pagină Web folosind limbajul HTML5

2.1. Limba HTML 5

2.2. Structura documentului HTML5

2.3 Formatarea textului7

3. Programe pentru crearea paginilor Web8

3.1 Editore HTML8

3.2 Editori grafici13

3.3 Tehnologia Flesh13

4. Crearea paginilor WEB în WORD12

4.1 Metode de creare a paginilor WEB în WORD12

4.2 Crearea de liste marcate și numerotate13

4.3 Linii orizontale13

4.4 Adăugarea unui fundal13

4.5 Lucrul cu tabele13

4.6 Lucrul cu desene13

4.7 Crearea de hyperlinkuri14

4.8 Inserarea unui videoclip într-o pagină Web14

Lista literaturii folosite16

1. World Wide Web– rețeaua globală de calculatoare de astăzi conține milioane de site-uri care conțin tot felul de informații. Oamenii accesează aceste informații prin utilizarea tehnologiei Internet. Pentru a naviga pe WWW, se folosesc programe speciale - browsere web, care facilitează foarte mult călătoria prin vastele întinderi ale WWW. Toate informațiile dintr-un browser Web sunt afișate sub formă de pagini Web, care sunt elementul principal al octeților WWW.

Paginile web, care suportă tehnologia multimedia, combină diverse tipuri de informații: text, grafică, sunet, animație și video. Succesul său pe Internet depinde în mare măsură de cât de bine și de frumos este realizată o anumită pagină Web.

Utilizatorul este încântat să viziteze acele pagini Web care au un design elegant, nu sunt împovărate cu grafică și animație excesive, se încarcă rapid și sunt afișate corect în fereastra browserului Web.

Crearea unei pagini Web nu este ușoară, dar probabil toată lumea ar dori să se încerce ca designer. Și în acest caz, nu fac excepție, motiv pentru care am ales acest subiect pentru munca mea de curs.

În munca mea de curs, am încercat să înțeleg ce trebuie să știi și să poți crea o pagină Web, ce software este un instrument pentru crearea paginilor Web și cum să-l folosești eficient.

Tot în această lucrare, am trecut în revistă elementele de bază ale limbajului de programare a paginilor Web - HTML, care este un standard WWW general acceptat. Acest lucru ne va oferi oportunitatea de a ne familiariza cu structura unei pagini Web și cum să o proiectăm corect.

1.1. Distribuția World Wide Web pe Internet.

Internetul este cea mai mare rețea de calculatoare din lume. Internetul are acum aproximativ 150 de milioane de utilizatori în peste 50 de țări. WWW este accesibil în principal prin Internet; dar când spunem WWW și Internet, nu ne referim la același lucru. WWW poate fi clasificat ca conținut intern, adică este un fel de lume abstractă a cunoașterii, în timp ce Internetul este partea externă a rețelei globale sub forma unui număr mare de cabluri și computere.

Deci, ce este World Wide Web, sau, așa cum se spune colocvial, WWW, Web-ul sau chiar mai simplu - 3W? WWW este un sistem informatic multimedia distribuit bazat pe hipertext. Să ne uităm la această definiție în ordine.

Sistem informatic distribuit: informațiile sunt stocate pe o mare varietate de așa-numitele servere WWW. Adică computere pe care este instalat software special, care sunt conectate la Internet. Utilizatorii care au acces la rețea primesc aceste informații folosind programe client și vizualizatoare de documente WWW. În acest caz, programul de vizualizare trimite o solicitare prin rețeaua de calculatoare către server, care salvează fișierul cu documentul necesar. Ca răspuns la cerere, serverul trimite vizualizatorului acest fișier necesar sau un mesaj de refuz dacă fișierul este indisponibil dintr-un motiv sau altul. Interacțiunea client-server are loc după anumite reguli sau, după cum se spune altfel, protocoale. Protocolul adoptat de WWW se numește HyperText Transfer Protocol, sau pe scurt HTTP.

Multimedia: informațiile includ nu numai text, ci și grafică bidimensională și tridimensională, video și sunet.

Hipertext: informațiile de pe WWW sunt prezentate sub formă de documente, oricare dintre acestea putând conține fie referințe încrucișate interne, fie un link către alte documente care sunt stocate pe același server sau pe orice alt server.

Astfel de link-uri sunt numite hyperlink-uri sau hyperlink-uri. Pe ecranul unui computer într-o fereastră de vizualizare, legăturile apar ca zone de text sau grafică evidențiate într-un fel (de exemplu, cu o culoare și/sau subliniere diferită). Prin selectarea hyperlinkurilor, utilizatorul vizualizator se poate muta rapid de la o parte a unui document la alta sau de la un document la altul. Dacă este necesar, vizualizatorul contactează automat serverul corespunzător din rețea și solicită documentul la care se face referire. Apropo, ideea de prezentare hipertext a informațiilor ar trebui să fie deja bine cunoscută utilizatorilor diferitelor versiuni de Microsoft Windows. Pe acest principiu este construit sistemul de ajutor din Windows, singura diferență fiind că sistemul de ajutor hypertext Windows nu este distribuit.

Deci, o pagină Web poate conține text stilizat și formatat, grafică și hyperlinkuri către diverse resurse de pe Internet. Pentru a realiza toate aceste posibilități, a fost dezvoltat un limbaj special numit HyperText Markup Language (HTML), adică HyperText Markup Language. Un document scris în HTML este un fișier text care conține textul real care transportă informații către cititor și semnalizatoare de marcare. Acestea din urmă sunt secvențe specifice de caractere care sunt instrucțiuni pentru programul Viewer; În conformitate cu aceste instrucțiuni, programul plasează text pe ecran, include imagini în el, care sunt salvate în fișiere grafice separate și creează hyperlinkuri cu alte documente sau resurse de internet. Astfel, un fișier HTML capătă aspectul unui document WWW numai atunci când este interpretat de un vizualizator. Limbajul HTML va fi discutat în detaliu în secțiunea următoare, deoarece fără a cunoaște elementele de bază ale acestui limbaj este imposibil să creați o pagină Web pentru publicare pe WWW.

Crearea unei pagini web folosind HTML

limbaj HTML

Paginile web pot exista în orice format, dar standardul este Hyper Text Markup Language, un limbaj de marcare hipertext conceput pentru a crea text bogat bogat în imagini, sunet, animație, clipuri video și link-uri hipertext către alte documente împrăștiate în spațiul Web și situat pe același server sau fiind parte integrantă a aceluiași proiect Web.

Puteți lucra pe Web fără a cunoaște limbajul HTML, deoarece textele HTML pot fi create de diferiți editori și convertori speciali. Dar scrierea directă în HTML nu este dificilă. Poate fi chiar mai ușor decât să înveți un editor sau un convertor HTML, care sunt adesea limitate în capacitățile lor, sunt greșite sau produc HTML slab care nu funcționează pe platforme.

Limbajul HTML vine în mai multe variante și continuă să evolueze, dar constructele HTML vor continua probabil să fie folosite în viitor. Învățând HTML și înțelegându-l mai profund, creând un document la începutul învățării HTML și extinzându-l cât mai mult posibil, suntem capabili să creăm pagini Web care pot fi vizualizate de multe browsere Web, atât acum, cât și în viitor. Acest lucru nu exclude posibilitatea de a utiliza alte metode, cum ar fi metoda avansată oferită de Netscape Navigator, Internet Explorer sau alte programe.

Lucrul cu HTML este o modalitate de a învăța dezavantajele creării documentelor într-un limbaj standardizat, folosind extensii doar atunci când este cu adevărat necesar.

HTML a fost ratificat de World Wide Web Consortium. Este susținut de mai multe browsere utilizate pe scară largă și probabil va sta la baza aproape tuturor software-ului care are legătură cu Web-ul.

Structura documentului HTML

Deoarece documentele HTML sunt scrise în format ASCII, orice editor de text poate fi folosit pentru a le crea.

De obicei, un document HTML este un fișier cu extensia .html sau .htm, în care textul este marcat cu etichete HTML (etichetă engleză - instrucțiuni speciale încorporate). HTML definește sintaxa și plasarea etichetelor în funcție de care browserul afișează conținutul unui document Web. Textul etichetelor în sine nu este afișat de browserul web.

Într-un document HTML, eticheta de început este , iar cele finale -.

Eticheta de sfârșit diferă de eticheta de început doar prin faptul că are un simbol „/” (slash) între paranteze înainte de text.

Un browser care citește un document HTML îl afișează într-o fereastră folosind structura etichetelor HTML. Fiecare document HTML trebuie să aibă trei părți principale:

1) Declarație HTML

Și. O pereche de aceste etichete îi spune vizualizatorului (browserului) că există un document HTML închis între ele, prima etichetă din document fiind eticheta (la începutul documentului) și ultima etichetă (sfârșitul documentului). document).

2) Partea de titlu.

Și. Între aceste etichete se află informații despre document (titlu, cuvinte cheie de căutare, descriere etc.). Totuși, cel mai important este titlul documentului, pe care îl vedem în linia de sus a ferestrei browserului și în listele „Preferate”. Programele speciale spider ale motoarelor de căutare folosesc titlul documentului pentru a-și construi bazele de date. Pentru a da un titlu documentului HTML, textul este plasat între etichete .

Prima mea pagină

3) Corpul documentului.

A treia parte principală a documentului este corpul său. Urmează imediat titlul și se află între etichete Și

. Corpul unui document HTML este locul în care autorul plasează informații formatate folosind HTML.

Prima mea pagină.............................................

Acum putem scrie codul HTML pentru pagina noastră:

Formatarea textului

În secțiunea BODY, toate filele și rupturile de rând sunt ignorate de browser și nu afectează în niciun fel afișarea paginii. Prin urmare, o întrerupere de linie în textul sursă al unui document HTML nu va începe o nouă linie în textul afișat de browser decât dacă sunt prezente etichete speciale. Această regulă este foarte important de reținut și nu uitați să puneți etichete care separă liniile, altfel textul nu va avea paragrafe și va deveni ilizibil.

Pentru a începe o nouă linie, utilizați eticheta
(abreviat din engleză break - interrupt). Această etichetă face ca browserul să afișeze mai mult text de la începutul rândului următor. Nu este folosită nicio etichetă de închidere. Este convenabil dacă trebuie să scrieți dintr-un rând nou la un moment dat fără a începe un nou paragraf, de exemplu, într-o poezie. Folosirea din nou vă permite să inserați una sau mai multe linii goale, deplasând următorul fragment al paginii în jos.

Textul continuu fără goluri nu este foarte ușor de citit; este incomod să priviți și să găsiți locurile potrivite. Împărțit în paragrafe, textul este perceput mult mai rapid. Eticheta este folosită pentru a începe un nou paragraf

(paragraf în engleză - paragraf). Această etichetă, pe lângă începerea unei noi linii, inserează o linie goală. În parantezele unei etichete, pe lângă numele acesteia, pot fi plasate și atribute. Ele sunt separate de nume și unele de altele prin spații (unul sau mai multe), și sunt scrise sub forma atribut nume="valoare". Dacă valoarea nu conține spații, atunci ghilimelele pot fi omise, dar acest lucru nu este recomandat. Etichetă

Dacă nu este acolo, atunci noua etichetă înseamnă închiderea celei anterioare și, prin urmare, etichetele imbricate nu sunt posibile. De asemenea, este posibil să centrați textul folosind o etichetă.

Acum putem pune niște text cu aliniamente diferite pe pagina noastră web:

Prima mea pagină

Paginile mele personale vor fi aici!

Pe ele puteți găsi: - o poveste despre mine și despre hobby-urile mele; - fotografiile mele.

Din una dintre paginile mele îmi poți trimite un e-mail.

Pe lângă utilizarea acestor etichete, puteți folosi rupturi de rând și file în documentul HTML în sine pentru a întrerupe liniile. Există o etichetă pentru aceste scopuri. Tot textul plasat între etichete va fi afișat neschimbat, adică cu toate sfârșiturile de rând și filele.

De exemplu:

Acest text este scris pe două rânduri.

Pe lângă text, un document HTML poate conține linii de separare orizontale. Ele, ca și textul, nu necesită fișiere externe. Eticheta va afișa o linie orizontală cu grosimea unității de-a lungul întregii lățimi a paginii. O linie de despărțire orizontală duce întotdeauna la o întrerupere de linie, dar nu există linii goale între linie și text. O etichetă poate conține mai multe atribute. și oferă o linie de contur cu efect de indentare tridimensională. dă o linie neagră continuă. Este posibil ca linia să nu extindă întreaga lățime a paginii, ci să constituie doar o anumită parte. Atributul WIDTH specifică lățimea liniei, ca procent din lățimea întregii pagini sau în pixeli. De exemplu, 50% reprezintă jumătate din lățimea paginii, 400 este 400 de pixeli. Atributul ALIGN poate lua valori similare cu valorile sale pentru o etichetă, dar alinierea implicită este centrată. Atributul SIZE specifică grosimea liniei în pixeli de la 1 la 175; implicit este 1, dar dacă, (linia este contur), atunci se adaugă grosimea necesară pentru efectul de indentare 3D. Liniile, împreună cu paragrafele, vă permit să evidențiați fragmente logice de text. Dar un număr mare de linii orizontale este neplăcut pentru vizitatorul paginii dvs. Web, așa că nu ar trebui să fie plasate după fiecare paragraf. Sunt mai potrivite pentru evidențierea secțiunilor întregi.

Dezvoltarea sferei IT, și anume cererea tot mai mare de servicii pentru crearea și promovarea site-urilor web în motoarele de căutare, a condus la apariția multor așa-numiți webmasteri care sunt gata să efectueze toată munca de pe site și sprijinirea ulterioară a acestuia. Inutil să spun că majoritatea acestor proiecte au fost create folosind constructori liberi; „maeștrii” înșiși au doar o înțelegere teoretică a componentei tehnice a unei resurse web de înaltă calitate. Design web site, conținut, utilizare atentă - toate acestea sunt, desigur, importante. Dar un site web defect tehnic cu erori în cod este pur și simplu sortit eșecului.

Pe scurt despre limbajele de programare comune

PHP. Se bazează pe limbajul de marcare HTML. PHP este un limbaj de scripting de uz general și este open source. Sintaxa este destul de ușor de învățat și are multe asemănări cu C, Java și Perl. Principalul avantaj al PHP este că permite dezvoltatorilor să creeze rapid pagini web generate dinamic. Cu o stăpânire profesionistă a limbii, aceasta poate fi folosită pentru a îndeplini alte sarcini.

Piton.În rusă este obișnuit ca „python”. Un limbaj de programare de nivel înalt, cu scop general, axat pe îmbunătățirea productivității dezvoltatorilor și a lizibilității codului. Sintaxa de bază a Python este minimalistă. În același timp, biblioteca standard include un număr mare de funcții utile.

rubin. În rusă este obișnuit ca „rubi”. Un limbaj de programare de nivel înalt dinamic, reflectorizant, interpretat pentru programare orientată pe obiecte rapidă și ușoară. Limbajul are o implementare independentă de sistemul de operare de multithreading, tastare dinamică puternică, un colector de gunoi și multe alte caracteristici. În ceea ce privește caracteristicile de sintaxă, este aproape de limbajele Perl și Eiffel, iar în ceea ce privește abordarea orientată pe obiecte, este aproape de Smalltalk. De asemenea, unele caracteristici ale limbajului sunt preluate din Python.

A.S.P.. Dezvoltatorul acestui limbaj este Microsoft. Tehnologia vă permite să dezvoltați aplicații pentru WWW. ASP este ușor și rapid. Platforme pentru ASP: Windows NT și IIS (Internet Information Server). Nu este în întregime corect să numiți ASP un limbaj; mai degrabă, este tocmai o tehnologie pentru conectarea unui program la pagini Web. Un limbaj simplu de scripting și capacitatea de a utiliza componente externe COM sunt întregul secret al succesului ASP.

JavaScript. Modul în care funcționează JavaScript este oarecum diferit de alte limbaje de programare. Principala diferență este că este inclus direct în fișierul HTML. Un script scris în JavaScript este procesat de un interpret încorporat în browser.

Domeniile de utilizare a limbii sunt foarte extinse:

• Creați pagini web care se pot modifica după ce documentul este încărcat
• Rezolvarea problemelor locale
• Verificarea capacității utilizatorului de a completa formulare înainte de a le trimite la server

Varietatea capabilităților javascript determină popularitatea limbajului. Cu el, puteți:

• Faceți modificări în pagină: lucrați cu etichete, schimbați stilurile, scrieți text
• Reacționați la evenimente (de exemplu, clic de mouse) și efectuați o anumită funcție
• Afișați mesaje, verificați acuratețea datelor, setați și citiți cookie-uri
• Încărcați date fără a reîncărca pagina etc.

Perl. Inițial, acest limbaj era un mijloc de conectare a programelor care îndeplineau diverse funcții într-un singur script care permitea rezolvarea unui set de probleme: procesare text, administrare etc. Astăzi, Perl este instrumentul principal pentru crearea de aplicații CGI. Este folosit pentru a administra servere web și alte sisteme. Simplitatea și eficiența scrierii de scripturi în acest limbaj a dus la adaptarea acestuia la platforme precum Windows, Mac etc. Perl este deschis și accesibil, codul sursă al interpretului poate fi obținut complet gratuit.

Este util să ai multe cunoștințe?

Elementele de bază ale programării sunt predate la orele școlare de informatică. Aproape toată lumea i-a întâlnit pe Delphi și Pascal. Limbi mai complexe necesită o abordare mult mai serioasă a învățării. O anumită mentalitate - matematică și logică și, desigur, dorința de a deveni specialist în domeniul lor îl vor ajuta pe un programator începător să obțină succes. Nu ar trebui să încercați să stăpâniți toate limbile simultan. Este mai bine să cunoști unul foarte bine decât să ai cunoștințe fragmentare despre cinci. Fiecare limbaj de programare are principii generale, toate sunt construite pe logica acțiunilor, așa că, cu experiență, stăpânirea noilor tehnologii va deveni mai rapidă și mai ușoară. Mulți oameni pot schimba și copia coduri gata făcute, dar nu toți programatorii pot deveni un adevărat „artist” și nu imitatori.

Crearea unui site web în zilele noastre nu va cauza dificultăți deosebite, deoarece există suficiente portaluri pe Internet care își oferă serviciile pentru crearea unui site web. Dar un site web creat pentru un astfel de serviciu nu este propria sa creație, ci o aparență de clonă crescută într-o eprubetă.

Un site web creat independent va fi întotdeauna un copil iubit, suferit de agonia veselă a creativității. Puteți crea un site web folosind limbajul de programare HTML, așa-numitul site static.

Pentru a crea un site web se folosește un editor HTML. Pentru a crea independent un site web bazat pe HTML, aveți nevoie de cunoștințe despre limbajul de programare HTML, anumite concepte de Photoshop, unele abilități de scriere de articole, puțină imaginație și artă de design.

Un site web creat folosind limbajul de programare PHP este un site web dinamic. Majoritatea site-urilor web existente pe Internet sunt create pe baza PHP, pe motoare CMS (sistem de management al conținutului). Pe acest site puteți afla cum să creați un site web și să obțineți ajutor calificat atunci când vă creați un site web folosind motoarele CMS:
- crearea site-ului web pe Joomla;

Este întotdeauna dificil să începi să faci ceva. Principalul lucru aici este să stabiliți un obiectiv specific. Pentru a începe, alege tema și eșantionul site-ului web pe care vrei să-l faci și întocmește un plan pentru implementarea acestuia. Și mergeți pe calea atingerii obiectivului principal.

Pentru a implementa funcționalități de diferite tipuri, programatorii web „scriu” site-uri folosind cele adecvate limbaje de marcare web, pentru a maximiza capacitățile interactive ale resursei web. Nu vom pătrunde adânc în jungla terminologiei web, ci doar vă vom ajuta să înțelegeți principalele puncte ale scrierii codului site-ului web care pot apărea în timpul discuției despre proiect și în timpul implementării sale ulterioare.

HTML

HTML este unul dintre cele mai vechi limbaje de programare web, care a apărut în zorii dezvoltării Internetului și s-a impus ca una dintre cele mai simple și mai fiabile metode de programare web. HTML înseamnă Hyper Text Markup Language. Site-urile web create folosind tehnologia HTML sunt în mare parte un set de pagini statice care nu necesită o bază de date.

Tehnologia HTML poate fi potrivită pentru crearea de site-uri mici, ușoare, cu mai multe pagini, a căror funcționalitate nu necesită interactivitate și dinamică.

Ca orice tehnologie, standardul HTML nu stă pe loc, iar astăzi intră în mediul de web design un nou standard numit HTML5. Această tehnologie este foarte tânără, dar oferă oportunități mari în ceea ce privește crearea de site-uri web și vă permite să implementați funcționalități noi, până acum imposibile. Deși tehnologia HTML5 nu a intrat încă pe deplin în domeniul dezvoltării web și nu toate browserele de internet o acceptă încă, programatorii studioului de site iau în considerare influența HTML5 asupra dezvoltării ulterioare a tehnologiilor de internet în viitor și creează site-uri folosind cele mai multe tehnologii web avansate -programare.

PHP

PHP este un limbaj de programare pe partea de server și comunică site-ul cu serverul și baza de date a acestuia. Limbajul PHP în sine nu este responsabil pentru crearea unui site web, iar dacă te uiți la codul de pagină al unei astfel de resurse, vom vedea același HTML, doar intercalate cu cod PHP.

În site-urile PHP, o parte a codului scris în HTML este responsabilă de apariția și afișarea informațiilor, iar PHP, la rândul său, este responsabil pentru dinamica și interactivitatea funcționalității. Datorită simplității, flexibilității și vitezei de operare, limbajul PHP este unul dintre cele mai populare standarde în dezvoltarea web.

În dezvoltarea părții predominante a site-urilor create de studioul site-ului s-a folosit tehnologia PHP, deoarece conectarea unui site la o bază de date folosind cod PHP este o condiție esențială pentru crearea resurselor Internet dinamice, multifuncționale.

FLASH

De fapt, tehnologia în sine culoare nu este un limbaj de programare web, ci este folosit pentru a vizualiza elemente scrise în XML.

Crearea unui site web folosind tehnologia flash este un proces complex și consumator de timp, dar rezultatul merită efortul și banii cheltuiți pentru el. Elementele flash vă permit să vă faceți site-ul web luminos și interactiv. Paginile pline de viață, dinamice, vor lăsa vizitatorilor o impresie de durată a resursei dvs., iar o imagine pozitivă a site-ului dvs. va rămâne în mintea utilizatorilor captivați pentru o lungă perioadă de timp. Imaginea companiei va beneficia doar de utilizarea tehnologiei flash pe resursa sa, deoarece elementele realizate pe flash nu sunt ieftine și sunt considerate de lux.

Dar în orice, după cum se spune, trebuie să știi când să te oprești, iar crearea de site-uri flash nu face excepție. Blocurile flash sunt mult mai grele decât elementele web standard și, prin urmare, durează mai mult pentru încărcare. Și utilizatorilor de rețea, de regulă, nu le place să aștepte. Prin urmare, încredințați crearea site-ului dumneavoastră flash unor profesioniști care îl vor optimiza pentru productivitate maximă.

WAP

WAP (Protocolul de aplicație fără fir) este o tehnologie care vă permite să accesați resursele de Internet direct de pe un dispozitiv mobil.

Principala diferență dintre un site WAP și o resursă obișnuită de internet este că site-ul WAP este „cromat” pentru vizualizare pe ecrane mici de telefoane și comunicatoare și, prin urmare, dezvoltarea unui site WAP este supusă unui număr de cerințe și standarde care vizează reducerea greutății portalului WAP al paginii și optimizarea conținutului site-ului special pentru vizualizare în browserul WAP al telefonului.

Site-urile scrise pentru WAP au propriul limbaj de marcare, adaptat special pentru schimbul de informații cu un browser WAP. Și dacă site-urile obișnuite destinate vizionarii de pe computer sunt scrise în mare parte în limbi html, php, Perl, sau xml, apoi standardul WML este folosit pentru a crea site-uri WAP ( Limbajul de marcare fără fir). Printre altele, atunci când dezvoltăm resurse WAP, folosim propriul format de imagine - WBMP, ceea ce face ca pagina WAP să fie cât mai ușoară.

Datorită creșterii constante a pieței de dispozitive mobile, standardele de transfer de date se dezvoltă și între World Wide Web și dispozitivele mobile, astfel că specialiștii site-ului web-studio nu încetează să monitorizeze inovațiile în această industrie a creării site-urilor web și în dezvoltarea dintre site-urile WAP folosesc întotdeauna cele mai progresive metode și tehnologii avansate.

A.S.P.

A.S.P. (Pagini Active Server) este un mediu deschis de dezvoltare a aplicațiilor web care vă permite să combinați HTML, scripturi și componente de server ActiveX pentru a crea soluții web dinamice și puternice pentru afaceri. Paginile ASP sunt pagini care conțin scripturi executate pe partea serverului.

Perl

Perl (Extragere practică și limbaj de raportare) este un limbaj de programare web universal, interpretat, folosit pentru scrierea scripturilor cgi și a programelor cgi executate pe partea de server și care permite automatizarea funcționării site-ului. Perl este unul dintre cele mai convenabile și răspândite medii pentru crearea de pagini web dinamice, deși recent a fost înlocuit cu tehnologii de internet mai noi. Formatul Perl este o modalitate excelentă de a interacționa cu serverele web prin intermediul CGI ( interfață comună de interacțiune). În prezent, limbajul Perl pierde teren în raport cu analogul său funcțional - PHP.

C+

C, C++- limbaje de programare web utilizate pe scară largă pentru scrierea de scripturi CGI. Acceptat în prezent de majoritatea serverelor. Scripturile scrise în C+ trebuie compilate pe partea serverului.

SSI

SSI (Include partea serverului) - o tehnologie care vă permite să asamblați o pagină web din mai multe scripturi sau fișiere într-un singur întreg funcțional. SSI vă permite să includeți informații de pe partea serverului într-o pagină web care nu este disponibilă prin HTML. În esență, SSI este un fel de analog al include în PHP. Vă permite să implementați elemente comune fiecărei pagini sau unui grup de pagini în codul site-ului, permițându-vă să editați fiecare pagină printr-un singur fișier. Directivele SSI acceptate .shtml, .htmȘi .htmlși sunt scrise în fișierul .htaccess.

Introducere

1. Informații de bază

1.1 Despre limbajul html

1.2 Crearea unui site web

1.3 Fundamente

1.4 Structura documentului

1.5 Etichetele corpului documentului

1.6 Lista etichetelor HTML de bază

2. Informații suplimentare

2.1 Listează etichete

2.3 Grafice în cadrul unui document

2.4 Adăugarea de stiluri la un document

2.5 Etichete html speciale

2.6 Formulare HTML

2.7 Cadre HTML

2.8 Tabele HTML

2.9 Optimizarea graficii pentru web

2.10 Bazele CSS

3. Descrierea creării site-ului

3.1 Pregătire

3.2 Crearea unei pagini de start

3.3 Crearea unei a doua pagini

3.4 Crearea unei pagini cu o descriere a orașului

3.5 Pagina foto

3.6 Pagina Programe

3.7 Pagina de mulțumiri

Concluzie

Lista literaturii folosite

Introducere

Această teză este dedicată limbajului HTML. Folosind acest limbaj, sunt create fișiere cu extensia *.htm și *.html, care sunt pagini Web. Site-urile de internet sunt formate din ele.

La teză este atașat un site web ca exemplu a ceea ce poate fi creat folosind HTML.

Întreaga lucrare este împărțită în 3 secțiuni. Prima secțiune este dedicată în întregime descrierii principalelor etichete HTML. Vă va oferi toate informațiile de care aveți nevoie despre cum să creați pagini web simple. A doua secțiune conține informații despre cum să îmbunătățiți aspectul documentului și să construiți capacități suplimentare în el. Și a treia secțiune conține o descriere a modului în care a fost creat site-ul atașat acestei teze. Descrie în detaliu o lună și jumătate de muncă grea pentru crearea site-ului, vorbește despre diverse erori în timpul creării și corectarea acestora, despre dificultățile apărute și despre metodele de eliminare a acestora.

După citirea acestei lucrări, oricine, chiar și cei complet nefamiliarizați cu programarea, va putea înțelege elementele de bază ale programării HTML. Și cei care știu ar putea găsi ceva nou pentru ei înșiși.

1.1 Despre limbă HTML

Hyper Text Markup Language (HTML) este un limbaj standard conceput pentru crearea de documente hipertext în mediul WEB. Documentele HTML pot fi vizualizate de diferite tipuri de browsere WEB. Când un document este creat folosind HTML, un browser WEB poate interpreta HTML pentru a evidenția diferitele elemente ale documentului și pentru a le procesa mai întâi. Utilizarea HTML permite formatarea documentelor astfel încât să poată fi prezentate folosind fonturi, linii și alte elemente grafice pe orice sistem care le vizualizează.

Majoritatea documentelor au elemente standard, cum ar fi un titlu, paragrafe sau liste. Folosind etichete HTML, puteți desemna aceste elemente, oferind browserelor WEB informațiile minime pentru afișarea acestor elemente, păstrând în același timp structura generală și completitudinea informațională a documentelor. Tot ceea ce este necesar pentru a citi un document HTML este un browser WEB care interpretează etichetele HTML și afișează documentul pe ecran în forma pe care i-o oferă autorul.

În cele mai multe cazuri, autorul documentului determină strict aspectul documentului. În cazul HTML, cititorul, pe baza capacităților browserului WEB, poate, într-o anumită măsură, controla aspectul documentului (dar nu și conținutul acestuia). HTML vă permite să marcați locul unde ar trebui să apară un titlu sau un paragraf într-un document utilizând o etichetă HTML și apoi permite browserului WEB să interpreteze acele etichete. De exemplu, un browser WEB poate recunoaște începutul unei etichete de paragraf și poate prezenta documentul în forma dorită, în timp ce altul nu are această capacitate și prezintă documentul într-o singură linie. Utilizatorii unor browsere WEB au, de asemenea, posibilitatea de a personaliza dimensiunea și tipul fontului, culoarea și alți parametri care afectează afișarea documentului.

Etichetele HTML pot fi împărțite aproximativ în două categorii:

1. Etichete care determină modul în care va fi afișat corpul documentului în ansamblu de către browser-ul WEB.

2. Etichete care descriu proprietățile generale ale documentului, cum ar fi titlul sau autorul documentului.

Rețineți că principalul avantaj al HTML este că documentul poate fi vizualizat pe diferite tipuri de browsere web și pe diferite platforme.

1.2 Creare Site-ul web

Documentele HTML pot fi create folosind orice editor de text sau editori și convertoare HTML specializate. Alegerea editorului care va fi folosit pentru a crea documente HTML depinde numai de confortul și preferințele personale ale fiecărui autor.

De exemplu, editorii HTML, cum ar fi Netscape Navigator Gold de la Netscape, vă permit să creați documente grafic folosind tehnologia WYSIWYG (What You See Is What You Get). Pe de altă parte, majoritatea instrumentelor tradiționale de creare a documentelor au convertoare care vă permit să convertiți documentele în format HTML.

Toate etichetele HTML încep cu „<" (левой угловой скобки) и заканчиваются символом ">" (paranteză cu unghi drept). De obicei, există o etichetă de început și o etichetă de final. De exemplu, aici sunt etichete de titlu, care definesc textul din interiorul etichetelor de început și de sfârșit care descriu titlul documentului:

Eticheta de sfârșit arată la fel ca eticheta de început și diferă de aceasta printr-o bară oblică înainte de textul dintre parantezele unghiulare. În acest exemplu, eticheta - despre completarea textului titlului.

Unele etichete precum

(etichetă care definește un paragraf) nu necesită o etichetă de final, dar utilizarea acesteia oferă textului sursă al documentului o lizibilitate și o structură îmbunătățite.

HTML nu face distincție între majuscule și minuscule, așa că exemplul de mai sus ar putea arăta astfel:

Atenţie! Spațiile suplimentare, file-urile și returnările de transport adăugate la textul sursă al unui document HTML pentru o mai bună lizibilitate vor fi ignorate de browserul WEB atunci când interpretează documentul. Un document HTML poate include elementele de mai sus numai dacă sunt plasate în interiorul etichetelor

ȘI

. Mai multe detalii despre etichete

Se va scrie mai jos.
 
Când un browser WEB primește un document, acesta determină modul în care documentul trebuie interpretat.  Prima etichetă care apare în document trebuie să fie eticheta .  Această etichetă spune browserului WEB că documentul dvs. este scris folosind HTML.  Un document HTML minim ar arăta astfel:
 
Corpul documentului...
 
Antetul documentului .  Eticheta pentru capul documentului trebuie utilizată imediat după etichetă și nicăieri altundeva în corpul documentului.  Această etichetă reprezintă o descriere generală a documentului.  Evitați să plasați orice text în interiorul etichetei .  Eticheta de pornire plasat imediat înaintea etichetei 
 
Atenţie!  Din punct de vedere tehnic, etichetele de început și de sfârșit, cum ar fi , Și opțional.  Dar este recomandat să le folosiți, deoarece utilizarea acestor etichete permite browserului WEB să separe cu încredere partea antet a documentului și partea semantică în sine.
 
Titlul documentului , situat în interior -etichete, așa cum se arată în exemplul de mai sus.  Titlul documentului nu apare atunci când documentul în sine este afișat în fereastră.