Un Document HTML Se Realizeaza Cu Un Editorul de Text

Un document html se realizeaza cu un editorul de text Notepad (un exemplu).
Fisierului cu extensia *.txt creat cu Notepad i se schimba extensia in *.html. Pentru a scrie codul intr-un astfel
de fisier se face click-dreapta pe el, se acceseaza optiunea Open With si se alege Notepad. Odata deschis, se
poate introduce codul HTML.

Pentru a vizualiza efectul codului, se da dublu-click pe fisierul html. Se observa deschiderea paginii html in
browserul implicit.

Tag-ul este parte a codului html interpretat ulterior de browser. Acestea sunt incluse intre paranteze ascutite,
sau semnele 'mai mic', 'mai mare' <tag>.
Un tag poate fi simplu sau compus. Un exemplu de tag simple e <img src="imagini/facultate.jpg"/> (o
componenta), iar un exemplu de tag compus e <a href="http://www.n2n.ro"> Vizitati site-ul </a> (doua
componente).
Atributul e asociat tag-ului si modifica valoarea unui element in html.

Limbajul HTML este folosit pentru crearea paginilor web. Acestea sunt folosite pentru a raspandi informatii pe
Internet.
Elementul <head> contine informatii generale despre document, numite si meta-informatie.
Contine tag-urile :
I.<base> defineste URL-ul de baza pentru linkurile de pe pagina.
Contine atributul target <base target="_blank" ce deschide o pagina noua

II.<link> defineste relatia dintre doua documente legate (link rel="stylesheet" type="text/css" href="stil.css">

III. <style> defineste infatisarea documentului (font, culoare, aliniere) prin proprietatile sale; exemplu: A:link
{color:red; text-decoration:none;}

IV. <meta> ofera meta-informatie despre pagina: descriere, cuvinte cheie ce pot fi folosite de motoare de
cautare
<meta> se foloseste pentru a preciza informatiile care vor fi trimise in header-ul documentului

1. atributul http-eqiv
a) <meta http-equiv="Refresh" content="5"> - improspatarea paginii la fiecare 5 secunde
b) <meta http-equiv="Refresh" content="5"; url=http://www.clujnapoca.ro" - redirectionare dupa 5 secunde
c) <meta http-equiv="Content-Type" content="text.html"; charset=ISO-8859-1"> - setarea codificarii unui
document la setul de caractere latin

2. atributul name
a) <meta name="author" content="Nume Autor"> - numele autorului
b) <meta name="revised" content="Nume, 24.02.2011"> - numele celui care a actualizat pagina si data la care
s-a realizat
c) <meta name="generator" content="Notepad"> - editorul de text cu care s-a scris pagina
d) <meta name="keywords" content="html, couses, webdesign, studenti">
e) <meta name="description" content="Corsuri de WebDesign, HTML">
f) <meta name="copyright" content="copyright 2011, Nume Autor">

V. <title> afiseaza titlul paginii in bara de titlu
Pentru realizarea unui tabel se folosesc mai multe taguri imbricate.
Tag-ul <table> ... </table> defineste un tabel . Acesta poate contine atribute ca width pentru a indica
latimea tabelului, height pentru inaltime, borderpentru grosimea marginii (pixeli). Pentru a crea un tabel cu
margini invizibile se da valoarea 0 atributului border. Alinierea se face cu atributul align .

Tag-ul <tr> ... </tr> defineste o linie (rand) din tabel.

Tag-ul <td> text de afisat </td> defineste o coloana.

Exemplu:
<table width=100%, height="60%" align="top"> - se deschide tabelul

<tr> - se deschide o linie/rand
<td> Linia 1, Coloana 1 </td> - se populeaza primul camp al primei linii
<td> Linia 1, Coloana 2 </td> - se populeaza al doilea camp al primei linii
<td> Linia 1, Coloana 3 </td> - se populeaza al treilea camp al primei linii
</tr> -se inchide linia

<tr> - se deschide a doua linie
<td> Linia 2, Coloana 1 </td> - se populeaza primul camp al celei de-a doua linie s.a.m.d.
<td> Linia 2, Coloana 2 </td>
</tr>

<tr>
</tr>

<tr>
</tr>

</table> - se inchide tabelul
Structura unui document HTML include tag-uri care gazduieste continutul si ii da forma.
Tag-ul <html> ...continut... </html> e inclus in orice document HTML si cuprinde:

I.Tag-ul <head> ... </head> contine date despre document

II.Tag-ul <body> ... </body> defineste continutul paginii si contine tag-urile:

1. <p> ...text... <p> inglobeaza un text formatat ca paragraf (stil, dimensiune, culoare implicite)

2. <h1> ...text... <h1> e cel mai important heading (dimensiune mai mare ca a unui paragraf), <h2> ,
..., <h6 >(cel mai putin important heading)

