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.

O) Declarație HTML

Ş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 </b>Şi <b> .



Prima mea pagină

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ă . Corpul documentului HTML- acesta este locul unde autorul plasează informații formatate folosind HTML.

Acum putem scrie codul HTML pentru pagina noastră:



Prima mea pagină


Paginile mele vor fi aici!

2.3 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 documentului HTML nu va avea ca rezultat începutul linie nouăîn textul afișat de browser în absența etichetelor 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 linie nouă, utilizați eticheta
(abreviat din engleză break - interrupt). Această etichetă face ca browserul să afișeze mai mult text de la început rândul 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. Reutilizarea acestuia vă permite să introduceți unul sau mai multe linii goale, mutând următorul fragment al paginii în jos.

Textul continuu fără lacune nu este foarte ușor de citit; este incomod să te uiți și să găsești 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ă. Dar repetarea repetată

Spre deosebire de
, nu va duce la apariția mai multor linii goale, va exista în continuare aceeași 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 formă nume_atribut ="sens". Dacă valoarea nu conține spații, atunci ghilimelele pot fi omise, dar acest lucru nu este recomandat. Tag

Poate conține un atribut ALIGN care specifică alinierea paragrafelor. În mod implicit, un paragraf este aliniat la stânga ALIGN="left". Alinierea la dreapta ALIGN="right" și alinierea la centru ALIGN="center" sunt de asemenea posibile. Când utilizați atribute, ar trebui să utilizați o etichetă de închidere după textul formatat

. Dacă nu este acolo, atunci o nouă etichetă

Înseamnă închiderea celui precedent, respectiv imbricat

Imposibil. De asemenea, este posibil să centrați textul folosind eticheta

.

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


Prima mea pagină

A mea va fi aici pagini personale!

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

Din una din paginile mele va fi posibil
trimite-mi un email.


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ă în aceste scopuri

Tot textul plasat între etichete 
ŞI
va fi scos neschimbat, adică cu toate sfârșiturile de linie și file.

De exemplu:

Acest text este scris 
în două rânduri.

Pe lângă text, un document HTML poate conține linii de separare orizontale. Ei, ca și textul, nu necesită niciunul fișiere externe. Etichetă


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. Etichetă
poate conține mai multe atribute.
Şi
da o linie de contur cu un efect de adâncire 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% este jumătate din lățimea paginii, 400 este 400 de pixeli. Atributul ALIGN poate avea valori similare cu valorile sale pentru etichetă

Dar alinierea implicită este la centru. Atributul SIZE specifică grosimea liniei în pixeli de la 1 la 175; implicit este 1, dar dacă


, (linie - contur), apoi grosimea necesară pt efect tridimensional adâncituri.

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.

3. Programe pentru crearea paginilor Web

3.1 Editore HTML

Fiecare își alege propriul instrument pentru a crea pagini Web. Acesta ar putea fi MS FrontPage sau Macromedia DreamWeaver, Allaire HomeSite sau 1st Page 2000. Și cineva folosește un editor de text simplu, de exemplu Notepad.

Editorii de text pot fi folosiți doar pentru a crea pagini mici, deoarece au multe dezavantaje: proiectele nu sunt suportate, nu există „evidențierea” textului..., în general, este extrem de incomod să lucrezi.

Principalul dezavantaj al MS FrontPage este că generează cod HTML foarte mare (prea multe lucruri inutile), astfel încât paginile se dovedesc a fi mari, ceea ce afectează viteza de încărcare. Mai mult, atunci când creați pagini Web în acest editor vedeți un lucru, dar în fereastra browserului vedeți ceva complet diferit (acest lucru este valabil mai ales pentru Netscape Navigator). Paginile se dovedesc a fi oarecum strâmbe, așa că pentru a crea pagini Web de înaltă calitate, se recomandă utilizarea pachetelor care vor fi discutate mai jos.

Vom începe cu popularul Macromedia DreamWeaver. Macromedia este considerat un lider în producția de software pentru crearea de site-uri web, precum și un trendsetter în acest domeniu.

Cea mai recentă versiune a editorului HTML al acestei companii este DreamWeaver 3, care aparține categoriei de editori WYSIWYG, iar acest pachet are multe avantaje: interfață ușor de utilizat, configurarea funcțiilor, suportarea proiectelor mari și tehnologiilor ShockWave, capacitatea de a încărca fișiere prin FTP, suport SSI și multe altele. Pentru a lucra în acest program nu trebuie să cunoașteți HTML temeinic (acesta este avantajul tehnologiei WYSIWYG - ceea ce văd este ceea ce văd)


primesc).

DreamWeaver 3.0

Dar DreamWeaver este cu câțiva pași înaintea altor editori WYSIWYG, în primul rând pentru că generează HTML foarte curat. DreamWeaver vă permite să eliminați munca repetitivă atunci când creați pagini (de exemplu, aspectul textului) prin utilizarea opțiunile „înregistrare secvență de comandă”înregistrați secvența de comenzi pe care o produceți, apoi apăsați, de exemplu, CTRL+P, iar DreamWeaver redă totul în aceeași secvență.

Următorul editor este HomeSite 4 - pentru crearea manuală a paginilor, adică pentru experții HTML. Obțineți control deplin asupra codului HTML și este posibil să vă optimizați pagina pentru una din trei browsere populare(MSIE, NN, Opera).

