Category Archives: Limbajul HTML

Curs de realizare pagini Web folosind limbajul HTML

INTRETINERE PAGINA
Pare ca totul s-a incheiat. Insa o pagina pusa pe web si uitata acolo nu este prea interesanta. In continuare te vei ocupa de intretinerea sa. Incearca sa tii pagina “in viata”, astfel incat ea sa nu para “parasita”. Cateva idei:

- e-mail de contact. Nu uita sa pui o adresa de mail pe site, unde vizitatorii sa te poata contacta pentru intrebari, sugestii, felicitari, critici, etc. Majoritatea serviciilor de hosting (cu plata sau fara) iti ofera si o asemenea adresa de mail. Mai important, insa, nu uita sa verifici acel email din cand in cand si sa raspunzi la toate mesajele. Un site web “parasit”, la care webmasterul nu raspunde la mesaje nu face o impresie buna. Cel mai indicat este sa iti creezi o adresa de mail speciala pentru site, astfel incat mesajele legate de acesta sa nu se incurce cu mesajele tale personale.
Read more …

Curs de realizare pagini Web folosind limbajul HTML

BANNERE SI PUBLICITATE PE SITE
O alta modalitate de promovare este schimbul de bannere cu alte site-uri: tu pui un banner (o mica imagine de reclama) a unui site la tine, iar site-ul respectiv pune un banner de-al tau. Poti castiga si ceva bani din acest lucru, oferind “spatiu de reclama” altor site-uri pe pagina ta. Exista si site-uri specializate de “intermediere” a schimbului de bannere.
Read more …

Curs de realizare pagini Web folosind limbajul HTML

PROMOVARE PAGINA

Pagina este pe internet si arata bine; ti-ai anuntat toti prietenii despre ea, insa ai vrea sa ai mai multi vizitatori. Cum procedezi? Este timpul sa iti promovezi putin pagina. Cum se face acest lucru? Exista mai multe directii:

1. inregistrarea paginii in index-uri. Un index este un site ce contine multe adrese de pagini, ordonate pe diferite categorii. De regula, un asemenea index este o parte a unui site mai mare, de tip portal. Daca pagina ta se va adresa vizitatorilor romani, atunci are sens sa o adaugi in baza de date a celor mai utilizate index-uri romanesti. Mai jos, iti oferim direct link-urile catre paginile de inregistrare pentru unele dintre acestea (se deschid in ferestre separate):

bumerang.ro | index2000.ro | gaseste.com | kappa.ro | home.ro | portal.ro

Read more …

Curs de realizare pagini Web folosind limbajul HTML

NUME DOMENII

Acum pagina ta este pe internet, si, in cazul fericit, ai o adresa de forma paginamea.go.ro, www.geocities.com/paginamea, paginamea.fx.ro sau ceva asemanator. In cazul mai putin fericit, adresa este mai lunga si mai complicata. Un site gratuit la Geocities putea avea (in urma cu cativa ani) o adresa de forma: www.geocities.com/SiliconValley/Heights/3871/paginamea.html. Nimeni nu ar putea retine o asemenea adresa.
Read more …

Curs de realizare pagini Web folosind limbajul HTML

GAZDUIRE PAGINI

In regula, pagina pare minunata – a sosit timpul sa o pui pe internet. Cum procedezi? Paginile web, pentru a putea fi vazute de pe internet, trebuie sa fie gazduite de un server web – un calculator special configurat in acest sens, conectat non-stop la internet. Desigur, cu cunostinte avansate si costuri mari poti avea propriul server web, dar noi vom prezenta solutii mai simple. Pentru a pune pagina ta pe internet vei apela la un serviciu de gazduire web (web hosting). Acesta poate fi cu plata sau gratuit.
Read more …

Curs de realizare pagini Web folosind limbajul HTML

TESTARE SI VERIFICARE

Ce facem mai departe? Pagina este terminata si sta cuminte pe hard disk-ul tau. Totusi, pana a fi prezentata pe internet si a se bucura de succes, mai trebuie parcurse cateva etape.

O etapa importanta este testarea si verificarea paginii tale. Desi pare ceva banal, aceasta etapa nu trebuie neglijata pentru a obtine o pagina internet buna. Cateva directii in care se realizeaza aceasta testare sunt:
Read more …

Curs de realizare pagini Web folosind limbajul HTML

Capitolul XII – Continut pe Web

Daca vrei ca pagina ta sa fie vizitata si sa aiba succes, gandeste-te bine ce pui pe ea. Continutul este mult mai important decat forma (prezentarea) paginii. Nu face o pagina care sa contina doar “link-uri catre paginile prietenilor mei”, “motoare de cautare” si vesnicul UNDER CONSTRUCTION.

