Web dizaino pamoka

O php-fusion dizainu tas pats?

Tai bet kokiai turinio valdymo sistemai tą dizainą galima pritaikyti, tik jau reikia šiek tiek php ar smarty išmanyti.

klausykit o ten krc viskas parodyta kaip sukurt o i kokio pobudzio tvs galima ikelti?? ar cia iskarto sukuri html ir css svetaine?? buciau lb dekingas kad kas paaiskintu i pm zinute trumpai.. tam rep.. nes as ant htpm ir css dar zalias.. ant php-f sita sugebu gan neblogai.. tai vat dekingas

Jėga! Kaip tik tokio pobūdžio pamokos ieškojau šią savaitę. Didėlis Dėkui autoriui :)

klausykit o ten krc viskas parodyta kaip sukurt o i kokio pobudzio tvs galima ikelti?? ar cia iskarto sukuri html ir css svetaine?? buciau lb dekingas kad kas paaiskintu i pm zinute trumpai.. tam rep.. nes as ant htpm ir css dar zalias.. ant php-f sita sugebu gan neblogai.. tai vat dekingas

Jau ne kartą minėjau, kad bet kokį dizainą, sukoduotą su HTML ir CSS galima pritaikyti tiek PHP-Fusion, tiek Wordpress, tiek ExpressionEngine, Joomla, Mambo ar dar kokiai nors valdymo sistemai.

Jėga! Kaip tik tokio pobūdžio pamokos ieškojau šią savaitę. Didėlis Dėkui autoriui :)

Prašom! :)

tai va daejau iki to kodavimo ir reikia ta meniu padaryti parasau sita :<ul>

<li><a href="#home">Pagrindinis</a></li>

<li><a href="#about">Apie mane</a></li>

<li><a href="#useful">Naudinga</a></li>

<li><a href="#contacts">Kontaktai</a></li>

</ul>

iejeinu i savo web ir ten viska rodo iskyrus Pagrindinis o kitur rodo kada viska apibreze ir ji rodo bet ant jo neina nei paspaust nei nk tik kada apibrauki matyti helo

Pasirodo, kad hello1122 nerodė pirmosios nuorodos, nes prieš tai neuždėjo kabučių vienoje vietoje (po žodžio menu):

<div id="menu>
<ul>
	<li><a href="#home">Pagrindinis</a></li>

<... tolimesnis kodas ...>

klaida labai nedidelė, bet to užteko, kad nerodytų pirmosios nuorodos. :)

O kodėl man tik garsas, o video nerodo (3.1 dalį.) gal žinote kur bėda ?

Problema dėl vaizdo buvo išspręsta įsirašius XVID kodeką (k-Lite Codec Pack) ir paleidus per Windows Media Player Classic.

O jeigu tarkim mygtukai bus nupaisyti su Photoshop'u, na bus ne 1 spalvos. Tai tada juos irgi reikia karpyt? O veliau kaip logo priderint ir ant virsaus rasyti teksta?

Beto pamoka tikrai gera ! Didelis dekui, senai tokios ieskojau!

O jeigu tarkim mygtukai bus nupaisyti su Photoshop'u, na bus ne 1 spalvos. Tai tada juos irgi reikia karpyt?

Taip, tada reiktų ir mygtukų paveiksliukus eksportuoti, o mygtukų CSS atrodytų maždaug taip:

.button { background: url(kelias_iki_mygtuko_paveiksliuko/mygtukas.png) no-repeat; width: 120px; height: 30px;

O veliau kaip logo priderint ir ant virsaus rasyti teksta?

Eksportuoji logotipo paveiksliuką, html kode nurodai naują div bloką:

<div id="logo">Logotipo tekstas</div>

ir su CSS aprašai:

#logo { background: url(kelias_iki_logotipo/logotipas.png) no-repeat; width: 300px; height: 100px; }

Šiaip pamokoje beveik visa tai yra paaiškinta. :)

Taip, tada reiktų ir mygtukų paveiksliukus eksportuoti, o mygtukų CSS atrodytų maždaug taip:

 

.button { background: url(kelias_iki_mygtuko_paveiksliuko/mygtukas.png) no-repeat; width: 120px; height: 30px;

 

 

Eksportuoji logotipo paveiksliuką, html kode nurodai naują div bloką:

 

<div id="logo">Logotipo tekstas</div>

 

ir su CSS aprašai:

 

#logo { background: url(kelias_iki_logotipo/logotipas.png) no-repeat; width: 300px; height: 100px; }

 

Šiaip pamokoje beveik visa tai yra paaiškinta. ;)

Aisku , dekui. Na i garsa nelabai gylinausi, tai mazdaug ziurejau kaip rasai koda :).

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 ;( <_< :/

Kažkaip tu čia įdomiai css to su ) ar su ] uždarinėji...

Dar ir kabutės iš kažkur css'e.

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ų! <_<

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ų! :D

Šaunu, nekantrauju pamatyti :D

Aš taip pat nekantrauju, kuo greičiau, tuo geriau :D Šaunuolis!

Turiu pasiūlymą dėl taviškio filmuko talpinimo.

Skype: saulius.naujokas

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 aciu uz situos video gal pats kanors ismoksiu :huh:

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

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?

Geras, gera pamoka. :huh:

Ismoko pagrindu.

Pažiūrėsiu pravers man, kaip tik mokausi, ačiū.

Pats radau problema

Galetum parodyt, kaip sudet i hosta, arba kaip sujung mygtukus, kad paspaudus kuri nors ismestu i reikalinga psl, arba kaip ijungt paieska :wub: