Neformal html klausimai

Sveiki, vakar nutariau pradėti mokyntis html programavimo. Šiandien pasiskaičiau keleta straipsnių ir jau žinau pagrindines koduotes, tačiau kaip man pradėti kūrti svetainę? Visur rašoma, jog norint sukūrti html svetainę užtenka turėti NotePade, o kaip gi hostingas? Dizainas? Gal galite pagelbėti? Pradžiai noriu pamėginti pasidaryti labai paprasta saituką apie save ir taip lavinti savo įgudžius.

E.D.I.T - Dėkui, kad užvedėte ant kelio:) Dabar šioje temoje rašysiu visus klausimus susijusius su html.

Sveiki, vakar nutariau pradėti mokyntis html programavimo. Šiandien pasiskaičiau keleta straipsnių ir jau žinau pagrindines koduotes, tačiau kaip man pradėti kūrti svetainę? Visur rašoma, jog norint sukūrti html svetainę užtenka turėti NotePade, o kaip gi hostingas? Dizainas? Gal galite pagelbėti? Pradžiai noriu pamėginti pasidaryti labai paprasta saituką apie save ir taip lavinti savo įgudžius.

NotePade tik darbo įrankis. :D Šiaip aš bent jau patarčiau atsisiųsti Notepad++

Šios app tikrai labai skiriasi. :D

Nuo ko pradėti darbą?

NUo papraščiausių tag'ų testavimo, kaip <b></b>, <a href.. </a>, <small>...</small>, etc, juos kaip supratau jau moki. :D

Dėl hostingo, kam tau mokėti pinigus, kol dar mokaisi?

Šios 'bėdos' sprendimo variantai yra du:

1) Susiinstaliuoti localhostą, aš bent patarčiau

2) Susirasti free hostą. Uptime ir esančios reklamos manau tau dar nėra aktualu. :D

Nuo pradėti kurti?

Kaip minėjai, nori daryti simple puslapiuką, puiku. :D

Kada jau turiu kur talpinti savo kodą, turiu teksto redaktorių ir moki kelis tag'us, ką daryti toliau?

Ogi, bandyk iš tų tag'ų ką nors padaryti...

Pvz, sukurti puslapiuką, kuris turės fono spalvą, headerį (img tag'as) ir porą linkų į google.com ir uždarbis.lt

Kitas dalykas, gali žiūrėti ką kiti puslapiai yra padarę, ir bandyti atkartoti, bet čia jau sunkiau, nes tokių 98metų puslapių nebėra, o dabartiniuose apstu 'navarotų' kurių tu dar nesuprasi. :D

Realiai pradėk nuo tų pačių simple tag'ų ir galvok, kur realiai galėtum juos panaudoti. :D

Pasiskaityk apie puslapio koduotes, headerius. :D

Padaryk validų kodą. Čia gal kažkiek bus sunkiau, kaip naujokui, bet tai duos naudos, t.y. išmoksi tinkamai aprašyti kodą.

Žinoma, gali pažiūrėti ir kitų puslapių kodus, pvz naudojant Operą, spausk View-> Source ir tau pateiks tavo norimos svetainės HTML/CSS/JS kodą.

Na anyway, čia daug galima prirašyti, bet iš to naudos abejoju ar bus. Tiesa, kaip patikrinti validumą?

Spausk dėšinį mygtuką ir tada Validate. :D

Jei matai žalią foną ir viską, ką norėjai sukurti - šaunu, tu parašiai ką norėjai ir svarbiausią - Be klaidų. :D

O bėdos, atsirandančios dėl nevalidaus kodo, jau kita tema, tad palinkėti galiu tik sekmės ir kantrybės. :D

GL.

Dėkui, kad užvedei ant kelio:), o kaip suinstaliuoti localhostą? Ir iškur jį gauti?

Dėkui, kad užvedei ant kelio:), o kaip suinstaliuoti localhostą? Ir iškur jį gauti?

Manau gali naudoti WAMP'ą. :D

Atsisiųsti gali iš čia: http://www.wampserver.com

Instaliuoti manau sugebėsi.

Na jei kas neaišku - klausk. :D

Čia susikursi hostingą savo PC.

HTML'ui programuoti nereikia serverio, jie veikia lokaliai. Serveris reikalingas butu jei programuotum php ir turbut js, nesu isitikines.