Incearca sa pui ceva interesant si util pe internet. Vrei sa faci o pagina personala? perfect. Dar nu pune doar o poza cu tine si un link catre www.yhaoo.com. Ai un anumit domeniu de interes? Esti pasionat de ozn-uri, integrame, excursii in Muntii Bucegi, automobilism, administrarea retelelor, filme SF sau muzica techno? strange date, aduna link-uri, scrie materiale si creaza continut despre acest domeniu pentru a fi pus pe internet. Vrei sa faci o pagina pentru firma ta? Nu pune doar numele firmei, numarul de telefon si o poza pe tot ecranul cu noul sediu din centru – nu asta este rolul internetului. In schimb, prezinta firma ta si activitatea acesteia. Eventual scrie niste materiale generale, informative sau educative despre domeniul de activitate al firmei – vizitatorii vor avea de ce sa vina pe pagina.
Read more …

Curs de realizare pagini Web folosind limbajul HTML

Capitolul XI – Design Web

Modul in care sunt prezentate informatiile (texte, imagini, link-uri, etc) si caracteristicile acestora (culori, pozitionare, aranjamente, etc) reprezinta design-ul paginii tale. Pentru ca pagina ta sa se bucure de succes si sa fie usor de utilizat trebuie sa ai grija cum prezinti informatiile in pagina. In aceasta directie, o lista cu lucururi care nu trebuie facute intr-o pagina web este probabil utila:
Read more …

Curs de realizare pagini Web folosind limbajul HTML

Capitolul X – Grafica Web

Dupa ce in capitolele precendente am invatat notiunile HTML de baza, vom scrie cateva cuvinte si despre grafica web. Exista mai multe posibilitati in aceasta directie, cea mai simpla fiind utilizarea unor elemente grafice (poze, desene) din colectii de grafica specializate, colectii ce se pot gasi fie pe internet, fie impreuna cu programe precum Corel Draw, Photo Draw, etc. Desigur, exista si o posibilitate mai simpla de atat – copierea unor elemente grafice din alte pagini web. Acest lucru nu este recomandat insa, in primul rand datorita faptului ca elementele grafice respective vor fi rupte din context. In plus, pentru majoritatea exista drepturi de autor, astfel incat nu pot fi utilizate fara permisiune, in mod normal.

Cel mai bun lucru de facut in aceasta directie este utilizarea unor elemente grafice ca sursa de pornire si prelucrarea acestora intr-un program specializat de tipul Adobe Photoshop. Acesta este un program excelent pentru grafica web ce permite diverse prelucrari ale pozelor si desenelor precum si crearea de la zero a unor elemente de grafica pentru pagina ta. Vom prezenta o serie de operatiuni de baza ce se pot aplica unei poze incarcate in Photoshop. Mai intai, mergi in Image/Mode si selecteaza RGB Color, daca acest mod nu este deja selectat. Sa incepem: modifcarea dimensiunilor unei poze prin marire/micsorare – Image/Image Size, modificarea dimensiunilor prin taiere/completare – Image/Canvas Size, rotire imagine – Image/Rotate Canvas. Photoshop prezinta si o serie de unelte pentru completari/retusari ale imaginii (pencil, eraser, blur, paint bucket, etc). De asemenea, vei dori sa utilizezi si diversele filtre disponibile in meniul Filter – unele dintre ele sunt foarte reusite (nu uita sa setezi modul RGB pentru imagine inainte de folosirea filtrelor).

O operatiune destul de simpla in Photoshop este crearea de texte pentru butoane, titluri, etc. Deschide un fisier nou (File/New) si selecteaza unealta Text din toolbar (cea cu un “T”). Fa click oriunde in imaginea ta – se va deschide o fereastra noua unde vei putea scrie textul dorit si stabili parametrii acestuia (font, dimensiune, culoare, etc). Pentru efecte aplicate textelor deschide fereastra Layers (Window/Show Layers, daca aceasta nu exista deja pe ecran), fa click cu butonul din dreapta pe Layer-ul (nivelul) care contine textul scris de tine, selecteaza Effects si testeaza diversele efecte disponibile. La sfarsit, selecteaza din Toolbar unealta din stanga sus (in forma de patrat cu linii punctate), incadreaza textul scris de tine cu ajutorul acesteia si mergi la Image/Crop pentru a dimensiunea in mod exact fisierul.

Read more …

Curs de realizare pagini Web folosind limbajul HTML

Capitolul IX – Despre cadre ( frames )

Poti imparti fereastra in mai multe zone sau cadre (numite frames). Acest lucru este foarte util in mai multe situatii. Spre exemplu, poti imparti pagina pe verticala in doua zone: una mai mica unde poti avea un meniu cu mai multe optiuni, si una mai mare unde se incarca informatiile.
<HTML>
<FRAMESET COLS=”120,*” FRAMEBORDER=”NO” BORDER=”0″ FRAMESPACING=”0″>
<FRAME NAME=”index” SRC=ex11_idx.html>
<FRAME NAME=”main page” SRC=ex11_dat.html>
</FRAMESET>
</HTML>

Read more …