HomeSite conține două moduri principale: Editare și Proiectare. Modul Design este un fel de editor WYSIWYG care produce cod HTML, iar dacă încărcați codul HTML al altcuiva, HomeSite va rescrie totul în felul său. Modul de editare vă permite să obțineți control total asupra paginii. Aici puteți configura aproape totul, puteți scrie funcțiile fiecărei etichete (apoi pagina dvs. în orice


Unul dintre cele mai recente editoare HTML este EVR Soft 1st Page 2000 v2.

Sloganul lui este „Creați site-uri web de clasa I!” ("Construiți site-uri web grozave!"). Editorul conține mai multe moduri - Normal, Ușor, Avansat/Expert și Hardcore, adică îți poți alege nivelul și eventual să treci la unul superior. O altă caracteristică este o colecție destul de mare de scripturi în JavaScript și DHTML. Toate acestea sunt împărțite destul de convenabil în categorii.

3.2 Editori grafici

Crearea și optimizarea graficelor este o sarcină complexă și capricioasă. Desigur, este posibil să creați o pagină Web fără a utiliza grafică - folosind fonturi, scripturi și foi de stil (CSS) - și va fi frumos și elegant. Dar forma finală a documentului depinde de număr mare diverși factori precum: lățimea ferestrei browserului, presetări browser, dimensiunea fontului implicit, numele și culoarea. În plus, nu toate scripturile și stilurile sunt acceptate de toate browserele. Dacă sunt folosite grafice, atunci vizitatorul paginii dvs. o va vedea exact așa cum ați făcut-o și o va vedea.

Principala dificultate a lucrului cu grafica Web este că lățimea de bandă a canalelor de Internet, în cele mai multe cazuri, este foarte mică și vă veți confrunta imediat cu probleme - cum să faceți fisier grafic mic ca volum, dar de bună calitate, ce programe și tehnici să folosești la optimizarea acestuia.

Exact asta este secțiunea despre editorii grafici vectoriali și raster, care sunt instrument puternic procesarea imaginilor în mâini capabile.

Înainte de a lua în considerare editorii de grafică vectorială și raster, ar trebui să înțelegeți diferența dintre reprezentarea vectorială și raster a unei imagini.

Grafică raster este o grilă (raster), ale cărei celule se numesc pixeli. Fiecare pixel dintr-o imagine raster are o locație și o culoare strict definite, prin urmare orice obiect este reprezentat de program ca un set de pixeli colorați. Aceasta înseamnă că utilizatorul, lucrând cu imagini raster, nu funcționează pe anumite obiecte, ci pe grupurile de pixeli care le alcătuiesc.

Imaginile raster oferă gradații de culoare și tonuri foarte precise, precum și detalii ridicate ale imaginii, făcându-le mijlocul optim de reprezentare a imaginilor ton pe ton, cum ar fi fotografiile scanate.

Grafica raster utilizează întotdeauna un număr fix de pixeli, de ex. Calitatea unei imagini raster depinde direct de rezoluția echipamentului. Aceasta înseamnă că orice modificare a imaginii (rotație, mărire etc.) duce la o distorsiune constantă a imaginii, iar limitele obiectelor sunt inegale.

Imagini vectoriale sunt formate pe baza unor figuri descrise matematic numite vectori, iar aspectul imaginii este determinat de parametrii vectorilor. Cu alte cuvinte, grafica vectoriala constă din curbe care au coordonate, culoare și alți parametri, precum și zone închise umplute cu o anumită culoare. Limitele acestor zone sunt, de asemenea, descrise prin curbe. Fișierul imagine vectorială conține coordonatele și parametrii curbelor.

Rezultatele procesării imaginilor vectoriale nu depind de rezoluția echipamentului, așa că le puteți modifica în mod arbitrar parametrii (dimensiune, culoare, formă etc.) - calitatea nu se va deteriora. Grafica vectorială este utilizată atunci când se creează obiecte digitale folosind dimensiuni mici ale punctelor (dimensiuni ale fontului) sau obiecte precum logo-uri care necesită contururi clare și scalabilitate nelimitată.

Pachetele grafice (editori) sunt, de asemenea, împărțite în două tipuri: raster și vector. Să ne uităm acum la cele mai populare dintre ele.

A) Editori de grafică raster


Microsoft Paint- un editor simplu (sau mai bine spus, cel mai simplu), inclus în livrarea standard a sălilor de operație sisteme Microsoft. Are un set de funcții simple (penie, creion, radieră etc.) care vă permit să creați imagini simple. Din păcate, este practic nepotrivit pentru procesarea grafică. Imaginea pe care o vedeți în dreapta este cel mai mult pe care acest editor poate face.

Adobe Photoshop - astazi acesta este cel mai puternic pachet pentru procesarea grafica raster profesionala. Acesta este un întreg complex cu numeroase posibilități de modificare imagine raster, care are o gamă largă de filtre diferite și


efecte și este posibilă conectarea instrumentelor de la producători independenți.

Pachetul oferă, de exemplu, instrumente pentru restaurarea imaginilor deteriorate, retușarea fotografiilor sau crearea celor mai fantastice colaje pe care le poate imagina imaginația noastră. În general, potențialul acestui pachet este cu adevărat enorm. Începând cu versiunea 5.5, pachetul include programul Adobe ImageReady, oferind oportunități enorme de procesare a graficelor pentru WEB (optimizarea imaginilor, crearea gif-uri animate, „decuparea” imaginilor în altele mai mici etc.). Motto-ul dezvoltatorilor Adobe Photoshop - „Camera of your mind” - implică nu numai excelență tehnică, ci și libertate completă de creativitate, la care o persoană care lucrează cu acest program este pur și simplu condamnată.

PhotoPaint- un alt editor grafic la fel de cunoscut (din pachetul Corel Draw) pentru procesarea graficelor raster, concurând cu Adobe Photoshop. De asemenea, are toate instrumentele necesare pentru procesarea grafică, diverse filtre, texturi. Singura diferență este în ușurința în utilizare, interfața și viteza de aplicare a filtrului - aplicarea este puțin mai lentă.

Pictor- editorul oferă oportunități excelente de emulare a instrumentelor reale de desen: grafit, cretă, ulei etc. De asemenea, vă permite să imitați textura de suprafață a materialelor, să pictați și să creați animație. Foarte convenabil pentru dezvoltare imagini de fundal sau pagini Web în stil pictură. Folosind acest program te simți ca un adevărat artist.

Există, de asemenea, o serie de editori ( Microsoft Photo Editor, Microsoft PhotoDRAW), permițând și implementarea celor mai simple sarcini, dar nesatisfăcând nevoile profesioniștilor.

Editori de grafică vectorială


Adobe Illustrator- pachetul vă permite să creați, să procesați și să editați grafică vectorială. Din punct de vedere al puterii este echivalent

editor raster Adobe Photoshop: are o interfață similară, vă permite să conectați diverse filtre și efecte, înțelege multe formate grafice, chiar și cum ar fi .cdr (Corel Draw) și .swf (Flash).

CorelDraw- desigur, un astfel de pachet de grafică binecunoscut nu s-ar putea lipsi de instrumente de procesare a graficelor vectoriale. Pachetul este aproape la fel de puternic ca editorii grafici Adobe Photoshop și Adobe Illustrator. Pe lângă procesarea grafică vectorială, acest pachet conține un procesor de grafică raster (Photo Paint), un trasor de imagini, un editor de fonturi, pregătirea texturii și crearea codurilor de bare, precum și colecții uriașe de imagini


(CorelGallery).

Adobe Streamline- un alt produs Adobe conceput pentru trasarea (traducerea) graficelor raster în grafică vectorială. Acesta este un produs mic, dar foarte util și puternic. Deosebit de util dacă creați pagini Web folosind grafică vectorială, cum ar fi tehnologia Flash.

4. Crearea paginilor WEB în WORD"97

4.1 Metode de creare a paginilor WEB în WORD"97

Sunt doua moduri crearea paginilor web:

· prin utilizarea master sau șablon ,

· converti document existent Cuvânt în format HTML.

Pentru a simplifica procesul de creare a paginii, Web Page Wizard oferă mostre conținutul paginii - de exemplu, pagini de pornire individuale și formulare de înregistrare și diverse subiecte design grafic - de exemplu, o vacanță sau o societate. Dacă doriți, puteți începe cu o pagină Web goală.

Puteți face o pagină Web mai interesantă incluzând liste cu marcatori și numerotate, linii orizontale, culori de fundal, modele, tabele, imagini, videoclipuri, tickere și forme. Cele mai multe dintre aceste elemente sunt introduse în pagină așa cum ar fi introduse într-un document Word. Cu toate acestea, pentru a facilita editarea paginilor Web, Word oferă câteva funcții și comenzi speciale noi în acest scop.

Forma volumetrica.

4.6 Lucrul cu desene

Când o pagină Web este salvată în format HTML pentru prima dată, toate elementele grafice sunt convertite în GIF sau JPEG. Doar aceste două tipuri imagini grafice suportat pe Web.

