Tutoriale, resurse, articole, cursuri - Codebox - All Forums

Vand 2 site-uri nisa jocuri!

Sat, 19 May 2012 10:35:52 +0000

Este primul meu thread si sper ca l-am deschis unde trebuie! Daca nu va rog sa ma atentionati!
Vand 2 site-uri nisa jocuri:
1 http://www.jocurifotbal.org trafic actual peste 1000 zilnic si in weekend 1500, este pe pozitia 2 la cautarile jocuri fotbal, jocuri cu fotbal
2 http://www.jocuristrategie.org trafic actual peste 500 zilnic si in weekend peste 600, este pe pozitia 1 la cutarile jocuri strategie, jocuri strategie online, jocuri online strategie si pe pozitia 5 la cutarea jocuri de strategie
Mie imi produc +200 de euro ambele, lunar!
Site-urile se ofera cu tot cu continut, script baza de date, au o vechime de 3 ani si le detin prin name.com
Bonus ofer inca 2 site-uri cu un trafic cumulat la 300 de vizite http://www.jocuribente.com si http://www.jocuriscooby.org, ambele se afla pe prima pagina la diverse cautari de interes.

Pretul stiu ca se calculeaza profit x 12 = 2400!
Iar pretul meu este de 2200 Euro
Sunt interesat si de anumite schimburi!

Programator Junior PHP

Fri, 18 May 2012 20:50:22 +0000

Ofer servicii php, ce stiu din php?

- lucrul oop,structurat
- lucru pe baza unui framework ( frameworkul privat pe care lucrez sau altul depinde de voi)
- lucrul cu mvc ( adica modularizarea codului)
- implementarea unui cms ( grupuri,articole,comentarii, logare,inregistrare, etc)
- cache daca este necesar
- optimizare query
- ar mai fi si altele dar aste ar fi mai importante, cine doreste ma poate contacta prin pm)

RIPS - Scanner aplicatii PHP

Fri, 18 May 2012 19:34:26 +0000

RIPS - Scanner aplicatii PHP

RIPS Scanner – este o unealta gratuita scrisa in php ce va ajuta sa descoperiti vulenrabilitatile din aplicatiile PHP.

Caracteristici:

1. Vulnerabilitati

Code Execution
Command Execution
Cross-Site Scripting
Header Injection
File Disclosure
File Inclusion
File Manipulation
LDAP Injection
SQL Injection
Unserialize with POP
XPath Injection

2. Interfata audit cod

Statistici scanare si vulnerabilitati
Gruparea liniilor de cod vulnerabile
Descrierea vulnerabilitatilor cu exemplu de cod, PoC, patch
Creator exploit
si multe altele

Imagini:

Instalare:

1. Instalati un server web local (spre exemplu Wamp)
2. Descarcati ultima versiune RIPS
3. Dezarhivati scannerul in directorul parinte al serverul web (pt. Wamp wwww/rips/)
4. Accesati http://localhost/rips/ si incepeti scanarea.

Sursa: RIPS Scanner

Iti recomand sa citesti si:

[Tutorial] Scanare impotriva rootkit pe servere dedicate – Rootcheck

*.rar Password Encrypted File

Scanare impotriva vulnerabilitatilor

Daca ti-am fost de ajutor te rog sa apesi butoanele +1 si Like, pe care le gasesti in headerul topicului, si sa te inregistrezi pe forumul nostru.

Copyright © 2012 Codebox.ro. Toate drepturile asupra acestui articol sunt rezervate.

Facebook listat la bursa

Fri, 18 May 2012 19:33:40 +0000

Facebook listat la bursa

Incepand de azi actiunile Facebook sunt listate la bursa. Pretul de pornire al unei actiuni este de 38 USD. Oficialii Facebook sa asteapta sa stranga nu mai putin de 16 miliarde de dolari in urma vanzarii actiunilor, aceasta fiind cea mai mare oferta publica initiala (en IPO) din istorie, depasind cu mult Google care in 2004 obtinea suma de 1.6 miliarde de dolari. Datorita acestui fapt, valoarea companiei Facebook a ajuns la 104 miliarde de dolari.

Compania Facebook a fost infintata in anul 2004 de catre Mark Zuckerberg si are in prezent 3200 de angajati. Facebook a devenit in scurt timp cea mai populara retea de socializare dar si una din cele mai importante companii din Statele Unite.

Sura imagine: CNET

[Tutorial] Masuri de securitate pentru Wordpress

Fri, 18 May 2012 19:32:58 +0000

Masuri de securitate pentru Wordpress

In acest articol va prezint cateva din masurile pe care trebuie sa le luati pentru a va proteja site-urile ce folosesc platforma Wordpress.

1. Actualizarea versiunii de Wordpress si a pluginurilor utilizate

Actualizarile de versiune pentru wordpress, precum si actualizarile pluginurilor utilizate aduc pe langa noi optiuni, si rezolvari pentru eventualele probleme de securitate si/sau functionalitate. Din acest motiv este necesar sa avem actualizate la zi atat instalarea wordpress, cat si pluginurile instalate.

2. Backup site si baza de date

O alta masura necesara pentru a va proteja site-urile este backup-ul fisierelor si al bazei de date. Puteti face acest backup manual sau automat si este de preferat sa fie cat mai des realizat.

Puteti sa utilizati desemenea urmatoarele pluginuri wordpress pentru a face backup la fisiere si la baza de date:

WP-DB-Backup - face backup la baza de date folosita de wp

BackUpWordPress - backup automat al site-ului wordpress.

xCloner - este un script complex pentru "Backup and Restore". Aplicatia are si un plugin pentru Wordpress.

3. Utilizarea robots.txt

Prin crearea unui fisier robots.txt putem bloca accesul motoarelor de cautare in anumite directoare. Acest fisier se copiaza in directorul parinte al site-ului. Aveti mai jos un exemplu simplu de fisier robots.txt

Quote:Sitemap: http://www.example.com/sitemap.xml