Dėkui, kad užvedei ant kelio:), o kaip suinstaliuoti localhostą? Ir iškur jį gauti?

HTML kūrimui WAMP nereikia, tiesiog parašai kodą (naudokis kokiu Notepad2 ar pan. nes paryškina tag`us) , seivini kaip .html ir atsidarai su naršykle. Jei nori dizaino teks išmokt CSS. Puikius tutorialus rasi čia: http://w3schools.com/

Vienu žodžiu pradžiai HTML ir CSS, dar gali (o tiksliau ir reikia) užmest akį į xHTML standartus, o vėliau jau pagal savo norus PHP, JS ir pan.

javascripta naršyklė pati palaiko :D

Aišku:) Na nežinau man per naršyklę nelabai išeina, tai aš per wamp darau. O dizainui butinai reikės Ps?

E.D.I.T - Gal kas žinot kodą, kad galėčiau juodai rašyti?

Aišku:) Na nežinau man per naršyklę nelabai išeina, tai aš per wamp darau. O dizainui butinai reikės Ps?

 

E.D.I.T - Gal kas žinot kodą, kad galėčiau juodai rašyti?

Taip ir nesupratau ką tu ten per WAMP darai..

Juodai? Turi galvoj juodą teksta html dokumente ar ką? Visiem teksto ir turinio formatavimam reikia naudoti CSS. Geriausia, ką gali padaryti naudodamas tik html tai nupaišyti lentelę, suskirstyti tekstą į blokus, įdėti nuorodą ar peveiksliuką, sukurti listą ir dar kelis dalykus. O visas dizainas daromas naudojantis CSS.

Tarkim blokas kuriame visas tekstas juodas apsirašytų taip (CSS vidinis):

<div style='color: black; font-family: tahoma;'> tekstas </div>

Pajuodintas dalykas ir yra CSS, šiuo atvėju tekstas bus juodas, tahoma šrifto.

Dėkui:)

Kaip padaryti, kad nacigacijoje visos knopkes veiktu>?

pvz:

div class="right">
	<div class="heading-right">Navigacija</div>
	<div class="menu-1">
	<div class="themenu">
	 <ul>
		<li><a href="#">Namai</a></li>
		<li><a href="#">Kontaktai</a></li>
		<li><a href="#">Darbai</a></li>
	  </ul>
	  </div>

Su namai man viskas gerai, o kiti 2 visai neaktyvus;) Žinau, jog reikia sukūrti atskirus failiukus, bet ką ten įrašyti? ir, kaip nurodyti kur jie yra?

Kaip padaryti, kad nacigacijoje visos knopkes veiktu>?

 

pvz:

 

div class="right">
	<div class="heading-right">Navigacija</div>
	<div class="menu-1">
	<div class="themenu">
	 <ul>
		<li><a href="#">Namai</a></li>
		<li><a href="#">Kontaktai</a></li>
		<li><a href="#">Darbai</a></li>
	  </ul>
	  </div>

 

Su namai man viskas gerai, o kiti 2 visai neaktyvus;) Žinau, jog reikia sukūrti atskirus failiukus, bet ką ten įrašyti? ir, kaip nurodyti kur jie yra?

Ten vietoj # turi būt adresas į kitą html failą. Tarkim jei įrašytum kontaktai.html, nuoroda atidarytų failą kontaktai.html, esantį toje pačioje byloje kaip ir failas iš kurio kreipiamasi šiuo atveju turbūt namai.html. O kas tam kontaktai.html turėtų būti tai jau tavo reikalas. Ir primygtinai siūlau naudotis w3schools. ;)

Naudojiuosi w3schools:), o kodėl kai ten kur reikia parašau kontaktai.html ir tinklapyje paspaudžiu ant kontaktai mygtuko man vistiek pasilieka pagrindinis puslapis ;\

E.D.I.T - Susitvarkiau jau:) Viskas veikia.

Dėl dizaino pasidomėk apie CSS.

Gal žinote kokia programą su kuria galėčiau koduoti dizainus? Svarbu, jog ji užimtu nedaug vietos, nes mano netas 15kb/s labai ilgai siunčia... DreamWeaver netinka.

notepad++

Nvu, nemokamas ir WYSIWYG editor turi.

Dėkui:), o norint sukoduoti dar reikia ir sukarpyti taip?, tai daroma su tomis pačiomis programomis?

karpymas yra toks subtilus dalykas sakyčiau. daug kas sukarpo visą dizainą, o tik paskui atsirenka ką naudos. asmeniškai aš, tai išpradžiu pasirašau html visiškai be jokių stilių, tada su css viską normaliai išsidėstau kaip ir kur man ko reikia, tada stilizuoju, ir tik galiausiai iškerpu iš paveiksliuko tai, ko man reikia (pvz. logo ar šiaip kokias detales). vat.

o iškirpti su betkokia image redagavimo programa, bet čia tik tuo atveju jei darai kaip aš, nes visą dizainą karpyt tai tikriausiai patogiausia su photoshopu.

Gal kas galite duoti kodą šitos paneles? Kur iš tinklapio tau laišką galį parašyti.

http://www.mmarius.lt/kontaktai

Gal kas galite duoti kodą šitos paneles? Kur iš tinklapio tau laišką galį parašyti.

http://www.mmarius.lt/kontaktai

Sveikas,

Truputėlis informacijos apie tai kas yra HTML ir kas yra PHP tikrai nepakenktu nepakenktu, nes su pliku html'u laiško neišiūsi, na bet čia tik tarp kitko ;)

Reikia html'o formos kodo, tai prašom. Visa forma nuo a iki ž:

<form action="/kontaktai"  accept-charset="UTF-8" method="post" id="contact-mail-page">
<div><p>
Mob. Tel. : 8 655 73379<br />
El.paštas : mmarius.lt @ gmail.com<br />
Skype : mmariukas<br />
<a href="http://www.mmarius.lt/">www.mmarius.lt</a><br />
<a href="http://www.vienintelis.lt/" target="_blank">www.vienintelis.lt</a><br />

<strong>Klaipėda, Klaipėdos raj</strong>
</p>
<hr /><div class="form-item">
<label for="edit-name">Jūsų vardas: <span class="form-required" title="Šis laukelis būtinas">*</span></label>
<input type="text" maxlength="255" name="name" id="edit-name"  size="60" value="" class="form-text required" />
</div>
<div class="form-item">
<label for="edit-mail">El. pašto adresas: <span class="form-required" title="Šis laukelis būtinas">*</span></label>
<input type="text" maxlength="255" name="mail" id="edit-mail"  size="60" value="" class="form-text required" />

</div>
<div class="form-item">
<label for="edit-subject">Tema: <span class="form-required" title="Šis laukelis būtinas">*</span></label>
<input type="text" maxlength="255" name="subject" id="edit-subject"  size="60" value="" class="form-text required" />
</div>
<div class="form-item">
<label for="edit-message">Žinutė: <span class="form-required" title="Šis laukelis būtinas">*</span></label>
<textarea cols="60" rows="5" name="message" id="edit-message"  class="form-textarea resizable required"></textarea>

</div>
<input type="submit" name="op" id="edit-submit" value="Siųsti"  class="form-submit" />
<input type="hidden" name="form_id" id="edit-contact-mail-page" value="contact_mail_page"  />

</div></form>

p.s jei kada reikės html'o kodo iš kokio nors puslapio, neklausk kitų o pažiūrėk pats. Dažniausia tai galima padaryti paspaudus dešinį pelės klavišą tuščioje tinklalapio vietoje ir iš sąrašo pasirinkus "View source" arba "Pirminis tekstas". Jei pelės naudojimas tinklalapyje yra ribojamas tai galima padaryti meniu pagalba. Susirask meniu pavadinimu "View" arba "Rodymas" (čia FF), ten bus skiltis "Source" arba "Pirminis tekstas".

p.s.s Užrasai įvariose naršyklėse gali skirtis, turiu omeny meniu punktus, bet esmė išlieka ta pati.

Dėkui:)

Aš tai pasidarau dizainą su PS. Tada susikarpau dalis, susidėlioju, su CSS susitvarkau viską. O tada ateina sunkiausia dalis... Pažiūrėti kaip svetainė atrodo per IE ir pradėti pritaikyti puslapį IE.

Kiek laiko mokinaisi kodavima? Kokiuose tinklapiuose skaitei pamokas? Aš dabar w3schools.com mokinuosi, bet būna vietų kurių nelabai suprantu nes tinklapis anglų kalba ;[ Gal galite patarti kokių kitų tinklapių?