Pentru a insera o imagine într-o pagină Web, selectați comanda Imagine din meniul Inserare și apoi comanda din Fișier sau Imagini. Dacă imaginea pe care o inserați este scrisă format JPG, este salvat în format JPG. Dacă desenul este într-un alt format, cum ar fi TIF, acesta este convertit în GIF. Dacă o imagine este lipită dintr-un fișier, atunci când este salvată, aceasta este copiată în același folder ca pagina web, cu excepția cazului în care caseta de selectare este bifată

O imagine inserată într-o pagină Web este aliniată în mod implicit. marginea stângă. Locația textului și a imaginilor poate fi specificată suplimentar folosind un tabel.

Obiectele grafice - cum ar fi formele automate, casetele de text și textul ondulat - pot fi folosite ca obiecte „de tip”. Desen Microsoft Cuvânt". Odată ce documentul este închis, aceste elemente nu pot fi editate din nou. Acestea vor fi convertite în imagini GIF.

4.7 Crearea de hyperlinkuri

Hiperlinkuri vă permit să săriți la o altă secțiune a documentului sau a paginii Web curente, la un alt document Word sau la o altă pagină Web sau la un fișier creat într-un alt program. De asemenea, puteți utiliza hyperlinkuri pentru a naviga la fișiere multimedia, inclusiv înregistrări audio și video.

4.8 Inserarea unui videoclip într-o pagină Web

Puteți plasa un videoclip încorporat pe o pagină Web. Aceasta înseamnă că videoclipul este încărcat atunci când utilizatorul deschide pagina. Pentru înregistrarea video, puteți seta două opțiuni de redare: imediat după deschiderea paginii sau după ce faceți clic pe pagină cu mouse-ul. Din moment ce nu toate mijloacele Navigare pe web oferiți posibilitatea de a vizualiza videoclipuri încorporate, poate fi util să îi furnizați text și imagini duplicat sau să nu îl plasați deloc informatii importante sub forma unei înregistrări video.

Concluzii

Astfel, am studiat capacitățile limbajului HTML pentru crearea de pagini Web, am aflat ce editori HTML și grafice sunt cel mai bine de utilizat în design Web, care sunt avantajele și dezavantajele anumitor pachete software. Și, în sfârșit, am aflat ce capacități are Word’97 din pachetul Microsoft Office pentru a crea pagini Web.

Deci, după ce am înțeles principiul construirii unei pagini Web, am studiat posibilitățile de conectare în ea diverse tipuri informații, putem spune cu siguranță că paginile Web, cu potențialul lor, pot fi utilizate în diverse scopuri.

O pagină web este fața acelei companii, a acelei instituții, a persoanei care a postat-o ​​pe WWW. Acesta este motivul pentru care astăzi se acordă o atenție atât de mare designului web, deoarece popularitatea cutare sau cutare resurse de informații pe internet depinde direct de aceasta. Nu degeaba profesia de web designer este acum una dintre cele mai bine plătite.

O persoană care creează o pagină Web combină cunoștințele și abilitățile sale cu creativitatea sa. Abilitatea de a crea este ceea ce distinge un adevărat web designer. Pentru a crea o pagină Web care să mulțumească ochiul, trebuie să combinați calitățile unui artist și ale unui programator.

Pentru a rezuma toate cele de mai sus, aș dori să observ că HTML a devenit formatul de transmisie a datelor care satisface cel mai complet și mai eficient nevoile societății moderne. Un fapt fără îndoială este că viitorul este HTML.

Lista de informații despre site-uri de pe care au fost utilizate la scrierea lucrării de curs:

www.webschool.narod.ru

www.pronet.ru

www.education.kulichki.net

Bună ziua, dragii mei cititori!

O persoană ar trebui să țină mereu pasul cu vremurile. Ce poate fi mai modern și la modă decât propriul tău site? Desigur, dacă acesta este doar un capriciu la nivelul „Îl vreau și asta e!”, atunci te poți descurca cumva cu numeroase generatoare de site-uri web, unde, ca într-un constructor de site-uri, alegi un șablon și fii fericit.

Singura captură este că resursa creată în acest fel îți va aparține numai nominal. În esență, acesta este același cont de rețea socială, doar cu funcții mai avansate.

Să lăsăm paginile de amatori de pe internet și să trecem la planuri mai globale. Deci, site-ul dvs. Ce să faci dacă nu știi nimic despre programare și este costisitor să angajezi un specialist? Este corect, ar trebui să utilizați opțiunea disponibilă, un program vizual de creare a site-ului web vă va ajuta.

Ce este?

De fapt, aceasta este o jucărie pentru leneși, vă spun. Abilitatea de a crea un site web aproape profesional fără cunoștințe html. Deși deseori programatorii începători pot folosi editorii vizuali ca o foaie de cheat. Cum? Mai simplu nu poate fi. Creați un site web în editor, deschideți codul paginii și îl studiați de la început până la sfârșit.

Frumusețea utilizării unui astfel de software este că aspectul resursei va fi vizibil imediat în fereastra programului în orice stadiu al lucrului cu acesta. Să luăm în considerare cel mai mult editori populari care au câștigat cea mai mare popularitate.

În primul rând, este de remarcat un program precum KompoZer. Un editor vizual destul de simplu, potrivit atât pentru începători absoluti, cât și pentru profesioniști. Comutare ușoară între aspectul vizual al site-ului și componenta de cod, capacitatea de a face interfața în limba rusă. Nu este aceasta fericire? Ei bine, plus distribuția gratuită, lucrați cu CSS (foi de stil în cascadă), JavaScript etc.

Merită să acordați atenție faptului că acest software
produsul nu vă va oferi un șablon, va trebui să faceți totul singur.

Acest software este creat pe motorul pe care funcționează browserul FireFox. Acest lucru face posibilă conectarea module suplimentare, care extind capacitățile programului.

În acest program puteți lucra cu mai multe pagini în care se deschid file separate, care vă permite să comutați rapid de la o pagină la alta.

WYSIWYG Web Builder

Singurul dezavantaj serios al acestui program este lipsa unei interfețe în limba rusă. Cu toate acestea, acest lucru poate fi rezolvat cu ușurință prin memorarea comenzilor sau prin deschiderea unui traducător online pe Internet. Plus că este versiune gratuită, iar cu această situație, acest mic inconvenient poate fi tolerat.

Ce ne oferă acest editor? Pentru „manechinele” complete, există zece șabloane de site web gata făcute aici. Dacă brusc nu vă place, atunci aveți o cale directă către resursa oficială, unde există și șabloane gratuite.

Ei bine, pentru cei al căror nivel este chiar deasupra unui ceainic, există multe instrumente care vă vor permite să creați un site web competitiv cu multe butoane și link-uri interactive, asamblandu-l ca un constructor.

Recomand să verificați cum este afișat site-ul în ferestrele browserului. Acest lucru este necesar pentru funcţionare corectă pentru orice utilizator. De ce verifica? Diferitele browsere utilizează motoare și moduri diferite de a afișa pagini web.


Web Page Maker

Web Creator de pagini nici nu are o interfață rusă. Acest editor este, desigur, mai simplu și are mai puține funcții, dar puteți crea o resursă de internet bună cu ajutorul lui. Aici s-a pus un accent mai mare pe capacitatea de a colecta resurse în blocuri.