# Google Image
User-agent: Googlebot-Image
Disallow:
Allow: /*

# Google AdSense
User-agent: Mediapartners-Google*
Disallow:

# digg mirror
User-agent: duggmirror
Disallow: /

# global
User-agent: *
Disallow: /cgi-bin/
Disallow: /wp-admin/
Disallow: /wp-includes/
Disallow: /wp-content/plugins/
Disallow: /wp-content/cache/
Disallow: /wp-content/themes/
Disallow: /trackback/
Disallow: /feed/
Disallow: /comments/
Disallow: /category/*/*
Disallow: */trackback/
Disallow: */feed/
Disallow: */comments/
Disallow: /*?
Allow: /wp-content/uploads/

Nota: prima linie indica robotilor care este calea catre sitemap-ul site-ului nostru.

4. Schimbare nume "admin" si folosirea unor parole complexe

Nu folositi admin (implicit) ca nume de utilizator principal al site-ului. Multi obisnuiesc sa faca asta si cu ajutorul unui program brute force password, un hacker poate accesa panoul de control al site-ului.

Este necesar deasemnea sa folositi o parola cat mai complexa pentru panoul de administrare.

5. Utilizati .htaccess pentru a va proteja site-ul

La acest punct aveti mai multe optiuni.

Prima optiune presupune protejarea site-ului wordpress de evenutualele injectari de cod. Pentru acest lucru trebuie sa adaugati la inceputul fisierului .htaccess din directorul radacina, urmatorul cod.

Quote:Options +FollowSymLinks
RewriteEngine On
RewriteCond %{QUERY_STRING} (\<|%3C).*script.*(\>|%3E) [NC,OR]
RewriteCond %{QUERY_STRING} GLOBALS(=|\[|\%[0-9A-Z]{0,2}) [OR]
RewriteCond %{QUERY_STRING} _REQUEST(=|\[|\%[0-9A-Z]{0,2})
RewriteRule ^(.*)$ index.php [F,L]

A doua optiune se refera la blocarea accesului unor boti la fisierul de configurare al wp (wp-config.php). Adaugam la sfarsitul aceluiasi fisier .htaccess urmatorul cod:

Quote:
order allow,deny
deny from all

In al treilea rand adaugam o linie de cod pentru ca structura sub-directoarelor sa nu mai fie vizibila. In acelasi fisier scriem:

Quote:Options -Indexes

A patra optiune presupune crearea unui fisier .htaccess separat pentru folderul wp-admin. El va contine urmatorul cod:

Quote:order deny,allow
deny from all
allow from xx.xxx.xxx.xx
allow from yy.yyy.yyy.yyy

unde xx.xxx.xxx.xx, yy.yyy.yyy.yyy sunt adresle IP care vor avea acces la directorul wp-admin.

6. Verificati permisiunile la directoare si fisiere

Este recomandat sa verificati permisiunile la toate folderele si fisierele site-ului Wordpress. In mod normal, permisiunile trebuie sa fie limitate (CHMOD 775 pentru directoare, 664 pentru fisier). Daca aveti alte permisiuni mai mari (777, 666), asigurati-va ca nu reprezinta un pericol pentru securitatea site-ului.

7. Scoateti "Powered by Wordpress" si versiunea de wp

Ambele reprezinta un risc de securitate. "Powered by Wordpress" este in general in footer. Daca doriti sa pastrati credite pentru wp folosit alte cuvinte.

Deasemenea, scoateti versiunea de wordpress care este generata automat in sursa paginilor. Pentru aceasta vom folosi pluginul WP-Secure Remove WordPress Version.

8. Schimbarea prefixului bazei de date

O alta masura pe care puteti sa o luati pentru a va securiza wordpress-ul este schimbarea prefixului standard al bazei de date _wp.

Acest prefix se modifica in fisierul wp-config.php inainte de instalrea wordpress. Daca ati instalat deja wp va trebui sa modificati prefixul si in baza de date. Nimic mai simplu daca utilizati pluginul WordPress Table Prefix Rename Plugin.

9. Protejarea directoarelor cu parola

In cazul in care aveti cPanel (sau alt panou de control ce are aceata optiune) puteti sa protejati anumite foldere (in cazul nostru wp-admin cu parola). In cPanel gasiti aceasta optiune in meniul principal (Password Protect Directories). O sa va prezint intr-un alt articol modul in care puteti sa protejati un director cu parola in cazul in care panoul de control nu este prevazut cu aceasta optiune.

10. Verificarea temelor si pluginurilor

In cazul in care folositi teme si pluginuri gratuite sau nulled (multi romani folosesc) trebuie sa va luati cateva masuri de precautie:

- Verificati autenticitatea temei cu ajutorul pluginului TAC (Theme Authenticity Checker).

- Verificati temele si pluginurile sa nu aiba coduri injectate (in general coduri care folosesc functia eval) sau link-uri catre site-uri (altele decat cele impuse de autori).

- Verificati ca tema sau pluginul sa nu aiba probleme de securitate datorita utilizarii Timthumb (un script php folosti pentru prelucrarea automata a imaginilor in paginile web). Si despre aceasta problema vom face un tutorial separat.

10. Folositi pluginuri Worpress pentru securitate

Fiecare din pluginurile enumerate mai jos au diverse optiuni menite sa va protejeze site-urile. Nu va ramane decat sa cititi detalii despre fiecare plugin in parte.

Login Lock - politici privind parolele.

Better WP Security - un plugin de securitate complex.

BulletProof Security - protejaza site-ul impotriva XSS, RFI, CRLF, CSRF, Base64, Code Injection si SQL Injection.

WP Security Scan - scaneaza site-ul wordpress impotriva vulnerabilitatilor.

wp secure - ofera diverse optiuni de securitate.

Limit Login Attempts - limiteaza numrul de incercari de login.

Threat Scan Plugin - scaneaza fisierele pentru a detecta cod suspect.

Secure WordPress - un alt plugin de securitate util

Alte pluginuri recomandate:

WordPress File Monitor

WordPress Firewall

11. Scanarea site-ului

Scanati site-ul impotriva vulnerabilitatilor cu ajutorul serviciului oferit gratuit de cei de la Sucuri Security.

Iti recomand sa citesti si:

[TUTORIAL] Wordpress - Afiseaza prima imagine dintr-un post

[Tutorial Wordpress] Pluginul Askimet

[Tutorial Wordpress] SEO pentru Wordpress

Daca ti-am fost de ajutor te rog sa apesi butoanele +1 si Like, pe care le gasesti in headerul topicului, si sa te inregistrezi pe forumul nostru.

Copyright © 2012 Codebox.ro. Toate drepturile asupra acestui articol sunt rezervate.

Super servere dedicate de la Giga International

Fri, 18 May 2012 19:32:09 +0000

Super servere dedicate de la Giga International

Giga International va ofera pentru inchiriere unul din cele mai puternice servere dedicate de pe piata. Serverul este dotat cu un procesor sixcore Intel Core i7 3930K (6 x 3,20 Ghz) si vine cu 64 GB RAM si un harddisk SSD de 256 GB (Samsung 830).

Specificatii complete:

Procesor: Intel Core i7 3930K (6 x 3,20 Ghz)
Memorie: 64 GB
HDD 1: SSD 256 GB (Samsung 830)
HDD 2: SATA 3000 GB
Trafic: nemasurat
Port in switch: 100 Mbit/s
Sistem de operare: Linux sau Windows
Panou de control: cPanel, Plesk
Optiuni suplimentare: KWM, backup extern, administrare, monitorizare
Datacenter: Germania

Pret: 149.99 € / luna
Taxa de instalare: 69.99 €

Detalii si comenzi aici.

Cauti servere dedicate ieftine in Germania?

[Tutoriale] Servere dedicate - limitarea numarului de descarcari simultane per IP

Fri, 18 May 2012 19:31:33 +0000

Servere dedicate - limitarea numarului de descarcari simultane per IP

In acest tutorial o sa va prezint o metoda de limitare a numarului de descarcari simultante in functie de adresa IP pe serverele dedicate. Metoda prezentata in acest tutorial va folosi modulul apache mod_limitipconn.c, care limiteaza numarul de descarcari simultante in functie de adresa IP. Pagina oficiala acestui modul o gasiti aici. Modulul este compatibil cu cPanel.

Cu ajutorul acestui modul putem specifica un numar de descarcari simultane per IP in fisierul de configurare al Apache (httpd.conf). Modulul ne permite sa avem reguli separate pentru fiecare director in parte.

Spre exemplu avem un director video in care sunt filmulete ce pot fi descarcate. Pe acest director punem limitare de o descarcare per IP. In directorul mp3, in care avem melodii, punem limitarea la 2.

Exemplu de configuratie:

Quote:ExtendedStatus On

# Only needed if the module is compiled as a DSO
LoadModule limitipconn_module lib/apache/mod_limitipconn.so
AddModule mod_limitipconn.c

MaxConnPerIP 3
# limitare pentru imagini
NoIPLimit image/*

MaxConnPerIP 1
# limitare pentru fisierele video si audio
OnlyIPLimit audio/mpeg video

Instalarea modului:

wget http://dominia.org/djao/limit/mod_limiti....04.tar.gz

tar xzvf mod_limitipconn-0.04.tar.gz

cd mod_limitipconn-0.04

joe Makefile

Cautam:
APXS = apxs

Si modificam in:
APXS = /usr/local/apache/bin/apxs

Salvam fisierul

make
make install

Modulul va fi adaugat in httpd.conf.

Verificam acest lucru:

joe /usr/local/apache/conf/httpd.conf

Va trebui sa gasiti in fisierul de configuratie urmatoarele linii:

LoadModule limitipconn_module libexec/mod_limitipconn.so

si

AddModule mod_limitipconn.c

Acum cream configuratia pentru site-ul la care vrem sa adaugam limitari. In fisierul httpd.conf cautam domeniul respectiv.

Vom gasi ceva de genul:

ServerAlias http://www.domain.com domain.com

Aici adaugati regulile pentru restrictionarea numarului de descarcari simultante. Noi am adaugat doua reguli valabile pentru doua din directoarele site-ului nostru.

Quote:

MaxConnPerIP 1
# Precizam tipul fisierelor asupra carora se aplica limitarea
# Pentru celelalte tipuri de fisiere nu exista restrictii
OnlyIPLimit audio/mpeg video

MaxConnPerIP 2
# Precizam tipul fisierelor asupra carora se aplica limitarea
# Pentru celelalte tipuri de fisiere nu exista restrictii

Partea din fisierul httpd.conf corespunzatoare domeniului nostru va arata cam asa:

Quote:
ServerAlias http://www.domain.com domain.com
ServerAdmin webmaster@domain.com
DocumentRoot /home/domain/public_html
BytesLog domlogs/domain.com-bytes_log
ServerName http://www.domain.com

php_admin_value open_basedir â€œ/home/domain:/usr/lib/php:/usr/local/lib/php:/tmpâ€

MaxConnPerIP 1
# Precizam tipul fisierelor asupra carora se aplica limitarea
# Pentru celelalte tipuri de fisiere nu exista restrictii
OnlyIPLimit audio/mpeg video

MaxConnPerIP 2
# Precizam tipul fisierelor asupra carora se aplica limitarea
# Pentru celelalte tipuri de fisiere nu exista restrictii

User domain
Group domain
CustomLog domlogs/domain.com combined
ScriptAlias /cgi-bin/ /home/domain/public_html/cgi-bin/

Salvam fisierul httpd.conf.

Testam configuratia Apache.

/etc/init.d/httpd configtest

Rezultatul nu trebuie sa contina erori.

Serverul apache se va restarta. Apoi vom testa limitarile in cele doua directoare (video si mp3). In primul director, in momentul in care vom incerca sa descarcam al doilea fisier, vom fi redirectati catre o pagina cu cod 503 (503 Temporary Service Page).

Daca doriti puteti sa customizati aceasta pagina cu ajutorul fisierului .htaccess din directorul respectiv (il cream daca nu exista).

Deschidem .htaccess si scriem la inceput linia:

ErrorDocument 503 http://www.domain.com/limitdw.html

Salvam .htaccess si il repunem pe site.

In final cream o pagina limitdw.html in care trecem un mesaj de genul: "Deja descarcati un fisier de pe site-ul nostru. Nu puteti descarca simultan decat 1 fisier" si pe care o customizati dupa bunul plac.

Asta e tot!

Copyright © 2011 Codebox.ro. Toate drepturile asupra acestui articol sunt rezervate.

[Tutoriale] Filtrarea unei matrice cu ajutorul metodei filter() JavaScript

Fri, 18 May 2012 19:30:35 +0000

Tutorial - filtrarea unei matrice cu ajutorul metodei filter() JavaScript

In acest tutorial va prezint o metoda JavaScript ( filter() ) cu ajutorul careia putem filtra o matrice. In urma executarii acestei metode va rezulta o noua matrice ce contine elementele care indeplinesc conditiile specificate in functia callback.

Sintaxa:

Code:

array.filter(callback[, thisObject]);

unde:

array - matricea initiala. (Obligatoriu)

callback - functia folosita pentru a testa fiecare element al matricei. Functia accepta panta la trei argumente si este apelata de catre metoda filter odata pentru fiecare element din matrice. (Obligatoriu)

thisObject - un obiect utilizat ca this in functia callback. Daca thisObject este omis, undefined este folosit ca valoare.

Returneaza:

Matricea nou creata.

Daca functia callaback returneaza false pentru toate elementele din matricea initiala, lungimea matricei rezultate va fi 0.

Exemple

In acest exemplu extragem numerele prime dintr-o matrice data.

Exemplu:

Code:

Explicatii:

Code:

function VerificaNrPrime(value, index, ar) {

    high = Math.floor(Math.sqrt(value)) + 1;

    for (var div = 2; div <= high; div++) {

        if (value % div == 0) {

            return false;

        }

    } 

    return true;

}

Definim functia de callback (calculeaza un numar prim).

Code:

var numere = [27, 29, 31, 33, 35, 37, 39, 41, 43, 45, 47, 49, 51, 53];

Cream matricea originala din care vor fi extrase numerele prime.

Code:

var numereprime = numere.filter(VerificaNrPrime);

Folosim metoda filter pentru a crea o noua matrice ce va contine numerele prime din matricea initiala. Metoda filter va avea ca arugment functia de callback creata anterior.

Code:

document.write("Se da matricea de numere: 27, 29, 31, 33, 35, 37, 39, 41, 43, 45, 47, 49, 51, 53.
 Aflati care din aceste numere sunt numere prime.
Raspunsul corect este: " + numereprime);

Afisam rezultatul.

In urmatorul exemplu vom extrage dintr-o matrice un singur numar (104 in cazul nostru), utilizand egalitatea.

Exemplu:

Code:

Explicatii:

Code:

function eEgal(element, index, array) {

  return (element == 104);

}

Functia de callaback care verifica egalitatea.

Code:

var numere  = [123, 17, 59, 104, 3, 21];

// Cream matricea orginiala

Code:

document.write("Rezultat : " + egalitate );

Afisarea rezultatului.

In cel de-al treilea exemplu vom extrage prima litera din fiecare cuvant al unei fraze din matricea initiala. Facem scriptul putin mai complex utilizand metoda toUpperCase() - fiecare litera extrasa va fi facuta majuscula.

Code:

Explicatiile acestui exemplu le gasiti in comentariile din script.

Compatibilitate

Aceasta metoda este o extensie JavaScript a standardului ECMA-262, ea nefiind prezenta in alte implementari ale standardului.

In caz de nefuntionare adaugati codul de mai jos la inceputul scriptului.

Cod:

Code:

if (!Array.prototype.filter)

{

  Array.prototype.filter = function(fun /*, thisp*/)

  {

    var len = this.length;

    if (typeof fun != "function")

      throw new TypeError();

    var res = new Array();

    var thisp = arguments[1];

    for (var i = 0; i < len; i++)

    {

      if (i in this)

      {

        var val = this[i]; // in case fun mutates this

        if (fun.call(thisp, val, i, this))

          res.push(val);

      }

    }

    return res;

  };

}

