Svetainių kūrimas žaliems

Papildyta 2006 05 08

Pirmiausia reiktų išmokti HTML.

HTML:

HTML žymės naudojamos HTML puslapių struktūros apibrėžimui. Tai puslapio žymėjimo (angl. markup) elementas, kurio pagalba naršyklei nurodoma kaip "suprasti" ir vaizduoti puslapį. Tiksliau tai SGML metakalbos elementas, atitinkantis vieną ar kelis HTML dokumento tipo apibūdinimus (angl. Document Type Definitions (DTDs).

Plačiau skaityti Vikipedijoje

HTML pradžiamokslis(Anglų kalba)

"HTML Tips and Tricks"(Anglų k.)

Keletas Lietuviškų pamokų

Prisiminkite, kad jei nemokėsite bent html pagrindų, jums nieko neišeis. Tad nesistebėkite, kai sukurti tinklalapio nepavyks.

Programos

Dreamweaver

Modernus HTML redaktorius, turintis ir tekstinio, ir vizualinio puslapių redagavimo galimybes. Iš kitų konkurentų jis išsiskiria šiuolaikinių funkcijų gausa. "Dreamweaver" padės panaudoti naujausias WWW technologijas kaip antai "Dynamic HTML", "Java", "JavaScript", "ActiveX", "Shockwave" ir pan. Pakankamai greitame kompiuteryje "Macromedia Dreamveaver" gali tapti pagrindiniu profesionalaus WWW dizainerio darbo įrankiu.

Homesite

Tai - vienas universaliausių ir daugiausia funkcijų turinčių tekstinių redaktorių, turintis savyje ištisą HTML kalbos enciklopediją. Pav., parašius HTML komandą, automatiškai pasirodo langas, kuriame pateikti visi galimi jos parametrai. Pasižiūrėti rezultatą galima "Netscape Navigator" arba "Microsoft Internet Explorer" tinklo naršykle. Pastaroji ypač glaudžiai dirba su "Homesite" ir maksimaliai sutrumpina perjungimo iš redagavimo į peržiūrą laiką.

FrontPage

Gan primityvus, bet lengvai perprantamas įrankis. Sudėlioti puslapį tikrai nesunku. Bėda ta, kad pažiūrėjus sukurto puslapio source galima pamatyti daug nereikalingo šlamšto.

Daugiau apie HTML redaktorius

Naudokitės taktika, kad svetainėje nereikalingi JavaScripts, flash laikrodžiai ir kiti atributai nesuteiks jokio žavesio. Priešingai, kels pasišlykštėjimą. Tuo pačiu apkrausite svetainę...

Susiraskite hostingą, kurį naudosite svetainei. Keletas jūsų pasirinkimui:

Mokami

E-vaizdas.net

vhost.lt

puslapiai.lt

serveriai.lt

talpykla.lt

Daugiau...

Hostingai, kuriuos galite apmokėti E-gold'u

Nemokami

freewebs.com

bizhat.com

dhost.info

Fateback.com

Daugiau...

Galiausiai, kai jau tikrai būsite išmokę html, galėsite pradėti www programavimo, css,...

PHP pamokos

http://www.php.lt

http://www.oreilly.com/catalog/progphp/cha...apter/ch05.html

http://www.phpbuilder.com

http://www.zend.com/zend/tut/

http://www.w3schools.com/php/default.asp

http://www.hotscripts.com/PHP/Tips_and_Tut...ials/index.html

http://lt.php.net/

http://www.pixel2life.com/tutorials/PHP_Coding/All/

CSS pamokos

http://www.pixel2life.com/tutorials/CSS_St...tylesheets/All/

http://www.w3schools.com/css/default.asp

Grafikos kūrimo programos

Adobe Photoshop

Viena populiariausių grafikos programų, kurią galima naudoti web dizaino kūrimui, nuotraukų retušavimui, redagavimui.

Taip pat programa turi "Save for web" funkciją, su kuria lengvai galima dizainą perkelti į html failus.

Tik gaila, kad programa mokama.

Pamokėlės:

http://www.pixel2life.com/tutorials/Adobe_..._Photoshop/All/

http://www.tutorialized.com

Adobe ImageReady

Programa, einanti kartu su Adobe Photoshop. Šią programą galite naudoti judančių banner'ių ar judančių grafikos detalių kūrimui.

Pamokos:

http://www.pixel2life.com/tutorials/Image_Ready/All/

Paint Shop Pro

Pamokos:

http://www.pixel2life.com/tutorials/Paint_...t_Shop_Pro/All/

Corel DRAW

Pamokos:

http://www.pixel2life.com/tutorials/CorelD...PhotoPaint/All/

Dizaineriams pravartu

Spalvų paletės generatorius - padės sutvarkyti spalvų derinius jūsų dizainui.

---------

Čia norėčiau pateikti patarimų naujokams, kurie dar tik pradeda darbuotis su grafika. Taigi:

- Įgaukite savitą stilių, nenusižiūrinėkite svetimų minčių.

- Nepersistenkite skaitydami pamokas, stenkitės viską padaryti savo jėgomis.

- Nekopijuokite, neripinkite svetimo darbo - tai jums nieko gero neduos.

- Išmokę naują dalyką, jo visuose darbuose nekartokite.

- Stenkitės nepadaryti iš darbo mišrainės, dirbkite kruopščiai.

- Gerbkite įmonių nuomones, kritiką apie jūsų darbus.

- Atminkite, kad efektai ne viskas.

- Devynis kartus apmąstyk, dešimtą - padaryk.

---------

Keletas mano straipsniukų

Web dizaino ir svetainės kūrimo gidas

Detalūs patarimai kuriant svetainę

Jei kas turi ką papildyt, maloniai prašom. :|

respect, viskas vienoj vietoj, glaustai ir suprantamai :|

greitu metu pasinaudosiu situo tutorialu :roll:

Taip pat pamokų galite rasti adresu http://www.Tavo-Zona.net jei ko nors nežinosite užsisakykite portale pamoką :|

tikrai labai gerai sugalvota viska surasyt i viena vieta :liux:

Jo wiskas labai gerai aprasyta :D as pats tai naudoju Dreamweawer, pradejau jau pries kokius 2 metus, o hostingas tai kolkas nemokamas lietuviskas bet jis greit taps mokamu :cry:

Dreamviewer: tikriausiai patogiausia ir geriausia programa kurt svetaines... Bet deja ji brangi... Nors siais laikais galima visokiu vaistuku gaut, vistiek kazkaip nesinori ju naudot...

viskas ciki :D mldc, man asmeniskai labiausiai patinka www.good-tutorials.com PS tutorialai, gal kam taipat pravers :D

gal galit kas nors padet? as susikuriau weba www.freewebs.com bet nzn kaip padaryt paveixliuku galerija... galima sukraut paveixliukus visu dydziu,bet tada ilgai uzsikrovineja psl ir jis pasidaro nezmonisko dydzio... tada sumazinau paveixliukus, bet nzn kaip padaryt, kad ant ju paspaudus atsidarytu kitas langas ir jame rodytu viena paveixliuka visu dydziu... cia pirmasis mano webas, tad esu dar ZALIAS :) turiu programa DreamWeaver8, bet ar iseitu su ja ka nors padaryt? nes su freeweb edit manengeriu nedaug funkciju... tad jei kas zinot kaip padaryt pls butinai pasakykit :angry: busiu lb dekingas :)

