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 -> Incearca asta... <BODY> Ceva foarte 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. 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. <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:
À Ą 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 <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)
_______________________________________
=======================================================
=======================================================
|
|