3. <ul> ...text... </ul> defineste o lista neordonata si contine tag-url: <li> ...text... </li> - reprezinta
un element dintr-o lista

4. <ol> ...text... </ol> defineste o lista ordonata (1, 2, 3 sau a, b, c in functie de atribut) care contine tagul
<li> pentru fiecre element al listei
Exemple:
a) <ol type=1> .... </ol> pentru afisarea listei cu 1, 2, 3...
b) <ol type=a> - afisarea listei cu a, b, c...
c) <ol type=i> - afisarea listei cu i, ii, iii...
d) <ol type=I> -afisarea listei cu I, II, III...

5. <a>...</a > cu atributul href => <a href="http://www.n2n.ro"> n2n </a> - textul n2n pe care se da click si
se deschide o pagina a site-ului http://www.n2n.ro

6. <img> cu atributul src => <img src="sursa/imaginii.jpg"> - afiseaza imaginea 'imaginii.jpg' continuta in
folderul 'sursa' (adresa relativa) cu atributele
a)width - pentru indicarea latimii imaginii afisate
b)height - pentru indicarea inaltimii imaginii afisate
c)alt - pentru a fis un text (alt="text") in cazul in care imaginea nu mai este la adresa definita si nu mai poate
fi afisata

7. <form> ... </form> - defineste o forma/un formular care poate contine:
a) <input type="text"> introduce un textbox in care utilizatorul poate introduce text
b) <input type="password"> introduce textbox in care utilizatorul introduce text, insa afisarea se face cu
caracterul asterisc *
c) <input type="checkbox"> introduce o casuta de validare care poate fi bifat de utilizator; prin atributul
checked="checked" este bifat implicit
d) <input type="radio"> introduce un buton radio intr-un grup; atributul checked
e) <input type="file"> introduce o cutie si un buton de rasfoire in computer pentru a incarca fisiere
f) <input type="submit"> introduce un buton de trimitere a datelor din formular la adresa si prin metod
stabilita prin atributele din <form>
g) <input type="button"> introduce un buton pe care se poate scrie text prin atributul value="text_pe_buton"
h) <input type="reset"> introduce un butod care apasat goleste toate datele completate de utilizator (sau le
reseteaza la valorile implicite stabilite prin atributul "value")
i) <input type="hidden"> introduce un camp ascuns, invizibil utilizatotului (folosit pentru trimiterea unor date
ce nu trebuie expuse utilizatorului)
j) <input type="textarea"> introduce un textbox cu mai multe linii (ex. pentru comentarii)
k) <select> ... </select> pentru introducerea unei liste derulante din care se poate selecta o optiune; contine
tag-ul <option value> text </option>pentru fiecare optiune ce se introduce

8. Tag-uri de formatatre a textului:
a) <hn> pentru titlurille capitolelor si ale paginilor
b) <hr> -folosit pentru a insera linii orizontale (rol despartitor)
c) <center>...</center> - alinierea centrala a continutului
d) <br> - inserea unui rand nou (echivalentul apasarii tastei Enter)
e) <nobr>...</nobr> - textul cuprins intre taguri va fi afisat pe ceeasi linie, indiferent de lunime (daca nu
incape pe latimea ecranului, se trunchiaza)
f) <address>...</address> - pentru incadrarea informatiei de contact
g) <div>...</div> imparte documentul in sectiuni
h) <i>...</i> confera aspect inclinat textului
i) <b>...</b> - ingrosarea textului
j) <u>...</u> - sublinierea textului
k) <big>...</big> - mareste dimensiunea textului
l) <small>...</small> - reduce dimensiunea textului
m) <strike>...</strike> - taie textul cu o linie orizontala
n) <tt>..</tt> - afisare monospatiata a textului
o) <sup>...</sup> - superscript
p) <sub>...</sub> - subscript
q) <cite>...</cite> - pentru incadrarea citatelor
r) <em>...</em> - text evidentiat
s) <strong>...</strong> - caractere ingrosate (bold)
t)  comenatriile nu apar prin brower, doar in cod

etools
Logheaza-te la contul tau de Bravenet.com
Da click pe butonul Get free tools ( figura 1) pentru a avea acces la uneltele virtuale Bravenet.
E-Mail Form - Adauga un formular de feedback al vizitatorului la site-ul tau.
Guestbook/GuestMap Carte de Oaspeti
Site Search - Permite vizitatorilor sa caute cuvinte cheie pe site-ul tau
Counter Stats - Contor pentru urmarirea traficului pe site.
Password Protect - Acces restrictionat la paginile site-ului.
Blog
Vote Caster e-Sondaj cu mai multe intrebari pentru site.
Web Poll - e-Sondaj cu 1 singura intrebare
Speaking Characters - Creare personaje animate pentru site.
Message Forum Platforma de mesaje pentru discutii online, forum.
Photo Album - Album foto pentru site.