Vrei sa inveti JavaScript? Iti punem la dispozitie cursuri online gratuite de programare JavaScript, in limba romana.

Copyright © 2012 Codebox.ro. Toate drepturile asupra acestui articol sunt rezervate.

Cursuri Online - Programare JavaScript - Partea a VII-a - Operatori

Fri, 18 May 2012 19:28:40 +0000

Programare JavaScript - Partea a VII-a - Operatori (Operators)

6.1 Introducere

Operatorul de atribuire = e utilizat pentru a atribui valori variabilelor JavaScript.

Operatorul aritmetic + este folosit pentru a aduna valori.

Code:

y=5;

z=2;

x=y+z;

Valoarea obtinuta pentru x dupa executarea declaratiilor este 7.

6.2 Operatori Aritmetici JavaScript

Operatorii aritmetici sunt folositi pentru a efectua operatii aritmetice intre variabile si/sau valori.

Dam valoarea 5 lui y pentru a explica operatorii aritmetici in tabelul de mai jos.

Operator	Descriere	Exemplu	Rezultat
+	Adunare	x=y+2	x=7	y=5
-	Scadere	x=y-2	x=3	y=5
*	Inmultire	x=y*2	x=10	y=5
/	Impartire	x=y/2	x=2.5	y=5
%	Procente (Modulus)	x=y%2	x=1	y=5
++	Incrementare	x=++yx=y++	x=6x=5	y=6y=6
--	Decrementare	x=--yx=y--	x=4x=5	y=4y=4

