mali-dali

tot ce trebuie să ştii despre html 5

ag0rex — Fri, 27 Nov 2009 11:11:27 +0000

HTML5, a cincea încarnare a limbajului de marcare folosit peste tot pe Internet, este în curs de redactare. În acest articol vom parcurge toate schimbarile din HTML5, precum şi noile taguri care vor fi implementate.

Tag-uri multimedia

HTML5 vine cu un nou set de tag-uri pentru desenat, audio şi video. Aceste tag-uri au fost adăugate pe de o parte pentru a face navigarea pe Internet o experienţă mai plăcută, şi pe de altă parte pentru a standardiza modul în care informaţia este afişată pe Internet.

Tag-ul canvas face uşor desenatul pe ecran de dreptunghiuri, ceruri sau linii. Există de asemenea şi un set limitat de efecte cum ar fi contur sau umbră. Pentru a permite utilizatorului să deseneze, HTML5 va folosi JavaScript. Aşadar, pentru a folosi canvas, ai nevoie de două lucruri: de un tag canvas pentru a crea suprafaţa pe care se va desena, şi de JavaScript pentru a face desenarea propriu-zisă.

Tag-ul audio este folosit pentru a standardiza modul în care ascultăm muzică pe net. Seamănă foarte mult cu actualul tag embed, dar fiind că include un atribut src, precum şi alte opţiuni specifice unui conţinut audio.

Tag-ul video seamănă destul de mult cu cel audio, are atribute precum loop sau autoplay, precum şi o descriere a filmului în cauză pentru utilizatori cu deficienţe de vedere (poate chiar subtitrarea filmului).

Tag-uri structurale

În HTML5, o parte a unei pagini web va fi numită secţiune şi va fi reprezentată de un tag numit section. Aceasta poate fi o secţiune de text, un capitol al unei cărţi sau o suprafaţă generică a unui site web.

Tag-ul header reprezintă antetul paginii web. De obicei, antetul unei pagini web conţine o siglă.

Tag-ul footer reprezintă subsolul paginii. Este folosit în mod curent pentru a afişa informaţii legate de drepturi de copiere, legături către arhivă sau chiar un alt meniu.

Tag-ul nav este folosit pentru a cuprinde meniul sau alte elemente de navigare către alte pagini.

Alte tag-uri structurale: article – reprezintă articole, figure – diagrame.

Tag-uri inline

Aşa cum se folosesc în prezent tag-uri ca em sau strong, pentru a marca anumite porţiuni din text se vor introduce mark sau time.

Tag-ul meter este folosit pentru a reprezenta un număr cu o anumită formatare (cum ar fi o bară pentru măsurarea progresului). El are atribute cum ar fi: min, max, low, high, optimum, value, max.

Câmpuri noi pentru formulare

HTML5 vine şi cu un nou set de câmpuri pentru formulare. Acest lucru este benefic datorită faptului că anumite câmpuri, cum ar fi e-mail-ul sau adresa web, sunt prezente aproape oriunde în Internet. Acestea sunt:

datetime
datetime-local
date
month
week
time
number
range
email
url

Tag-uri învechite

Există şi tag-uri din versiunile anterioare ale HTML care nu vor mai fi folosite în HTML5:

acronym
applet
basefont
big
center
dir
font
frame
frameset
isindex
noframes
noscript
s
strike
tt
u

Tag-uri interactive

Tag-ul details poate fi folosit pentru a arăta informaţii suplimentare pentru utilizator, cum ar fi o lămurire sau o explicaţie. Există şi atributul opţional show pentru a determina dacă utilizatorul ar trebui să vadă acel lucru implicit sau nu.

Un datagrid se aseamănă cu un tabel, dar este proiectat pentru a fi folosit interactiv, de exemplu permite selectarea de rânduri sau, în general, editarea datelor.