Pentru a beneficia de Web Tools acceseaza fiecare link.
e-mail forms
Pasul 1. Da click pe butonul Get your Email Forms. (figura 3)
In pagina urmatoare faci setarile formularului pentru email.(figura 5)
Pasul 2. Realizarea setarilor
Da click pe linkul Form Builder pentru a crea formularul (figura 5).

In noua pagina deschisa alege tipul de formular (figura 6):
- Formular de contact (Contact Form)
- Formular de feedback pentru vizitatori (Feedback Form)
- Formular de comanda (Order Form)
- Chestionar (Survey Form)

Luam in continuare ca exemplu optiunea Contact Form .
Completeaza numele Formularului.(figura 7)
Se genereaza formularul.
Va aparea modelul de formular de contact in forma in care va fi publicat pe site. (Figura8)
Etapa Preview Pentru a modifica formularul da click pe linkul I will edit this form (figura 8).
Pentru a copia codul HTML al formularului da click pe butonul CODE din meniul de sus, sau acceseaza linkul
Its perfect , lets see the code.
Salveaza fiecare modificare apasand pe SAVE.
Pentru a accesa alt WEB TOOL da face click pe butonul WebTools din meniul de sus si selecteaza unealta
dorita (figura 11).
Emaps
GuestMap este unealta care arata locatia vizitatorilor unui website.
Din meniul principal, se acceseaza WEBTOOLS ( vezi figura 1). In lista de Unregistered Services se aleg uneltele
dorite.

Se alege in acest caz GuestMap. Da click pe butonul Get your GuestMap iar in sectiunea I would like a free
GuestMap da click pe butonul Continue.

Pasul 2 . In pagina urmatoare faci setarile Guestmap-ului.(figura 12) Setarile le faci accesand la categoria
Maintenance Options linkul General Settings (figura 12).
Figura 13 General Settings - Optiuni GuestMap

In pagina General Settings setezi caracteristicile GuestMap-ului(figura 13).

Dupa ce ai finalziat setarile da click pe:
- Cancel pentru a reveni la GuestMap Manager fara a salva modificarile sau
- Save Changes pentru a aplica setarile noi.

La Edit text se editeaza textul guestmap-ului, pentru a adauga imagine guestmap-ului se acceseaza Custom
Image.

Dupa salvarea noilor setari ti se deschide o fereastra ca cea din figura 14.
Pentru a adauga alte unele, click pe Service Manager.
Figura 14 GuestMap: Salvarea setarilor

Pentru ca GuestMapul sa fie vizibil pe site-ul tau trebuie sa introduci codul HMTL al GuestMapului in paginile
siteului tau.

Pentru a copia codul HTML da click pe linkul Copy-Paste Code.(figura15)
Figura 15 guestMap Copy-Paste Code

Password protect
Acest e-tool permite protejarea continutului unui site sau anumitor pagini ale unui site.

dorite. Se alege in acest caz Passsword Protect.

Da click pe butonul Get your Passsword Protect iar in sectiunea I would like a free Passsword Protect da click
pe butonul Continue. In sectiunea Manage User Accounts poti vizualiza toate conturile create pe site (figura
16).

In bara de meniu din stanga poti vizualiza unealta virtuala, poti analiza statisticile utilizarii ei, poti edita
setarile generale, metodele de securitate.

Selecteaza din meniu butonul View Service pentru a vizualiza unealta.

Pentru a crea mai multe conturi de logare , da click pe Add a new account. ( figura 16).

In noua pagina generata , completeaza datele contului cu user si parola.(fig 16.1)

Message forum
dorite. Pentru a adauga un forum site-ului, se acceseaza linkul Message Forum .

Da click pe butonul Get your Message Forum iar in sectiunea I would like a free Message Forum da click pe
butonul Continue . In noua pagina deschisa poti face setarile aferente.(figura18)
Figura 18 Setarile forumului

Se editeaza forumul dand click pe sectiunile portocalii : edit page, set title, set forum styles . In bara de
meniu din stanga se poate modifica template-ul forumului, statistica mesajelor, setari generale.

Setarea paginii (edit page) - la Colours se alege culoarea de fundal a forumului - textul se editeaza la Fonts. -
la Layout se alege forma.(fig 19)

Pentru a copia codul HTML al forumului si a introduce in alte pagini,se face click pe linkul GET CODE din bara
de sus (vezi fig 16).
Figura 20 Alegerea tipului de code Html: incorporat sau link
Counter stats
Counter Stats este contorul online care arata cati vizitatori a avut site-ul, statistica vizitatorilor.

Din meniul principal, se acceseaza WEBTOOLS ( vezi figura 1). Pentru a adauga un contor site-ului , se
acceseaza linkul Counter Stats. Da click pe butonul Get your Counter Stats iar in sectiunea I would like a free
Counter Stats da click pe butonul Continue.