6.3 Operatori de Atribuire JavaScript

Operatorii de atribuire sunt folositi pentru a atribui valori variabilelor JavaScript.

Dam valori pentru x (x=10) si y (y=5) pentru a explica operatorii de atribuire in tabelul de mai jos.

Operator	Exemplu	La fel ca	Rezultat
=	x=y		x=5
+=	x+=y	x=x+y	x=15
-=	x-=y	x=x-y	x=5
*=	x*=y	x=x*y	x=50
/=	x/=y	x=x/y	x=2
%=	x%=y	x=x%y	x=0

6.4 Operatorul + utilizat pe siruri de caractere (Strings)

Operatorul + poate fi utilizat pentru a aduna variabile formate din siruri de caractere sau valori text.

Pentru a aduna doua sau mai multe variabile din siruria de caractere folosim operatorul +.

Code:

txt1="Astazi este o zi";

txt2="foarte frumoasa";

txt3=txt1+txt2;

Dupa executarea declaratiilor de mai sus, variabila txt3 continte "Astazi este o zifoarte frumoasa".

Pentru a aduga un spatiu intre cele doua siruri de caractere, inseram un spatiu intr-unul din sirurile de caractere.

Code:

txt1="Astazi este o zi ";

txt2="foarte frumoasa";

txt3=txt1+txt2;

sau inseram un spatiu direct in expresie:

Code:

txt1="Astazi este o zi";

txt2="foarte frumoasa";

txt3=txt1+" "+txt2;

Dupa executarea declaratiilor de mai sus, variabila txt3 continte "Astazi este o zi foarte frumoasa".

6.5 Adaugarea de Siruri de Caractere (Strings) si Numere (Numbers)

Aceasta regula este: Daca adaugam un numar sau un sir de caractere, rezultatul va fi un sir de caractere!

Exemplu:

Code:

x=5+5;

document.write(x);

x="5"+"5";

document.write(x);

x=5+"5";

document.write(x);

x="5"+5;

document.write(x);

Curs Programare JavaScript â€“ Partea a VIII-a â€“ Compararea si Operatorii Logici JavaScript >>>

Sursa: w3schools si www
Traducere si adaptare: crt

Copyright © 2012 Codebox.ro. Toate drepturile asupra acestui articol sunt rezervate.

[CURS] CSS3 partea a III-a

Fri, 18 May 2012 19:25:41 +0000

Curs CSS3 - Partea a III-a

3. Efecte pe text in CSS3

3.1 Introducere

CSS3 include caracteristici noi pentru text.

In acest capitol vom studia urmatoarele caracterisitici:

text-shadow
word-wrap

3.2 Suport in browsere

Propietate
text-shadow
word-wrap

Internet Explorer nu suporta inca propietatea text-shadow.

Firefox, Chrome, Safari si Opera suporta propietatea text-shadow.