Există chiar și șabloane de meniu gata făcute. Aici puteți personaliza totul pentru a vă potrivi, îl puteți instala acolo unde aveți nevoie și chiar puteți anima site-ul cu animație, astfel încât să nu pară complet static și înghețat. Și cel mai important lucru este că vei primi gratuit doar un anumit set de funcții. Pentru a extinde capacitățile, va trebui să plătiți.

WebSite X5 Evolution 8

Prima veste bună este că acest program are o interfață rusă.

A doua veste bună este că chiar și un „ceainic” absolut poate face față. Tot ce trebuie să faceți este să urmați instrucțiunile vrăjitorului și să faceți pas cu pas ceea ce arată programul. Și puteți fi sigur că site-ul se va dovedi fără găuri în coduri.

Puteți sări peste câțiva pași dacă nu aveți nevoie de ei. De exemplu, butoane pentru sistemele de plată. Distribuția este din nou mixtă, parțial gratuită.


Adobe Dreamweaver

Să trecem la plătit, dar foarte program popular chiar si printre specialisti. Adobe Dreamweaver este astăzi cel mai convenabil editor cu cele mai multe set complet funcții.

Acceptă cele mai recente limbaje de programare. Multe posibilitati de marcare a culorilor, verificarea afisarii site-ului in browsere diferiteŞi lucru convenabilîn editorul vizual în sine. Și în cele din urmă, dacă banii sunt păcat, atunci puteți căuta cu ușurință o versiune piratată a programului pe RuNet, care este distribuită gratuit.

Concluzia acestui articol este simplă. Dacă există cerere, atunci există ofertă. Cu doar câțiva ani în urmă, doar oamenii bogați și cei care cunoșteau limbaje de programare puteau avea propriul lor site pe Internet. Astăzi acest lucru este posibil chiar și cu un salariu mic și fără cunoștințe de html. Ar fi o dorință, după cum se spune.

Articolul oferă scurte recenzii despre doar câțiva editori vizuali pentru site-uri web, dar există de fapt mult mai mulți dintre ei. Puteți alege cu ușurință pe cel care vă va fi convenabil personal.

Inspirație pentru tine, creează-ți propriile resurse web diverse modele, câștigați bani și amintiți-vă - viitorul aparține celor care țin pasul cu vremurile. Nu uitați să vă abonați la actualizările blogului, vă promit că veți putea învăța o mulțime de lucruri interesante în noile ediții. Distribuiți materialul citit pe rețelele sociale. rețelele, poate că prietenii tăi vor fi și ei interesați de cele menționate mai sus. Te văd!

Cu stimă! Abdullin Ruslan

Subiectul 3.3: Aplicații pentru crearea de site-uri web

Tema 3.4: Aplicarea Internetului în economie și protecția informațiilor

Programe pentru crearea site-urilor web

3.3. Programe de aplicație pentru crearea de site-uri web

3.3.2. Introducere în FrontPage

Paginile web se bazează pe un limbaj de descriere hipertext documente HTML(Hypertext Markup Language). În HTML pentru a defini conținutul și formatul documente hipertext sunt folosite comenzi numite tag-uri. Paginile HTML sunt documente în format text simplu care conțin echipe speciale formatare (etichete HTML).

Pentru a crea un site web folosind FrontPage, nu este nevoie să înveți HTML. FrontPage face destul de ușor să tastați text care poate fi plasat pe o pagină Web și să plasați imagini în locurile potrivite. Folosind FrontPage, puteți crea efecte care ar necesita în mod normal scripturi sau programe DHTML.

Un site sau un site Web este un set de pagini Web și fișiere legate între ele. FrontPage are vrăjitori care vă permit să creați un site și șabloane sau un set de formate de text și grafice pre-proiectate, din care pot fi create noi pagini web. Vrăjitorii și șabloanele FrontPage vă permit să creați diferite tipuri de site-uri.

Fiecare site are o pagină Web, care se numește pagina principală sau pagina principală. Pagina de pornire este prima pagină Web pe care aterizează un vizitator al site-ului. Folosind navigare sau hyperlinkuri, utilizatorii vor putea ajunge la alte pagini ale site-ului.

De obicei, un site web este găzduit pe un server Web, un computer care oferă acces la paginile Web vizitatorilor site-ului. FrontPage vă permite să creați un site direct pe sistemul de fișiere al computerului utilizatorului și apoi să îl publicați pe un server Web când este gata.

După lansarea programului FrontPage (Start – Programe – FrontPage), pe ecran va apărea o fereastră de program, afișând o pagină nouă (new_page_1.htm). Panoul de activități afișează panoul Noțiuni de bază.


Orez. 1.

Fereastra aplicației FrontPage este formată din: bară de titlu, bară de meniu, bare de instrumente de editare și formatare, butoane selecție rapidă etichetă (pentru editarea și introducerea etichetelor), comenzi rapide pentru fila de selecție a paginii (pentru deplasarea între pagini), fereastra de lucru în care este afișată o pagină nouă, panou de desen, butoanele modului de vizualizare, indicatorul timpului estimat de încărcare a paginii la 56 kbps, pagini cu indicator de dimensiune, domenii de activitate.

FrontPage oferă patru moduri de vizualizare: Design, Code, Split și Preview. În modul „Designer”, ca în orice editor de text, puteți crea, edita și formata o pagină într-un mod vizual, de exemplu. introduceți text, adăugați imagini, tabele. În acest caz, etichetele în limbaj HTML sunt adăugate automat la fundal, Dar Codificare HTML nu este afișat pe ecran.

În modul „Cod”, toate codurile vor fi afișate pe ecran și puteți edita direct codul HTML, precum și introduceți coduri noi. Figura arată codul HTML pentru o nouă pagină goală în editorul FrontPage.



Orez. 2.

În modul „Split” - o pagină Web este afișată pe ecran simultan în modul Cod și în modul Design. În modul de vizualizare, pagina Web arată similar cu modul în care apare într-un browser Web.

Comenzile care sunt concepute să funcționeze cu pagini Web și site-uri Web se află în meniul Vizualizare al programului FrontPage:

  1. Pagina este modul de vizualizare și dezvoltare a paginii.
  2. Foldere – afișează structura folderului site-ului curent.
  3. Nod la distanță – un nod care se află pe un server de Internet.
  4. Rapoarte – oferă un rezumat al site-ului Web.
  5. Tranziții – afișează structura tranzițiilor între paginile site-ului.
  6. Hyperlinks – deschide o listă de link-uri pe pagina curentă.
  7. Activități – deschide o listă de activități pentru site-ul curent


Orez. 3.

Crearea de pagini web în aplicația FrontPage

Crearea unei noi pagini web goale

Dacă, când deschideți o fereastră de program FrontPage, aceasta afișează o pagină goală, atunci puteți dezvolta o pagină web pe baza acestei pagini. Dacă, la deschiderea editorului FrontPage, este afișată o fereastră principală goală, atunci pentru a crea o nouă pagină goală, trebuie să rulați comanda Fișier/Nou și să selectați Pagină goală în zona de activități. O pagină goală va apărea în fereastra aplicației. În continuare, trebuie să dezvoltați pagina, de exemplu. efectuați aspectul paginii (structura), introduceți text, imagini etc.


Orez. 4.

Crearea unei pagini web bazate pe șabloane FrontPage

