Extreme Pedia
Bine aţi venit!
Sperăm să vă simţiţi bine pe forumul ExtremePedia, să găsiţi răspunsul la toate întrebările voastre.
Dacă vă place aici puteţi să vă înregistraţi, după ce vaţi înregistrat vă puteţi distra.
Aici veţi găsi tutoriale, resurse, html, css, php, cms şi altele şi vă putem oferi şi suport.
Nu uitaţi să citiţi regulamentul acestuit forum.
Vă mulţumim

Extreme Pedia


Nu sunteti conectat. Conectati-va sau inregistrati-va

1 Crearea unei pagini web pornind de la un fisier text la data de Vin Sept 10, 2010 4:40 am

Kira

avatar
Administrator
Administrator
GESTIONAREA FIŞIERELOR CU AJUTORUL
PROGRAMULUI
EXPLORER

Informaţiile cu care lucraţi sunt stocate pe
calculatorul dumneavoastră în fişiere. Programele pe care le folosiţi la
rezolvarea lucrărilor şi la crearea documentelor sunt, de asemenea,
fişiere. Din această cauză, este important să ştiţi cum să gestionaţi
fişierele şi cum să lucraţi cu ele. Trebuie să ştiţi cum să le denumiţi
şi să le salvaţi şi cum să le organizaţi pe calculator, astfel încât să
le puteţi localiza atunci când aveţi nevoie de ele. Windows Explorer
este un program cuprins în sistemul Windows şi care dispune de toate
instrumentele necesare la gestionarrea fişierelor.

4 Să înţelegem
fişierele şi dosarele

Sistemul de operare Windows
organizează fişierele în dosare.
Dacă sunteţi familiarizat cu
sistemul MS-DOS de organizare a fişierelor, un dosar este analogul unui
director, iar un dosar dintr-un alt dosar este analog unui subdirector
dintr-un director. Dacă vă place să le luaţi în consideraţie ierarhic,
puteţi continua vizualizarea organizării fişierelor dumneavoastră, în
acelaşi mod în care aţi făcut-o în sistemul de operare DOS şi în
versiunile anterioare ale sistemului Windows. Singura diferenţă este
faptul că în loc să aveţi directoare şi subdirectoare, dispuneţi de
dosare şi de dosare în cadrul altora. Şi, aşa cum veţi constata în
secţiunea următoare, utilizând Exploratorul puteţi trece în revistă
aranjarea ierarhică a dosarelor.

4Utilizarea programului Explorer
pentru afişarea fişierelor şi a dosarelor

Windows conţine un
instrument nou, programul Windows Explorer, pe care îl puteţi utiliza
pentru a vedea cum sunt organizate fişierele şi dosarele de pe
calculatorul dumneavoastră. Puteţi trece în revistă aranjarea ierarhică a
dosarelor şi puteţi privi în fiecare, pentru a vedea fişierele stocate
în ele. De asemenea, puteţi utiliza Exploratorul la reorganizarea şi
gestionarea fişierelor şi a dosarelor. Puteţi crea noi dosare; puteţi
copia şi muta fişierele dintr-un dosar în altul, pe un floppy disc sau
pe un alt calculator (dacă sunteţi într-o reţea); puteţi redenumi şi
şterge fişierele şi dosarele; puteţi executa alte activităţi de
gestionare a fişierelor.

Pentru a deschide Exploratorul,
executaţi paşii următori:
Deschideţi meniul Start şi alegeţi
Programs.
Alegeţi Windows Explorer pentru a-i deschide fereastra
(vezi Fig. 9)


Observaţie

O dată ce aţi deschis
fereastra Exploratorului, o puteţi reduce la minim, în loc să o
închideţi. După reducerea la minim a Exploratorului, îl puteţi
redeschide instantaneu executând clic pe butonul său de pe bara de
taskuri.


