Tehnologii Web -- Partea 1

Cuprins

• Tehnologii Web
  • Tehnologii Web -- Partea 1
  • Tehnologii Web -- Partea 2
  • Tehnologii Web -- Partea 3

HTML

Referinte

• HTML(ro) -- Wikipedia
• HTML 4.01 specification -- W3C
• HTML tutorial -- W3Schools
• HTML tutorial -- HTML.net

• HTML tutorial (ro)

Utilitare

• W3C validator

Notiuni de baza

• url
• document HTML [1]
• sintaxa
  • DTD -- Document Type Definition[2]
  • elemente [3]
    • taguri de inceput si sfarsit
    • continutul elementului
    • elemente vide
    • atribute [4]
  • comentarii [5]
  • caractere [6]
• elemente standard [7]
  • html [8]
  • head [9]
    • title [10]
    • link [11]
    • meta [12]
  • body [13]
    • headings [14]
    • paragraphs [15]
    • line breaks [16]
    • horizontal rulers [17]
    • anchors [18]
    • text formating [19]
    • tables [20]
    • lists [21]
    • forms [22]
      • form [23]
      • field sets [24]
      • text fields [25]
      • text areas [26]
      • radio buttons [27]
      • drop down boxes [28]
      • check boxes [29]
      • buttons [30]
        • submit
        • reset
        • normal
      • etichete [31]
    • imagini [32]

CSS

Referinte

• CSS -- Tutorial Complet
• Tutorial CSS (ro)
• CSS -- Wikipedia
• CSS home page -- W3C
• CSS level 1 specification -- W3C
• CSS level 2 specification -- W3C
• CSS tutorial -- W3Schools
• CSS tutorial -- HTML.net

Utilitare

• W3C CSS Validation Service

Notiuni de discutat

• scop
• legaturi CSS-HTML
• sintaxa [33]
  • atribute
  • valori
  • comentarii
  • clase
    • clase multiple
    • pseudo clase
    • pseudo elemente
  • ID-uri
• proprietati
  • background
  • text
  • font
  • border
  • outlines
  • margin
  • padding
  • list
  • table
  • dimensiuni (width, height, etc.)
  • clasificari (display, position, visibility, etc.)
  • pozitionari (position: static, absolute, relative; right, left, top, bottom, etc.)

De lucru!

Implementati un portal HTML care ofera:

• O pagina principala in care se descrie proiectul si sunt prezentate legaturi spre celelalte pagini
• o harta a portalului
• trei pagini, fiecare contin cate un formular, fiecare functioneaza ca interfete pentru serviciul web http://www.random.org/:
  • formular pentru generare de numere intregi
  • formular pentru generarea unor siruri de numere
  • formula pentru generarea de secvente de caractere (stringuri)

• un formular ce functioneaza ca interfata pentru http://www.google.com/advanced_search
  • trebuie sa contina casute de intrare pentru toate intrarile existente la http://www.google.com/advanced_search

!Includeti in fiecare pagina link-ul http://validator.w3.org/check?uri=referer, pentru a valida pagina.

---