Creare Pagini Web
-
Upload
anca-rogoz -
Category
Documents
-
view
214 -
download
0
Transcript of Creare Pagini Web
-
8/13/2019 Creare Pagini Web
1/11
INTERNET - George Popescu
Realizarea paginilor Web -Editorul HTML Netscape Composer
Aplicaia Netscape Composer este una dintre aplicaiile de creare a paginilor
Web destinate nceptorilor Este !oarte indicat pentru pagini simple" li#ibile"con!orme cu standardele de ergonomie Web enunate de $a%ob Nielsen&'''useitcom( )intre aplicaiile pro!esionale !ace parte *acromedia)ream'ea+er Cunoa,terea principiilor de creare a paginilor de Web cu autorulaplicaiei Netscape Composer este obligatorie pentru a putea lucra cu alte aplicaiia+ansate
Aplicaia Netscape Composer !ace parte din grupul Netscape Communicator"care cuprinde un na+igator de Web &Netscape Na+igator(" un utilitar pentru citirea,tirilor distribuite &Netscape Collabra(" un client de e-mail &Netscape *essenger( , aEste unul dintre primele editoare de pagini de Web" dar rm.ne ,i ast#i unul dintre
programele cu autorul crora se pot crea pagini de Web care s respecte criteriile de
li#ibilitate Este o aplicaie pentru nceptori ns" care nu se pretea# la ultimeleino+aii te/nologice &animaii" 0mouse o+er1 etc(2nainte de a ncepe crearea paginilor cu aplicaia Netscape Composer" trebuie
s respectai c.te+a reguli te/nice3- Creai un !older pe /ard dis%" cu o denumire simpl" de pre!erabil care s conin
un singur cu+.nt" de tipul 0site1 Acolo +ei plasa toatepaginile create" imaginile!olosite sau te4tele pre#ente n pagini Composer con+erte,te automat oriceimagine din orice alt !ormat n .jpgsau .gif,i le plasea# n acest !older" dar este
bine ca imaginile ce +or !i !olosite n pagini s !ie dea sal+ate n !older Atuncic.nd dorii s mutai !olderul ntr-o alt locaie pe /ard dis% sau s l transportai
pe o disc/et" copiai at.t paginile de Web create" c.t ,i imaginile !olosite 5inei
cont de !aptul c" deplas.nd una sau mai multe pagini dea create ntr-i alt locaie"lin%-urile ntre pagini nu +or mai !unciona ,i trebuie re!cute
- 6iecare pagin de Web are" practic" trei determinante3 a( titlul !i,ierului caredesemnea# pagina" care ar trebui denumit tot printr-un singur cu+.nt" sau maimulte cu+inte legate prin 071" de tipul 0pre#entare1 sau 0pre#entare7!irma18terminaia 0/tml1 +a !i adugat automat de Composer8 b( titlul din bara de titlu a
paginii Web" care n principiu este acela,i cu titlul general al site-ului" de tipul09coop *edia : ,tiri n timp real18 acesta poate !i modi!icat n paginile secundareale site-ului" pentru a o!eri mereu utili#atorului in!ormaii pri+ind locul unde sea!l n orice moment &de e4emplu" pentru pagina de ,tiri sporti+e" titlul din bara de
titlu poate de+eni 09coop *edia : ,tiri n timp real ---- 9port1(8 c( titlul din paginapropriu-#is" care pentru prima pagin se poate identi!ica cu titlul din bara de titlu8n paginile secundare ns" este bine ca titlul s !ie modi!icat n !uncie despeci!icul paginii respecti+e
- 2n Composer pot !i doar editatepaginile" ele trebuie +i#uali#ate n Na+igator" princomandaPreview *ulte !ormatri aplicate paginii n Composer nu au efectdec.tdac sunt +i#uali#ate n Na+igator
- Paginile trebuie sal+ate din c.nd n c.nd ,i mai ales nainte de a !i +i#uali#ate nNa+igator
- 6i,ierul primei pagini a site-ului trebuie denumit 0inde4/tml1" pentru ca pagina s!ie recunoscut ca /omepage al site-ului" atunci c.nd acesta este plasat online
;
-
8/13/2019 Creare Pagini Web
2/11
INTERNET - George Popescu
Netscape Composer poate !i lansat din grupul Netscape Communicator din meniulStart Programs" din s/ortcut-ul de pe tastatur sau din icon-ul pre#ent mereu n
partea din dreapta os a oricrei !erestre a grupului Netscape)up ce nc/idei aplicaia ,i dorii s desc/idei una dintre pagini pentru a
continua lucrul" este posibil ca pagina s se desc/id cu aplicaia Internet E4plorer 2n
acest ca#" desc/idei mai nt.i Netscape Composer" apoi prin File Opendesc/ideipagina dorit
C.nd desc/idei aplicaia" automat se desc/ide o pagin de Web nou" !rconinut Putei crea n orice moment o nou pagin" aps.nd pe File New Blank
Page *ai putei alege drept ,ablon una dintre paginile disponibile pe site-ulcompaniei Netscape
Comen#ile din aplicaie sunt disponibile" ca n orice aplicaie din Windo's" nmeniuri" n barele de unelte ,i n meniurile incidentale disponibile prin apsarea
butonului din dreapta al mouse-ului
Introducerea i editarea tetului
Te4tul poate !i inserat n corpul paginii" ncep.nd din colul din st.nga susTe4tul se introduce ca n orice editor de te4t ,i i se pot aplica !ormatri de caracter ,ide !ont &bold" italic" subliniat" corp mai mare etc( Te4tul poate !i separat prin spaiialbe sau prin linii ori#ontale care pot !i inserate aps.nd pe icon-ul 0
-
8/13/2019 Creare Pagini Web
3/11
INTERNET - George Popescu
na+igare" este important ierar/i#area lin%-urilor cu autorul listelor" n lipsa altorelemente gra!ice care s le delimite#e E4ist dou tipuri de liste3- =iste numerotate- =iste cu bumbi
Pentru a crea primul element din list" apsai pe icon-ul de list 2n ca#ul listei
numerotate" n loc de ci!ra ; +a aprea simbolul )up ce apsai Enter pentru atrece la urmtorul element din list" +a aprea un nou semn 2n Pre+ie'" se +or a!i,ans ci!rele corespun#toare C.nd dorii s punei capt listei" apsai Enter pentru acrea un nou numr sau bumb ,i apsai din nou pe icon-ul pentru liste din bara deunelte )ac dorii s trans!ormai un paragra! simplu n list" selectai paragra!ulrespecti+ ,i apsai pe unul dintre icon-urile de list
$aracteristicile generale ale paginii
>nele caracteristici generale ale paginii Web trebuie stabilite de la nceput ,ise pot multiplica ,i n celelalte pagini ale site-ului" ast!el nc.t site-ul s !ie conceputn acela,i cod gra!ic 2nc de c.nd sal+ai prima oar pagina" Composer + cere s
preci#ai titlul din bara de titlu Putei accepta sugestia de titlu o!erit de aplicaie sauputei tasta orice titlu dorii Acest titlu poate !i modi!icat n orice moment
Caracteristicile generale ale paginii de Web pe care tocmai ai creat-o segsesc nFormat Page $olors and Properties
Aceast !ereastr de dialog are mai multe taburi" n tabul General !iind opiunile de!undal ,i culori ale di+erselor stiluri de te4t 2n &eneral 'itle tastai titlul paginiiPentru a sc/imba culorile din pagin" a+ei tabul $olors and Background Puteisc/imba urmtoarele elemente3- Culoarea te4tului normal &te4tul simplu" care nu este interacti+" negru din o!iciu(
- Culoarea te4tului interacti+" cel care de+ine ancor &lin%-urile nainte de a apsape ele" albastru ,i subliniat din o!iciu(- Culoarea lin%-ului acti+ &culoarea te4tului interacti+ n momentul c.nd se apas pe
el(- Culoarea lin%-ului +i#itat &culoarea te4tului interacti+ dup ce s-a apsat pe el"
mo+ din o!iciu(- Culoarea !undalului paginii
Composer o!er ;? stiluri presetate de culori pentru toate aceste tipuri de te4t Nueste recomandabil sc/imbarea stilului albastru subliniat pentru lin%-uri" deoareceacesta este codul gra!ic cu care sunt obi,nuii utili#atorii
2n loc de a seta o culoare pentru bac%ground" se poate !olosi o imagine Imaginea+a !i a,ea#at n modul 'ile" adic se +a repeta pe toat supra!aa paginii Esteimportant a selecta o imagine care" o dat repetat pe toat pagina" s nu mpiedice
B
-
8/13/2019 Creare Pagini Web
4/11
INTERNET - George Popescu
li#ibilitatea )ac imaginea selectat are mici dimensiuni" ea +a !i repetat p.n c.nd+a umple ecranul )ac dorii ca imaginea s se ntind e4act c.t dimensiunile paginiide Web create" prelucrai imaginea n prealabil cu autorul unei aplicaii de editare deimagine Pentru a seta o imagine ca !undal3Page $olors and Properties ( $olors and
Background Background )se Image $*oose File )ac dorii s pstrai acelea,i
elemente pe toate paginile ulterioare" acti+ai opiunea 09a+e t/ese settings !or ne'pages1 )ac dorii ca urmtoarele pagini s arate la !el ca prima pagin" putei sal+aprima pagin cu denumirea paginii urmtoare" cre.nd ast!el o copie a primei pagini ,ielimin.nd e!ortul de a o lua de la capt de !iecare dat c.nd +rei s creai o paginnou
Celelalte elemente din meniul Format Page $olors and Properties" tabul&eneral" sunt3- Aut/or : introducei numele celui care creea# pagina- )escription : introducei o descriere de p.n n ? de caractere" pe care
maoritatea motoarelor de cutare o a!i,ea# atunci c.nd listea# site-ul- De'ords : introducei cu+intele care descriu cel mai bine site-ul ,i care +or auta
motoarele de cutare s gseasc site-ul 9e pot introduce p.n la ; decaractere E+itai repetiiile" deoarece motoarele de cutare nu inde4ea# paginicare repet agresi+ cu+inte n descriere
$rearea i formatarea ta+elelor
Tabelele o!er posibilitatea organi#rii in!ormaiei pe criteriide li#ibilitate ,i o mai bun organi#are a blocurilor de coninut Celmai simplu mod de a organi#a o pagin este prin introducerea unui
tabel cu un r.nd ,i dou coloane 2n coloana mai ngust din st.nga se introduce
meniul de na+igare ce poate !i pstrat n toate paginile site-ului" iar n coloana dindreapta se plasea# coninutul care se sc/imb n !iecare paginAst#i" se !olosesc !oarte mult tabele 0ascunse1" adic marginile tabelului sunt
in+i#ibile" n a,a !el nc.t utili#atorul are impresia c blocurile de coninut suntindependente
Inserai un tabel nou aps.nd pe icon-ul speci!ic din bara de unelte sau dinInsert 'a+le
Atunci c.nd introducei tabelul" apare o!ereastr de dialog cu elemente generalecare in de tabel" maoritatea a+.nd +alori
din o!iciu Putei sc/imba n orice momentaceste +alori F parte din aceste setri dino!iciu !ac ca celulele tabelului s !ie egale"marginea tabelului s !ie +i#ibil" te4tul s!ie aliniat n milocul celulei etc
Iat c.te+a opiuni care pot !isc/imbate n !ereastra de dialog aopiunilor de tabel nou3- numrul de r.nduri ,i numrul de
coloane &; ,i ?" n ca#ul n care doriis a+ei meniul n st.nga paginii ,i
coninutul n dreapta(
-
8/13/2019 Creare Pagini Web
5/11
INTERNET - George Popescu
- alinierea n pagin a tabelului &st.nga" centru" dreapta(- includerea unei legende &e4plicaii( deasupra sau dedesubtul tabelului &n ca#ul n
care n tabel plasai imagini care necesit e4plicaii(- grosimea marginii &n pi4eli(8 de#acti+ai aceast opiune dac dorii ca marginea
s !ie in+i#ibil
- distana dintre celule &n pi4eli(- distana dintre marginea celulei ,i te4tul din celul &n pi4eli(- limea tabelului &n procente din !ereastr sau n pi4eli(8 mic,orai aici
dimensiunile dac dorii s !acei mai ngust coloana din st.nga" unde +a !i plasatmeniul
- nlimea tabelului &n procente din !ereastr sau n pi4eli(- !undalul tabelului &colorat sau cu o anumit imagine pe !ond(
)up ce tabelul a !ost creat" acestor opiuni din !ereastra de dialog li se adaug taburipri+ind r.ndul ,i coloana Pentru a modi!ica ce+a n tabel" plasai cursorul n celula
respecti+" apsai pe butonul-dreapta al mouse-ului ,i selectai 'a+le Properties" saumergei n meniu laFormat 'a+le Properties Putei alege taburile 'a+le" $ellsau,ow Putei aduga un !undal pentru oricare dintre celule Putei modi!ica setrile uneicelule" dar unele dintre ele le +or a!ecta ,i pe cele ale celorlalte celule Pentru a trecedintr-o celul n alta" !olosii tasta Tab Totu,i" dac + a!lai n ultima celul ,i apsaiTab" se +a crea un r.nd nou )ac dorii s ,tergei un r.nd sau o coloan" plasaicursorul n r.ndul sau coloana respecti+ ,i apsai pe butonul-dreapta al mouse-ului"de unde selectai-elete ,ow sau $olumn 2n ca#ul n care cursorul nu rm.ne ncelula dorit" atunci c.nd aceasta este goal" adugai c.te+a litere ,i accesai meniul'a+le Propertiesaps.nd pe butonul-dreapta direct pe aceste litere sau" atunci c.ndcursorul este n celula dorit" selectai opiunile din meniul Format 'a+le
Properties" ,i nu cu autorul mouse-ului2n ca#ul n care cursorul este plasat automat n milocul celulei ,i te4tul se
alinia# n centrul ei" accesai 'a+le Properties $ell ertical /lignment 'op)ac dorii ca celula din st.nga &!olosit de obicei pentru a plasa meniul de na+igare(s !ie mai ngust" accesai 'a+le Properties $ell $ell 0idt*,i modi!icai +aloareade la ;H la n ur de ;H
Iat opiunile disponibile n meniul 'a+le Properties3
Opiunea !escrierea opiuniiJorder =ine Widt/ 9etea# bordura tabelului" n pi4eli" ntre ,i ;
Cell 9pacing
9paiul dintre celule" n pi4eli @alorile mai mari +or !ace
marginea tabelului mai subireCell Padding
9paiul dintre bordura tabelului ,i te4tul din interiorul celuluirespecti+e
Alignment Alinia# tabelul n st.nga" n centru sau n dreapta !a depagin
Include Caption9etea# o celul special pentru a introduce o legend pentrutabel Putei alege deasupra sau sub tabel
Table Widt/ 9etea# limea tabelului n pi4eli" sau ca procenta din !ereastr
*in Table
-
8/13/2019 Creare Pagini Web
6/11
INTERNET - George Popescu
Image9etea# o imagine ca !undal pentru tabel" di!erit de imagineasetat ca !undal pentru pagin
Opiuni de r#nd Se activea"1 prin selectarea ta+(ului ,ow din 'a+le Properties.
-
8/13/2019 Creare Pagini Web
7/11
INTERNET - George Popescu
Iat opiunile disponibile n meniulImage Properties3
Opiunea !escrierea opiunii
Image 6ile Name or =ocation8C/oose 6ile button
Preci#ea# locul unde este stocat imaginea care urmea# a !i plasat
n pagin Poate !i plasat o imagine de pe /ard dis% sau de pe unser+er &n acest ca#" speci!icai adresa direct" de tipul/ttp3MM'''!scroMimagepg(
=ea+e image at t/e originallocation
Acti+ai opiunea aceasta pentru a-i permite lui Netscape Composer scopie#e imaginea n acela,i !i,ier ca ,i pagina Web
Alt Te4t M =o' ResolutionImage
)escriere a imaginii" asemntoare unei legende M Imagine de calitatemai slab" care se +a a!i,a naintea imaginii originale" pentru a-l !acepe utili#ator s a,tepte
)imensions3 Friginal 9i#eResetea# imaginea la dimensiunile originale" n ca#ul n careimaginea a !ost mic,orat sau mrit n Composer
)imensions3 Custom 9i#e9etea# anumite dimensiuni" n pi4eli sau procente" pentru nlime ,ilime
)imensions3 Constrain
Atunci c.nd setai o anumit dimensiune" dac dorii s pstrai
proporiile ntre limea ,i nlimea imaginii" acti+ai aceast opiuneFrice +aloare ai introduce la nlime" Composer +a pune +aloareacorespun#toare la lime ,i in+ers
Image 'rapping options*odurile n care te4tul se alinia# !a de imagine E!ectul opiunilornu este +i#ibil n Composer" ci n Pre+ie'
9pace Around Image 9paiul alb din urul imaginii
9pace Around Image3 9olidJorder
9etea# o bordur imaginii" +alorile pot !i date n pi4eli
$rearea i manipularea leg1turilor interactive=in%-urile sunt cele care !ac interacti+itatea site-ului E4ist trei categorii de lin%-uri3
- lin%-uri ctre alte pagini ale site-ului" care !acilitea# na+igarea- lin%-uri ctre interiorul aceleia,i pagini- lin%-uri ctre alte site-uri- lin%-uri ctre adrese de e-mail- lin%-uri ctre documente de alt tip dec.t /tml &te4t" imagine" sunet etc(
Composer nu !ace di!eren ntre aceste lin%-uri" deosebirea const.nd nmodul de reali#are a legturilor Toate lin%-urile din Composer secreea# select.nd mai nt.i elementul care +a de+eni interacti+&ancor( Acesta poate !i un cu+.nt sau mai multe" un simbol gra!ic sau
o imagine Apoi" se selectea# butonul =in% de pe bara de unelte sau opiunea#inkdin
meniulInsert 2n !ereastra de dialog ce apare" se introduce destinaia legturii =in%-urile se pot +eri!ica numai n Pre+ie'" ele nu !uncionea# n ComposerPentru ca lin%-ul ctre o alt pagin asite-ului s !uncione#e" trebuie ca
pagina de destinaie s !i !ost creat2n !ereastra de opiuni pentru lin%"apsai butonul $*oose File ,iselectai pagina de destinaie )ac
pagina de destinaie este n acela,i!older ca ,i pagina din care se !acelin%-ul" putei tasta pur ,i ismplu
denumirea paginii n spaiul din!ereastra cu opiuni )enumireatrebuie s !ie tastat e4act ,i cu
-
8/13/2019 Creare Pagini Web
8/11
INTERNET - George Popescu
terminaia inclus &de e4emplu" stiri/tml( Pentru a !i siguri c legturile +or!unciona" selectai de !iecare dat pagina de destinaia prin butonul $*oose File
=in% ctre interiorul aceleia,i pagini este indicat n ca#ul paginilor cu unconinut !oarte bogat" care !ace ca pagina s !ie !oarte lung >n e4emplu clasic este
pagina cu ntrebri ,i rspunsuri !rec+ente din interiorul site-ului 9 presupunem c n
antetul paginii a+em lista ntrebrilor ,i dorim s le trans!ormm n lin%-uri interne" na,a !el nc.t utili#atorul s apese pe o ntrebare" pentru a citi rspunsul corespun#tor
Pentru a reali#a acest lucru" trebuie mai nt.i s introducem target-uri la !iecaredintre rspunsuri" deci n locurile care repre#int destinaia +iitoarelor lin%-uri interne9electai opiunea 'argetdin meniulInsertsau apsai butonul 'argetde pe bara deunelte Tastai un nume pentru !iecare target 'arget-urile nu +or aprea n pagina de
Na+igator" ele sunt +i#ibile numai n Composer)up ce ai introdus target-urile" reali#ai lin%-uri corespun#toare 9electai
prima ntrebare" acti+ai#ink" dar nu mai trebuie s accesai $*oose File =ista target-urilor apare n !ereastra de opiuni pentru#ink Este su!icient s selectai !iecare targetcorespun#tor !iecrui lin%
2n ca#ul n care dorii s plasai un lin% ctre partea de sus a paginii" dups!.r,itul !iecrei ntrebri" introducei un target n partea de sus ,i reali#ai lin%-ulcorespun#tor" pe care l putei copia ,i lipi dup !iecare rspuns
2n ca#ul lin%-urilor ctre alte pagini" selectai cu+.ntul sau imaginea care +ade+eni ancor Acti+ai opiunile de #ink ,i tastai adresa ntreag a paginii dedestinaie" preci#.nd inclusi+ protocolul &de e4emplu" *ttp322www.fjsc.ro( Nu estene+oie s memorai adresa de destinaie pe care o +ei introduce n Composer"deoarece !unciile $op% ,i Paste!uncionea# ,i n acest ca# )e asemenea" puteie4ecuta 0drag and drop1 dintr-o !ereastr de Na+igator sau dintr-un !i,ier de pe)es%top ctre Composer ,i automat se +a desc/ide !ereastra de opiuni pentru #inkPutei atunci modi!ica setrile lin%-ului
Pentru a u,ura 0e!ortul1 depus de utili#ator n cursul na+igrii prin site" puteicrea un lin% care acti+ea# aplicaia de e-mail din o!iciu de pe calculator" desc/i#.nd o!ereastr de mesa nou" a+.nd adresa de la destinatar dea tastat
9electai cu+.ntul care dorii s de+in acti+ &de e4emplu" 0Contact1 sau09criei-mi1( ,i desc/idei !ereastra de opiuni #ink 2n bara de adres" tastaiurmtoarea sec+en" !r pau#e ntre cu+inte3 mailto3adresa4server.ro 2n ca#ul ncare dorii ca e-mailul s !ie trimis la mai multe adrese" tastai adresele separ.ndu-le
prin +irgule3 mailto3adresa54server.ro6adresa74server.com6adresa84server.orgPutei preseta c/iar ,i cu+intele care s apar n c.mpul subiectului e-mail-uluiutili#atorului" ast!el3 mailto3adresa4server.ro9su+ject:-oresc c;teva informa
-
8/13/2019 Creare Pagini Web
9/11
INTERNET - George Popescu
Pu+licarea site(ului pe 0e+
9ite-ul poate !i construit !r s a+ei un spaiu pe +reun ser+er distant )ac
dorii s publicai site-ul" trebuie s + re#er+ai un nume de domeniu ,i s pltii ota4 periodic la un I9P &Internet 9er+ice Pro+ider( care + poate g#dui paginilecreate E4ist ns numeroase site-uri care o!er ,i ser+icii de g#duire de site-uri"gratuit" n sc/imbul a!i,rii unor reclame 2n aceast categorie intr site-uri precumwww.*ome.ro" www.geocities.comsau www.ifrance.com
Pentru a trans!era !i,ierele din Composer &paginile Web ,i imaginile(pe ser+erul unde +-ai creat un cont" a+ei ne+oie de o aplicaie 6TP&6ile Trans!er Protocol( Composer include un ast!el de ser+iciu" dareste bine s instalai ,i o alt aplicaie 6TP pe calculatorul local )ac
decidei s !olosii utilitatea de trans!er de !i,iere din Composer" apsai butonulPu+lis* 9e +a a!i,a o !ereastr de dialog" unde +ei putea seta elemente care in de
site-ul propriu-#is ,i de ser+erul unde +-ai creat contul
- Page 'itle : preci#ai numelesub care utili#atorii + +orcunoa,te site-ul8
- !'=# Filename : denumirea!i,ierului care +a constitui prima
pagin8 aceasta a !ost deadenumit 0inde4/tml18
- !''P or F'P #ocation: adresa
ser+erului unde +a !i publicatsite-ul" de tipul !tp/omero8- )sername ,i Password sunt
elementele personale pe care le-ai selectat c.nd +-ai creatcontul la ser+erul gratuit8
- Ot*ers files to include : dac+ei selectaFiles associated to t*is page" imaginile !olosite n pagini +or !i ,i eletrans!erate pe ser+er8 dac selectai/ll files in page>s folder" se +or trans!era toate!i,ierele care e4ist n acela,i !older cu pagina Web creat &opiunea aceasta nueste recomandat dac nu au !ost !olosite toate !i,ierele din !olderul respecti+(8
6i,ierele care urmea# s !ie trans!erate +or aprea ntr-o list n partea de os a!erestrei de dialog )ac dup ce apsai FD" dispare !ereastra de dialog" !r a maiaprea un mesa de eroare" nseamn c site-ul a !ost trans!erat cu succes pe ser+eruldistant ,i el poate !i accesat la o adres de tipul www.stiri.*ome.ro sauwww.*ome.ro2stiri
%&% 'rincipii generale de design Web
2nainte de a ncepe construirea paginilor de Web propriu-#ise" este importantproiectarea site-ului F sc/em reali#at pe /.rtie este un lucru simplu care aut!oarte mult la +i#uali#area coninutului iniial al paginilor ,i a legturilor dintre ele Peo pagin A" se +or desena paginile de Web n miniatur ,i se +a ncerca imitarea
-
8/13/2019 Creare Pagini Web
10/11
INTERNET - George Popescu
design-ului din realitate =egturile dintre pagini +or !i repre#entate prin sgei careleag paginile n a,a !el nc.t utili#atorul s aib tot timpul controlul asupra na+igriiTrebuie respectate c.te+a principii de design" unele c/iar din !a#a de proiectare"aletele n timpul construirii site-ului ,i altele dup ce paginile au !ost create3( ?c*ili+rul. 9en#aia de de#ec/ilibru al unei pagini data de aglomerarea ntr-o
anumit #on a mai multor elemente ,i spaiile goale din alte #one este neplcutEste inadec+at s atragem atenia spre un singur col al paginii prin !olosirea" nacea #on a unor culori puternic contrastante cu !ondul Aceste #one trebuie
plasate ori n centrul paginii" ori uni!orm de-a lungul uneia dintre laturile paginii- Navigarea uoar1. 2n general" !iecare pagin are o anumita meta!or" o anumit
concepie gra!ic Indi!erent de tema site-ului" utili#atorul trebuie s aung lain!ormaia dorit prin ma4im trei apsri de mouse )e asemenea" codul dena+igare trebuie pstrat pe parcursul tuturor paginilor )ac" de e4emplu"utili#atorul ,tie c" dac apas pe acel buton +erde" +a aunge la prima pagin" nueste logic ca butonul +erde s duc ,i alte pagini dec.t prima
- 2n !iecare pagina !oloseste si navigarea pe +a"a de tet 9e poate ca utili#atorul s!i anulat ncrcarea imaginilor din site ,i atunci nu +a putea +edea lin%-urile
plasate pe butoane" ci doar in!ormaiile de tip te4t" a,a c meniul-te4t l +a auta sse deplase#e n pagini
- Nu se plasea"1 prea mult tet @ntr(o celul1 de ta+el" deoarece te4tul din tabel sencarca tot deodata 9e poate 0sparge1 te4tul n mai multe tabele Trebuie e+itat!olosirea tabelelor imbricate &tabel n tabel(
- Pentru versiuni mari ale imaginilor6 folosi
-
8/13/2019 Creare Pagini Web
11/11
INTERNET - George Popescu
- >tili#atorii +ad paginile prima data ca o masa mare de culoare si !orme Pentru ale reduce e!ortul de concentrare" +ackground(ul tre+uie s1 fie suficient decontrastantpentru a nu obosi
- 2n Europa ,i 9>A trebuie s mai tinem cont si de !aptul ca modul de citire este dela stanga la dreapta ,i de sus n os Primii ; cm?din partea din st.nga sus sunt
cea mai +i#ibil #on a ecranului 2n aceasta #on trebuie a,e#ate elementele celemai repre#entati+e pentru site
;;