De asemenea, puteți crea o pagină nouă pe baza unuia dintre șabloane. Pentru a face acest lucru, selectați comanda „Alte șabloane de pagină” din zona de activități. Pe ecran va fi afișată caseta de dialog Șabloane de pagină, care prezintă diverse șabloane de pagină pe categorii.



Orez. 5.

Crearea unei pagini web pe baza paginilor web existente pe computer

De asemenea, puteți crea o pagină web pe baza paginilor web existente pe computer. Pentru a face acest lucru, selectați comanda „Din o pagină existentă” din zona de activități și selectați pagina necesară în caseta de dialog care apare. Apoi puteți face modificările necesare în pagină și o puteți salva sub alt nume.

Crearea unui site web în aplicația FrontPage

Creați un nou site gol sau creați un site fără conținut

Pentru a crea un nou site gol, rulați comanda Fișier/Nou și selectați comanda „Alte șabloane de site web” din panoul de activități. Se va deschide caseta de dialog Web Site Templates, în care trebuie să selectați Blank Web Site și să faceți clic pe OK. Fereastra aplicației FrontPage va afișa site-ul web prezentat în figură.


Orez. 6.

Pentru a crea o pagină de pornire goală într-un site web nou, trebuie să accesați modul Tranziții și să faceți clic pe butonul Pagina nouăîn panoul Tranziții, pagina de pornire va apărea în câmpul de lucru (puteți folosi și meniul contextual pentru a crea o pagină de pornire).



Orez. 7.

Faceți dublu clic pe pagina de start cu butonul stâng al mouse-ului și se va deschide în modul design pentru editare (pagina - index.htm).



Orez. 8.

Apoi, puteți proiecta pagina de pornire (creați un aspect sau o structură a paginii, introduceți text, imagini etc.), apoi puteți adăuga pagini la pagina de pornire în modul Tranziții. Pentru a face acest lucru, în modul Tranziții, selectați pagina de pornire și faceți clic pe butonul Pagina nouă din panoul Tranziții sau utilizați meniul contextual.

Va fi adăugată o nouă pagină 1, care este prezentată în figură. Apoi, adăugați câte pagini este necesar pentru site, apoi puteți redenumi paginile și modifica ordinea acestora. Apoi, pe fiecare pagină trebuie să introduceți conținut (text, tabele, imagini etc.), rezultatul este un site web.



Orez. 9.

Crearea unui site web bazat pe șablonul editorului FrontPage

Pentru a crea un site bazat pe un șablon, rulați Fișier/Nou și, în zona de activități, faceți clic pe comanda Pachete Web, se va deschide caseta de dialog Șabloane site-uri web.



Orez. 10.

Selectați șablonul sau expertul necesar pentru a crea un site nou.

Site-ul creat are aspect și design, dar nu există conținut. În continuare, trebuie să introduceți textul corespunzător, imaginile, scripturile, contoarele și alte elemente ale site-ului în paginile acestui site.

Deoarece un document Web este un fișier text, puteți utiliza nu numai Notepad, ci și orice editor de text, de exemplu, de la MS-DOS, Norton Commander sau FAR, pentru a-l edita. Apropo, mulți utilizatori fac acest lucru tastând manual codul HTML în aceste editoare simple.

În prezent, există și programe mai serioase pentru pregătirea paginilor Web, care pot fi împărțite în trei tipuri:

    Sunt convertoare documente text pregătite în Word și Word Perfect în format de fișier HTML (un astfel de convertor este disponibil, de exemplu, în procesorul Word 97/2000 însuși).

Pe lângă cele trei categorii enumerate, există programe care combină caracteristicile editorilor de text și vizual HTML. Astfel de programe includ, de exemplu, Hot-Metal dezvoltat de SoftQuad Software.

    Editori vizuali HTML, adică editori de tip WYSIWIG (de exemplu, Microsoft FrontPage, Netscape Navigator Gold etc.). Când lucrează în aceste programe, utilizatorul se ocupă cu imagini grafice ale elementelor HTML, și nu cu codul documentului.

Avantajul este că este ușor de utilizat, nu trebuie să cunoașteți bine limbajele de marcare.

Dezavantajul este că se generează o anumită cantitate de cod incorect.

    Editori de texte HTML reale, permițându-vă să automatizați tastarea și editarea codului (de exemplu, Dreamweaver, HomeSite, SiteEdit, WebEditor și multe altele). Aceste programe permit utilizatorului să insereze rapid și ușor elemente HTML într-un document, să verifice sintaxa comenzii și să ruleze și să depaneze o pagină fără a părăsi fereastra editorului. În general, lucrul în astfel de editori amintește de lucrul într-un mediu de programare interactiv precum Delphi sau Visual Basic.

Avantajul este codul „curat”.

Dezavantaj: Trebuie să ai cunoștințe bune de programare web.

PRELEZA 6.Fundamentele procesării digitale a imaginii și a sunetului. Tehnologii web și multimedia.(2 ore)

6.1. Imagini de pe Internet: gif, jpeg, png, tehnologii Flash.

Astăzi, pentru mulți oameni, World Wide Web este mediul vizual. Grafica nu numai că îmbunătățește percepția utilizatorului asupra materialului; cu condiția să fie plăcută din punct de vedere estetic, poate îmbunătăți experiența utilizatorului. În același timp, utilizarea excesivă a graficii poate avea un impact negativ, rezultând un site lent și inutilizabil. Utilizarea corectă a imaginilor pe Web nu este doar o chestiune de gust. Acest lucru necesită o înțelegere cuprinzătoare a diferitelor formate de fișiere, cum ar fi GIF, JPEG și PNG. Scopul principal al designerului este de a echilibra calitatea imaginilor cu dimensiunea lor la încărcare.

6.1.1. Formate de imagine

Un monitor de computer este format din multe puncte mici sau pixeli (elemente de imagine). Imaginile de pe ecran sunt formate prin setarea culorilor pixelilor individuali. Un format de imagine descrie datele de culoare și poziție necesare pentru a afișa o imagine pe ecran. Există două tipuri principale de formate de imagine: vector și raster.

În forma sa originală, o imagine raster este doar o colecție de pixeli care au valori diferite de culoare. Datorită numărului mare de pixeli și a informațiilor de culoare, imaginile brute raster pot fi foarte voluminoase. O imagine raster necomprimată de 800 x 600 pixeli cu culoare pe 24 de biți ar ocupa mai mult de 1 MB (800 x 600 x 24 = 11.520.000 de biți / 81 = 1.440.000 de octeți). Având în vedere dimensiunea lor posibilă, formate raster imaginile implică aproape întotdeauna un anumit tip de compresie. În general, există două forme de compresie a imaginii: fără pierderi și cu pierderi. Cu compresie fără pierderi, imaginea comprimată este identică cu imaginea necomprimată. Deoarece toate datele din imagine trebuie păstrate, raportul de compresie și economiile corespunzătoare în dimensiunea fișierului sunt relativ mici. Pe de altă parte, compresia cu pierderi nu păstrează imaginea exact, dar poate oferi un raport de compresie mult mai mare. Când utilizați compresia cu pierderi, dimensiunea imaginii este redusă prin reducerea calității imaginii. Deoarece este puțin probabil ca ochiul uman să observe pierderea calității, acest compromis de compresie este probabil acceptabil.