Se copiaza code-ul HTML si se insereaza in code-ul html al paginii in care se pune contorul.
Figura 21 Codul Html pentru Counter Stats

Click pe Back to manager pentru a accesa pagina de setari a contorului.
- Editarea contorului se face dand click pe Manage Counters.
- Vizualizarea traficului se poate vedea dand click pe Get Traffic.
- Dupa ce s-au facut setarile se genereaza un alt cod html apasand pe copy-paste code.
Figura 22 Editarea uneltei

Se pot modifica aici imaginea contorului, template-ul, accesa statisticile.

Poti de asemenea crea alt contor dand click pe butonul Create new Counter.( figura 23)

Vote caster

Este unealta web care permite votarea, raspunderea la unele intrebari legate de site.

De exemplu: Cum ati evalua acest site?. Pentru a adauga un Vote Caster site-ului , se acceseaza linkul Vote
Caster din lista de unelte.
Da click pe butonul Get your Vote Caster iar in sectiunea I would like a free Vote Caster da click pe
butonul Continue .
In aceasta pagina ( figura 24) apar mai multe modele de vot (design + cod html).Se copiaza codul html apasand
pe Highlight & Copy .

Pentru a reveni la Manager Service si edita setarile uneltei, click pe Back to Manager Service de la sfarsitul
paginii.(fig. 24)

La View Statistics ( fig. 26) se pot vizualiza statisticile votului. La Manage Questions se modifica intrebarile, se
adauga/sterg. Culorile fontului, fundalul se pot modifica la Colors and Fonts.

Important! Pe masura ce setati unealta dupa plac se modifica si structura codului html, astfel la finalul
setarilor se copiaza codul html pentru a-l insera in pagina dorita.

Figura 25 Manager Service pentru Vote Caster

Figura 26 Statisticile site-ului in urma votarilor.
Guestbook
Pe web, Guestbook este un sistem de logare care permite vizitatorilor unui website sa lase comentarii online.

Pe urma feedback-ului, webmasterul poate evalua si imbunatati site-ul. Pentru a adauga un Guestbook site-
ului , se acceseaza linkul Guestbook din lista de unelte.

Da click pe butonul Get your Guestbook iar in sectiunea I would like a free Guestbook da click pe
butonul Continue .

Figura 27 Setare Guestbook

In figura 27 se fac setarile uneltei. Se completeaza cu datele necesare ( titlu, subtitlu, pagina pe care sa apara
Guestbook-ul, se alege tema etc.). Click pe Save & Continue .

Veti fi directionat catre vizualizarea/editarea aspectului guestbook-ului. Se poate edita pagina, titlul, bara de
meniu, stilul post-urilor, comentariile in sectiunile portocalii.(fig. 28)

In bara de meniu din stanga de asemenea se pot face editari ale guestbook-ului. Codul HTML se genereaza
apasand pe GET CODE din meniul de sus. Click EXIT pentru a reveni la webtools manager.

Figura 28 Setarile Guestbook
1.Crearea contului Byethost.

Primul pas spre instalarea Wordpress-ului pe server este crearea unui cont pe Byethost. Click pe Sign Up now .

Se vor completa urmatoarele campuri:

:

UserName nume utilizator
Site Language - English
Password- parola
E-Mail Address adresa de mail
Site category - personal

Vei primi in urma salvarii datelor un mail cu linkul de activare al contului.

Logheaza-te pe site dupa activarea contului.Completeaza cu datele primite pe mail.

.

2. Crearea unui subdomeniu

Pentru a crea un subdomeniu trebuie sa intri in Control Panel si sa dai click pe Sub-domain.

Alege un nume pentru subdomeniul tau

3.Crearea bazei de date SQL

Intoarce-te in Control Panel .Da click pe MySQL Databases

.

Va trebui sa-I dai un nume bazei tale de date.Pentru a modifica baza de date vei avea nevoie de username-ul
si parola primite in mail-ul de la byethost.

4.Urcarea pe server a paginilor Wordpress.

Pentru aceasta va trebui sa te intorci in Control Panel . Acceseaza File Manager -> Online File Manager

r

Da click pe Docs :

Pentru a dezarhiva Wordpress-ul pe PC va trebui sa faci 4 arhive cate una cu fiecare folder din arhiva
Wordpress si inca o arhiva ZIP cu fisierele care nu sunt in folder.Apoi le uploadezi pe rand, pe server.

Dupa ce s-au dezarhivat, accesezi adresa site-ului.

5.Crearea unui stil de configurare

Da click pe Create a configuration style.

Completeaza urmatoarele campuri:

Pentru a afla numele bazei de date, intoarce-te in Cpanel si acceseaza Database Management -
> phpMyAdmin .

Username-ul si parola SQL le vei lua din mail.

