Forum Romania Inedit
Romania Inedit - Resursa ta de Fun
Lista Forumurilor Pe Tematici
Forum Romania Inedit | Reguli | Inregistrare | Login

POZE FORUM ROMANIA INEDIT

Nu sunteti logat.
Nou pe simpatie:
mycushy Profile
Femeie
19 ani
Bucuresti
cauta Barbat
35 - 50 ani
Forum Romania Inedit / Tutoriale originale / Crearea unei pagini web pornind de la un fisier text Moderat de locust
Autor
Mesaj Pagini: 1
brutus vmd
Rock & Ride

Inregistrat: acum 19 ani
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  <Enter>.


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 <Ctrl> ş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 <Ctrl >  ş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 <Shift> ş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  <Enter>.

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   <Ctrl> + <X >.
         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  <Ctrl>  + <C>.
Ī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 <Ctrl>  +<V> .

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 <Ctrl> şi trageţi-le īn noul dosar din panoul  stāng al Exploratorului.
Cānd menţineţi apăsată tasta <Ctrl>, 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 <Delete>, 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 ...


<HTML>
</HTML>

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 (<HTML> si acesta este sfarsitul unui document HTML (</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.


<HTML>
<HEAD>
</HEAD>
</HTML>

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

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).


<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
</HTML>


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

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).


<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>


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

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


<HTML>
<HEAD>
<TITLE>My big ole bad page!</TITLE>
</HEAD>
<BODY>
Salut Bojo!
</BODY>
</HTML>

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 <TITLE>...</TITLE> 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 <BODY>. Voi omite tagurile de tip <HTML>, <HEAD> & <TITLE>. Lesne de inteles ca trebuie sa le tineti in documentul dumneavoastra si in continuare.
<BODY>
</BODY>

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.
<BODY>
Ceva foarte frumos.
</BODY>



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.
<BODY BGCOLOR="#CCFFCC">
Ceva foarte frumos.
</BODY>


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.)
<BODY BACKGROUND="chef.gif">
Ceva foarte frumos.
</BODY>

    
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...
<BODY BACKGROUND="bluebar.gif">
Something really cool
</BODY>



    
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 ...

<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.
<BODY>
Ceva foarte frumos.
</BODY>



Ceva foarte frumos.     

Putem face lucrurile bold.
<BODY>
Ceva foarte <B>frumos.</B>
</BODY>



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

Acelasi principiu se aplica si pentru italics...
<BODY>
Ceva <I>foarte</I> <B>frumos.</B>
</BODY>



Ceva foarte frumos.     

...si pentru underline.
<BODY>
<U>Ceva</U> <I>foarte</I> <B>frumos.</B>
</BODY>



Ceva foarte frumos.     

Ne intoarcem la formula initiala.
<BODY>
Ceva foarte frumos
</BODY>



Ceva foarte frumos.     

Putem sa combinam aceste tag-uri.
<BODY>
Ceva foarte <I><B>frumos.</B></I>
</BODY>



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..:
<TAG1><TAG2></TAG1></TAG2> Tag-uri plane.... gresit
<TAG1S><TAG2></TAG2></TAG1> Tag-uri concentrice.... bine



LECTIA 4

LECTIA 4 !!!
Un tip de text foarte folositor este Typewriter Text.
<BODY>
<TT>Ceva foarte frumos.</TT>
</BODY>


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 <FONT> ...
<BODY>
Ceva foarte <FONT>frumos.</FONT>
</BODY>
Apoi specifica marimea: SIZE.
<BODY>
Ceva foarte <FONT SIZE=6>frumos.</FONT>
</BODY>


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 <TAG> ii spune browser-ului sa faca ceva. Un ATTRIBUTE merge in interiorul <TAG>-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.
<BODY>
Ceva foarte <FONT FACE="ARIAL">frumos.</FONT>
</BODY>


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... <FONT FACE="ARIAL, HELVETICA, LUCIDA SANS">Se poate foarte simplu</FONT>.
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 <font> in loc de <FONT>. Puteti chiar folosi <fOnT> 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)
<BODY>
Ceva foarte <FONT COLOR="#FF0000">frumos.</FONT>
</BODY>


Ceva foarte frumos.     

Putem folosi mai multe ATRIBUTE intr-un <FONT> tag...
<BODY>
Ceva foarte <FONT COLOR="#FF0000" FACE="ARIAL" SIZE="7">frumos</FONT>
</BODY>


Ceva foarte frumos     

Oh da, incepem sa o punem pe roate..
<BODY BGCOLOR="#FFFFFF">
Ceva foarte <U><I><B><FONT COLOR="#FF0000" FACE="ARIAL" SIZE="7">frumos</FONT></B></I></U>   
</BODY>