În imagine vectorială informațiile sunt stocate diferit: imaginea este descrisă ca o colecție de curbe, puncte și culori matematice. Având în vedere modul compact de descriere a imaginilor vectoriale, avantajul acestui format este dimensiunea extrem de mică a fișierului, deoarece imaginea este creată sau vizualizată matematic, este ușor de scalat - în comparație cu formatele raster, în care imaginile sunt deformate la redimensionare. În ciuda tuturor beneficiilor asociate cu acestea, imaginile vectoriale prezintă și dezavantaje. În primul rând, imaginea vectorială trebuie să treacă printr-un pas suplimentar de randare atunci când este redată și afișată pe ecran. În comparație cu imaginile bitmap, care sunt pur și simplu decomprimate și redate, acest proces durează ceva timp. Diferența dintre aceste două formate de imagine de bază a fost prezentată în Fig. 6.1.

Figura 6.1. Diferențele dintre imaginile raster și vectoriale

În majoritatea cazurilor - când imaginea este destul de simplă - timpul de redare a unei imagini vectoriale este neglijabil. Pe măsură ce imaginea devine mai complexă, procesul de randare poate dura din ce în ce mai mult. Amintiți-vă că în cele din urmă orice imagine trebuie să devină o imagine raster pentru a fi afișată pe ecran. Formatele vectoriale funcționează bine pentru grafică, text și logo-uri în stil ilustrație, în timp ce imaginile raster funcționează bine cu fotografii. Destul de interesant, multe formate vectoriale importați hărți de biți pentru a crea texturi, iar vectorii sunt adesea convertiți în raster pentru includerea în hărți de biți. Ambele tipuri de formate au meritele lor și coexistă bine.

Deși standardul HTML nu specifică ce formate de imagine pot fi utilizate pe Web, browserele acceptă în general aceleași tipuri. Pe Web, principalele formate de imagine raster sunt GIF (Graphics Interchange Format) și JPEG (Joint Photographic Experts Group). Formatul PNG (Portable Network Graphics) face în sfârșit unele progrese, dar nu este încă utilizat pe scară largă.

Când vine vorba de grafică vectorială, Flash este formatul dominant pe Web, dar și formatul SVG (Scalable Vector Graphics) aprobat de W3C câștigă teren. Alte formate de imagine — de exemplu, diverse formate legate de UNIX, cum ar fi X Bitmap și X Pixelmap și formatul Windows BMP — sunt adesea acceptate nativ de browsere, dar sunt în general de interes istoric și nu ar trebui să le utilizați. În timp, formatele ascunse, de exemplu, bazate pe unde elementare, vor deveni dominante; dar, conform cel puţin, deocamdată trebuie să rămânem cu GIF și JPEG bine stabilite. Să discutăm despre principalele formate de imagine și despre unele dintre caracteristicile lor valoroase.

Care este principala diferență programe offline pentru a crea site-uri web din ? Include găzduire și tip de panou de control. Utilizarea programelor necesită închirierea de găzduire de la un furnizor pentru a publica site-uri. În plus, nu au nici un panou de control online - toate modificările trebuie făcute în interfața programului offline și apoi actualizați fișierele site-ului prin FTP, după cum este necesar.

Va fi necesară găzduirea setări separate, deși uneori poate fi folosit din cutie fără a atinge nimic. Software-ul desktop bun are o interfață FTP încorporată pentru actualizarea dinamică a fișierelor de pe server - introduceți adresa serverului, portul, autentificarea, parola și totul începe să funcționeze. Conectarea programului cu găzduirea nu este atât de dificilă. Dar este necesară toată această agitație cu setările?

Are sens să folosești programe offline având în vedere existența constructorilor de cloud - în esență același lucru, dar servite într-o sticlă cu găzduire? Ce poate oferi software-ul desktop pe care, de exemplu, uKit, un designer cu un editor vizual pentru crearea de site-uri web de afaceri, nu are? De cost minim, cu toate clopotele si fluierele. Să comparăm profitul din utilizarea constructorului și cele mai bune două programe.

uKit este cea mai bună alternativă la software-ul desktop

Generatorul de site-uri web uKit este un program găzduit și configurat pe un site de găzduire. Aceasta înseamnă că nu trebuie să descărcați, să instalați sau să reglementați nimic nicăieri - în acest sens, uKit este un ordin de mărime mai convenabil decât oricare, chiar și cel mai avansat și frumos program desktop pentru crearea de site-uri web. Gazduirea este configurata din nou, securitatea este responsabilitatea suportului tehnic al serviciului.

Înregistrare în 10 secunde - și ești deja în faza de a alege un design pentru viitorul tău site web. Soluțiile offline nu vor vedea niciodată o astfel de viteză de pornire datorită formatului lor: descărcați, instalați, faceți un site web, cumpărați găzduire, configurați-l și apoi o conexiune FTP, încărcați fișiere de site, actualizați dacă este necesar, tot prin FTP - acesta este ciclul a software-ului desktop.

În uKit, procesul arată diferit: înregistrați-vă, faceți un site web și publicați-l cu un singur clic. Panoul de control vă permite să lucrați cu pagini în timp real. Să presupunem că trebuie să actualizați textul de pe pagina principală: intrați în editor, faceți clic pe text, introduceți o versiune nouă. Toate. Modificările sunt aplicate automat pe măsură ce sunt făcute și sunt imediat vizibile pentru vizitatori.

Un alt plus al uKit - actualizare centralizată. Automat. Recenziile actualizărilor sunt publicate pe blogul de servicii. Asistența tehnică ajută la rezolvarea problemelor. Software-ul desktop este actualizat în modul manual, adesea o versiune nouă costă și bani. Și veți primi și 2 suport tehnic - hosting și software. Incomod. uKit este mereu actualizat, suportul tehnic este uniform.

Puteți lucra cu uKit din orice browser. Din punct de vedere funcțional este avansat. Editor vizual vă permite să asamblați pagini din blocuri și widget-uri gata făcute diverse sarcini- descrierea serviciilor, contacte, multimedia, prețuri, recenzii, flux de blog, vitrină etc.

Setul include o mulțime de widget-uri pentru feedback-ul clienților: partajare rețelele sociale, chat live, comanda sună din nou, formulare de contact, ferestre pop-up, liste de corespondență. Blocurile și widget-urile pot fi aranjate în orice ordine, iar aspectul și conținutul lor pot fi personalizate. Acceptă efecte, fundaluri video, fonturi Google, scheme de culoriși așa mai departe.

Site-urile web din uKit sunt receptive în mod implicit. Șabloanele gata făcute constau din blocurile menționate mai sus, există mai mult de 300 dintre ele. Da, sunt similare, deoarece sunt asamblate din widget-uri de editor standard. Dar fiecare design are o structură și un conținut care corespunde subiectului: poți înlocui demo-ul cu informațiile tale și poți publica site-ul fără a schimba nimic în ansamblul paginilor.

În plus, site-urile de pe uKit sunt convenabile de promovat. Instrumentele SEO încorporate sunt echipate cu sfaturi interactive, care vor fi de mare ajutor pentru începători. Conexiunea SSL este ușoară și gratuită. Integrari suportate servicii terților- amoCRM, Servicii Google, rețele sociale, Soundcloud, calculator de servicii și altele.