Informatia necesara completarii spatiului din dreptul Host name o gasesti in Cpanel , in chenarul albastru din
partea stanga, sub Account Information.

La sectiunea Table prefix completeaza cu wp .
Dupa ce ai completat toata campurile dai click pe Submit.

6.Finalizarea instalarii

Fisa de inscriere pe directoare web
www.go2m.biz

Titlul: Go2m.Biz: Mobile Business Mobile LifeStyle

Adresa web: www.go2m.biz

e-Mail: add@go2m.biz

Pers de contact : Webmaster Tel/fax: +40364815085

Descriere: Prima Piata Virtuala www.v-Market.ro este locul de intalnire al ofertelor si cererilor. Aici vei gasi orice produs sau serviciu, piee virtuale,
burselor electronice, magazinelor si ziarelor online. In structura www.v-Market.ro sunt incluse 19 sectoare: auto, acuni, banci, finantari, imobiliare,
locuri de munca, targuri si expozitii, agricultura, constructii, consultanta, IT, industrie, media, medicina si farmacie, mestesuguri si artizanat, comert,
stilism, transporturi, turism.

Cuvinte cheie : mobile, business, lifestyle, software, hardware, accessories, gadgets, telephone, phone, gsm, memory, pc, robot, laptop, pda, notebook,
tablet pc, keyboard, mouse, pcfax, digital camera, bluetooth, handsfree, wireless, wi fi, gamepad, modem, router, pos, usb, flash, scanner, scaner, fax,
ipod, rfid, erp, crm, cms, hr

Domenii de inscriere: IT, ICT, tehnologia informatiei, internet, gsm, calculatoare, web
Model raport inscriere pe directoare web
Director Data inscrierii Observatii
Index Loop Web
Directory
25.04.2010
mi cere URL reciproc
obligatoriu. nregistrare
nereuit.
Indian Rank Blaster
Directory
25.04.2010
Nu am gsit pagina, scrie:
"This domain name expired
on Apr 21 2010 12:35AM"
iWebmasterDirectory.com 25.04.2010
nregistrare nereuit, mi d
error la categoria travel.
James Directory 25.04.2010
Inregistrare reuit, totul era
n regul, numai c nu mi s-a
cerut cuvinte de cheie.
Link For You 25.04.2010
nregistrare reuit, fr sigla
hotelului. Totul era n regul.
Mega Links Directory 25.04.2010
My Web Directory 25.04.2010
N.A.M.E Web Link
Directory
25.04.2010
N.C. Web Link Directory 26.04.2010
Name Directory 26.04.2010
nregistrare nereuit, scrie: "
URL already exists in the
directory."

Fisa de inscriere anunturi online
Inscrierea anuntului SES in site-uri de Anunturi

Pune la:

Titlu anunt (copy-paste textul de mai jos):
Asistenta nerambursabila germana
Descriere anunt (copy-paste textul de mai jos):
Cursuri de pregatire, planuri de afaceri, studii de fezabilitate, analiza SWOT, evaluari ale firmei, strategii de management
si marketing, cresterea vanzarilor, transfer de tehnologie etc. oferite in mod gratuit de expertii germani. Da click
aici www.v-market.ro/ses
Pret (copy-paste textul de mai jos):
0 euro
Persoana de contact (copy-paste textul de mai jos):
Adela Zifceac
Telefon (copy-paste textul de mai jos):
0744 547781
Fax (copy-paste textul de mai jos):
0364 815085
Mail (copy-paste textul de mai jos):
add@v-market.ro
Website (copy-paste textul de mai jos):
www.v-market.ro/ses
Oras:
Iti treci orasul de domiciliu.
Domenii de inscriere si categoriile la care trebuie inscris anuntul (orientativ, la alegerea ta):
consultanta
afaceri
servicii
constructii
agricole
mobilier
electronice
industrie

Model raport inscriere anunturi online
1 Adresa site Valabilitate Cont user/parola Observatii
2 http://www.anunturibacau.ro/ NESPECIFICAT CRIS1987/11011987

3 http://www.anunturibistrita.ro/ NESPECIFICAT CRIS1988/1987

4 http://www.anunturi-brasov.ro 0 0

5 http://www.anunturibrasov.ro/ 0 0

6 http://www.anunturi-bucuresti.ro/ NESPECIFICAT CRIS1984/1987

7 http://www.anunturicalarasi.ro/ NESPECIFICAT CRIS1/1987

8 http://www.anunturicarasseverin.ro NESPECIFICAT CRIS19877/1987

9 http://www.anunturicase.ro/ 0 0

10 http://www.anunturi-cluj.ro/ NESPECIFICAT CRIS11011987

11 http://www.anunturicovasna.ro/ NESPECIFICAT CRIS198777/1987

12 http://www.anunturicraiova.ro/ 23MAI2011 0

13 http://www.anunturidepenet.ro/ NESPECIFICAT CRIS