per freeweb net netavo kurtas dizas... su dreamweaver iseitu daug kas :)

cia vistiek panasi tema tai prie to paties noreciau paklaust kodel man neina uzsiregint ifreal.com ? vis meta error tipo nesutampa slaptazodziai..

Nu gal ir geras dalykas o galima pvz sita nukopint kokiam pazistamam parodit ?? bet visko kas cia pasyta jau mokejau pries ........:) nu gal pora dalyku pamirsau

Yra visokie HTML Editoriai kur betkas supras. As praeity irgi daug domejaus dabar labiausiai naudojamos programos tai paint, notepad.

Nu notepad man visad patinka ir patyks .

Sveiki as esu susidomejes internetiniu svetainiu kurimu. Noreciau pats sukurti svetaine kuri nestu man pelna pvz kazka panasaus i ikariam.lt, travian.lt o gal net kazka pns i one.lt, facebook.lt. Tai klausiu kaip tai padaryti :) domena ir hosta uzsakysiu aisku iki tam tikros sumos. Reiketu pagalbos tai laukiu patarimu kaip kazka pns kurt i tas svetaines.

Geriausia parsisiusti koki nors tutoriala ir mokytis nuosekliai HTML, CSS, PHP ir t.t.

Dar nepamineta

GIMP - The GNU Image Manipulation Program

http://www.gimp.org

Talpinimas (nemokamas?)

http://appengine.google.com