Majoritatea browserelor suporta propietatea word-wrap.

3.3 CSS Text cu Umbra (Text Shadow)

In CSS3, propietatea text-shadow aplica o umbra pe text.

Putem specifica umbra pe orizontala, umbra pe verticala, distanta pentru blur si culoarea umbrei.

Cod CSS3:

Code:

h1

{

text-shadow: 5px 5px 5px #FF0000;

}

3.4 Incadrarea cuvintelor in CSS3 (Word Wrapping)

Daca avem un cuvant prea lung acesta iese din suprafata in care este scris.

Cu ajutorul propietatii word-wrap putem forta textul sa se incadreze in suprafata respectiva (indiferent unde se afla acest cuvant intr-o fraza).

Cod CSS3:

Code:

p {word-wrap:break-word;}

VEZI EXEMPLU

3.5 Propietati noi pentru text in CSS3

Propietate	Descriere	CSS
hanging-punctuation	Specifica daca un caracter de punctuatie va fi plasat in afara casetei de line.	3
punctuation-trim	Specifica daca un caracter de punctuatie va fi taiat.	3
text-align-last	Descrie modul in care ultima line a unui bloc sau linia dinaintea liniei de pauza fortate este aliniata atunci cand text-align este "justify".	3
text-emphasis	Se aplica accent si culoare pe textul elementelor.	3
text-justify	Specifica metoda de justificare ce va fi folosita cand text-align este "justify" .	3
text-outline	Specifica o schita de text.	3
text-overflow	Specifica ce se va intampla cand textul depaseste suprafata elementului.	3
text-shadow	Adauga umbra la text.	3
text-wrap	Specifica regulile pentru liniile de pauza la text.	3
word-break	Specifica regulile pentru liniile de pauza la scripturile non-CJK.	3
word-wrap	Permite ruperea cuvintelor lungi (ce nu pot fi despartite).	3

Sursa: w3schools si www
Traducere si adaptare: crt

Copyright © 2012 Codebox.ro. Toate drepturile asupra acestui articol sunt rezervate.

Citeste partea a IV-a a acestui curs >>>

[CURS] CSS - Partea a X-a

Fri, 18 May 2012 19:23:20 +0000

Curs CSS - Partea a X-a

10.1 Galerie de imagini in CSS

CSS poate fi utilizat pentru a crea o galerie de imagini.


Mikey Mouse	Pumba	Timon	Winnie

Exemplu:

Code:















  

  

  

  Mikey Mouse






  

  

  

  Pumba






  

  

  

  Timon






  

  

  

  Winnie

10.2 Opacitatea si transparenta imaginilor in CSS

Propietatea opacitate (opacity) face parte din recomandarile W3C CSS3.

10.2.1 Crearea unei imagini transparente

Propietatea CSS3 pentru transparenta este opacity (opacitate).

In exemplul de mai jos exemplificam modul in care se creaza o imagine transparenta in CSS.

Cod CSS:

Code:

img

{

opacity:0.4;

filter:alpha(opacity=40); /* For IE8 and earlier */

}

IE9, Firefox, Chrome, Opera, si Safari utilizeaza propietatea opacity pentru transparenta.

Propietatea opacity poate lua valori de la 0.0 la 1.0. Cu cat aceasta valoare este mai mica, cu atat elementul este mai transparent.

Pentru IE8 si versiunile anterioare se utilizeaza filter:alpha(opacity=x), unde x poate lua valori de la 0 la 100 (cu cat valoarea este mai mica, cu atat elementul este mai transparent).

10.2.2 Imagini transparenta cu efect hover

In acest exemplu imaginile sunt transparente. In momentul in care pozitionam mouse-ul (hover) pe o imagine, dispare transparenta.

Cod CSS:

Code:

img

{

opacity:0.4;

filter:alpha(opacity=40); /* For IE8 and earlier */

}

img:hover

{

opacity:1.0;

filter:alpha(opacity=100); /* For IE8 and earlier */

}

Primul bloc CSS este similar cu cel din exemplul anterior. Am adaugat ce se va intamplat cu elementul in momentul in care pozitionam mouse-ul desupra sa. In acest caz dorim ca imaginea sa NU mai fie transparenta.

Pentru a scoate transparenta folosim: opacity=1.

Pentru IE8 si versiunile precedente vom folosi: filter:alpha(opacity=100).

Cand luam cursorul mouse-ului de pe imaginea, aceasta redevine transparenta.

10.2.3 Text intr-o caseta transparenta

In acest exemplu va aratam cum puteti scrie text intr-o caseta transparenta.

Exemplu:

Code:



















Text intr-o caseta transparenta.

Text intr-o caseta transparenta.

Text intr-o caseta transparenta.

Text intr-o caseta transparenta.

Text intr-o caseta transparenta.

Cream un element div caruia ii atribuim clasa "background" (class="background"). Elementul va avea latimea si inaltimea fixe, culoare pe background si bordura.

Apoi cream un div mai mic in interiorul acestuia, ii dam clasa "transbox" (class="transbox"). Acest element va avea latimea fixa, o culoare pe background, bordura, si va fi transparent. In interiorul acestui element vom aduaga textul nostru (cu ajutorul elementului p).

Sursa: w3schools si www
Traducere si adaptare: crt

Copyright © 2012 Codebox.ro. Toate drepturile asupra acestui articol sunt rezervate.

Citeste partea a XI-a a acestui curs >>>

[CURS] HTML5 partea a IX-a

Fri, 18 May 2012 19:21:37 +0000

Curs HTML5 - Partea a IX-a

9 HTML Geolocalizare (Geolocation)

9.1 Introducere

API-ul Geolocalizare (Geolocation) oferit de HTML5 ne da posibilitatea de a afla pozitia geografica a unui vizitator.

Aceasta optiune poate fi folosita doar daca vizitatorul accepta localizarea pozitiei sale (datorita confidentialitatii utilizatorilor).

9.2 Suport in browsere

Internet Explorer 9, Firefox, Chrome, Safari si Opera suporta Geolocation.

Nota: API-ul Geolocation este mai precis in cazul dispozitivelor prevazute cu GPS (ca iPhone).

9.3 Utilizarea Golocation

Folosim metoda getCurrentPosition() pentru a obtine pozitia utilizatorului.

Mai jos aveti un exemplu simplu de geolocalizare care returneaza latitudinea si longitudinea pozitiei utilizatorului.

Exemplu:

Code:

Explicatii:

Se verifica daca browserul suporta Geolocation.

Daca suporta API-ul atunci se executa metoda getCurrentPosition(). Daca nu, se afiseaza un mesaj de eroare.

