Aici veti gasi cateva articole, tutoriale si scripturi - speram noi utile - legate de web design, programare web si seo

9 martie 2010

Primii pasi in CSS

» Înscris în: CSS, Fără categorie, Web Design — admin @ 3:57

* Definitie: CSS (Cascading Style Sheets) este un standard pentru formatarea elementelor unui document HTML. Stilurile se pot atasa elementelor XHTML prin intermediul unor fisiere externe sau in cadrul documentului.
CSS se poate utiliza si pentru formatarea elementelor XML si SVGL.

* Sintaxa CSS este structurata pe trei nivele:

  • inline - direct in sursa xhtml a paginii web (exemplu: <p style=”color:#000000; font-size:12px;”>Paragraf</p>)
  • embedded - in header-ul paginii web (exemplu: <style type=”text/css”>p {color:#000000; font-size:12px;}</style>)
  • external - intr-ul fisier extern atasat paginii web (<link rel=”stylesheet” type=”text/css” href=”style.css” />)

* Sintaxa CSS este urmatoarea:

p {color:red; font-size:14px;}

Selector Proprietate Valoare Proprietate Valoare
p color: red; font-size: 12px;


8 martie 2010

Principalele diferente intre XHTML si HTML

» Înscris în: Web Design, XHTML — Etichete:, , — admin @ 20:09

XHTML nu este foarte diferit de utlima versiune de HTML (4.01 standard).
A. Principalele diferente sunt:
  • elementele XHTML trebuie sa fie folosite in ordine
  • elementele XHTML trebuiesc inchise intotdeauna
  • elementele XHTML se scriu cu litere mici
  • documentele XHTML trebuie sa aiba un element principal
1. In HTML sunt acceptate elementele amestecate de genul:
<b><i>text ingrosat si italic</b></i>
In XHTML trebuiesc puse in ordine:
<b><i>text ingrosat si italic</i></b>
2. In HTML elementele nu se inchid intotdeauna:
<p> paragraf  <p> alt paragraf
In XHTML este corect: <p>paragraf</p><p>alt paragraf</p>
Elementele goale trebuiesc de asemenea inchise:
<br> e incorect ; <br /> e corect
3. In HTML se accepta elemente scrise si cu litere mari, in XHTML nu:
<P> – e incorect in xhtml ; <p> – e corect
4. In XHTML toate documentele trebuie sa aiba o radacina:
<html>
<head> lalala </head>
<body> tralala </body>
</html>
B. Alte diferente:
5. Numele atributelor trebuie sa fie scrise cu litere mici si valorile puse in ghilimele:
<table WIDTH=10%> – e gresit
<table width=”10%”> – e corect
6.  Minimalizarea atributelor este interzisa:
<input checked> – gresit
<input checked=”checked” /> – corect
Lista completa:
compact – devine – compact=”compact”
checked – devine – checked=”checked”
declare – devine – declare=”declare”
readonly – devine – readonly=”readonly”
disabled – devine – disabled=”disabled”
selected – devine – selected=”selected”
defer – devine – defer=”defer”
ismap – devine – ismap=”ismap”
nohref – devine – nohref=”nohref”
noshade – devine – noshade=”noshade”
nowrap – devine – nowrap=”nowrap”
multiple – devine – multiple=”multiple”
noresize – devine – noresize=”noresize”
7. Atributul “name” este inlocuit de “id”:
<img src=”poze.gif” name=”poza” /> – gresit
<img src=”poze.gif” id=”poza1” /> – corect
8. Elemente obligatorii:
<!DOCTYPE ……………>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<title>titlu</title>
</head>
<body>
</body>
</html>


Valid XHTML 1.0 Transitional CSS valid! Page Rank