14 http://www.anunturidetop.ro/ 30 ZILE FLASHNEWS24A@YAHOO.COM

15 http://www.anunturidinbuzau.ro/

nu mi s-a permis
16 http://www.anunturidinsibiu.ro 4 SAPTAMANI FLASHNEWS24A@YAHOO.COM

17 http://www.anunturi-eficiente.ro/ 4 SAPTAMANI CRIS/1987

18 http://www.anunturiexpres.ro 0 0

19 http://www.anunturifree.ro 4 SAPTAMANI cris/1987

20 http://www.anunturigarla.ro/ 0 0

21 http://www.anunturigenerale.ro/ 0 cris1987

22 http://www.anunturigorj.ro/ 0 cris1987

23 http://www.anunturigr.ro/ 0 0

24 http://www.anunturi-gratis.ro/ 28IULIE2010
FLASHNEWS24A@YAHOO.COM

Creare Magazin online
Crearea magazinului on line
Realizarea magazinului virtual este primul pas pentru a-ti designa si dezvolta propria afacere on line si a genera venituri prin
Internet.
Pasul 1. Crearea contului.
Intra pe pagina www.v-market.ro/practica/resurse.php
In partea din stanga-jos a monitorului la categoria Exercitii online da click pe:
01. Creaza-ti magazinul tau virtual
Ti se deschide o fereastra ca cea din figura urmatoare. Da click pe SIGN UP
Fig. nr. 15 Crearea contului pentru magazinul virtual

Pasul 2. Completarea formularului de inregistrare
Ti se deschide o pagina continand un formular on line ca cel din Figura 16.
Completeaza formularul cu datele cerute. Da click pe butonul CREATE NEW ACCOUNT
Fig.nr. 16 Formularul de inregistrare

Pasul 3 Activarea contului
Vei primi un e-mail cu datele de activare ale contului (vezi Figura 17).
Activeaza-ti contul apoi logheaza-te.
Fig.nr. 17 Activarea contului
Pasul 4. Personalizarea magazinului virtual
Imediat ce te loghezi ti se deschide o fereastra care contine un formular de personalizare a magazinului tau virtual.
Completeaza formularul on line..
Fig.nr. 18 Formularul on line pentru personalizarea magazinului virtual

Dupa ce ai completat formularul da click pe butonul CUSTOMIZE MY STORE .
Fig.nr.19 Salvarea datelor din formularul pentru personalizarea eShop -ului
Pasul 5. Vizualizarea magazinului virtual
Pentru a-ti vizualiza magazinul virtual da click in bara din stanga ecranului pe butonul PREVIEW STORE .
Fig.nr.20 Vizualizarea magazinului virtual creat

Pasul 6. Raportarea realizarii taskului
Intra pe pagina www.v-market.ro/practica/raportareshop.php
Completeaza formularul online si raporteaza finalizarea taskului.
Nu uita sa urci fisierul de raportare in biroul tau virtual ( Google Docs ) din contul tau de Gmail .
Fisierul de raportare trebuie sa contina
ID-ul si PAROLA de logare la eShop;
Adresa la care poate fi vizualizat eShopul;
Observatiile personale privind realizarea taskului si eventuale propuneri;
SEO = Search Engine Optimization (Optimizarea pentru motoarele
de cautare)
Cine nu e pe Net nu exista !
Cine nu are un site optimizat nu poate fi gasit !

Optimizarea siteului : este tehnica prin care posesorul unui site efectueaza operatiunile necesare
pentru ca siteul sau sa poata fi gasit cu motoarele de cautare pe primele pagini si in cel mai scurt
timp posibil

Optimizarea pentru motoarele de cautare este de doua feluri: on-page si off-page .

Optimizarea on-page se refera la elementele de optimizare efectuate direct asupra paginilor
websiteului.

Optimizarea off-page se refera la elementele de optimizare externe, care nu tin de structura
interna a site-ului web, dar care afecteaza pozitionarea siteului in cadrul rezultatelor motoarelor de
cautare.

Pentru ca un site web sa fie plasat in primele rezultate afisate de motoarele de cautare este
necesar sa fie optimizat atat prin elementele on-page cat si prin cele off-page .

A. Optimizare on-page (notiuni generale)

Mai jos sunt prezentate cateva elemente esentiale in optimizarea on-page a unui website.
1. Selectia domeniului sau subdomeniului
Este recomandata selectarea unui domeniu sau subdomeniu care sa contina cuvintele cheie pentru
care efectuam optimizarea.

Exemplu:
Pentru o fabrica de lapte se recomanda folosirea
- domeniului www.fabrica-de-lapte.ro si nu www. numefabrica .ro
- subdomeniului fabrica-de-lapte.wordpress.com si nu numefabrica .wordpress.com

Domeniile .ro pot fi achizitionate utilizand siteul www.rnc.ro
Subdomeniile de formatul subdomeniu .wordpress.com sunt gratuite

2. Denumirea paginilor siteului
Se recomanda utilizarea cuvintelor cheie pentru care optimizam websiteul in denumirile paginilor

Exemplu:
Pentru a crea o pagina despre trandafiri pe siteul www.flori.ro:
- varianta optimizata: www.flori.ro/trandafiri.html
- varianta neoptimizata: www.flori.ro/p1.html

Paginile pot avea terminatia .html, .php, .asp etc. Terminatia paginii nu afecteaza activitatea de
optimizare.

Atentie !
Prima pagina a oricarui site trebuie sa fie denumita index (index.html, index.php, index.asp etc)

3. Titlul paginilor siteului
Se recomanda utilizarea cuvintelor cheie in titlul paginilor.
Fiecare pagina trebuie sa aiba un titlu diferit.

Exemplu:
Pentru a crea o pagina despre trandafirii de dulceata si o pagina despre trandafirii de Damasc pe
siteul www.flori.ro:
Pagina 1 - varianta optimizata: <title> Trandafiri de dulceata >> Flori.ro </title>
Pagina 2 - varianta optimizata: <title> Trandafiri de Damasc >> Flori.ro </title>

4. Continutul paginilor - Titluri si subtitluri
Textul din continutul fiecarei pagini web va fi editat similar cu cel al unui document Word.

Textul va fi clasificat in:
- titluri <h1>
- subtitluri <h2>
- paragrafe <p>

Exemplu:
<h1> Principalele specii de trandafiri </h1>
<h2> Grupa trandafirilor pentru parcuri si peisaje </h2>
<p> Textul propriu zis despre trandafiri </p>

5. Continutul paginilor - Imagini
Toate imaginile trebuie sa aiba setat ALT TEXT ( Alternative Text )

Exemplu:
- varianta optimizata: <img src="trandafiri.jpg" alt="trandafiri de damasc">
- varianta neoptimizata: <img src="imagine1.jpg">

6. Continutul paginilor - Animatii Flash
Animatiile de tip Flash nu pot fi "citite" de catre motoarele de cautare.
Nu este recomandata utilizarea lor.

7. Continutul paginilor - Texte
In textele din continutul paginilor trebuie subliniate sau boldite cuvintele cheie pentru care
optimizam siteul.
B. Optimizare off-page (notiuni generale)

Cel mai important element al optimizarii off-page se refera la numarul si calitatea
linkurilor catre siteul optimizat (numitebacklinks ).

Pentru a verifica numarul de backlins catre un site utilizam un e-tool plasat la
adresa http://www.submitexpress.com/link-popularity-check.html

Pasul 1
Se introduce adresa siteului cercetat in rubrica Your Website URL
Se introduce codul de securitate
se da click pe butonul " Evaluate"

Pasul 2

Se deschide o fereastra in care sunt prezentate numarul de linkuri spre siteul cercetat

Backlinuri pot fi obtinute inregistrand siteul pe directoare web, siteuri de anunturi,
utilizand retele de socializare si alte tehnici de e-marketing.

Sunt importante atat cantitatea cat si calitatea backlinkurilor .

Din punct de vedere calitativ, motoarele de cautare vor lua in calcul
urmatoarele elemente:
PageRank-ul siteurilor care fac link spre websiteul cercetat
TAGul <title> al siteurilor care fac link spre websiteul cercetat
Textul ancora al backlinurilor
Cantitatea si calitatea linkurilor spre siteurile care fac link spre websiteul cercetat
IP-ul siteurilor care fac link spre siteul cercetat
Numarul linkurilor interne ale siteului cercetat (numarul de linkuri spre paginile
interioare ale siteului)
C. e-Aplicatii

Au fost dezvoltate numeroase aplicatii pentru optimizarea si gestionarea paginilor web
In continua vom prezenta cateva dintre cele mai recomandate.

1. Google Webmaster Tools www.Google.com/Webmasters/Tools
Google Webmaster Tools ofera webmasterilor informatii detaliate privind vizibilitatea pe Google si
anume:

pentru ce cuvinte-cheie a fost gasit site-ul n cautari Google si n ce pozitie a fost gasit;
numarul de pagini indexate de Google dintr-un sitemap nscris de webmaster (n format
.txt sau .xml);
sugestii privind: meta tag-urile paginilor indexate, numarul de aparitii n site a fiecarui
cuvnt-cheie, numarul de link-uri interne si externe catre site, textul ancora (anchor text)
pentru link-urile externe etc.

2. Google Trends www.Google.com/Trends
Google Trends permite compararea interesului internautilor ce navigheaza pe Internet pentru
diverse teme aflate pe site-uri, de-a lungul timpului.
Utilizatorul poate specifica pna la 5 termeni, iar pentru fiecare dintre acestia Google Trends va
analiza numarul de cautari raportat la numarul total de cautari pe Google.
Rezultatele sunt prezentate numeric si grafic.

