Pagina 1 din 1

Pentru un site

MesajScris: Dum Feb 07, 2010 7:55 pm
de sorin
Buna seara, Doresc sa deschid acest subiect deoarece cred ca multi oameni vor sa stie asta, Ce trebuie sa invat si cum trebuie sa fac ca sa imi construiesc un site. Acest topic l-am scris in speranta ca va deveni un "walkthrough" ca la jocuri . Adica cu explicatii pentru tot prostu' in limba romana ce trebuie sa fac, unde trebuie sa scriu ,care sunt pasii etc.. Eu nu am cum sa ajut la aceasta munca dar promit ca invat repede, nicaieri nu mi-au acceptat propunerea si nu stiu care ar fi motivul sau deranjul?
Oricum o seara Placuta!

Re: Pentru un site

MesajScris: Sâm Feb 20, 2010 10:30 pm
de valipet
Pentru asta apeleaza la ajutorul lui Freejack, oricum propunerea ta e binevenita.

Re: Pentru un site

MesajScris: Dum Feb 21, 2010 3:59 pm
de freejack
in primul rand, fara a vrea sa descurajez pe nimeni, webdesign-ul este o munca complexa in care trebuie sa stii cat mai mult din mai multe domenii: DTP, grafica, html, php, etc. dar dupa cum am zis nu vreau sa descurajez pe nimeni asa ca o sa va dau si o veste buna: exista posibilitatea de a face site-uri si fara sa stii nimic din toate acestea folisind programe vizuale cum ar fi Dreamweaver, Frontpage (cu bani), sau NVU (http://net2.com/nvu/download/nvu-1.0-win32-full.zip)(versiune neinstalabila).
Dar banui ca nu numai asa ceva se doreste asa ca am sa detaliez nitel cam ce inseamna sa faci site-uri:
baza a tot ce se numeste site este HTML este acronimul de la HyperText Markup Language iar in doua vorbe el este asemanator cu un limbaj de programare desi nu este propriu-zis un limbaj de programare.
Practic lucruile stau cam asa: intr-un editor de text obisnuit trebuie scrise o secventa de cod care cuprinde o serie de etichete care atunci cand fisierul este salvat cu extensia htm sau html si este incarcat intr-un browser (ex. Internet Explore, Firefox, etc) este iterpretat linie cu linie si rezultatul vizualizat este diferit in functie de tipurile de etichete din cadrul fisierului.
Toate fiserele html trebuie sa contina fara exceptie cateva etichete. Am sa dau mai jos un exemplu cu explicatii, care pentru a se putea vedea ce efect are cand este deschis intr-un browser trebuie sa fie copiat (fara explicatiile cu rosu) intr-un fisier notpad si salvat cu extensia htm sau html si apoi deschis cu un browser:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> Specifica tipul de document (HTML 4.01)
<html> Eticheta de inceput a documentului (nu trebuie sa lipseasca)
<head>
<meta
content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Hello World</title> Etichete de inceput si sfarsit a titlului documentului <title></title>
</head>
<body> Eticheta de inceput a continutului documentului (nu trebuie sa lipseasca)
<b>Hello World</b> Etichete de inceput si sfarsit a continutului documentului <b></b>
<br>
</body> Eticheta de sfarsit a continutului documentului (nu trebuie sa lipseasca)
</html> Eticheta de sfarsit a documentului (nu trebuie sa lipseasca)

Nota: Cu foarte mici exeptii toate etichetele sunt perechi si sunt puse intre paranteze ascutite <eticheta> pentru inceput si </eticheta> pentru sfarsit

Restul de etichete sunt pentru acest exemplu mai putin importante. Acest exemplu ar trebui sa afiseze cuvintele Hello World cu text ingrosat.

Sper ca ceea ce am scris pana acum sa iti ofere o imagine in legatura cu acest subiect dar este clar ca este destul de mult de invatat pe aceasta tema daca vrei sa te ocupi de webdesign.

Re: Pentru un site

MesajScris: Dum Feb 21, 2010 9:07 pm
de sorin
Iti multumesc pentru intelegere"freejack" sper sa continui ideea, astept sa vad daca inteleg cum se face. :o

Re: Pentru un site

MesajScris: Lun Feb 22, 2010 12:19 pm
de freejack
Scuze pentru intarzierea raspunsului dar din nefericire am fost extrem de ocupat in aceasta perioada. Avand in vedere ca totusi forumul nu cred ca este foarte potrivit pentru un tutorial de HTML propun sa procedam in felul urmator: am sa fac un site conex special pe aceasta tema iar problemele ce apar sa le discutam aici pe forum. Ai incercat exemplul pe care l-am dat in raspunsul meu? A functionat?

Re: Pentru un site

MesajScris: Mie Feb 24, 2010 2:23 pm
de freejack
Pentru a putea face site-uri este bine sa fie clarificate bine niste concepte de baza. Aproape oricine are calculator a lucrat in decursul timpului cu un program de tipul Word-ului de la Microsoft si a facut cate un document in care a modificat paragrafele, a ingrosat sau formatat in vreun fel textul, etc.
Aceste tipuri de prelucrari se numesc formatari si sunt folosite pentru a oferi o structura logica documentului si in scopuri estetice si acelasi lucru este valabil pentru tot ce utilizeaza text si imagini sub orice forma.
Avand in vedere aceste lucruri pentru usurarea intelegerii HTML si nu numai am sa enumar mai jos elementele care pot aparea intr-un document si tipurile de formatari posibile si am sa le asociez cumva logic de la simplu la complex. De asemenea am sa evidentiez unde e cazul termenii consacrati din limba engleza.
Elemente care se supun formatarilor:
    Fontul (tipul de caracter)-este cel mai simplu element si pot fi formatate la el urmatoarele elemente:
      tipul de font (font face)
      culoarea (color)
      marimea (size)
tipul de evidentiere: ingrosare (bold), inclinare (italic), sublinierea (underline), etc
      Paragrafele-sunt compuse de obicei din mai multe fraze si formatarea lor poate schimba radical infatisarea documentului. Principalele elemente ce pot fi formatate sunt:
        Alinirea care poate fi: centrat [b](center), la stanga (left), la dreapta (right) si din margine in margine (justified)[/b][/b]
        Spatierea dintre randuri care poate fi:
          la un rand (single space)
          la un 1,5 randuri (1.5 space)
          la doua randuri (double space)

    In cadrul unui document mai pot fi folosite imagini, tabele, liste, etc pe care am sa le descriu in urmatoarele posturi iar apoi o sa incerc sa urmaresc aceasta asociere logica a elementelor pentru a urmari aplicarea in cadrul unui site a acestor elemente

    Re: Pentru un site

    MesajScris: Vin Feb 26, 2010 10:01 pm
    de sorin
    Pana aici am inteles, sa vedem celelalte posturi.
    Din cate vad cred ca sunt singurul interesat de asta :(

    Re: Pentru un site

    MesajScris: Sâm Feb 27, 2010 5:39 pm
    de freejack
    sorin scrie:Pana aici am inteles, sa vedem celelalte posturi.
    Din cate vad cred ca sunt singurul interesat de asta :(

    Sunt probabil si altii interesati dar inca nu au ajuns pe forum. Dar nu e problema ca timp este si pentru ei sa ajunga aici :D . Oricum ma bucur ca am fost destul de coerent pana aici astfel incat sa ma fac inteles. :D

    Dar sa continuam...
    Pentru descrierea elementelor ce apar intr-un document am luat ca punct de reper editorul de documente Word de la Microsoft sau cam orice tip de astfel de editor pentru ca este destul de complex si acopera cam toate situatiile posibile.

    Listele pot fi:
      normale- cam acelasi tip ca aceasta lista in care descriu listele ( :D )
      numerotate (numbered list)- care folosesc numere pentru ordonarea elementelor
      cu buline (bulleted list)-care folosesc buline pentru ordonarea elementelor
    Nota: evident listele contin fonturi si pot contine paragrafe asa ca pe langa atributele de formatare specifice pot fi folosite si elementele de formatare ale fonturilor si paragrafelor

    Re: Pentru un site

    MesajScris: Sâm Mar 06, 2010 2:46 pm
    de freejack
    Urmatoarele pe lista sunt tabelele.
    Acestea sunt compuse din randuri si coloaneiar la intersectia acestora se gasesc celulele tabelului.
    In aceste celule pot fi "depozitate" text sau imagini. Textul fiind format din fonturi si eventual paragrafe se supune formatarilor specifice ale acestora, la fel si pentru imagini.
    elementele care sunt specifice tabelului sunt:
      border(chenar)-poate fi vizibl, invizibil, colorat si are grosime
      antetul tabelului-contine titlul tabelului sau informatii despre datele din corpul tabelului
      corpul tabelulu[-contine datele propriu-zise ale tabelului/list]i
        subsolul tabelului-similar antetului contine informatii relevate despre datele din tabel sau note explicative
    Celulele pot fi concatenate, sau divizate, de asemenea intr-u celula de tabel poate fi inclus un intreg tabel, etc
    Am sa detaliez toate acestea in momentul in care am sa tratez tabelele din punctul de vedere al HTML-ului