Și site-urile de pe uKit funcționează rapid datorită optimizării bune a găzduirii și a codului. Rezultatul este de la 80 de puncte conform Google PageSpeed. Toate imaginile încărcate sunt convertite în formate ușoare fără pierderi de calitate. Toate acestea au un efect pozitiv asupra promovării și comportamentului vizitatorilor pe site - aceștia nu așteaptă și nu pleacă pur și simplu.

Din punct de vedere al costului, uKit este profitabil. Prețul de pornire de 48 USD/an este ușor redus cu 25% cu codul nostru promoțional (SITE-BUILDERS-25), coborând la 36 USD/an. Găzduirea cu un domeniu pentru 1 site web costă aproximativ la fel. De fapt, software-ul în sine nu este încă gratuit (licență, module suplimentare, extensii etc.). În total, o astfel de combinație va costa mult mai mult decât un designer.

uKit este un program online convenabil pentru crearea de site-uri web de afaceri. Cărți de vizită, pagini de destinație, portofolii cu blog, magazine - domeniile de competență ale serviciului. În multe privințe, depășește soluțiile desktop în flexibilitate, permițându-vă să conectați cu ușurință servicii terțe, să faceți rapid editări chiar și fără un computer la îndemână și să vă promovați în mod eficient site-ul fără a dansa cu o tamburină.

Adobe Muse este cel mai avansat program de calculator pentru crearea de site-uri web

Descărcați Adobe Muse →

Adobe Muse este o alegere excelentă pentru designeri și pentru cei care proiectează la nivel profesional pagini de destinație. Are o funcționalitate serioasă și o barieră ridicată la intrare. Este puțin probabil ca cineva să poată să se așeze și să înceapă să folosească toate capacitățile Adobe Muse la o oră după instalare.

Acest software este cel mai bine utilizat dacă aveți deja experiență serioasă în Photoshop. În caz contrar, începătorii vor putea înțelege acest lucru în profunzime numai după ce au studiat cursuri despre sistem și diverse întrebări frecvente. Din fericire, există o mulțime de asta pe internet. Muse este considerat aproape o pictogramă pentru crearea paginilor de destinație unice în cercurile relevante de specialiști.

În ceea ce privește capabilitățile, Muse este cel mai puternic program pentru munca offline din mica noastră selecție. Cost - 454 de ruble/lună pentru un abonament la Creative Cloud. Cu ajutorul acestuia, puteți obține site-uri web receptive (pagini de destinație și cărți de vizită) în HTML5. Rezultatul poate fi salvat pe hard disk, încărcat pe găzduire sau pe un cloud.

Muse acceptă șabloane, există un număr mare de acestea pe Internet. Dar totuși, însăși structura programului și setul de capabilități încurajează o abordare creativă - creați singuri machete de pagină de la zero. Acest lucru se poate face relativ simplu... după studierea materialelor pe tema.

Conceptul de șablon în Muse este diferit de cel general acceptat: înseamnă o parte a aspectului care rămâne neschimbată pe toate paginile site-ului (antet și subsol, de exemplu). Orice altceva se numește „pagină”. Drept urmare, după descărcarea unui design gata făcut pentru site, veți primi un set de șabloane și pagini.

Muse vă permite să creați magazine dacă doriți, dar acest lucru va necesita instalarea de widget-uri suplimentare (da, sunt acceptate și da, sunt multe), iar rezultatul este mediu. Site-uri frumoase, dar mici, pentru câteva zeci de produse. Acesta este aproximativ ceea ce puteți vedea în constructori cu un editor vizual.

Blogurile nu mai sunt necesare, deoarece Muse nu are un panou de control online în versiunea sa de stoc și, în consecință, capacitatea de a actualiza dinamic conținutul. Deși, dacă nu vă deranjează timpul și nervii, atunci puteți încărca postări pe găzduire din modul desktop. Există și modificări create de meșteri care adaugă un panou de control pentru Muse la găzduire. Nu sunt multe, le puteți descărca de pe Internet, dar nu întotdeauna gratuit. Acest mod va transforma în esență software-ul într-un CMS, dar va necesita unele bătăi de cap cu instalarea și configurarea.

Este obișnuit să promovezi site-uri web pe Muse publicitate contextualăși rețelele sociale, deoarece majoritatea sunt pagini de destinație. Sistemul vă permite să conectați Google și Yandex Analytics și să completați parametrii metaetichetei. În general, creați o bază. Restul este o chestiune de tehnologie și servicii de la terți.

Cel mai important lucru este că, dacă ai gust și pricepere, poți crea, sincer, pagini de capodoperă. Niciun designer nu se poate compara cu Muse în cel mai înalt punct de implementare. Dar o astfel de abilitate trebuie încă obținută. Majoritatea vor putea să creeze o primă pagină după 2-3 zile de învățare a complexităților Muse pe YouTube. Destul de decent, dar nu peste medie.

Adobe Muse are un mod de probă de 7 zile. Merită încercat. Dacă sunteți o persoană creativă obișnuită să lucreze cu Photoshop, atunci acest program va fi o mană cerească pentru dvs. Dacă nu aveți nevoie de complicații suplimentare, acordați atenție următorului candidat din lista noastră. Sau, mai bine, utilizați generatorul de site-uri web uKit.

Mobirise este probabil cel mai bun și complet gratuit program de creare de site-uri web

Descărcați programul Mobirise →

Mobirise impresionează prin simplitate, comoditate și, desigur, libertate. Da, poți cumpăra ceva de aici, dar te poți descurca fără el. Versiunea gratuită nu are limitări critice, suplimente plătite Ele vor extinde doar ușor capacitățile, dar nu vor schimba fundamental experiența utilizării sistemului și rezultatul. În plus, dacă decideți să cumpărați funcționalități suplimentare, puteți obține cu ușurință o reducere de aproximativ 60%. Doar abonați-vă la lista de corespondență sistem - de îndată ce apare reducerea, veți primi o notificare. Astfel de promoții nu sunt neobișnuite la Mobirise.

Crearea unui site web html în Mobirise durează 1-2 ore. Codul este simplu, curat, site-urile arată bine și funcționează rapid. Până la urmă, dacă înțelegi codificarea, atunci după ce ai încărcat site-ul prin FTP în hosting, nimic nu te va împiedica să personalizezi designul și așa mai departe prin cod așa cum vrei tu: vei avea acces complet la dosare. Deși este posibil să achiziționați un modul plătit pentru editarea codului site-ului prin interfață, în acest caz vă puteți descurca fără el. Nu suntem străini să reinventăm roțile, nu-i așa? Cu serviciile cloud, acest număr nu va funcționa dintr-un motiv evident: dacă nu există o astfel de opțiune în panoul de administrare, atunci nu există nicio modalitate. Deși există excepții precum Diafan.Cloud - aici veți avea și acces la FTP.

Mobirise este foarte atractiv în ceea ce privește procesul de creare a site-ului web. Operați cu blocuri gata făcute pe care le puteți personaliza pentru dvs., copiați și lipiți pe alte pagini ale site-ului, folosind efecte de animație pentru designul paginii, pictograme suplimentare și șabloane interesante. Da, unele dintre funcțiile sistemului sunt plătite, dar chiar și fără ele pierde puțin din utilitatea sa pentru utilizatorul final.