Ceva foarte frumos.     
Simpt nevoia sa mai subliniez inca o data ca tagurile trebuie sa fie concentrice.
<TAG3><TAG2><TAG1>Hooha!</TAG1></TAG2></TAG3>
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...
<TAG2><TAG1><TAG3>Hooha!</TAG3></TAG1></TAG2>
Cel mai frecvent se greseste asa, dar este foarte clar ca nu se va realiza nimic.
<TAG3><TAG2><TAG1>Hooha!</TAG3></TAG1></TAG2>
(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.
<H1>Ceva foarte frumos.<H1>
<H2>Ceva foarte frumos.<H2>
<H3>Ceva foarte frumos.<H3>
<H4>Ceva foarte frumos.<H4>
<H5>Ceva foarte frumos.<H5>
<H6>Ceva foarte frumos.<H6>



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 :
<H2 ALIGN="left">Ceva foarte frumos.<H2>
<H2 ALIGN="center">Ceva foarte frumos.<H2>
<H2 ALIGN="right">Ceva foarte frumos.<H2>


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 <BODY>.
<BODY BGCOLOR="#00000" TEXT="#FFFF66" LINK="#00FF66" VLINK="#00BB33" ALINK="#00CCFF">
Ceva foarte frumos.
</BODY>


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 <BODY> 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...
<BODY>
Ceva foarte frumos
ca si un cub de gheata.
</BODY>


Ceva foarte frumos ca si un cub de gheata.     
<BODY>
Hei!
Ce
se
intampla
aici.??
</BODY>


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.
<BODY>
Hei!
<BR>Ce
<BR>se
<BR>intampla
<BR>aici.??
</BODY>


Hei!
Ce
se
intampla
aici.??     
<BR> spune browser-ului - incepe o linie noua.
Se poate folosi tag-ul <BR> si pentru a sari peste o linie, pentru a lasa un spatiu de un rand sau mai multe randuri.
<BODY>
<BR>Ce
<BR>se
<BR>
<BR>intampla
<BR>
<BR>aici.??
</BODY>



Ce
se

intampla

aici.??     
Sau un spatiu de mai multe randuri.
<BODY>
<BR>Ce
<BR>se
<BR>
<BR>intampla
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>aici.??
</BODY>



Ce
se

intampla







aici.??     



LECTIA 8


LECTIA 8 !!!
Sa ne intoarcem la pagina initiala.
<BODY>
Ceva foarte frumos.
</BODY>



Ceva foarte frumos.     

Acesta este tag-ul paragraph. Ganditi-va la paragraph ca si la o portiune aparte de text.
<BODY>
<P>Ceva foarte frumos.</P>
</BODY>



Ceva foarte frumos.    

De unul singur nu face multe. Totusi pentru majoritatea browser-urilor creaza efectul de a lasa o linie libera.
<BODY>
<P>Ceva foarte frumos</P>
<P>ca si un cub de gheata.</P>
</BODY>



Ceva foarte frumos
ca si un cub de gheata.    

Pentru ce altceva este bun tag-ul <P> ? Ei bine, este bun pentru alinierea lucrurilor.
<BODY>
<P ALIGN="left">Ceva foarte frumos</P>
<P ALIGN="center">ca si un cub de gheata</P>
<P ALIGN="right">sau o portocala.</P>

<P ALIGN="left">
Ceva foarte frumos
<BR>ca si un cub de gheata
<BR>sau o portocala.
</P>

<P ALIGN="center">
Ceva foarte frumos
<BR>ca si un cub de gheata
<BR>sau o portocala.
</P>

<P ALIGN="rihgt">
Ceva foarte frumos
<BR>ca si un cub de gheata
<BR>sau o portocala.
</P>
</BODY>


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 <P> ... in exemplele de mai sus am folosit si tag-ul de sfarsit (</P>, nu este neaparat nevoie. Browser-ul intelege cand un nou <P>aragraph incepe si atunci pe ultimul il inchide automat . Asa ca...
<P>Ceva
<P>Inca ceva
Este la fel cu...
<P>Ceva</P>
<P>Inca ceva</P>
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 <CENTER> se centreaza automat.
<BODY>
<CENTER>Ceva foarte frumos.</CENTER>
</BODY>



Ceva foarte frumos.    




LECTIA 9

LECTIA 9 !!!
Uita-te aici...
<BODY>
Ceva        foarte        frumos
</BODY>


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 -> &nbsp;
Incearca asta...
<BODY>
Ceva&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
foarte&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
frumos
</BODY>


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.
     &nbsp;     non-breaking space
     &lt;       < less-than symbol
     &gt;       > greater-than symbol
     &amp;      & ampersand
     &quot;     " quotation mark
     &shy;      ­ 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 (&nbsp. 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.
<BODY>
Ceva<BR>foarte<BR>frumos<BR>
ca si<BR>un cub<BR>de gheata!
</BODY>



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:


&Agrave;  Ą  capital A, grave accent      &iuml;    ļ  small i, dięresis/umlaut   
&agrave;  ą  small a, grave accent        &ETH;     Š  capital Eth, Icelandic
&Aacute;  Į  capital A, acute accent      &eth;     š  small eth, Icelandic
&aacute;  į  small a, acute accent        &Ntilde;  Ń  capital N, tilde       
&Acirc;   Ā  capital A, circumflex        &ntilde;  ń  small n, tilde               
&acirc;   ā  small a, circumflex          &Ograve;  Ņ  capital O, grave accent     
&Atilde;  Ć  capital A, tilde             &ograve;  ņ  small o, grave accent             
&atilde;  ć  small a, tilde               &Oacute;  Ó  capital O, acute accent     
&Auml;    Ä  capital A, dięresis/umlaut   &oacute;  ó  small o, acute accent       
&auml;    ä  small a, dięresis/umlaut     &Ocirc;   Ō  capital O, circumflex   
&Aring;   Å  capital A, ring              &ocirc;   ō  small o, circumflex           
&aring;   å  small a, ring                &Otilde;  Õ  capital O, tilde             
&AElig;   Ę  capital AE ligature          &otilde;  õ  small o, tilde               
&aelig;   ę  small ae ligature            &Ouml;    Ö  capital O, dięresis/umlaut
&Ccedil;  Ē  capital C, cedilla           &ouml;    ö  small o, dięresis/umlaut   
&ccedil;  ē  small c, cedilla             &Oslash;  Ų  capital O, slash                   
&Egrave;  Č  capital E, grave accent      &oslash;  ų  small o, slash         
&egrave;  č  small e, grave accent        &Ugrave;  Ł  capital U, grave accent           
&Eacute;  É  capital E, acute accent      &ugrave;  ł  small u, grave accent       
&eacute;  é  small e, acute accent        &Uacute;  Ś  capital U, acute accent     
&Ecirc;   Ź  capital E, circumflex        &uacute;  ś  small u, acute accent       
&ecirc;   ź  small e, circumflex          &Ucirc;   Ū  capital U, circumflex         
&Euml;    Ė  capital E, dięresis/umlaut   &ucirc;   ū  small u, circumflex           
&euml;    ė  small e, dięresis/umlaut     &Uuml;    Ü  capital U, dięresis/umlaut
&Igrave;  Ģ  capital I, grave accent      &uuml;    ü  small u, dięresis/umlaut     
&igrave;  ģ  small i, grave accent        &Yacute;  Ż  capital Y, acute accent     
&Iacute;  Ķ  capital I, acute accent      &yacute;  ż  small y, acute accent       
&iacute;  ķ  small i, acute accent        &THORN;   Ž  capital Thorn, Icelandic       
&Icirc;   Ī  capital I, circumflex        &thorn;   ž  small thorn, Icelandic         
&icirc;   ī  small i, circumflex          &szlig;   ß  small sharp s, German sz           
&Iuml;    Ļ  capital I, dięresis/umlaut   &yuml;    ’  small y, dięresis/umlaut



Mai multe caractere de la ISO 8859-1
  &nbsp;     non-breaking space          ± &plusmn; ± plus-or-minus sign         
” &iexcl;  ” inverted exclamation mark   ² &sup2;   ² superscript two         
¢ &cent;   ¢ cent sign                   ³ &sup3;   ³ superscript three       
£ &pound;  £ pound sign                  “ &acute;  “ acute accent             
¤ &curren; ¤ general currency sign       µ &micro;  µ micro sign               
„ &yen;    „ yen sign                    ¶ &para;   ¶ pilcrow (paragraph sign)
¦ &brvbar; ¦ broken (vertical) bar       · &middot; · middle dot               
§ &sect;   § section sign                ø &cedil;  ø cedilla                 
Ø &uml;    Ø umlaut/dieresis             ¹ &sup1;   ¹ superscript one         
© &copy;   © copyright sign              ŗ &ordm;   ŗ ordinal indicator, male 
Ŗ &ordf;   Ŗ ordinal indicator, fem      » &raquo;  » angle quotation mark, right   
« &laquo;  « angle quotation mark, left  ¼ &frac14; ¼ fraction one-quarter         
¬ &not;    ¬ not sign                    ½ &frac12; ½ fraction one-half             
­ &shy;    ­ soft hyphen                 ¾ &frac34; ¾ fraction three-quarters       
® &reg;    ® registered sign             æ &iquest; æ inverted question mark       
Æ &macr;   Æ macron                      × &times;  × multiply sign                 
° &deg;    ° degree sign                 ÷ &div;    ÷ 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 <IMG> (image).
<BODY>
<IMG>
</BODY>
Trebuie sa specificati sursa si marimea.
<BODY>
<IMG SRC="chef.gif" WIDTH=130 HEIGHT=101>
</BODY>


    
 
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     
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:
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.

- crearea_unei_pagini_web.rar

Modificat de brutus vmd (acum 14 ani)


_______________________________________


=======================================================

=======================================================

pus acum 14 ani
   
~|h6ck2r|~
Membru Junior

Din: G.P.S. Error...
Inregistrat: acum 15 ani
excelent post!thx

_______________________________________



                     
           
                                                             
                                CITITI REGULILE FORUMULUI DACA VRETI SA NU FITI BANATI
                                                    USE SEARCH BEFORE POSTING
                   
                                                                You have a ask?
                                                                Just google it....
                                                     Spammer--><--Eu


pus acum 14 ani
   
Ices
MEMBRU VIP

Inregistrat: acum 17 ani
Mulţumesc
foarte bun tutorialul


_______________________________________
Pass if needed :

pus acum 14 ani
   
Pagini: 1  

Mergi la