Creare
si actualizare site
Continut, structura, aspect grafic
Tehnologii utilizate in proiectare
Estetica fotografica in web design
Optimizare grafica pentru web
Ce este HTML
Fundamente
Fonturi
Blocuri de text
Imagini
Legaturi
Liste
Tabele
Ferestre cadru in HTML
Formulare
Sinteza taguri
Ce sunt stilurile
Stiluri dedicate
Clase de stiluri
Stiluri identificate
Stiluri inline
Stiluri definite in fisiere externe
Pseudo clase de stiluri
| DOCUMENTATIE - JAVASCRIPT |
Ce este, cum se insereaza
Evenimente si functii
Ierarhii JavaScript
Ferestre cadru in JavaScript
Crearea ferestrelor in JavaScript
JavaScript si bara de stare
Obiecte predefinite
Validare date in formulare HTML
Obiectul Image
Exemple JavaScript
HTML + CSS + XML - profesional
Java + JavaScript - profesional
|
|
| PROIECTARE SITE WEB > PROIECTARE & WEBDESIGN - Tehnologii
utilizate in proiectare |
Tehnologii Utilizate in Proiectarea si Design-ul Site-urilor Web:
HTML, XHTML, CSS, XML, XSL, XSLT, JavaScript, DHTML,
Java, PHP, JSP, ASP
HTML
Ce este un fisier HTML? In primul rand HTML reprezinta prescurtarea
de la Hyper Text Markup Language (denumirea oficiala a standardului).
Un fisier HTML este un fiser text cu extensia ".htm" sau ".html" continand
pe langa text pur si instructiuni standard de machetare (web design).
Efectul machetarii este vizibil in browserele de Internet (Internet
Exlorer, Netscape Navigator, Opera, etc...). Practic marcajele de
tip HTML din cadrul documentului spun browser-ului cum sa afiseze
continutul util al fisierului. Despre HTML vei putea afla mai multe
lucruri in cadrul prezentarii pe etape din sectiunea HTML a site-ului,
sau, la un nivel superior, din cartea electronica
"HTML,
CSS, XML - Profesional", pe care Afaceri-Online o pune
la dispozitie.
CSS
Ce este un fisier CSS? In primul rand CSS reprezinta prescurtarea
de la Cascading Style Sheets (denumirea oficiala a standardului).
Un fiser CSS este un fisier text cu extensia ".css" definind stiluri
pentru paginile HTML. Stilurile indica intr-un mod mult mai riguros
decat atributele HTML cum sa afiseze browserul elementele componente
ale unui document HTML (text, grafica, formulare, etc...), oferind
posibilitati mult superioare standardului HTML. Fisierele
CSS permit stilizarea in bloc a documentelor HTML cu un efort semnificativ
mai mic decat in cazul stilizarii elementelor de pagina in cadrul
fiecarui document HTML in parte, prin intermediul atributelor
tagurilor. Despre CSS vei putea afla mai multe
lucruri in cadrul prezentarii pe etape din sectiunea CSS a site-ului,
sau, la un nivel superior, din cartea electronica
"HTML,
CSS, XML - Profesional", pe care Afaceri-Online o pune
la dipozitie.
XML
Ce este un fisier XML? In primul rand XML reprezinta prescurtarea
de la EXtensible Markup Language (denumirea oficiala a standardului).
A fost proiectat pentru a manipula date in mod riguros. Ineditul pe
care il aduce limbajul XML este faptul ca nu contine taguri standard
(predefinite). Practic, tagurile XML sunt definite (construite) exclusiv
de utilizator (proiectant). Este asadar un limbaj extensibil. Trebuie
mentionat faptul ca standardul XML nu este decat intr-un mod foarte
general asemanator cu HTML. In timp ce standardul HTML urmareste afisarea
datelor avand ca obiectiv central modul in care acestea arata in browser,
scopul XML este acela de a structura, stoca si transmite date sub
forma de informatii utilizator, avand ca obiectiv central
semnificatia profunda a acestora. Intr-un cuvant, HTML afisaza informatii,
in timp ce XML descrie si manipuleaza informatiile in mod riguros.
Atentie: XML nu este un inlocuitor pentru HTML. O evolutie previzibila
a web-ului sugereaza o completare reciproca a celor doua standarde
prin utilizarea impreuna in cadrul acelorasi documente: XML va fi
utilizat pentru a descrie date, in timp ce HTML va formata si afisa
corespunzator aceste date. Despre XML vei putea afla mai multe lucruri
din cartea electronica
"HTML, CSS, XML -
Profesional", pe care Afaceri-Online o pune la dipozitie.
XSL
Ce este un fisier XSL? In primul rand XSL reprezinta prescurtarea
de la EXtensible Style Language (denumirea oficiala a standardului).
Practic, XSL reprezinta pentru documentul XML ceea ce reprezinta CSS
pentru HTML, adica o foaie de stiluri. Diferenta dintre CSS (HTML
Style Sheets) si XSL (XML Style Sheets) este foarte mare. HTML utilizeaza
taguri (marcaje) predefinite si semnificatia acestora este de la bun
inceput cunoscuta si inteleasa de browser. Spre exemplu, tagul <TABLE>
defineste un tabel, iar browserul stie ce este acesta si cum trebuie
afisat. Adaugand stiluri fisierului HTML vom indica browserului sa
afiseze un element de pagina (precum tabelul exemplificat mai sus) intr-un anumit
mod, uzand de data aceasta de atribute CSS predefinite - indicand,
spre exemplu, margine de dimensiune 1 si culoare albastra. In schimb
XML stim deja ca nu lucreaza cu taguri predefinite (am vazut ca putem
defini cate taguri personalizate dorim). Asadar, semnificatia tagurilor
XML utilizate de proiectant nu este cunoscuta browser-ului. Tagul
<TABLE> in XML poate desemna, intr-adevar, un tabel, la fel
de bine ca si un formular sau un obiect abstract iar browserul nu
va sti cum sa-l afiseze. De aceea trebuia sa existe o componenta aditionala
documentelor XML care sa traduca browserului modul in care un document
XML va fi afisat. Si aceasta este XSL. Totusi, XSL este mai mult decat
un standard de stiluri pentru documentele XML. Practic, XSL se constituie
din 3 parti componente: XSLT, care este un limbaj menit sa transforme
documentele XML in documente XHTML; XPath care este un limbaj menit
sa defineasca si sa izoleze portiuni din documentele XML; XSL-FO,
practic un limbaj de formatare (structurare) superioara a documentelor
XML. Despre XSLT vei putea afla mai multe lucruri din cartea
electronica
"HTML, CSS, XML - Profesional",
pe care Afaceri-Online o pune la dipozitie.
XHTML
Ce este un fisier XHTML? In primul rand XHTML reprezinta prescurtarea
de la EXtensible HyperText Markup Language (denumirea oficiala a standardului).
Practic este un inlocuitor modern al mai vechiului limbaj HTML, fiind
aproape identic cu standardul HTML 4.01, o versiune imbunatatita,
mult mai stricta si mai curata a standardului HTML 4.0. Abstractizand
putin, afirmam ca XHTML reprezinta o definire de tip XML a unui document
HTML, pe scurt o combinatie intre HTML si XML. Avantajele unei aplicatii
XHTML sunt multiple: pot fi citite de toate dispozitivele XML, in
timp ce pastreaza compatibilitatea cu toate browserele de Internet
mai vechi sau mai noi fara a necesita specificatii suplimentare.
JavaScript
JavaScript reprezinta un limbaj de script utilizat la ora actuala
de majoritatea paginilor web din Internet pentru a imbunatati design-ul general,
valida datele utilizator din formulare, aduga interactiune cu utilizatorul prin
efecte speciale aplicabile elementelor de pagina in funtie de evenimentele
generate de utilizator. La ora actuala este cel mai important limbaj
de script de pe Internet. Despre JavaScript vei putea afla mai multe
lucruri in cadrul prezentarii pe etape din sectiunea JavaScript a
site-ului, sau, la un nivel superior, din cartea electronica
"Java, JavaScript - Profesional", pe
care Afaceri-Online o pune la dipozitie.
DHTML
Ce este DHTML? In primul rand, DHTML nu reprezinta, cum s-ar putea
crede, prescurtarea de la Dinamic HyperText Markup Language (o asa
zisa denumire oficiala a standardului). Practic DHTML nu este un standard
(nu exista fisiere cu extensia DHTML)! DHTML este o denumire generica
adoptata in unanimitate de proiectantii de pagini web, desemnand arta
de a combina tehnologiile HTML, CSS si JavaScript pentru a realiza
sit-uri web cu adevarat interactive, adaugand o puternica nota de
impact
cu utilizatorul si efecte vizuale dintre cele mai spectaculoase.
Cele
doua carti electronice de proiectare site-uri web oferite
de Afaceri Online -
"HTML, CSS, XML - Profesional",
respectiv
"Java, JavaScript - Profesional" - pun la dispozitia
proiectantului un suport consistent cu privire la
arta DHTML a construirii site-urilor web de efect utilizand
tehnologiile HTML, CSS, JavaScript.
Java
Java este la ora actuala una dintre cele mai puternice platforme de
dezvoltare software - limbaj de programare independent, aducand in
spectrul web posibilitati exceptionale de interactiune client-server,
cu mult dincolo de binecunoscutele formulare, animatii, jocuri sau
efecte vizuale interactive. Practic tehnologiile Java (de multe ori
combinate cu alte standarde sau tehnologii cum ar fi XML spre exemplu),
reprezinta o modalitate foarte apropiata de natural pentru implementarea
de aplicatii manipuland cu succes mai toate tipurile de generatori
si consumatori de informatie, de la telefoane mobile pana la sisteme
de gestionare a tranzactiilor online. Portabilitatea si extensibilitatea
celor doua tehnologii (Java si XML) face din acestea alegerea ideala
pentru satisfacerea unei impresionante game de cerinte ale Internetului,
de la cele mai simple programe pana la aplicatii ruland pe diferite
platforme interconectate si solicitand nivele dintre cele mai performante
de securitate, stabilitate si portabilitate. O incursiune fascinanta
in programarea Java o puteti gasi in cartea electronica
"Java, JavaScript - Profesional", oferita de Afaceri-Online.
PHP
Pentru un site de prezentare de produse, in cazul caruia un calcul preliminar
ne poate indica lesne ca se impune construirea a cca. 500 de pagini de continut si 2000 de
poze, trebuie sa stiti ca exista o alternativa facila la
munca sisifica de actualizare si intretinere a lui. Doar Yahoo si Amazon nu au angajat mii de oameni pentru
a face zilnic modificarile in paginile lor, nu? Ca sa adaugi sau sa
modifici o pagina HTML a unui site trebuie sa o descarci de pe server,
sa aplici modificarile, sa gasesti si celelalte pagini care ar urma sa
aiba de suferit de pe urma schimbarii link-urilor si sa aplici si la
acestea modificarile de rigoare, iar apoi sa transferi totul inapoi pe
server. Daca site-ul de 500 de pagini actualizabil in acest mod in
fiecare zi a saptamanii mai trebuie sa si poata vinde produsele online,
sa ofere facilitati avansate de cautare in paginile de produse si in
plus sa poata inregistra si o evidenta exacta vanzarilor, stocurilor si
clientilor, atunci perspectiva unei astfel de munci nu poate decat sa sperie pana si pe cel
mai tenace creator de site-uri web. Utilizand insa o baza de date legata
la o pagina web prin intermediul unui limbaj "server-side" (pe parte de
server), web designer-ul nu mai are nevoie de ajustari in codul
paginilor pentru a schimba periodic continutul acestora sau pentru a
oferi facilitatile amintite mai devreme. Crearea de site-uri web dinamice si
interactive folosind tehnologia PHP combinata cu bazele de date operate
in MySQL, totul utilizand un server Apache, este unul dintre cele mai
bune lucruri pe care le puteti invata.
JSP
Este o tehnologie alternativa la PHP, utilizata in acelasi scop si anume
implementarea site-urilor web dinamice si interactive. Cand a devenit
clar ca folosirea Java pe parte de server era o idee foarte buna, s-a
propus dezvoltarea unei interfete API Java Servlet care a fost adoptata
de multi programatori de Java care lucrau la extinderea functionalitatii
serverelor web. Interfata API Java Servlet trata in mod elegant multe
dintre problemele carora trebuiau sa le faca fata programatorii Java pe
partea de server si oferea un standard pe baza caruia furnizorii de
aplicatii puteau construi motoare de servlet-uri. Toate dispuneau de
facilitati de rulare si zone de izolare pentru securitate, ceea ce a
simplificat mult programarea servlet-urilor pentru dezvoltatorii de
aplicatii Java. Servlet-urile aveau insa si cateva dezavantaje: trebuia
sa scrii instructiuni de iesire speciale pentru fiecare bucata de cod
HTML care voiai sa fie afisata clientului; trebuia sa ai cunostinte de
Java; in plus, existau si alte tehnologii concurente pe piata, ca de
exemplu ASP (de la Active Server Pages, produs marca MicroSoft), care le permiteau programatorilor sa creeze mai usor
continut dinamic pentru web. Era de dorit ca puterea servlet-urilor Java
sa fie pusa la dispozitia celor care se ocupau de dezvoltare web, fara
a-i obliga sa invete Java. Asa s-a nascut specificatia Java Server Pages
(JSP) lansata de firma Sun la inceputul anului 1998. Combinand puterea
si extensibilitatea limbajului Java cu simplitatea si usurinta de
folosire a scriptarii pe baza de etichete, Java Server Pages a devenit
rapid limbajul preferat de multi programatori profesionisti pentru
dezvoltarea aplicatiilor bazate pe web.
|
|
|