Daca metoda getCurrentPosition() este executata cu succes, se afiseaza un obiect de coordonate pentru functia specificata in parametru ( showPosition ).

Functia showPosition() preia afisarea Latitudinii si Longitudinii.

Exemplul de mai sus este unul simplu, fara manipularea erorilor.

9.3.1 Mainipularea erorilor si refuzurilor

Al doilea parametru al metodei getCurrentPosition() este folosit pentru a manipula erorile. Specifica o functie ce va fi executata in cazul in care nu se poate determina pozitia vizitatorului.

Exemplu:

Code:

function showError(error)

  {

  switch(error.code) 

    {

    case error.PERMISSION_DENIED:

      x.innerHTML="Utilizatorul a respins cererea pentru Geolocalizare."

      break;

    case error.POSITION_UNAVAILABLE:

      x.innerHTML="Nu sunt disponibile informatii despre Locatie."

      break;

    case error.TIMEOUT:

      x.innerHTML="Cererea pentru aflarea locatiei utilizatorului a expirat."

      break;

    case error.UNKNOWN_ERROR:

      x.innerHTML="A aparut o eroare necunoscuta."

      break;

    }

  }

Coduri de eroare:

Permisiune respinsa (Permission denied) - utilizatorul nu permite Geolocalizarea

Pozitie indisponibila (Position unavailable) - nu este posibila localizarea

A expirat (Timeout) - operatiunea a expirat

9.4 Afisarea rezultatelor pe harta

Pentru a afisa rezultatul intr-o harta trebuie sa accesam un serviciu de harti ce poate folosi latitudinea si longitudinea. Cel mai recomandat este Google Maps.

Exemplu:

Code:

function showPosition(position)

  {

  var latlon=position.coords.latitude+","+position.coords.longitude;

  var img_url="http://maps.googleapis.com/maps/api/staticmap?center="

  +latlon+"&zoom=14&size=400x300&sensor=false";

  document.getElementById("mapholder").innerHTML="";

  }

In exemplul anterior am utilizat latitudinea si longitudinea pentru a arata locatia intr-o harta Google (utilizand o imagine statica).

9.4.1 Scriptul Google Map

In acest exemplu vom arata cum putem folosi scriptul Google Map pentru a crea o harta interactiva (cu marcaj, zoom si optiuni de tragere).

Exemplu:

Code:

function showPosition(position)

  {

  lat=position.coords.latitude;

  lon=position.coords.longitude;

  latlon=new google.maps.LatLng(lat, lon)

  mapholder=document.getElementById('mapholder')

  mapholder.style.height='250px';

  mapholder.style.width='500px';

  var myOptions={

  center:latlon,zoom:14,

  mapTypeId:google.maps.MapTypeId.ROADMAP,

  mapTypeControl:false,

  navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL}

  };

  var map=new google.maps.Map(document.getElementById("mapholder"),myOptions);

  var marker=new google.maps.Marker({position:latlon,map:map,title:"You are here!"});

  }

9.5 Informatii specifice locatiei

Mai sus am prezentat exemple despre modul in care se poate determina pozitia unui utilizator pe o harta. Geolocalizarea poate fi desemenea folosita pentru a obtine informatii specifice locatiei.

Exemple:

- Informatii locale la zi
- Afisarea unor puncte de interes in apropierea utilizatorului
- Navigatie GPS

9.6 Metoda getCurrentPosition() - Date de iesire

Metoda getCurrentPosition() returneaza un obiect daca este executata cu succes. Propietatile atitudine, longitudine si precizie sunt intotdeauna returnate. Celelalte propietati, specificate in tabelul de mai jos, sunt returnate daca sunt disponibile.

Propietate	Descriere
coords.latitude	Latitudinea ca numar zecimal
coords.longitude	Longitudinea ca numar zecimal
coords.accuracy	Precizia unei pozitii
coords.altitude	Altitudinea in metrii (desupra nivelului marii)
coords.altitudeAccuracy	Precizia altitudinii unei pozitii
coords.heading	Pozitia in grade, masurata in sensul acelor de ceas, de la Nord
coords.speed	Viteza in metrii pe secunda
timestamp	Data/timpul raspunsului

9.7 Obiectul Geolocation - alte metode interesante

watchPosition() - returneaza pozitia curenta a utilizatorului si continua sa actualizeze aceasta pozitie pe masura ca utilizatorul se misca (ca GPS-ul intr-o masina).

clearWatch() - opreste metoda watchPosition().

In exemplul urmator prezentam metoda watchPosition(). Aveti nevoie de un dispozitiv GPS precis pentru a testa aceasta metoda (spre exemplu un iPhone).

Exemplu.

Code:

Sursa: w3schools si www
Traducere si adaptare: crt

Copyright © 2012 Codebox.ro. Toate drepturile asupra acestui articol sunt rezervate.

Citeste partea a X-a a acestui curs >>>

[CURS] HTML partea a IX - a

Fri, 18 May 2012 19:18:47 +0000

Curs HTML - Partea a IX-a

9.1 Listele in HTML

Avem doua tipuri de liste in HTML, ordonate (ordered) si neordonate (unordered).

Lista ordonata	Lista neordonata
primul element al doilea element al treilea element	Element Element Element

9.1.1 Listele neordonate in HTML

O lista neordonata incepe cu tag-ul

.

Fiecare element al listei incepe cu tag-ul

(list item) si se termina cu tag-ul

.

Elementele listei sunt marcate cu cercuri (bullets=gloante).

Exemplu (lista neordonata):

Code:

List Neorodonata:

Cafea

Ceai

Lapte

In browser va fi afisata:

Cafea
Ceai
Lapte

9.1.2 Listele ordonate in HTML

O lista ordonata se deschide cu tag-ul

.

Fiecare element al listei ordonate se deschide cu tag-ul

(list itmem) si se inchide cu

.

Elementele listei sunt marcate cu numere.

Exemplu (lista ordonata):

Code:

List ordonata:

Cafea

Ceai

Lapte

In browser va fi afisata:

Cafea
Ceai
Lapte

9.1.3 Listele de definitie in HTML

O lista de definitie este o lista de elemente cu descriere pentru fiecare element.

Aceste liste incep cu tag-ul

(definition list) si se termina cu tag-ul .

Tag-ul

(definition term, reprezinta elementul listei) si: (definition description, reprezinta descrierea pentru elementul listei).

Exemplu (lista definitie):

Code:

List ordonata: Cafea - bautura neagra calda Lapte - bautura alba rece

Sfat: Intr-un element al listei putem pune text, linie de pauza, imagini, linkuri, alte liste, etc.

9.1.4 Alte exemple de liste

- Diferite tipuri de liste ordonate

