Programe pentru crearea unei pagini pe Internet. Curs: Web Design și programe pentru crearea de pagini web
Ministerul Învățământului General și Profesional
Federația Rusă
Universitatea Pedagogică de Stat din Novosibirsk
filiala Kuibyshev
Cursuri de informatică
Web Design si programe pentru crearea paginilor web.
student în anul 4 al facultăţii
matematica si informatica
Leuto Serghei Alexandrovici
Kuibyshev
Introducere________________________________________________________________ 2
1. World Wide Web _____________________________________________________________ 3
1.1 Distribuția Internetului _____________________________________________ 3
1.2. Conceptul WWW________________________________________________________________ 4
2. Creați o pagină Web folosind limbaj HTML __________________________ 6
2.1 Limbajul HTML_________________________________________________________ 6
2.2. Structura documentului HTML________________________________________________ 7
2.3 Formatarea textului________________________________________________ 9
3. Programe pentru crearea paginilor Web_________________________________________ 13
3.1 Editori HTML________________________________________________________________ 13
3.2 Editori grafici_____________________________________________ 16
A) Editori de grafică raster _____________________________________________ 18
B) Editori de grafică vectorială________________________________________________ 20
4. Crearea paginilor WEB în WORD"97_____________________________________________ 22
4.1 Metode de creare a paginilor WEB în WORD"97__________________________ 22
4.2 Crearea listelor marcate și numerotate____________________ 22
4.3 Liniile orizontale________________________________________________ 23
4.4 Adăugarea unui fundal________________________________________________________________ 23
4.5 Lucrul cu tabele_________________________________________________ 23
4.6 Lucrul cu desene_________________________________________________ 24
4.7 Crearea de hyperlinkuri________________________________________________ 24
4.8 Inserarea unui videoclip într-o pagină Web_________________________________ 25
Concluzii_________________________________________________________________ 26
Lista referințelor______________ Eroare! Marcajul nu este definit.
Introducere
World Wide Web este o rețea globală de calculatoare care conține astăzi milioane de site-uri care conțin tot felul de informații. Oamenii accesează aceste informații utilizând tehnologii de 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 design elegant, nu sunt prea împovărate cu grafică și animație, se încarcă rapid și se afișează 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 tehnicile de proiectare adecvată a acesteia.
1. World wide web
1.1 Distribuție 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.
În Fig. 1, țările indicate cu negru au conexiuni la Internet. Numărul persoanelor care au astfel de acces în aceste țări devine din ce în ce mai mare. Țările marcate cu alb pot lucra prin e-mail, în rețele locale sau nu au nimic de acest fel.
1.2. Conceptul WWW
Deci, ce este World Wide Web, sau, după cum se spune colocvial, WWW, Web-ul sau chiar mai simplu - 3W? WWW este distribuit sistem informatic multimedia 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 și 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 retea de calculatoare cerere către server, care salvează un fișier cu documentul necesar. Ca răspuns la o solicitare, serverul trimite vizualizatorului acest lucru fișierul necesar sau un mesaj de refuz dacă fișierul nu este disponibil 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 Protocolul de transfer, prescurtat ca HTTP.
Multimedia: informațiile includ nu numai text, ci și grafică bi- și tridimensională, video și sunet.
Hipertext: Informațiile de pe WWW sunt prezentate sub formă de documente, oricare dintre acestea putând conține atât referințe interne încrucișate, cât și link-uri 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 versiuni diferite sisteme Microsoft Windows. Pe acest principiu, sistem Windows indicii (Ajutor), cu singura diferență că sistemul hipertext solicită 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 limbaj special, numit Hyper Marcare text 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 anumite secvențe personaje care sunt instrucțiuni pentru privitor; Î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.
Creare Web pagini folosind limbajul HTML
2.1 Limba HTML
Paginile web pot exista în orice format, dar este acceptat ca standard Hyper Text Markup Language- un limbaj de marcare hipertext conceput pentru a crea text formatat bogat în imagini, sunet, animație, clipuri video și link-uri hipertext către alte documente împrăștiate în spațiul Web, situate pe același server sau care fac parte integrantă din același proiect Web.
Puteți lucra pe Web fără să cunoașteți HTML deoarece texte HTML poate fi creat de diverș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ățarea HTML și înțelegerea acestuia mai profund prin crearea unui document la început învăţarea HTMLși extinzându-l cât mai mult posibil, putem crea 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 capabilităților îmbunătățite care este furnizată 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 comune și probabil va sta la baza aproape a tuturor. software, care este legat de Web.
2. 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.
Toate etichetele încep cu „<" и заканчиваются символом ">". De obicei există o pereche de etichete - o etichetă de început (deschidere) și o etichetă de sfârșit (închidere) (asemănătoare cu parantezele de deschidere și de închidere din matematică), între care sunt plasate informațiile de marcare:
Informaţii
Aici eticheta de pornire este eticheta
, iar cele finale -
. Eticheta de sfârșit diferă de eticheta de început doar prin faptul că are paranteze înaintea textului<>există un simbol" / " (bară oblică).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:
A) Anuntul
HTML;
B) Partea antet;
C) Corpul documentului.
Şi . O pereche de aceste etichete îi spune vizualizatorului (browserului) că există un document HTML închis între ele, iar prima etichetă din document ar trebui să fie eticheta (la începutul documentului) și în sfârșit - (la sfârșitul documentului).
B) Partea antet.
Şi
. Între aceste etichete există informații despre document (titlu, cuvinte cheie pentru căutare, descriere etc.). Cu toate acestea, cel mai important lucru este titlul documentului, pe care îl vedem în linia de sus a ferestrei browserului și în listele „Favorite (BookMark)”. Programe speciale spider motoarele de căutare folosiți titlul documentului pentru a-și construi bazele de date. Pentru a da un titlu documentului HTML, textul este plasat între etichete
C) Corpul documentului.
A treia parte principală a documentului este corpul său. Urmează imediat titlul și se află între etichete Şi . Prima ar trebui să fie imediat după etichetă , iar al doilea este înainte de etichetă