Un menu a fost o dată un element învechit, dar acum este prezent din nou în HTML5. Acesta ar trebui să fie utilizat pentru a crea un meniu contextual de soiuri, şi nu pentru meniul de navigare.

Alte schimbări

O altă schimbare în HTML5 o reprezintă doctype-ul, care va fi .

Despre modificarea atributului href poţi citi la http://html5doctor.com/block-level-links-in-html-5/ sau la http://programmersvoice.com/general/all-you-need-to-know-about-html5.

Ultimul dintre link-uri a fost folosit de asemenea pentru a scrie acest articol, care reprezintă de fapt traducerea în română a articolului pe de programmersvoice.

prezentare etapa 3

ag0rex — Thu, 26 Nov 2009 14:01:23 +0000

Prezentarea se găsește aici.

opțiuni tehnice alese

ag0rex — Thu, 26 Nov 2009 13:13:22 +0000

Am decis să folosim pentru realizarea site-ului nostru:

PHP5 – am ales PHP5 pentru că este un limbaj de server side scripting foarte popular, cu o comunitate de utilizatori foarte mare (poate cea mai mare).
MySQL – unul dintre cele mai populare servere pentru baze de date.
CodeIgniter – după ce am studiat mai multe framework-uri pentru PHP, am decis să folosim CodeIgniter datorită ușurinței în utilizare, facilităților și documentației foarte bogate.
DataMapper – CodeIgniter nu are un ORM integrat, de aceea vom folosi DataMapper pentru a mapa tabelele din baza de date ca obiecte.

cuvinte cheie

ag0rex — Thu, 26 Nov 2009 12:49:30 +0000

În această săptămână a trebuit să ne alegem ce cuvinte cheie sunt edificatoare pentru site-ul nostru. În continuare vom prezenta alegerile făcute.

După ce ne-am sfătuit puțin și am studiat piata, am decis să alegem trei cuvinte cheie: fotbal de treaba, fotbal video și fotbal comunitate. Am ales aceste cuvinte pentru că sunt relevante pentru ceea ce facem noi, iar Google nu returnează rezultate satisfăcătoare pentru aceste cuvinte cheie.

La fotbal de treaba ne asteptăm să fim găsiți ușor (printre primele 5 rezultate), deoarece este titlul site-ului.

Pentru fotbal video, am decis pentru început să căutăm doar în site-urile din România. Dorim de asemenea să ne clasăm între primele rezultate (top 100) pentru acest tip de căutare.

Pentru fotbal comunitate, poate cel mai reprezentativ cuvânt cheie pentru site-ul nostru, rezultatele găsite pe Google sunt cel puțin amuzante (al doilea rezultat este o secțiune destinată fotbalului dintr-un forum pentru motocicliști). Pentru această căutare am prefera să fim între primele 5 rezultate.

prezentare etapa 2

ag0rex — Thu, 05 Nov 2009 12:37:01 +0000

Prezentarea se gaseste aici.

prototip

ag0rex — Thu, 29 Oct 2009 00:49:37 +0000

LE:

proiecte similare

ag0rex — Thu, 29 Oct 2009 00:30:38 +0000

Un proiect similar, de la care am pornit, este footytube. Din păcate, acesta nu este actualizat la timp pentru ligile din România.

În plus, noi vom încerca să căutăm informații și în locuri care cu greu pot fi indexate automat (ziare locale, site-urile fanilor, etc.).

utilizatori

ag0rex — Thu, 29 Oct 2009 00:20:09 +0000

alegerea numelui

ag0rex — Thu, 29 Oct 2009 00:13:54 +0000

Numele site-ului va fi fotbal de treabă și va fi ținut la http://fotbal.detreaba.ro.

Motivația? Avem un prieten.

motivația alegerii temei

ag0rex — Thu, 29 Oct 2009 00:04:09 +0000

Ce ne-a determinat să ne alegem asta? Lipsa unui loc civilizat care să centralizeze tot ce ține de fotbalul românesc.