- Diferite tipuri de liste neordonate

- Liste imbricate (nested)

- Liste imbricate 2

9.1.5 Tag-uri pentru liste in HTML

Tag Descriere
Defineste o lista ordonata
Defineste o lista neordonata
Defineste elementul unei liste
Defineste o lista definitie
Defineste termenul (elementul) unei liste
Definitia pentru elementul listei

EDITOR HTML ONLINE

Sursa: w3schools si www
Traducere si adaptare: crt

Copyright © 2012 Codebox.ro. Toate drepturile asupra acestui articol sunt rezervate.

Citeste Partea a X-a a acestui curs>>>

Tag	Descriere
	Defineste o lista ordonata
	Defineste o lista neordonata
	Defineste elementul unei liste
	Defineste o lista definitie
	Defineste termenul (elementul) unei liste
	Definitia pentru elementul listei

Junior Flash Designer

Fri, 18 May 2012 15:00:39 +0000

Daca vei deveni noul nostru coleg, vei lucra in departamentul de Web Development si vei fi responsabil de:

Crearea si reformatarea de bannere Flash dupa primirea unui story board / detalii / referinte de animatie de la Art Director
Reformatarea de bannere media
Dezvoltarea de site-uri de complexitate mica/medie in Flash dupa directia primita din Departamentul de Creatie

Cu ce dorim sa vii:

Experienta de pana 1 an in crearea de continut Flash
Cunostinte de baza Adobe Photoshop & Illustrator

Am aprecia si:

Experienta in lucrul cu ActionScript 2/3 & Adobe After Effects

Ce vei gasi aici

Oameni pasionati de ceea ce fac si care isi doresc rezultate
Deschidere catre initiativa. Daca iti doresti sa fii ascultat si sa iti pui amprenta asupra proiectelor pe care lucrezi, Webstyler este locul potrivit pentru tine.

Despre echipa, pauzele din gradina, masa de ping-pong si cea de fussball iti povestim cand ne intalnim.

Postul este disponibil in Bucuresti

Te rugam sa ne trimiti obligatoriu un portofoliu relevant cu proiecte dezvoltate in Flash si sa ne spui cateva detalii despre cel mai complex proiect facut de tine.

Asteptam candidaturile voastre la : humanresources (at) webstyler (dot) ro
Noi vom analiza candidaturile primite, le vom selecta pe cele compatibile cu pozitia vacanta, iar titularii CV-urilor selectate vor fi contactati pentru o intalnire.

Programator PHP Senior

Fri, 18 May 2012 14:38:39 +0000

Daca vei deveni noul nostru coleg, vei lucra in departamentul de Web Development si vei fi responsabil de:

Proiectarea de baze de date, site-uri si aplicatii
Dezvoltarea de site-uri si aplicatii folosind PHP si MySQL
Mentenanta site-urilor si aplicatiilor existente
Colaborarea cu colegii care se ocupa de Client Service si Front-End Development

Cu ce dorim sa vii:

Experienta de minim 4 ani in dezvoltarea de aplicatii web
Cunostinte avansate de PHP/MYSQL
Cunostinte avansate de Javascript/AJAX si diverse framework-uri JavaScript (JQuery sau altele)
capacitate de a comunica si de a lucra productiv de unul singur sau in echipa
seriozitate
atentie la detalii
tehnica de lucru impecabila

Am aprecia si:

Experienta in lucrul cu Smarty Template Engine
Experienta cu CMS-uri (ex: Drupal, Joomla, Wordpress)
Experienta cu Magento sau Prestashop
Experienta cu Linux
Experienta cu Symfony,Zend,CakePHP sau alt framework PHP
Experienta in lucrul cu Facebook si Graph API
Cunostinte de OOP
Experienta cu HTML5 & mobile development

Ce vei gasi aici

Oameni pasionati de ceea ce fac si care isi doresc rezultate
Deschidere catre initiativa. Daca iti doresti sa fii ascultat si sa iti pui amprenta asupra proiectelor pe care lucrezi, Webstyler este locul potrivit pentru tine.

Despre echipa, pauzele din gradina, masa de ping-pong si cea de fussball iti povestim cand ne intalnim.

Postul este disponibil in Bucuresti
Asteptam candidaturile voastre la : humanresources (at) webstyler (dot) ro
Noi vom analiza candidaturile primite, le vom selecta pe cele compatibile cu pozitia vacanta, iar titularii CV-urilor selectate vor fi contactati pentru o intalnire.

Salutare

Fri, 18 May 2012 08:07:03 +0000

Numele meu este Eduard Constantin,am 20 de ani si sunt din Constanta.

PHP orientat spre obiecte, pentru incepatori[mostenirea]

Thu, 17 May 2012 09:17:18 +0000

Dupa cum am promis in tutorialul trecut am sa scriu un tutorial despre mostenirea claselor si unu despre tratarea erorilor. Acest tutorial este dedicat mostenirii si conceptului de mostenire in php, daca ati citit tutorialul trecut si aiti si inteles ceva atunci mostenirea o sa va para ceva simplu.
Conceptul de mostenire se referera la faptul ca o clasa poate mosteni datele membre(atributele si metode) ale altei clase, pentru a mosteni o clasa se defineste o clasa apoi se folseste cuvantul cheie extends urmat de numele clasei pe care dorim sa o mostenim.
Voi folosi in exemplu clasa din tutorialul trecut despre oop(o sa mai adaug un atribut protected, si modificam motor si putere in protected, o sa explic la sfarsit de ce ). Pe baza clasei masina o sa creem clasa dacie.

Tutorialul complet se gaseste aici : http://micul-programator.ro/index.php?p=...lor-in-php

O sa invatati si despre modificatori de acces cu aceasta ocazie asa ca ar fi bine sa il cititi si sa intrebati daca aveti probleme

[CURS] HTML5 partea a VIII-a

Wed, 16 May 2012 19:35:21 +0000

Curs HTML5 - Partea a VIII-a

8 Canvas vs. SVG

SVG si canvas va permit sa creati elemente grafice in browser, dar acestea sunt fundamental diferite.

SVG

SVG este un limbaj folosit pentru descrierea elementelor grafice 2D in XML.

SVG se bazeaza pe XML, ceea ce inseamna ca fiecare element este disponibil in cadrul DOM SVG. Putem atasa agenti de evenimente JavaScript pentru un element.

In SVG, fiecare forma desenata este prezentata ca un obiect. Daca atributele unui obiect SVG sunt modificate, browser-ul va reincarca forma.

Canvas

Canvas-ul desneaza instantaneu elemente grafice 2D cu ajutorul JavaScript.