Fig. 9
Fereastra Explorer este împărţită în 2
panouri (ochiuri de fereastră.
Panoul din stânga
prezintă o imagine ierarhizată a organizării dosarelor de pe
calculatorul dumneavoastră. În partea de sus a acestei structuri
ierarhice se găseşte pictograma Desktop (suprafaţa de lucru). Imediat
sub pictograma Desktop se găseşte dosarul My Computer. Sub dosarul My
Computer se găsesc înşirate toate resursele calculatorului
dumneavoastră. Acestea include unităţile de floppy (reprezentate de
pictograma unei unităţi de floppy disc) şi hard discurile locale
(reprezentate de pictograma unei unităţi de hard disc).
În funcţie
de resursele calculatorului dumneavoastră, s-ar putea să vedeţi alte
dosare afişate imediat sub dosarul My Computer. De exemplu, dacă aveţi
instalată pe calculator o unitate CD-ROM, îl veţi vedea pictograma sub
dosarul My Computer.

Panoul din dreapta al ferestrei Explorer
afişează conţinutul oricărui dosar selectat în panoul din stânga. De
exemplu, dacă aţi selectat unitatea locală C:, de sub pictograma
dosarului My Computer, veţi vedea o listă cu dosarele şi fişierele
existente pe hard disk. Pentru a prezenta conţinutul hard discului,
executaţi clic pe pictograma lui din panoul din stânga. Peentru a vedea
conţinutul unui dosar selectaţi-l în panoul din partea stângă, iar
conţinutul său va fi prezentat în panoul din partea dreaptă. Puteţi
selecta un dosar executând clic pe el cu mousul sau utilizând tastele cu
săgeţi direcţionale îndreptate în sus şi în jos.
Puteţi extinde şi
restrânge imaginea ierarhică, pentru a afişa mai multe sau mai puţine
detalii. Dacă apare un semn plus (+) lângă o pictograma din panoul din
partea stângă a ferestrei Exploratorului, înseamnă că acel dosar
conţine dosare suplimentare. Pentru a le afişa aceste dosare, executaţi
clic pe semnul plus (sau executaţi dublu clic pe dosar). Vor fi afişate
toate dosarele cuprinse în el. Unele dintre acestea, la rândul lor, pot
conţine dosare, pe care le puteţi trrece în revistă utilizând aceeaşi
modalitate. Pentru a ascunde dosarele dintr-un dosar, executaţi clic pe
semnul minus (-) de lângă acesta (sau executaţi dublu clic pe el).
Restrângând şi extinzând dosarele afişate, puteţi trece în revistă cât
de multe sau cât de puţine detalii doriţi.

4Schimbarea modului
de prezentare a fişierelor şi a dosarelor
Când veţi utiliza prima
oară Exploratorul, veţi observa că dosarele şi fişierele sunt
reprezentate, în panoul din dreapta al ferestrei, de pictograme mari, ca
în Fig. 9.
De asemenea, puteţi afişa fişierele şi dosarele sub forma
unor mici pictograme, a unei liste, sau cu detalii referitoare la
fişiere.
Pentru a schimba modul în care sunt afişate fişierele şi
dosarele, executaţi paşii următori:
Deschideţi meniul View.
Alegeţi
una dintre următoarele comenzi:

Comanda Rezultat
Large
Icons (pictograme mari) Pictograme mari aranjate pe mai multe
coloane
Small Icons (pictograme mici) Pictograme mici

List (listă
Pictograme mici într-o singură listă
Details (detalii)
Dimensiunea, tipul şi data modificării


4Ordonarea
fişierelor şi a dosarelor

În panoul din dreapta al Exploratorului
puteţi ordona fişierele şi dosarele după nume, tip, dimensiune şi dată.
Pentru a sorta elementele afişate de Explorator, executaţi paşii
următori:

Alegeţi View, Arrange Icons
Selectaţi una dintre
cele patru opţiuni ale submeniului.


Comandă
Rezultat
by Name (după nume) Ordonează
dosarele şi apoi fişierele după numele lor
by Type (după tip)
Ordonează dosarele şi apoi fişierele după tip (acesta poate să nu fie
acelaşi cu extensia fişierului)
by Size (după
dimensiune) Ordonează dosarele şi apoi fişierele după dimensiunea
lor
by Date (după dată Ordonează dosarele
şi apoi fişierele după data lor

Dacă aţi selectat
opţiunea Details pentru a afişa dosarele şi fişierele, puteţi ordona
rapid lista articolelor după nume, dimensiune, tip şi data modificării,
executând clic pe butonul din capătul de sus al coloanei după care vreţi
să faceţi ordonarea. De exemplu, executaţi clic pe Size pentru a ordona
articolele listei după dimensiune.

4Redenumirea fişierelor şi a
dosarelor

Pentru a redenumi un fişier sau un dosar, executaţi
paşii următori:

Executaţi clic pe numele (nu pe pictograma)
dosarului sau al fişierului
Executaţi clic pe butonul drept al
mouse-ului şi alegeţi comanda Rename

Observaţi că numele este
înconjurat de o casetă şi apare un punct de inserţie pâlpâitor.

Observaţie

Dacă în mod accidental aţi executat dublu clic pe numele
fişierului, se deschide
fereastra programului care
l-a creat.
Pentru a reveni la operaţia de schimbare a
numelui,închideţi programul şi executaţi din
nou clic
pe numele fişierului.


Introduceţi de la tastatură noul nume
şi apăsaţi tasta .


4Gestionarea fişierelor şi a
dosarelor

Cu Exploratorul puteţi face mai mult decât să afişaţi
fişiere şi dosare. Exploratorul este un instrument esenţial pentru
gestionarea fişierelor şi a dosarelor de pe calculatorul dumneavoastră.
Il puteţi folosi la crearea noilor dosare, la mutarea lor dintr-o
poziţie în alta, la copierea şi mutarea fişierelor dintr-un dosar în
altul şi de pe o unitate de disc pe alta. De asemenea, puteţi utiliza
Exploratorul la ştergerea şi redenumirea fişierelor şi a dosarelor.
Exploratorul poate deveni secretara dumneavoastră, ajutându-vă să
păstraţi fişierele în ordine, astfel încât să puteţi utiliza mai
eficient calculatorul.

4Selecţia fişierelor şi a dosarelor

Înainte
să învaţaţi cum să gestionaţi fişierele şi dosarele, trebuie să
învăţaţi să le selectaţi. Selecţia unui singur fişier sau a unui dosar
este o operaţie uşoară. Este suficient să executaţi clic pe acesta sau
să utilizaţi tastele cu săgeţi direcţionale îndreptate în sus şi în jos
de pe tastatură. Fişierul selectat este pus în evidenţă.

De
asemenea, puteţi selecta mai multe fişiere şi dosare. Acest lucru este
extrem de util atunci când doriţi să copiaţi sau să mutaţi mai multe
fişiere sau dosare o dată. De exemplu, puteţi selecta câteva fişiere şi
apoi le puteţi copia o dată pe un floppy disc, pentru a le face copii de
siguranţă.

Pentru a selecta mai multe fişiere cu ajutorul
mouse-ului, executaţi clic pe primul fişier, menţineţi apăsată tasta
şi executaţi clic pe fiecare fişier suplimentar pe care
vreţi să-l selectaţi. Pentru a deselecta un fişier, continuaţi să ţineţi
apăsată tasta şi executaţi încă o dată clic pe fişier.
Pentru
a selecta rapid un grup continuu de fişiere, selectaţi primul fişier
din grup, menţineţi apăsată tasta şi selectaţi ultimul
fişier din grup. Toate fişierele cuprinse între primul şi ultimul vor
fi, de asemenea, selectate. O altă modalitate de a selecta un grup
continuu de fişiere este tragerea, cu ajutorul mousului, a unei casete
în jurul grupului de fişiere.

4Crearea dosarelor noi

Pentru
a organiza fişierele de pe calculatorul dumneavoastră, puteţi crea cât
de multe dosare doriţi. Pe măsură ce creaţi tot mai multe fişiere cu
programele de pe calculator, probabil că veţi dori să dezvoltaţi un
sistem de organizare care să vă ajute să păstraţi evidenţa acestora, aşa
cum aţi face cu hârtiile de la birou. Cu cât creaţi mai multe fişiere,
cu atât mai mult s-ar putea să fie necesară organizarea lor în
categorii, pentru a le face mai uşor de localizat.

Dosarele sunt
cheia organizării fişierelor dumneavoastră. De exemplu, puteţi începe cu
un dosar în care păstraţi toate scrisorile de afaceri. În timp, dosarul
se va umple cu atât de multe fişiere încât va deveni dificilă găsirea
unuia. În acest moment, are sens împărţirea acestor fişiere în categorii
– de exemplu după clienţi sau după firmă – şi crearea unui dosar pentru
fiecare categorie. Puteţi utiliza Exploratorul la crearea acestor noi
dosare.
Pentru a crea un dosar nou, executaţi paşii următorii:

În
panoul din stânga Exploratorului, selectaţi dosarul în care vreţi să
creaţi noul dosar.
2. Alegeţi File, New (nou), Folder
(dosar).

În panoul din dreapta al Exploratorului, va apărea un
nou dosar, pregătit pentru a-i da un nume.

Introduceţi de la
tastatură numele dosarului şi apăsaţi tasta .

Dosarele,
ca şi fişierele, pot avea nume lungi. Numele dosarelor pot conţine cel
mult 255 de caractere şi pot include spaţii. Nu pot fi utilizate
următoarele caractere:
\ ? : “ < > |




4Mutarea şi copierea fişierelor şi a dosarelor

O
sarcină importantă a activităţii de gestionare a fişierelor de pe
calculatorul dumneavoastră este mutarea şi copierea fişierelor şi a
dosarelor. În cazul în care creaţi noi dosare pentru a împărţi în
subcategorii fişierele dintr-un dosar, trebuie să mutaţi fiecare fişier
din dosarul iniţial, în cel nou. Puteţi să mutaţi un dosare întreg în
altul. Sau puteţi să copiaţi fişiere de pe hard disc pe un floppy disc,
pentru a le face cópii de siguranţă sau pentru a le transfera pe un
alt calculator. Utilizând Exploratorul şi mouse-ul puteţi muta şi copia
rapid fişiere şi dosare, fără să atingeţi tastatura.

Există
posibilitatea de a utiliza două metode pentru a copia şi muta fişiere şi
dosare:
fie comenzile Cut (decupează sau Copy (copiază prezente în meniu,
fie
mouse- ul pentru a trage şi a le fixa.

Pentru a muta sau copia
fişiere utilizând meniul, executaţi paşii următori:
În panoul din
dreapta al Exploratorului, selectaţi fişierele sau dosarele pe care
vreţi să le mutaţi.
Pentru a muta elementele, alegeţi Edit, Cut;
executaţi clic cu butonul drept al mouse-ului pe articolele selectate,
pentru a afişa meniul rapid, şi apoi executaţi clic pe Cut; sau
executaţi clic pe butonul Cut de pe bara cu instrumente; sau apăsaţi
tastele + .
Sau
Pentru a
copia elementele, alegeţi Edit, Copy; executaţi clic cu butonul drept
al
mousului pe articolele selectate, pentru a afişa meniul
rapid, şi apoi executaţi clic
pe Copy; sau executaţi clic
pe butonul Paste de pe bara cu instrumente; sau apăsaţi

tastele + .
În panoul din stânga al ferestrei
Exploratorului, selectaţi, cu butonul drept al mouse-ului, dosarul care
va conţine elementele copiate sau mutate şi alegeţi Paste (lipeşte);
sau executaţi clic pe butonul Paste de pe bara cu instrumente; sau
apăsaţi tastele + .

Pentru a muta sau
copia fişierele utilizând metoda tragerii şi a fixării (drag-and-drop),
executaţi paşii următori:
În panoul din dreapta al Exploratorului,
selectaţi fişierele sau dosarele pe care vreţi să le mutaţi.
Dacă în
panoul din stânga al Exploratorului dosarul în care vreţi să mutaţi
elementele selectate nu este vizibil, utilizaţi bara de derulare pentru
a-l aduce în imagine. Dacă este nevoie să expuneţi un subdosar,
executaţi clic pe semnul + de lângă dosarul care îl conţine.
Pentru a
muta elementele selectate, trageţi-le în noul dosar din panoul stâng al
Exploratorului.
Sau
Pentru a copia elementele selectate,
menţineţi apăsată tasta şi trageţi-le în noul dosar din
panoul stâng al Exploratorului.
Când menţineţi apăsată tasta
, la indicatorului mouse-ului apare un semn plus (+),
indicând acţiunea de copiere a fişierelor.
Înainte de eliberarea
butonului mouse-ului, asiguraţi-vă că este pus în evidenţă dosarul
corect.

4Copierea
discurilor
Uneori, puteţi dori să realizaţi o copie identică a
întregului floppy disc. Acest lucru este uşor de făcut fie în cadrul
Exploratorului, fie în fereastra My Computer.
Puteţi copia de pe un
floppy disc pe altul, utilizând aceeaşi unitate, dar discurile trebuie
să aibă aceeaşi capacitate de stocare. Discul pe care copiaţi va fi
şters în timpul acestei operaţii.
Pentru a copia un disc, executaţi
paşii următori:
Introduceţi floppy discul pe care vreţi să-l copiaţi.
Executaţi
clic cu butonul drept al mouse-ului pe discul din fereastra
My Computer sau pe cel din panoul din stânga al ferestrei
Exploratorului.
Alegeţi din meniul rapid Copy Disk (copiază discul).
Rezultatul va fi deschiderea casetei de dialog Copy Disk .
Dacă aveţi
numai o unitate de disc de această dimensiune, ea va fi pusă în
evidenţă atât în zona Copy From (copiază de pe), cât şi în zona Copy To
(copiază pe) a casetei de dialog. Dacă aveţi o altă unitate de aceeaşi
dimensiune, ea va fi prezentată în listă şi o puteţi selecta pentru a
realiza copierea de pe o unitate pe alta.
4. Alegeţi Start
(începe).
5. Dacă utilizaţi aceeaşi unitate atât pentru sursă, cât
şi pentru destinaţie
(copia), veţi fi înştiinţati să
schimbaţi floppy discurile atunci când este necesar.
6. Când dicul a
fost copiat, puteţi copia un altul alegând Start sau puteţi încheia

alegând Close.

4Ştergerea fişierelor şi a dosarelor.

Inevitabil,
va sosi momentul în care veţi dori să ştergeţi un fişier sau un dosar.
Cauzele pot fi diverse: nu mai aveţi nevoie de fişier sau aţi creat
câteva dosare noi pentru a împărţi în categorii fişierele dintr-un dosar
existent, sau vreţi să ştergeţi dosarul iniţial după ce aţi mutat
fişierele în alte poziţii. Ştergerea fişierelor şi a dosarelor este o
parte esenţială a acţiunii de evitare a încărcării excesive şi inutile a
calculatorului dumneavoastră.

Trebuie să ştergeţi cu atenţie
fişierele şi dosarele, astfel încât să nu ştergeţi din greşală, unul de
care încă aveţi nevoie. Din fericire, Windows conţine acum un dosar
denumit Recyle Bin (lada de deşeuri), în care sunt stocate temporar
fişierele şterse, până când îl goliţi. Puteţi recupera fişire din
dosarul Recycle Bin, dacă vă răzgândiţi sau dacă le ştergeţi din
greşală.







Pentru a şterge un fişier sau
un dosar, executaţi paşii următori:
Selectaţi fişierul sau dosarul pe
care vreţi să-l ştergeţi.
Puteţi selecta mai multe fişiere sau
dosare utilizând metodele descrise în secţiunea “Selecţia fişierelor şi a
dosarelor”, prezentată mai devreme în acest capitol.
Executaţi clic
cu butonul drept al mouse-ului pe selecţie şi apoi clic pe Delete

(şterge).
Alegeţi File, Delete (sau apăsaţi tasta
, sau executaţi clic pe butonul Delete de pe bara cu
instrumente).
Executaţi clic pe Yes la apariţia casetei de dialog
Confirm Delete (confirmă ştergerea fişierului), sau executaţi clic pe
No dacă doriţi să abandonaţi stergerea fişierului.
Dacă ştergeţi
mai multe fişiere, Exploratorul afişează caseta de dialog
Confirm Multiple File Delete (confirmă ştergerea mai multor
fişiere).





Când ştergeţi unele fişiere, puteţi
vedea un mesaj care vă avertizează că fişierul este de tip sistem,
ascuns sau numai pentru citire. Fişierele sistem sunt necesare pentru
ca Windows să lucreze corect şi nu trebuie şterse. Fişierele ascunse şi
cele care nu pot fi decât citite pot fi necesare anumitor programe
pentru a lucra corect, sau pot fi doar fişiere pe care le-aţi
protejat cu aceste atribute, împiedicând ştergerea lor accidentală.
Înainte de a şterge oricare dintre aceste tipuri de fişiere, va trebui
să fiţi convins că sistemul nu are nevoie de ele pentru a lucra corect.

4Refacerea fişierelor şterse
Fişierele şterse sunt mutate
într-un dosar denumit Recycle Bin (lada de deşeuri). Puteţi deschide
acest dosar la fel cum aţi face-o în cazul altuia, puteţi selecta un
fişier şi îl puteţi reface în poziţia iniţială. De asemenea, puteţi muta
sau copia fişiere din dosarul Reycle Bin într-o altă poziţie, în
acelaşi mod în care aţi învăţat să mutaţi şi să copiaţi fişiere din alte
dosare. Dosarul Reycle Bin vă dă siguranţa că mai aveţi o şansă dacă
aţi şters din greşală un fişier sau un dosar.
Pentru a reface un
fişier sau un dosar şters, executaţi paşii următori:
Executaţi dublu
clic pe pictograma Reycle Bin de pe suprafaţa de lucru pentru a
deschide fereastra Reycle Bin.
Selectaţi fişierul sau fişierele pe
care vreţi să le refaceţi.
Pentru selecţia mai multor fişiere,
puteţi utiliza modalităţile descrise în secţiunea “Selecţia fişierelor
şi a dosarelor”.
Executaţi clic cu butonul drept al mouse-ului pe
fişierele selectate şi apoi clic pe Restore (restabileşte), sau alegeţi
File, Restore.
Fişierele sunt refăcute în dosarele din care au fost
şterse. Dacă dosarul iniţial în care a existat un fişier a fost şters,
el este la rândul lui refăcut.


De asemenea, puteţi reface un
fişier într-alt dosar decât cel din care a fost şters. Cea mai
uşoară
modalitate de a realiza acest lucru este utilizarea Exploratorului.
Deschideţi dosarul Reycle Bin în fereastra Exploratorului, selectaţi
fişierele pe care vreţi să le refaceţi şi folosiţi una dintre metodele
prezentate anterior în acest capitol.



LECTIA 1


LECTIA
1 !!!
Deschide un Notepad (NEW ,Text Document) si incepe cu acestea
...





Fiecare dintre
acestea sunt numite tag-uri. Exista un tag pentru inceput si un tag
pentru final(incheiere). Pentru a face un tag final doar adauga / la
tagul de inceput. Majoritatea, dar nu toate tagurile au un tag final.
Ganditi-va la tag-uri ca si cum ati vorbi cu browserul, sau mai bine ca
si cum i-ati da instructiuni. Ceea ce tocmai i-ati spus pana acum
browserului (mai mult sau mai putin) : acesta este inceputul unui
document HTML ( si acesta este
sfarsitul unui document HTML (. Acum trebuie sa punem
ceva intre tag-urile de inceput si de sfarsit.

-----------------------------------------------------------------------

Fiecare
document HTML are nevoie de o pereche de tag-uri de tip : HEAD.







-----------------------------------------------------------------------

Fiecare
pereche de tag-uri de tip HEAD are nevoie de o pereche de tag-uri de
tip TITLE ( reprezinta titlu sub care va aparea pagina denumita).









-----------------------------------------------------------------------

La
fel ca si tag-urile de tip HEAD fiecare document HTML are nevoie de o
pereche de tag-uri de tip BODY ( textul in pagina sub forma de titlu).











-----------------------------------------------------------------------

Dati-i
documentului dumneavoastra un titlu si puneti ceva in body.







Salut
Bojo!



Acum salveaza-l, nu ca
si un fisier text, ci ca si un fisier html. Salveaza-l ca si
pagina1.html intr-un director nou undeva. Daca esti putin derutat cum sa
faci asta atunci urmeaza instructiunile... In Notepad-ul tau click File
apoi Save As.

Denumeste-l cum vrei. Apoi dublu click pe el
pentru a-l deschide. Unde scrie File name scrie: page1.html Unde scrie
Save as type: fii sigur ca scrie All Files(*.*).

Felicitari!
Esti parintele fericit al unei pagini de web! Poti sa-i faci upload pe
un server si toata lumea poate sa-ti vada creatia!

Pentru a
vedea ceea ce ai realizat pana acum deschide un browser de web, apoi in
browserul pe care tocmai l-ai deschis click File / Open / Browse,
selecteaza fisierul page1.html din noul director creat.

In
continuare ne propunem sa dezvoltam aceasta pagina elementara.

Dupa
fiecare modificare pe care o vei face nu uita sa salvezi, pentru ca
altfel nu vei observa schimbarile. Dupa ce ai salvat intra in browserul
de web si click Refresh.

Inca doua lucruri inainte sa trecem la
lectia a doua. 1) Ceea ce ai realizat se numeste scheletul unui document
HTML; orice document HTML are nevoie de aceste tag-uri de baza. 2) Ceea
ce ai scris intre tag-urile va aparea in
extremitatea de sus a ferestrei browserului.

** FAQ: Ce este
Notepad si unde il gasesc?
A: Notepad este un text editor pentru
Windows. Pe majoritatea sistemelor Win9X : click Start button si alege
Programs apoi Accessories. Trebuie sa arate ca un mic carnetel albastru.
Poti merge la un site shareware/freeware si-ti poti alege un text
editor, majoritatea fiind gratuite. "For the time being though, Notepad
will do quite nicely."



LECTIA 2

LECTIA 2 !!!
Pentru
a simplifica lucrurile in continuare voi scrie doar ceea ce se gaseste
intre tagurile de tip . Voi omite tagurile de tip
, &
trebuie sa le tineti in documentul dumneavoastra si in continuare.



Deschideti
documentul salvat ca pagina htm, accesati butonul EDIT din meniul si
Edit with Notepad. Se mai poate accesa si din meniu View - Source
Acum
scrieti: Ceva foarte frumos.

Ceva foarte frumos.




Ceva foarte frumos.

De fiecare data cand
faceti o schimbare in documentul dumneavoastra salvati-l, apoi apasati
butonul Refresh in browser. In unele cazuri doar apasand Refresh nu se
intampla nimic... in acest caz apasati Refresh in timp ce tineti apasata
tasta Shift.

M-am gandit ca primul lucru pe care al trebui sa-l
invatam este cum sa schimbam culoarea background-ului.

BGCOLOR="#CCFFCC">
Ceva foarte frumos.



Ceva
foarte frumos.
CCFFCC este culoarea verde. Aveti o lista de
culori.

Poti sa folosesti o poza pentru BACKGROUND. (Tine
minte!: poza trebuie sa fie in acelasi director cu fisierul HTML.)

BACKGROUND="chef.gif">
Ceva foarte frumos.




Aici este poza :




Pentru ca poza sa apara
browserul trebuie sa o poata detecta(gasi). In momentul de fata dorim ca
poza sa fie in acelasi director cu fisierul HTML (pagina1.html). Cel
mai simplu mod de a face asta: da click de dreapta pe poza chef.gif apoi
alege Save Image As. Salveaz-o in directorul unde se afla pagina1.html .
Mai tarziu vom intra si in mai multe detalii.

Este evident ca
imaginea apare de mai multe ori. Daca folosesti o imagine "lunga" poti
obtine un efect ca si acesta...

BACKGROUND="bluebar.gif">
Something really cool





Aici este poza din background


(Este de
fapt 1700x4, dar am comprimat-o aici la 560x4 ca sa poata fi vazuta cu
orice rezolutie)


FAQ: Am vazut pagini unde background-ul
este fixat si pagina se deruleaza peste el. Cum pot sa fac asta?

A:
Simplu... adauga BGPROPERTIES=FIXED la tag-ul BODY ...


BACKGROUND="background-ulmeu.gif" BGPROPERTIES=FIXED>

Tine
minte ca aceasta comanda este specifica pentru Internet Explorer. Doar
cei ce folosesc Internet Explorer sau un browser bazat pe IE vor putea
vedea aceasta.



LECTIA 3

LECTIA 3 !!!
Sa
ne intoarcem de unde am pornit.

Ceva foarte frumos.




Ceva foarte frumos.

Putem face lucrurile bold.


Ceva foarte frumos.




Ceva foarte frumos.
Ceea ce ii spunem browser-ului
(mai mult sau mai putin) este: de la incepe sa faci lucrurile
bold, pana la. (de aici nu mai face lucrurile bold)

Acelasi
principiu se aplica si pentru italics...

Ceva
foarte frumos.




Ceva foarte frumos.

...si pentru underline.

Ceva
foarte frumos.




Ceva foarte frumos.

Ne intoarcem la formula
initiala.

Ceva foarte frumos




Ceva
foarte frumos.

Putem sa combinam aceste tag-uri.

Ceva
foarte frumos.




Ceva foarte frumos.
Sunt sigur ca veti folosi
tag-urile combinate. Pentru a evita confuzia browser-ului acestea
trebuie sa fie concentrice nu plane.Dar mai bine sa ilustrez..:

Tag-uri plane.... gresit

Tag-uri concentrice.... bine



LECTIA 4

LECTIA 4
!!!
Un tip de text foarte folositor este Typewriter Text.

Ceva
foarte frumos.



Ceva foarte
frumos.
Fiecare litera foloseste aceeasi distanta pe
orizontala...

Acesta este un text normal -> iiiiiiiiii
oooooooooo
mmmmmmmmmm

Aici se foloseste Typewriter Text -> iiiiiiiiii
oooooooooo
mmmmmmmmmm


Putem modifica font size (marimea caracterelor)... Este
foarte usor!
Prima data adauga tagurile de tip ...

Ceva
foarte frumos.

Apoi
specifica marimea: SIZE.

Ceva foarte
SIZE=6>frumos.



Ceva foarte
frumos.

Caracterele pot avea 7 marimi diferite:

foarte
mic mic normal mediu mare foarte mare & imens!

1 2 3 4 5 6 7
Doua lucruri vreau sa
discutam acum. Primul, un ii spune browser-ului sa faca
ceva. Un ATTRIBUTE merge in interiorul -ului si ii spune
browser cum sa o faca.
AL doilea lucru este despre marimile standard,
automate (defaults). Asa cum probabil stiti, valoarea standard (default
value) este o valoare pe care browser-ul o ia daca nu i-ati
specificat-o anterior. un bun exemplu este marimea caracterelor (font
size). Valoarea standard (default) pentru marimea caracterelor (font
size) este 3 (de obicei). Daca nu specificati nimic va fi 3 chiar daca
modificati felul caracterelor (face).
Fiecare browser are o marime
default setata - face, name, size and color. Valoarea default pt. face
este probabil Times New Roman 12pt si culoarea default este negru.
Bineinteles putem modifica valorile default. Un mic exemplu ARIAL si
COMIC SANS.

Ceva foarte
FACE="ARIAL">frumos.



Ceva
foarte frumos.
Daca persoana care se uita la pagina
dumneavoastra nu are specificat in calculator font-urile pe care le-ati
folosit, atunci ei vor vedea font-urile default. Asa ca fiti precauti in
folosirea fonturilor. Arial and Comic Sans MS sunt de obicei
distribuite cu Windows. Asa ca specificati mai multe font-uri. (Da!
Puteti face asta!). Doar faceti asa ceva... Se poate foarte simplu.
Acum
sa explicam ce se intampla- Browser-ul cauta ARIAL. Daca il gaseste
atunci il foloseste. Daca nu, merge mai departe la HELVETICA. Daca nu il
poate gasi nici pe acesta atunci cauta LUCIDA SANS. Si daca nu-l poate
gasi atunci foloseste font-ul default.
Care sunt font-urile care se
folosesc de obicei?
Andale Mono Arial Arial Black
Comic Sans MS
Courier New Georgia Impact
Times Rew Roman Trebuchet MS Verdana
Ca
sa vedeti ce varietate de font-uri exista atunci incercati lectia
5.Acolo veti gasi un program in limba engleza. Varianta in limba
romana este disponibila pentru membrii, acestia ii pot face chiar si
download. Mai multe informatii despre cum poti deveni membru gasesti la
sectiunea membrii
.



LECTIA 5


LECTIA 5 !!!

Acum cred ca este momentul potrivit sa vorbim putin despre sintaxe.
De fiecare data cand aveti o sintaxa de genul ATRIBUT="valoare",
valoarea trebuie neaparat sa fie intre gilimele. Este foarte important.
Nici
macar nu aveti idee de cate ori am facut o pagin si am patit-o ca nu
era ceva bine din cauza unei mici scapari: o gilimea sau un spatiu sau
un semn de genu' >. Intr-o buna zi ne vom separa de acest gen de
coduri, dar pentru moment trebuie sa fim precauti. Altceva este, cum
cred ca ati observat deja, ca eu folosesc LITERE MARI pentru majoritatea
tag-urilor. Este doar o prejerinta personala. Eu cred ca tag-urile ies
in evidenta mai bine daca folosesc litere mari. Puteti folosi
in loc de . Puteti chiar folosi
daca acestea vi s-au strecurat printre degete. HTML este 100% case
INsensitive.
OK! inapoi la lucru'...
Puteti modifica culoarea
fontului daca doriti. (font color)

Ceva foarte
frumos.



Ceva
foarte frumos.

Putem folosi mai multe ATRIBUTE intr-un
tag...

Ceva foarte
COLOR="#FF0000" FACE="ARIAL" SIZE="7">frumos



Ceva foarte frumos

Oh da, incepem sa o punem pe
roate..

Ceva foarte

SIZE="7">frumos



Ceva foarte frumos.
Simpt nevoia sa mai subliniez inca
o data ca tagurile trebuie sa fie concentrice.
Hooha!

Nu conteaza ce tag este primul. Daca vrei sa faci ceva rosu si bold
nu trebuie sa faci una sau alta prima data. poti sa le faci in orice
ordine doresti. Ca si aici...
Hooha!

Cel mai frecvent se greseste asa, dar este foarte clar ca nu se va
realiza nimic.
Hooha!

(Nu am gasit o alta cale de a explica, asa ca metoda cu exemplele
sper ca este de ajutor.)



LECTIA 6


LECTIA 6
!!!
Alt tag care merita precizat este section heading. Se folosesc
intre valorile 1-6. Fiecare valoare reprezinta o marime a caracterelor.
Ceva
foarte frumos.




Ceva foarte frumos.




Ceva
foarte frumos.




Ceva foarte frumos.




Ceva
foarte frumos.




Ceva foarte frumos.





Ceva foarte frumos.
Ceva foarte frumos.
Ceva foarte
frumos.
Ceva foarte frumos.
Ceva foarte frumos.
Ceva foarte
frumos.


Un atribut folositor al headingurilor este
ALINIEREA… observati singuri :


Ceva foarte
frumos.




Ceva foarte
frumos.




Ceva foarte
frumos.




Ceva foarte frumos.
Ceva foarte
frumos.
Ceva foarte frumos.


Inca un singur lucru si
am terminat aceasta lectie. Browser-ul are setari default pentru
culoarea textului, culoarea link-urilor, culoarea link-urilor active,
culoarea link-urilor vizitate si aditional pentru culoarea
background-ului. Defaults :


Textul este de obicei negru
Link-urile
sunt de obicei albastre
Link-urile active sunt de obicei rosii
Link-urile
vizitate sunt de obicei violete

Poti sa schimbi culorile
daca este nevoie. Subliniez daca este nevoie. Lumea intreaga este
obisnuita sa vada link-urile albastre. De ce vrei sa ne induci in
eroare?

Poti schimba valorile default pentru intregul document
din tag-ul .

LINK="#00FF66" VLINK="#00BB33" ALINK="#00CCFF">
Ceva foarte
frumos.



Ceva foarte frumos.

Stiu ca
inca nu am invatat cum se fac link-urile, dar invatam cum se schimba
culorile lor, ceea ce ne va fi de folos cand vom ajunge la link-uri.
Acum
background-ul este negru si textul este galben.
Link-urile sunt
verde-neon
Link-urile vizitate sunt verde-inchis
Link-urile
active sunt albastru ceruleum

Am scris putin HTML &
Javascript si am realizat Color Picker (Tabela de culori)












ceea
ce face mai usor de experimentat alegerea culorilor intr-un fisier
HTML. Cu acesta poti deasemenea alege diferite fonturi, background-uri
si multe altele. Tag-ul este generat automat pentru tine.
Incearca-l pentru ca nu ai nimic de pierdut.

Acum poti face
Litere mari si rosii sau litere mici si ingrosate. Poti folosi alte
Font-uri sau monospaced(=TT).
Poti face chiar si un rollercoaster!

Inainte
ca aceasta lectie sa se raceasca inca un lucru. Poti vedea codul HTML
al oricarei pagini doresti alegand View/Source (Document Source) in
browser-ul tau. Asa ca daca vezi o pagina si te intrebi, Cum a facut
asta? raspunsul este la doar cateva clickuri inainte.


LECTIA
7

LECTIA 7 !!!
Cred ca vom incepe invatand ceva despre cum
lucreaza browser-ul.
Pentru inceput un exemplu...

Ceva
foarte frumos
ca si un cub de gheata.



Ceva
foarte frumos ca si un cub de gheata.

Hei!
Ce
se
intampla
aici.??




Hei! Ce se intampla aici.??
Browser-ul nu
recunoaste formatul in care ati scris. Pana ce nu i se specificait el
afiseaza caracterele liniar. Daca vreti sa incepeti o linie noua trebuie
sa folositi break.

Hei!

Ce

se


intampla

aici.??



Hei!

Ce
se
intampla
aici.??

spune
browser-ului - incepe o linie noua.
Se poate folosi tag-ul

si pentru a sari peste o linie, pentru a lasa un spatiu de un
rand sau mai multe randuri.


Ce

se



intampla



aici.??




Ce
se

intampla

aici.??
Sau un
spatiu de mai multe randuri.


Ce

se



intampla















aici.??




Ce
se

intampla







aici.??




LECTIA 8


LECTIA 8 !!!
Sa ne
intoarcem la pagina initiala.

Ceva foarte frumos.




Ceva foarte frumos.

Acesta este tag-ul paragraph.
Ganditi-va la paragraph ca si la o portiune aparte de text.

Ceva
foarte frumos.




Ceva foarte
frumos.

De unul singur nu face multe. Totusi pentru
majoritatea browser-urilor creaza efectul de a lasa o linie libera.

Ceva
foarte frumos
ca si un cub de gheata.




Ceva foarte frumos
ca si un cub de gheata.

Pentru
ce altceva este bun tag-ul ? Ei bine, este bun pentru
alinierea lucrurilor.


Ceva
foarte frumos

ca si un cub de
gheata

sau o portocala.


ALIGN="left">
Ceva foarte frumos

ca si un cub de
gheata

sau o portocala.



ALIGN="center">
Ceva foarte frumos

ca si un cub de
gheata

sau o portocala.



ALIGN="rihgt">
Ceva foarte frumos

ca si un cub de
gheata

sau o portocala.




Ceva
foarte frumos
ca si un cub de gheata
sau o portocala.
Ceva
foarte frumos
ca si un cub de gheata
sau o portocala.
Ceva
foarte frumos
ca si un cub de gheata
sau o portocala.
Ceva
foarte frumos
ca si un cub de gheata
sau o portocala.

Ceva
despre tag-ul ... in exemplele de mai sus am folosit si
tag-ul de sfarsit (, nu este neaparat
nevoie. Browser-ul intelege cand un nou aragraph incepe si
atunci pe ultimul il inchide automat . Asa ca...
Ceva
Inca
ceva
Este la fel cu...
Ceva
Inca
ceva
Inca ceva inainte sa continuam, mai devreme am vorbit
despre centrarea lucrurilor. Mai exista un mod de a centra lucrurile pe
care ar trebui sa-l stiti. Este foarte simplu de explicat. Se poate
centra un cuvant sau toata pagina. Tot ce se gaseste intre tag-urile
se centreaza automat.

Ceva
foarte frumos.




Ceva
foarte frumos.




LECTIA 9

LECTIA 9 !!!
Uita-te
aici...

Ceva foarte frumos



Ceva foarte frumos

Browser-ul nu va recunoaste mai
mult de 1 spatiu. La prima vedere pare stupid, dar acest lucru iti da
control absolut asupra documentelor.
Aici este un mic cod care
inseamna "spatiu" pentru browser ->
Incearca asta...

Ceva
foarte
frumos



Ceva foarte frumos

Caracterul & inseamna
inceputul unui caracter specia si caracterul ; inseamna sfarsitul unui
caracter special. Caracterele dintre ele reprezinta abreviere pentru
caracterul special. Aici sunt cateva caractere speciale - cele mai
folosite - si ceea ce inseamna fiecare.

non-breaking space
< < less-than symbol

> > greater-than symbol
& &
ampersand
" " quotation mark
­
­ soft hyphen
Nu trebuie sa le folositi tot timpul, doar atunci cand
scrieti un caracter si browser-ul se incurca. De unde stiu cand acest
lucru se intampla? Totul vine de la sine dupa putin antrenament.

Mai
jos veti vedea o lista de caractere speciale. Probabil nu le veti
folosi niciodata, dar vreau sa stiti ca ele exista.
Sa repetam:
browser-ul va tipari textul pe care l-ati scris numai daca-i spuneti
cum..break, etc. El va reduce orice loc gol la 1 spatiu. Daca vreti mai
multe spatii trebuie sa introduceti codul special pentru spatiu
( . Daca
apasati ENTER in timp ce scrieti browser-ul se va comporta ca si cum ati
lasa un spatiu, daca deja nu ati lasat unul.
Inca un mic exemplu.

Ceva
foarte
frumos

ca
si
un cub
de gheata!




Ceva
foarte
frumos
ca
si
un cub
de gheata!
Cred ca am fost destul de clar!

Aceasta
este o lista de caractere speciale pe care e foarte posibil sa nu le
folositi niciodata, dar totusi es bine sa le cunoasteti:


À
À capital A, grave accent ï ï small i,
diæresis/umlaut
à à small a, grave accent
Ð Ð capital Eth, Icelandic
Á Á capital A,
acute accent ð ð small eth, Icelandic
á
á small a, acute accent Ñ Ñ capital N, tilde

  capital A, circumflex ñ ñ
small n, tilde
â â small a, circumflex
Ò Ò capital O, grave accent
Ã
à capital A, tilde ò ò small o, grave accent

ã ã small a, tilde
Ó Ó capital O, acute accent
Ä Ä
capital A, diæresis/umlaut ó ó small o, acute accent

ä ä small a, diæresis/umlaut Ô Ô
capital O, circumflex
Å Å capital A, ring
ô ô small o, circumflex
å å
small a, ring Õ Õ capital O, tilde

Æ Æ capital AE ligature õ õ
small o, tilde
æ æ small ae ligature
Ö Ö capital O, diæresis/umlaut
Ç Ç
capital C, cedilla ö ö small o, diæresis/umlaut
ç
ç small c, cedilla Ø Ø capital O, slash

È È capital E, grave accent
ø ø small o, slash
è è small e,
grave accent Ù Ù capital U, grave accent
É
É capital E, acute accent ù ù small u, grave accent

é é small e, acute accent Ú
Ú capital U, acute accent
Ê Ê capital E,
circumflex ú ú small u, acute accent
ê
ê small e, circumflex Û Û capital U,
circumflex
Ë Ë capital E, diæresis/umlaut
û û small u, circumflex
ë ë
small e, diæresis/umlaut Ü Ü capital U, diæresis/umlaut

Ì Ì capital I, grave accent ü ü
small u, diæresis/umlaut
ì ì small i, grave
accent Ý Ý capital Y, acute accent
Í
Í capital I, acute accent ý ý small y, acute accent

í í small i, acute accent Þ
Þ capital Thorn, Icelandic
Î Î capital I,
circumflex þ þ small thorn, Icelandic
î
î small i, circumflex ß ß small sharp s, German
sz
Ï Ï capital I, diæresis/umlaut
ÿ ÿ small y, diæresis/umlaut



Mai multe
caractere de la ISO 8859-1
non-breaking space
± ± ± plus-or-minus sign
¡ ¡ ¡
inverted exclamation mark ² ² ² superscript two
¢
¢ ¢ cent sign ³ ³ ³ superscript
three
£ £ £ pound sign ´
´ ´ acute accent
¤ ¤ ¤ general
currency sign µ µ µ micro sign
¥
¥ ¥ yen sign ¶ ¶ ¶ pilcrow
(paragraph sign)
¦ ¦ ¦ broken (vertical) bar ·
· · middle dot
§ § § section
sign ¸ ¸ ¸ cedilla
¨
¨ ¨ umlaut/dieresis ¹ ¹ ¹ superscript
one
© © © copyright sign º
º º ordinal indicator, male
ª ª ª ordinal
indicator, fem » » » angle quotation mark, right
«
« « angle quotation mark, left ¼ ¼ ¼ fraction
one-quarter
¬ ¬ ¬ not sign ½
½ ½ fraction one-half
­ ­ ­ soft
hyphen ¾ ¾ ¾ fraction three-quarters
®
® ® registered sign ¿ ¿ ¿ inverted
question mark
¯ ¯ ¯ macron ×
× × multiply sign
° ° ° degree
sign ÷ ÷ ÷ division sign



LECTIA
10


LECTIA 10 !!!
Sa incepem sa punem imagini(poze) in
pagina de web. O vom folosi pe aceasta. Inca o data click de dreapta pe
ea si salveaz-o in acelasi director(momentan) cu fisierul HTML cu care
lucrezi.

Se specifica existenta unei imagini intr-un fisier cu
tag-ul (image).



Trebuie
sa specificati sursa si marimea.


SRC="chef.gif" WIDTH=130 HEIGHT=101>





FAQ: Cum gasesc WIDTH si HEIGHT pentru o imagine?
A:
Sunt mai multe metode. O metoda este sa o incarci intr-un program de
grafica. Unul din aceste programe gratuite este Irfan View.
Alta
metoda este sa folosesti un text sau html editor care iti da automat
marimea imaginii cand o introduci. Unul ar fi Note Tab. Il gasesti la
adresa [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Sursa SRC nu specifica
numai ce imagine se foloseste ci specifica si unde este imaginea, in ce
director. Sursa folosita, "chef.gif", inseamna ca browserul va cauta
imaginea numita chef.gif in acelasi director unde se gaseste si
documentul html. Mai jos sunt niste diagrame.



SRC="chef.gif" inseamna ca imaginea se gaseste in acelasi director cu
documentul html.
SRC="images/chef.gif" inseamna ca
imaginea se gaseste intr-un director mai jos cu un nivel decat
documentul html.
SRC="../chef.gif" inseamna ca imaginea
se gaseste intr-un director mai sus cu un nivel decat documentul html.

SRC="../../chef.gif" inseamna ca imaginea se gaseste
intr-un director mai sus cu doua nivele decat documentul html.

SRC="../images/chef.gif" inseamna ca imaginea se gaseste intr-un
director mai sus cu un nivel si apoi intr-un director cu un nivel mai
jos decat documentul html..

SRC="../../../other/images/chef.gif" nu vreau sa-mi rup limba incercand
sa exprim aceasta in cuvinte. Sper ca am fost destul de clar.

Mai
exista o metoda ca sa poti face acest lucru. La sursa introduceti
URL-ul unde se gaseste imaginea. De exemplu: [Trebuie sa fiti inscris si conectat pentru a vedea acest link] ... s/chef.gif

Este o metoda buna cand iti tii pozele pe un alt server decat cel
pe care se afla documentele html. Se foloseste frecvent pentru
site-urile cu imagini pornografice.


[Trebuie sa fiti inscris si conectat pentru a vedea acest link] -
crearea_unei_pagini_web.rar

Vezi profilul utilizatorului http://colorful-zone.forumz.ro

Vezi subiectul anterior Vezi subiectul urmator 

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum