Tehnologii internet pentru afaceri
Pentru a face schimb de informatii calculatoarele sunt interconectate formind retele de calculatoare. Multe dintre aceste retele sunt interconectate intre ele formind retele de retele. In principiu o retea de retele se numeste internet.
Conceptul WWW ( world wide web )
Exista mai multe metode de acces la informatia stocata pe un calculator prin intermediul retelei de internet si anume : FTP ( file transfer protocol ) care permite direct accesul la fisierele stationate pe calculatoarele conectate la internet. Accesul este doar la nivel de fisier.
Telnet : care permite accesul la distanta al resurselor unui calculator
Email : serviciul de posta electronica
www - cu posibilitatea de vizualizare a aplicatiilor scrise pe un calculator numit si server, folosind brawser de internet.
Tehnologia client server
Este utilizata de www si consta din :
Un calculator numit client care formeaza o cerere
O actiune de expediere a cererii catre un server
Drumul cererii spre server
Receptionarea cererii de catre server, analiza si expedierea raspunsului
Drumul parcurs de catre raspuns spre client
Receptionarea raspunsului de catre client
Pentru a comunica intre ele , 2 calculatoare folosesc un sistem de reguli ce formeaza un protocol. Serviciul www utilizeaza ca protocol de comunicare intre client si server http (Hiper text transfer protocol )
http.//www.google.com
Hiper text - reprezinta un text inbunatatit ce contine pe linga textul obijnuit si etichete pentru formatarea textului si incapsularea altor tipuri de informatii. ( ex : sunetele sau imaginile )
Un fisier ce contine hiper text este scris intr-un limbaj specific numit html ( Hiper text markup language ) ce permite inserarea de texte , sunete , imagini, filme , indicator de prezentare a informatiei , link-uri si aplicatii.
Un calculator din internet se numeste gazda sau host .El este identificat in mod unic prin numele sau , cunoscut sub forma de adresa IP.
IP- internet protocol : care reprezinta un mijloc de dirijare a pachetelor, astfel incit acestea sa ajunga la destinatie. Un pachet contine adresa expeditorului si adresa destinatarului , informatia , numele aplicatiei client care a formulat cererea si numele aplicatiei de pe server care va primii cererea spre rezolvare.
www reprezinta practic o succesiune de fisiere speciale numite pagini web. Paginile web sunt vizualizate pe calculatorul client prin intermediul unor aplicatii speciale numite browser.
Browser : Internet Explorer , Opera , Mozila , Netscape. ( Opera, Mozila - generatie noua )
Un site web reprezinta o multime organizata de pagini web. Home page , inseamna pagina de start a unui site.
Numim server web un calculator care adapostesteun site web si care este capabil sa raspunda cererilor din partea unui cliet. Pentru a putea raspunde permanent cererilor un calculator trebuie sa ruleze permanent o aplicatie speciala.
Cele mai cunoscute servere web sunt : Microsoft web server ; Apache server ; Tomcat server ; My Sol server ; Oracle server ; J Boss.
Notiunea de URL ( uniferm resource locater ) : O pagina web este unic determinata prin adresa URL asociata. Un URL precizeaza metoda de acces la pagina. Calculatorul pe care se afla si respectiv numele paginii.
Crearea unei pagini web
Se face cu Notepad ( editor banal ) sau cu Edit plus ( mai performant )
Fisierul editat trebuie salvat cu extensia html sau htm.
Prima pagina web
Un document html este o succesiune de blocuri. Blocurile dintr-un document html pot fi imbricate ( continute unele in altele ) . Un bloc este delimitat de simboluri speciale numite taburi sau marcaje, etichete , aceste simboluri sunt incluse intre semnul < > si transmit comenzi catre browser pentru a afisa pagina intr-un anumit mod. Un document html consta dintr-un bloc < html > ( tab de deschidere ) si < /html > ( tab de inchidere ) care contine alte doua blocuri < head > si < body >.
Blocul < body > este continutul propriuzis al paginii html , adica ceeace va fi afisat in fereastra browserului.
Obs : html nu este '' case sensitive '' ( nu face deosebirea intre literele mari si mici )
In situatii obijnuite delimitatorii nu sunt luati in considerare de browser. Acesti delimitatori inseamna taburi si enter ( CR/ LF )
Ex: < html >
< head >
< / head >
< body > salvate cu numele html
Prima pagina
< / body >
< / html >
Il vizualizam , in locul unde se trec adresele pe internet.
Address : file:/C:aplic.html
|
Prima pagina ! |
Titlul unei pagini
Se stabileste in blocul < title > situat in blocul head. Daca < title> lipseste, numele paginii este numele fisierului.
Pentru a rupe rindul in subrinduri se foloseste marcatorul < br >
.
.
prima pagina ! < br >
primul rind !
.
.
Prima pagina ! Primul rind ! - in forma aceasta nu folosesc < br >
Prima pagina ! - in forma aceasta foloseste < br >
Primul rind !
Culori
Culoarea de fond poate fi stabilita ca si atribut al blocului body. Atributele in general reprezinta propietati ale unui bloc care modifica functionalitatiile predefinite ale sale.
Atributul care modifica culoarea de fond este atributul bg color ( background color ).
Culoarea poate fi precizata in 2 moduri:
- prin numele culorii : aqua, black,blu,fuchsia,gray,green,lime,maroon, navy,alive,purple,red, silver,teal, white,yellow.
- printr-o constructie utilizind cifre hexazecimale. Constructia are formatul :
# RR GG BB R G B
rosu verde albastru
cifrele sunt de la 0 9 la care se adauga A, B, C
Ex: Culoarea rosie pura este # FF 00 00
Verde # 00 FF 00
Albastra # 00 00 FF
Alb # 00 00 00
Negru # 28 A7 FC
Rosu cu Albastru # 8F 00 91
Daca nu se opereaza nici o modificare , din start culoarea de fond este alba iar cea de scris negru.
A colora in galben fondul unei pagini vom avea :
< body bg color = '' yellow '' >
. sau
. '' # 00 FF 00 ''
.
< / body >
Obs. Atributele unui bloc sunt separate prin spatiu. Daca se doreste schimbarea culorii de scriere se foloseste atributul:
< text = yellow >
Caracteristicile textului
Textul afisat este caracterizat de urmatoarele atribute: marime (size) , culoare (color), fond (style).
Size - reprezinta valori numerice in intervalul 1.7 , 1 pentru marimea cea mai mica iar 7 pentru cea mai mare.
Style - reprezita Times New Roman
- bold : textul cuprins intre < b > . < / b > va fi boldat ( ingrosat )
- caracterele mari < big > < / big >
- caracterele mici < small > < / small >
- caracterele cursive , italice < i > < /i >
- subscript < sub >
- superscript < sup > Ex: X²
F ij , = ( x1 + x2 ) ² - y³ Vom scrie codul html pentru aceasta formula :
< html > < head > < title > Exemplu < /title > < / head > < body >
F < sub > (y) < /sub > = ( X < sub > 1 < / sub > + X < sub > 2 < /sub > )
< sup > 2 < / sup > - Y < sup > 3 </ sup >
< / body >
< /html >
-caractere subliniate < u > .. < / u >
- caractere sectionate < s > < /s >
Blocul font ( nu este functional decit in Netscape )
< html > < head > < title > Exemplu < /title > < / head > < body >
Aceasta linie este scrisa cu caractere normale < br >
< font color = '' red '' > Aceasta linie este rosie < /font > < br >
< font face = '' Arial ' > Linie scrisa cu caracter arial
< font size = ' 6' > font de marime 6 </ font > < br >
< font size = ' - 3 ' > font de marime 3 < /font > <br >
< font size = ' +1 ' > font de marime 4 < /font > <br>
</ body> </html>
Blocuri de text
< div > < /div >
Realizeaza alinierea textului din interiorul blocului div , folosind atributul align ce are 3 valori: ' center ' , 'left ' , ' right '.
Daca nu aleg nici un atribut va fi aliniere la stinga.
Blocuri de titlu
Sunt utile pentru stabilirea titlurilor de capitole, paragrafe , subparagrafe.
Exista 6 tipuri de blocuri de titlu si anume :
< h1 > <h2 > <h3 > ..< h6 >
<h1 > determina scrierea unui titlu cu caracterele cele mai mari si boltite.
< h6 > scrierea cu caracterele cele mai mici.
Aceste blocuri au si atributul align cu cele 3 valori posibile.
Inaintea unui bloc header browserul aloca un spatiu gol pe verticala. Blocurile header pot fi imbricate.
Linii orizontale
Trasarea lor se face folosind tabul < hr > . Atributele acestui tab sunt :
1. align
2. width - atribut de lungime cu 2 posibilitati :
a) indicarea lungimii liniei ca valori intregi pozitive, reprezentind numarul de pixeli.
b) indicarea unor valori procentuale reprezentind numarul obtinut in pixeli ca procent din latimea ferestrei.
Ex: size - grosimea liniei cu valoarea 2
noshade - umbrit
color - atribut de culoare
blocul < center > determina alinierea tuturor elementelor continute in interiorul blocului la mijlocul paginii.
< html > < head > < title > Exemplu < /title > < / head > < body > < center >
< hr width = 10 % >
< hr width = 40 % >
<hr width = 70 % >
< hr width = 100% >
< hr width = 70 % >
< hr width = 40 % >
< hr width = 10 % >
</center > < / body > < /html >
Liste
1. Liste neordonate - sunt delimitate de tabul < ul > ( un ordered list ) , fiecare element al listei este identificat prin tabul < li > ( list item )
Atributul tabului L este type care poate lua una din valorile :
- ' oracle ' - cerculet gol
- ' disc ' - cerculet colorat
- ' square ' - patrat
Ex:
< html > < head > < title > Exemplu < /title > < / head > < body > < h1 align = ' center' > Exemplu < /h1 > < hr >
< h2 > lista neordonata < / h2 >
< ul > Pentru a cunoaste internetul trebuie sa studiati :
< li > HTML
< li > Java Script
< li > Java
< / ul >
< / body > < / html >
Liste ordonate
Sunt definite in interiorul tabului OL ( ordered list ). In acest caz type poate lua una din valorile :
' A ' - atunci cind elementele listei sunt marcate in ordine crescatoare , cu majusculele alfabetului latin.
' a ' - cu literele mici ale alfabetului latin
' I ' - cu numere romane
' i ' - cifrele simbolizate cu litere mici sau cu cifre arabe.
Daca in loc de < ul > din exemplu pun < ol > atunci apare urmatoarea schimbare :
.
. →
.
Tabul ( ol ) are un atribut care permite modificarea valorii de inceput a marcatorilor din lista , este vorba de atributul start.
ol type = ' A ' start = ' 3 ' prima valoare va fi atunci C
Atit listele ordonate cit si cele neordonate pot contine alte liste.
Este posibil sa modificam simbolurile predefinite sau simbolurile din multimea de simboluri atasate unei liste neordonate prin folosirea imaginilor.
< html > < head > < title > Exemplu < /title > < / head > < body >
< h1 align = ' center ' > Exemplu < /h1 >
< h2 > lista neordonata < / h2 >
< ul > Pentru a cunoaste internetul trebuie sa studiati : < br >
< img src = ' img 1. gif ' > HTLM < br >
< img src = ' img 2. gif ' > Java Script < br >
< img src = ' img 3. gif ' > Java < br >
< / ul >
</ body > < / html >
Tabele
Un tabel este creat folosind urmatoarele etichete.
< table >< / table > iar in interiorul acestei etichete se introduc rinduri cu ajutorul etichetei < tr > .. < / tr > iar in interiorul fiecarui rind , coloane cu ajutorul etichetei < td >..< /td >.
Table row
Table data
In fiecare din aceste ultime doua etichete marcatorul de sfirsit este optional. In mod prestabilit un tabel nu are chenar. Pentru a adauga un chenar unui tabel se utilizeaza obtiunea border. Valoarea acestui atribut este orice intreg nenegativ. In cazul in care atributul border nu este urmat de o valoare , se considera ca valoarea de grosime a chenarului este 1. In cazul in care atributul border are valoarea 0 , se considera ca chenarul lipseste.
Alinierea tabelului intr-o pagina web se face folosind atributul align , cu cele 3 valori cunoscute.
Stabilirea culorilor de fond intr-un tabel.
|