Canvas-urile sunt redate (incarcate) pixel cu pixel.

Elementele grafice desenate cu canvas raman nemodificate de catre browser. Daca va trebui sa modificam pozitia, intreaga scena trebuie redesenata, incluzand si obiectele care sunt acoperite de elementul grafic.

Comparatie intre Canvas si SVG

Tabelul urmator prezinta cele mai importante diferente dintre canvas si SVG.

Canvas	SVG
dependent de rezolutie nu suporta agenti de evenimente capabilitati reduse pentru redarea textului imaginea poate fi salvata ca .png sau .jpg potrivit pentru cazurile in care obiectele sunt redesenate frecvent	independent de rezolutie suporta agenti de evenimente potrivit pentru cazurile in care trebuie redate suprafete mari (Google Maps) redare cu viteza mica in cazul unor elemente complexe (orice va folosi DOM va fi incet) nu este potrivit pentru aplicatii de jocuri

Citeste partea a IX-a a acestui curs >>>

[CURS] HTML5 partea a VII-a

Wed, 16 May 2012 19:32:48 +0000

Curs HTML5 - Partea a VII-a

7 HTML5 Inline SVG

HTML5 ofera suport pentru Inline SVG

7.1 Ce este SVG?

SVG = Scalable Vector Graphics
SVG - este folosit pentru a defini elemente grafice bazate pe vectori pt. Web
SVG - defineste elemente grafice in format XML
SVG - elementele grafice SVG nu isi pierd din calitate cand facem zoom pe ele sau cand le redimensionam
SVG - orice element si orice atribut poate fi animat in fisiere SVG
SVG - este o recomandare W3C

7.2 Avantajele SVG

Avantajele utilizari SVG in locul altor formate (ca JPEG sau GIF) sunt:

1. Imaginile SVG pot fi create si editate cu orice editor text
2. Imaginile SVG pot fi cautate, indexate, scriptate si comprimate
3. Imaginile SVG pot fi scalate
4. Imaginile SVG pot fi printate cu o calitate inalta la orice rezolutie
5. Imaginile SVG pot fi marite (zoom) fara ca imaginea sa isi piarda din calitate

7.3 Suport in browsere

Internet Explorer 9, Firefox, Opera, Chrome si Safari suporta inline SVG.

7.4 Includerea SVG direct in paginile HTML

In HTML putem include elemente SVG direct in pagina HTML.

Exemplu:

Code:

  style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />

Rezultat:

Vom studia mai multe detalii legate de SVG in cursul XML.

Sursa: w3schools si www
Traducere si adaptare: crt

Copyright © 2011 Codebox.ro. Toate drepturile asupra acestui articol sunt rezervate.

Citeste partea a VIII-a a acestui curs >>>

[CURS] HTML partea a VIII - a

Wed, 16 May 2012 19:27:29 +0000

Curs HTML - Partea a VIII-a

8.1 Tebelele in HTML

Tabelele sunt definite cu tag-ul .

Mere	44%
Banane	23%
Protocale	13%
Altele	20%

Un tabel este impartit in randuri (cu ajutorul tag-ului - Table Row), fiecare din rand fiind impartit in celule de date (cu ajutorul tag-ului ).

= Table Data - tine continutul (text, link-uri, imagini, liste, formulare, alte tabele etc.) unei celule de date.

Exemplu:

Code:

randul 1, celula 1
randul 1, celula 2

randul 2, celula 1
randul 2, celula 2

randul 1, celula 1	randul 1, celula 2
randul 2, celula 1	randul 2, celula 2

8.1.1 Tebelele HTML si atributul Border (bordura)

Daca nu specificam atributul border (bordura), tabelul va fi afisat fara borduri. Pentru a afisa bordura la tabele vom specifica atributul border:

Code:

randul 1, celula 1
randul 1, celula 2

8.1.2 Antetul (headerul) tabelului

Antetul (headerul) unui tabel poate fi definit prin tag-ul (Table Header).

Majoritatea browserelor vor afisa textul din antet () ingrosat (bold) si centrat (centered).

Code:

Antet 1
Antet 2

randul 1, celula 1
randul 1, celula 2

randul 2, celula 1
randul 2, celula 2

Exemplu de mai sus va fi afisat asa:

randul 1, celula 1	randul 1, celula 2
randul 2, celula 1	randul 2, celula 2

8.2 Exemple cu tabele HTML

1. Tabele

Cum se creaza tabelele intr-un document HTML.

Exemplu:

Code:

O coloana:

100

Un rand si trei coloane:

100200300

Doua randuri si trei coloane:

100200300
400500600

2. Tabele cu bordura

Cum specfificam diferite tipuri de borduri.

Exemplu:

Code:

Bordura standard:  

PrimulRand
Al doileaRand

Cu bordura ingrosata:  

PrimulRand
Al doileaRand

Cu bordura mai ingrosata:  

PrimulRand
Al doileaRand

3. Tabele fara bordura

Cum cream tabele fara borduri.

Exemplu:

Code:

Tabel fara bordura:

100200300
400500600

Tabel fara bordura:

100200300
400500600

4. Antetele tabelelor

Cum sa creaza antete la un tabel.

Exemplu:

Code:

Tabel cu antet:

NumeTelefonTelefon
Bill Gates555 77 854555 77 855

Antete verticale:

Numele:Bill Gates
Telefon:555 77 854
Telefon:555 77 855

Nume	Telefon	Telefon
Bill Gates	555 77 854	555 77 855

Numele:	Bill Gates
Telefon:	555 77 854
Telefon:	555 77 855

5. Alte exemple

- Tabele cu legenda (caption) - cum se adauga legenda la un tabel - VEZI EXEMPLU

- Celule de tabel care se intind pe mai mult de un rand/coloana - Cum se definiesc celulele de tabel care se intind pe mai mult de un rand sau o coloana - VEZI EXEMPLU

- Tag-uri in interiorul unui tabel - afisarea unor elemente in interiorul altor elemente - VEZI EXEMPLU

- Cell padding (cellpadding) - utilizarea atributului cellpadding pentru a modifica spatiul dintre continutul unei celule si bordura acesteia - VEZI EXEMPLU

- Cell spacing (cellspacing) - utilizarea atributului cellspacing pentru a modifica spatiul dintre celule - VEZI EXEMPLU

- Atributul frame - cum utilizam atributului frame pentru a controla bordura din jurul tabelului - VEZI EXEMPLU

EDITOR HTML ONLINE

Citeste Partea a IX-a a acestui curs>>>

100	200	300
400	500	600

Primul	Rand
Al doilea	Rand

Primul	Rand
Al doilea	Rand

Primul	Rand
Al doilea	Rand