3. Google Insight Search www.Google.com/Insights/Search
Este o varianta mbunatatita a Google Trends, ce permite comparatii ntre volumul cautarilor
pentru cuvinte/fraze cheie avnd optiuni de filtrare dupa tara, judet, perioada de timp, categorii
(ex. finante, turism etc).

Google Trends permite vizualizarea celor mai cautati termeni dintr-o anumita tara/regiune. Spre
exemplu n judetul Cluj pe parcursul anului 2009 cei mai cautati 10 termeni au fost38: Youtube,
Yahoo, jocuri, dictionar, Hi5, you, Google, radio, piata, dictionar romn.

Vom lua ca exemplu cercetarea celor mai cautati termeni-cheie de catre utilizatorii din Romnia,
pentru a optimiza site-ul www.iAvion.ro.
Mai jos sunt prezentate rezultatele cautarii urmatorilor 5 termeni-cheie: bilete de avion, bilet de
avion, bilete ieftine de avion, bilete avion low cost si oferte bilete de avion.
Au fost solicitate prin Google Trends rezultatele cautarilor din perioada 2004-2009 n Romnia
pentru acesti termeni cheie; s-au primit urmatoarele punctaje:
1- bilete de avion .................58
2- bilet de avion .....................7
3- bilete ieftine de avion ........6
4- bilete avion low cost ..........8
5- oferte bilete de avion .........2

Punctajele sunt acordate ntre 0 si 100 si reflecta numarul de cautari ale unui anumit termen
raportat la numarul total al cautarilor pe Google.
Sunt raportate si rezultatele cautarilor pentru cei 5 temeni pe judete, pentru a fi cuantificat
interesul regional.

Pentru fiecare termen Google sugereaza anumiti termeni similari de cautare si afiseaza punctajele
pentru acestia. Sunt afisati mai nti termenii similari al caror numar de cautari este n crestere.

4. Google Position www.googleposition.com
Google Position este un e-Tool prin care se poate verifica pozitia site-ului pe Google pentru
cuvintele cheie de interes.
Se pot efectua cautari n 35 de limbi straine inclusiv n limba romna.
Google Position permite verificarea primelor 50, 100, 200, 300 sau 400 rezultate returnate de
Google, n functie de setarile alese.

Vom lua ca exemplu cautarea pe Google Romnia a cuvintelor cheie bilete de avion ieftine .
Vom verifica n primele 400 de rezultate daca apare si site-ul www.iAvion.ro
Google Position ne returneaza rezultatul verificarii ca n imaginea de mai jos:

5. www.WebsiteGrader.com
Este unul dintre cele mai bune site-uri de analiza web. Da un punctaj general intre 1 si 100 pentru
fiecare site si il pozitioneaza printre cele 3.500.000 de siteuri care au fost analizate cu
WebsiteGrader.

In stabilirea punctajului analizeaza o serie de indicatori cum sunt:

daca siteul contine un blog sau nu, in cazul in care contine un blog va da un punctaj
blogului utiliznd BlogGrader.com
analizeaza daca ultimele articole ale blogului au retweet sau nu
numarul de pagini indexate de catre motoarele de cautare
nivelul de educatie necesar pentru a citi textul din continutul site-ului (scoala primara,
gimnaziu, liceu)
meta data primei pagini
utilizarea headings (titluri) si subheadings (subtitluri)
numarul imaginilor si daca au sau nu setat alt text (text alternativ)
numarul de ani de cand a fost cumparat domeniul si timpul pana la expirare
MOZRank al seomoz.org, numarul de domenii care au un link spre site
scorul obtinut pe Twitter.Grader.com
existenta sau lipsa unui RSS, existenta a cel putin unui formular pe site
Alexa Traffic Rank

Site-ul propriu poate fi analizat singur sau comparativ cu site-urile concurentei.

Prezentam ca exemplu http://www.ihotele.ro:

Ocupa pozitia 511,541 din 3,621,167 care au fost notate pna la 27.06.11
Are o nota totala de 86/100
Analiza blog-ului a determinat ca ultima actualizare a avut loc la 19.05.11, obtinnd o nota
de 65 ca urmare a indexarii a apx. 7,950 de pagini.
Site-ul a primit o nota de 4.7 ca urmare a testului MozRank
Pozitia site-ului conform Alexa e de 7,459,237
Link-uri catre domeniu 145

Un Document HTML Se Realizeaza Cu Un Editorul de Text

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Un Document HTML Se Realizeaza Cu Un Editorul de Text

Încărcat de

Drepturi de autor:

Formate disponibile

Un document html se realizeaza cu un editorul de text Notepad (un exemplu).

S-ar putea să vă placă și