-
Pranešimai
1.050 -
Užsiregistravo
-
Lankėsi
-
Laimėta dienų
2 -
Atsiliepimai
100%
Turinio tipas
Forumas
Kalendorius
Parduotuvė
Akademija
Skelbimai
adijux Pranešimai
-
-
ačiū adijux, labai padėjo. O kaip padaryt, kad paspaudus ant nuorodos nereikėtų visų tų šoninių juostų rašyt, o jos būtų savaime , reiktų tik tą centrinę juostą pvz rašyt? :D
Nelabai supratau klausimo, gali šiek tiek detaliau aprašyti, ko tau tiksliai reikia?
EDIT: Kodėl neveikia float: center ???Neveikia, nes CSS savybė float neturi tokios reikšmės center. Float galimos reikšmės: left, right, none. :D
-
Čia tas introdukcinis video, vis dar įkelinėju jį (pirmąkart įsikėlė su prasta kokybe). Greitai sutvarkysiu.
Pamiršau paminėti, kad reikia spausti ant nuorodos dešinį pelės mygtuką ir pasirinkti Save File as arba Save Target As (priklausomai nuo naršyklės).
-
Tai, kad nieko nesimato :/
Jeigu bandai peržiūrėti introdukcinį video, tai po kol kas nepavyks, mat reikia iš naujo įkelti tą failą. Kituose video viskas matosi, tik reikia įjungti fullscreen.
Deja, negaliu nei pamokos peržiūrėti, nei pridėto archyvo atsisiųsti.Archyvą tikrai galima atsisiųsti, ką tik pats pabandžiau, viskas tvarkoje. O kodėl negali pamokos peržiūrėti? Neveikia kas nors?
-
- Populiarus pranešimas.
- Populiarus pranešimas.
http://img40.imageshack.us/img40/5978/egrafika.jpg
Kaip ir žadėjau, sukūriau naują video pamoką. :)
Taigi, ilgai netempęs gumos eisiu iš karto prie reikalo.
Pagrindinės video pamokos dalys:
1) dizaino maketavimas Adobe Photoshop programoje;
2) dizaino karpymas ir reikiamų paveiksliukų eksportavimas
2) kodavimas su HTML ir CSS.
Taip pat pamokoje aptarti kai kurie įrankiai ir funkcijos Adobe Photoshop programoje, paaiškintos CSS savybės. Pamokoje kurtas dizainas gana paprastas, tačiau jo užteks norint išmokti (ar susipažinti) su pačiu kūrimo principu. :D
Iš karto galiu pasakyti, kad iki tobulos video pamokos dar toloka, bet pagal turimą laisvą laiką stengiausi išspausti kuo daugiau. Mano kalba vietomis nėra ypač rišli, tačiau tikiuosi, kad suprasite ir vis dėl to vienaip ar kitaip iš šios video pamokos jūs sužinosite ką nors naujo. :huh:
Na, ir svarbiausias dalykas, žinoma, yra nuoroda į pamoką: http://www.e-grafika.lt/video/pamoka/Tinkl...dizaino-kurimas
P.S. Nepamirškite peržiūrėti introdukcinės video dalies, kurioje plačiau pasakoju, kas bus atliekama pamokoje.
Beje, video pamokos parsisiuntimo nuorodą pateiksiu kiek vėliau, dabar dar šį bei tą tvarkau.
Sėkmės bežiūrint! :)
---
Atnaujinta 2009-08-13
Dabar galite video pamoką parsisiųsti, nuorodos pateiktos žemiau.
- 00 - Pamokos introdukcija (įžanga) (50,8 MB)
- 01.1 - Dizaino maketavimas - dizaino viršus (94,1 MB)
- 01.2 - [1 dalis] - Dizaino maketavimas - turinio sritis ir apačia (footer) (57.2 MB)
- 01.2 - [2 dalis] - Dizaino maketavimas - turinio sritis ir apačia (footer) (52.2 MB)
- 02.1 - Dizaino karpymas - kaip tinkamai karpyti dizainą (12,9 MB)
- 02.2 - Dizaino karpymas - dizaino karpymas ir paveiksliukų eksportavimas (63,9 MB)
- 03.1 - Dizaino kodavimas (HTML/CSS) - pasiruošimas kodavimui (24,5 MB)
- 03.2 - Dizaino kodavimas (HTML/CSS) - viršutinė dizaino dalis (58,1 MB)
- 03.3 - Dizaino kodavimas (HTML/CSS) - CSS savybės: margin ir padding (12,4 MB)
- 03.4 - [1 dalis] - Dizaino kodavimas (HTML/CSS) - turinio ir apačios sritis (57,2 MB)
- 03.4 - [2 dalis] - Dizaino kodavimas (HTML/CSS) - turinio ir apačios sritis (52,0 MB)
- 04 - Apibendrinimas (18,7 MB)
-
Oho, tiek daug prirašei visai be reikalo. Bandei parodyti, kiek išmanai. Gerai, laikyk mane durniumi, jei tiek nori. Tik nesuprantu, prieš ką čia nori apsimesti tokiu „mandru“.
Parašiau ne tą žodį ir tu iš karto puoli mane kaip noob'ą mokinti, kas ir kaip. Atsipeikėk, nereikia man tavo aiškinimų.
adijux, tai tu siūlai žmogui žiūrėti į praeitį ne į ateitį?Ką čia tuo norėjai pasakyti? Tu nueini pas darbdavį ir taip sakai? :huh: O kaip patirtis įgaunama? Žiūrint į ateitį ir tikintis, kad stebuklingai įgausi patirties? Aš tą sakinį apie tai, kiek laiko užsiimu svetainių kūrimu, parašiau todėl, kad suprastum, jog manęs už rankos vedžioti nereikia, tačiau, kaip matau, darai atvikrščiai.
Nežadu daugiau su tavim diskutuoti, matau, kad esi nemalonus žmogus. Purvais spjaudaisi tai į kairę, tai į dešinę. Fui.
- mantasurnieza sureagavo į tai
-
1
-
vistiek tiesiog puiku tik nesuprantu vieno dalyko (pamoka- 03.1 Dizaino kodavimas HTML ir CSS - E-grafika.lt) , kai surasau as width, height ir background man neismte tokios juostos kokia mato teksto autorius :huh: ka as galiu blogai dayrt? Viska darau lygiai taip pat kaip autorius tik spalvos truputeli kitokios, bet as koda background tai rasau savo spalvos, tokios kokia as padares
Čia kurioje tiksliai vietoje? Kurią dizaino dalį koduoji?
-
adijux, neklaidink žmonių. Net nesuvoki apie ką kalba eina :)
Jei nematai skirtumo tarp html bei css kalbų - tavo bėda. Bet nors neskleisk erezijų.
Tavim dėtas patylėčiau. Tu manęs nepažįsti ir nežinai, ką aš sugebu, ir ko ne. Svetainių kūrimu užsiimu jau eilę metų, tad nevaizduok išminčiaus. Pats tu nesuvoki, ką aš norėjau pasakyti savo paskutine žinute šioje temoje. Žmogui patariau, kad nenaudotų tokių CSS savybių, kadangi ne visos naršyklės jas palaiko.
Naglumo viršūnė! Mat HTML nuo CSS neskiriu... :huh:
-
Taip aš nedaryčiau, nes realiai nėra prasmės su CSS imituoti lentelių, nebent tai tikrai būtina. Be to, IE5.5, IE6, IE7 ir IE8 su IE7 mode naršyklėse tokie aprašai neveiks, tad neverta užsikrauti papildomų problemų.
Geriau jau į skelbimų bloką dėti įprastas HTML žymes, apibrėžiančias lentelę.
<div id="skelbimai"> <table width="100%" border="0"> <tr> <td></td> <td></td> </tr> </table> </div>
-
Tai padaryti labai paprasta. Sukurk du blokus su div HTML žymėmis ir nurodyk atitinkamus CSS aprašus.
<div id="skelbimai"> Čia talpinami skelbimai (skelbimų lentelė). </div> <div id="sonas"> Šoninė juosta. </div>
#skelbimai { width: 60%; float: left; } #sonas { width: 35%; float: right; }
-
Turiu pasiūlymą dėl taviškio filmuko talpinimo.
Skype: saulius.naujokas
Ačiū už pasiūlymą, tačiau jau radau, kur talpinti. Iš tikrųjų jau esu ten patalpinęs naująją video pamoką, greičiausiai šiandien jau įkelsiu atnaujintą E-grafika.lt svetainės versiją, tad bus galima peržiūrėti video pamoką. :)
-
:) labai daug nori. Manau galima ir pigiau surasti...
Na, realiai firmose tiek ir prašo, kartais ir daugiau negu 10 000 LT, tad nėra kuo stebėtis. Žinoma, neoficialios firmos ar freelancer'iai padarytų pigiau, bet už kokį 1000 LT, mano nuomone, nėra ko terliotis, nes darbo tikrai daug. :)
-
Sveikinimai! :D Man savo 5 metų jubiliejaus uzdarbis.lt dar teks laukti iki šių metų spalio. Deja, tokiais pasiekimais kaip tu pasigirti negalėsiu... :)
-
Tai čia Dreamweaver ne prie ko. Gali sukurti tinklalapį keliomis kalbomis tiek su notepad++, tiek Dreamweaver, tiek paprastu Windows notepad ar kitu redaktoriumi. :)
Tavo klausimas labai abstraktus, kadangi nenurodei, kaip tu kuri tinklalapio puslapius. Spėju, kad PHP ar kitos web programavimo kalbos nenaudoji, o tiesiog sukuri HTML dokumentus.
-
šiaip ir čia galėtu parašyti kaip sutvarkyti tai man irgi būtu aktualu...
Buvo tam tikras WordPress dizainas, tačiau jame ties navigacija trūko keletos HTML žymių (<ul></ul> bei li elemento uždarymo žymių </li>). Dar CSS faile reikėjo pridėti porą aprašų ir viskas susitvarkė.
-
-
Galima dar rodyti darbūs? Nes aš taip pat sudalyvaučiau :D
Žinoma, kad galima. Juk temos autorius nurodė:
Konkursas vyksta iki 2009.05.20 -
Gerbiamieji, kodel visi stengiates spalvas derinti tik su logo spalva? Tai pigus ir senas triukas. Nuobodu.
:D
Nenoriu ginčytis, tačiau derinti spalvas su logotipu yra labai logiška. :D Ir, manau, čia ne triukas, o natūralus dėsnis.
O jei logo butu juodai baltas? Tai ir dizas butu juodai baltas?Tada yra visiškai kitokia situacija. Kai logotipas nėra spalvotas, atsiranda didesnė laisvė dizaineriui ir galima platesnį spalvų asortimentą parinkti. :D
-
-
man kaskodel kaip susirasau viska jau rasau y base.css ismeta tik tai kas buna pirmoje lenteleje nu vo parasau : "*, html (padding: 0; margin: 0; )
body
{
font-famile: "Lucida Sans", Arial, Tachoma, sans-serif;
font-size: 80%;
}
/* DIV'ai */
#topline {width: 100%; height: 10px; background: green; ]
#header {width: 100%; height: 80px; background: black; ]"
ir man ismeta tik "man kaskodel kaip susirasau viska jau rasau y base.css ismeta tik tai kas buna pirmoje lenteleje nu vo parasau : "*, html (padding: 0; margin: 0; )
body
{
font-famile: "Lucida Sans", Arial, Tachoma, sans-serif;
font-size: 80%;
}
/* DIV'ai */
#topline {width: 100%; height: 10px; background: green; ]" sita varianta
kodel taip yra? padekit nu krc ismeta tik pirma diva ;( :) :/
Blogai rašai CSS aprašus. Visos savybės rašomos tarp { } ženklų, o ne skliaustų () ar laužtinių skliaustų [].
Taigi:
html (padding: 0; margin: 0; )
keisk į
html { padding: 0; margin: 0; }
#topline {width: 100%; height: 10px; background: green; ]
keisk į
#topline { width: 100%; height: 10px; background: green; }
ir t.t.
#header {width: 100%; height: 80px; background: black; ]"
O čia nesupratau, kam tos kabutės? Be to, vėl laužtinis skliaustas ] uždėtas vietoj }. Būk atidesnis.
P.S. Jau esu sukūręs naują video pamoką (trukmė ~2:30 val), kuri taipogi yra apie web dizaino kūrimą. Tik šį kartą tiek vaizdas, tiek garsas yra kur kas kokybiškesnis, o ir pats dizainas, kurtas pamokoje, atrodo patraukliau. Laukite naujienų! <_<
-
El. parduotuvėms yra keletas gerų valdymo sistemų: Magento, OpenCart, OS Commerce, PrestaShop ir t.t.
Visas jas išbandyti gali čia: http://php.opensourcecms.com/scripts/show....p;cat=eCommerce.
Sėkmės.
-
Seniau šriftų ieškodavau dafont.com, tačiau dabar dažniausiai randu sau patinkamų šriftų pasiknaisiojęs tarp smashingmagazine.com įrašų.
-
-
Toks pamąstymas.
Man kiek keistai atrodo, kai žmonės klausia forumuose, apie ką kurti tinklalapį. Jeigu tik sieki pasipelnyti iš tinklalapio, tai tada dar suprantu, tačiau čia iškyla esminė problema — greičiausiai tokie projektai, paimti iš oro, bus sukurti atmestinai, panaudojus kokią nors turinio valdymo sistemą ir nuvalkiotą, daug kartų matytą dizaino šabloną. Žinoma, yra išimčių. Ir nesakau, kad rimtas projektas negali naudoti valdymo sistemos. Pagrindinis faktorius tinklalapyje yra turinys (content is king), tačiau nereikia pamiršti, kad kartais ir vertinga, naudinga informacija yra užgožiama šlykštaus dizaino ar „ūkiškos“ turinio valdymo sistemos.
Iš patirties galiu teigti, kad verta kurti projektą apie tą sritį, kuria tu domiesi. Tada ir projektą ruošti, ir pildyti tinklalapį turiniu bus įdomu. Ir nesvarbu, jei toks ar panašus projektas jau egzistuos — svarbu turėti noro sukurti kažką geresnio, projektą, turintį daugiau inovacijos.
-
Sveikas,
ikonas dažniausiai imu iš iconlook.com arba naudoju iš parsisiųstų ikonų paketų, kuriuos aptinku kituose tinklalapiuose (pavyzdžiui, SmashingMagazine).
Dėl dizaino dokumento dydžio labai nesirūpinu, dažniausiai nustatau 1100x1200 px, o vėliau, jei reikia, pakeičiu nuėjęs Photoshop programoje į Image -> Canvas Size.
O dėl paveiksliukų, tai priklauso nuo to, kokį dizainą maketuoju. Kartais visiškai nereikia jokių paveiksliukų ar iliustracijų, o jei reikia, pasigūglinu, pasidarau pats arba, jei reikia nuotraukų, ieškau sxc.hu tinklalapyje.
Apie JavaScript
Tinklalapių kūrimas
Atrašyta
Štai čia rasi daug įvairių skriptų šiam reikalui: http://www.ajaxrain.com/tag?tag=lightbox. Pasižiūrėk į kiekvieno skripto demo ir išsirink tą, kuris tau labiausiai tinka. Tiesa, nepamiršk, kad dažniausiai tiems skriptams reikalinga papildoma JavaScript biblioteka/karkasas (jQuery, MooTools, prototype ir pan.). :D