Web Design

Pentru ca ma pasioneaza si ma ajuta si Alin sa invat cate ceva despre crearea site-urile web...am zis sa impartasim aici, in caz de sunteti si voi interesate de asa ceva (tutoriale, sfaturi, etc..)

Am descoperit site-ul www.w3schools.com care vad ca are tutoriale pentru diferite sectiuni (html, css, xml, javascript, asp, php, sql, etc). Momentan eu il folosesc pentru a ma introduce in tainele CSS si pana acum sunt multumita de el...deci in caz ca va intereseaza vreuna din sectiuni, il puteti folosi cu incredere.

Sa o luam cu basicul...in primul rand e important sa stim HTML... Cum formam o pagina web in html...ce e header, body, etichete, etc...
Zic ca e vorba de basic...ca doar din html poti crea un site, dar nu va arata cine stie ce spectaculos.

De ex: http://lovehurts.3x.ro/ este site-ul meu pe cand aveam 17 ani...si eram cam emo (desi pe atunci nu se stia definitia la emo ) si mircuiam... Asa ca am facut un site al canalul meu pe mirc...si...am insiruit pe acolo niste "random thoughts". Site-ul e facut doar in HTML, pentru ca pe atunci doar atat stiam si nu avea cine sa ma ajute...deci...cam asa arata un site creat doar in HTML (don't mind tz, sh-urile...eram si eu mica si prostuta )


Apoi, Alin mi-a zis ca in general se creeaza site-ul in photoshop...in psd..poza pe care noi trebuie sa o copiem..adica site-ul sa-l facem sa arate exact ca in poza.
Deci cand incepi de la 0 un site...faci planul (cum va arata la final site-ul) in photoshop...in psd (daca de exemplu faci pt altcineva s-ar putea sa-ti dea deja psd-ul facut...si sa se astepte sa-i faci un site care sa arate exact ca poza lui... sau ii faci un psd, eventual mai multe, i le prezinti si alege cum i-ar placea sa arate site-ul lui). Anyway...important e sa faci poza in photoshop (si recunosc ca aici nu ma pricep prea bine...invatand singura photoshop pe principiul "what does this button do?" nu ma pricep prea bine ca creez eu singurica ceva...mai de graba ma pricep sa retusez o poza, sa o schimb... deci daca aveti vreun tutorial, site care explica cum sa faci poze de genul: http://www.psdlayouts.com/psd/506-black-template/ please share

Okey...sa presupunem ca avem poza...psd-ul...stim cum trebuie sa arate site-ul nostru. Acum trebuie sa transformam din psd in html.
Alin mi-a dat tutorialul urmator: http://net.tutsplus.com/articles/news/converting-a-design-from-psd-to-html/

Apoi desigur...pentru ca m-am lovit de un fisier .css, care nu aveam idee ce e si cu ce se mananca....mi-a recomandat tutorialul http://www.2createawebsite.com/design/css-tutorial.html de unde am aflat si de site-ul http://www.w3schools.com sau tutorialul https://www.youtube.com/watch?v=GwQMnpUsj8I .

Baby: si tu faci intai in photoshop si apoi site-ul in html?
Alin: pai da asa se face bine
Alin:
Alin: intai in photosop
Alin: poze psd de care ti-am trimis azi
Alin: si apoi din alea se face situl
Alin: in html
Alin: si apoi se adauga codul php peste html
Alin: cam asa se face
Alin: in mod normal intr-o firma mare

Deci cam asta ar fi ordinea... eu inca sunt la css...incerc ca aflu cu ce se mananca... Am inceput si cu putin php, dar mi se pare mai spectaculos si folositor momentan css-ul, asa ca o sa ma ocup de le intai.

Ok...deci astept sfaturi, tutoriale, critici, anything... Momentan si eu sunt invatacel...and i need advices.
So...cine mai vrea sa invete cu mine sa faca site-uri?
Cred ca am facut in mare parte topicul si pt mine, pentru a ave intr-un singur loc linkurile la tutoriale...si cand am nevoie de ele sa nu le caut prin arhivele de mess.
Anyway...acum sunt cu pixul si caietul in mana....si...invat CSS

Foarte interesant Andrela

mercic :)

o mica incercare de site in photoshop. L-am facut in juma de ora...nu m-am chinuit prea mult....e asa doar de proba...ca idee...