De asemenea, puteți crea aici magazine foarte funcționale. Da, produsele trebuie adăugate manual, dar fereastra de afișare se dovedește foarte frumoasă, iar plata online funcționează corect. Mobirise este, de asemenea, actualizat în mod regulat (în fiecare lună sau chiar mai des). Este clar că echipa lucrează, toată lumea ar trebui să facă la fel! Au creat o platformă unică, plăcută și foarte promițătoare.

Pentru bani puteți obține șabloane suplimentare (în esență, seturi de blocuri cu diferite design stoc). Există mai mult de 20 de ele per în acest moment, costul în vrac este de 29 USD. De asemenea, puteți achiziționa un pachet de pictograme vectoriale (mai mult de 6.000 de bucăți, 19 USD), un coș de cumpărături cu posibilitatea de a accepta plăți online prin PayPal (29 USD), un glisor de marcă (29 USD) și un editor de coduri pentru 69 USD. Toate plățile sunt o singură dată - achizițiile vor rămâne pentru totdeauna în contul dvs. conectat la căsuța dvs. poștală.

Cea mai profitabilă opțiune este achiziționarea kit-ului All-in-One pentru 197 USD. Veți primi toate șabloanele și extensiile pentru acești bani. Dacă atașați o reducere achiziției dvs., puteți împărți această sumă din nou la jumătate. Adică, pentru aproximativ 100 USD poți achiziționa toate jetoanele Mobirise plătite. Acest preț poate fi comparat cu o taxă de abonament de 1 an pentru un constructor de cloud popular. Este profitabil? Probabil că da, dacă vă place programul.

Mobirise este conceput pentru începători pentru a crea cărți de vizită, pagini de destinație și magazine mici. Fluxul de lucru este extrem de simplu: din blocuri gata făcute pentru diverse scopuri creați un site web, editați conținutul pentru a se potrivi nevoilor dvs. și treaba este gata! Desigur, va trebui să introduceți date FTP pentru găzduire pentru a încărca site-ul, dar nu este nimic complicat în acest sens. Fă-o o dată conform instrucțiunilor, repetă a doua oară fără dificultate.

Mobirise- program bun. Foarte posibil chiar și cel mai bun de acest gen. Dar nu este potrivit pentru proiecte mari. Pentru cei de mărime medie, totul aici este destul de, foarte prietenos și clar așezat. Chiar și un elev de clasa a cincea își poate da seama. Efectul rezultatului merită cel mai mare rating.

Avantajele și dezavantajele programelor de creare de site-uri web

Cel mai mare avantaj, în opinia noastră, este capacitatea de a crea un număr nelimitat de site-uri web după achiziționarea unei licențe. Ei bine, sau complet gratuit, cum este cazul cu Mobirise. Este clar că va trebui să cheltuiți bani pe un domeniu și pe hosting. Acest lucru nu poate fi evitat. Gazduire gratuita cu subdomenii nu sunt potrivite pentru altceva decât pentru testarea capabilităților sistemului.

Dezavantajele sunt următoarele:

  • Trebuie să cumpărați separat și să configurați găzduirea, ceea ce poate fi o problemă pentru începători;
  • Aveți nevoie de un computer pentru a actualiza site-ul pe care se află fișierul proiect și este instalat programul. Nimic nu funcționează de pe smartphone;
  • Este incomod să integrați funcționalitatea serviciilor de la terți;
  • Lipsa panoului de control online;
  • Asistența tehnică este de obicei mai puțin receptivă decât cea a creatorilor de cloud populari. În plus, este separat: va trebui să vă ocupați de 2 servicii - software-ul în sine și găzduirea, ceea ce este incomod.
  • Costul unui pachet de găzduire + domeniu și al caracteristicilor software plătite depășește prețul tarifelor multor designeri.

Pentru a rezuma: Principalul avantaj al programelor offline este capacitatea de a dezvolta un număr infinit de proiecte care pot fi puse într-o cutie. Nimeni nu se grăbește. Da, pentru a le publica pe fiecare veți avea nevoie de o sumă aproximativ egală cu taxa anuală de abonament pentru constructor. De asemenea, nu uitați de licența plătită a extensiilor Adobe Muse și Mobirise - și asta sunt bani, relativ considerabili. Dacă aveți nevoie de 1-2 site-uri web, nu are rost să folosiți programe desktop pentru a le crea. Doar pe termen lung de dezvoltare a site-urilor client software-ul poate fi mai profitabil decât designerii. Și atunci, vorbim doar despre Muse - design individual făcut singur si toate astea. Exclusiv la un preț scump, ca să spunem așa. În alte cazuri, trebuie să luați uKit și să nu vă deranjați.

Concluzii

În ciuda unui anumit grad de atractivitate, programele desktop, în general, sunt inferioare în multe privințe față de constructorii de site-uri online. Mai ales unui concurent evident în ceea ce privește focalizarea (pagini de destinație, cărți de vizită) cu un cost redus la calitate superioară produs. Același program care este dat în întregime cu toate clopotele și fluierele fără a fi nevoie să configurați nimic sau să achiziționați cipuri suplimentare.

Mobirise ne place foarte mult din mai multe motive: convenabil, de înțeles, frumos, moderat funcțional și gratuit (în sine, dar găzduirea și domeniul costă întotdeauna bani). Doar un basm în felul său - o grămadă de șabloane (deși plătite), o interfață intuitivă, FTP încorporat, extensii utile si toate astea. Dar toate acestea sunt disponibile și în uKit. Mai mult, mai ieftin și mai bun, per total.

Adobe Muse se deosebește pentru că designerul acest software greu de numit. Este destinat construcției secvențiale a unui layout, programul în sine nu conține nicio pregătire. Necesită un studiu atent și abordare creativă pentru utilizare. Software excelent, foarte specializat, pentru designeri care creează machete personalizate frumoase.

uKit și Muse nu sunt concurenți. În general, majoritatea utilizatorilor se vor folosi mai mult de la designer, dar există și cei care știu să deseneze un design element cu element. Le va placea. Da, Muse este un software plătit, nu pentru toată lumea. Designerii se vor simți confortabil cu el - este perfect pentru o pagină. Pentru toți ceilalți, existența sa nu contează - este dificil de utilizat, costul este ridicat.

Care este rezultatul? Programele, în ciuda lor punctele forte, devenit un lucru al trecutului. Sunt pur și simplu incomode după standardele actuale. Designerii pot face același lucru, dar în același timp oferă găzduire, șabloane gata făcute, un panou de control convenabil (te poți autentifica și de pe un smartphone), plus pentru plata tarifului pe care îți oferă adesea un domeniu și alte bunătăți . Există și reduceri.

uKit este o alternativă evidentă la programele desktop. Cel puțin din cauza costului. Există designeri scumpi care nu sunt profitabili în comparație cu software-ul. Nu le luăm în calcul. Dar Yukit joacă în aceeași ligă ca majoritatea programelor - creând site-uri web pentru afaceri. Și pentru banii săi, cu o astfel de funcționalitate, nu lasă nicio șansă pentru Mobirise și alții. Aceasta este realitatea.