Početak Web programiranja

Commander

Well-known member
Staff member
Joined
Jan 13, 2012
Messages
9,235
Reaction score
530
Jel i dalje idete “u školu” !? B)
 
Last edited:

kaps

Member
Joined
Nov 4, 2014
Messages
82
Reaction score
0
Da podelim odavde sam ja naucio html/css a sada ucim python za web development (inace ovo objasnjava jedan od osnivaca reddita Steve Huffman)
Pored toga mozete poceti sa vestackom inteligencijom i analizom podataka, uostalom pogledajte sami ima svasta 😃

 
Last edited:

r3bl

Member
Joined
Oct 18, 2014
Messages
57
Reaction score
0
Hajde da se i ja ubacim malo.

Dakle, ovako, Dreamweaver sam koristio ovako “na svoju ruku”, u srednjoj smo radili preko običnog Notepad-a na Win XP. Na fakultetu, opet Dreamweaver.

E sada, ja sam imao neko predznanje, ostali koji su učili sa mnom, nisu.

Daleko bolje su prošli oni u srednjoj kada su sve morali ispočetka ručno da rade. Brže se konta. Naravno, kod kuće svi smo koristili Dreamweaver i preko njega radili, ali to u srednjoj preko Notepad-a jeste definitivno kako sam naučio najviše.

Sada je to sve zamijenio Atom. Odličan tekstualni editor koji sami dorađujete kako treba, a iza njega stoji veliki GitHub, tako da podrška i dostupnost proširenja ne manjka.

S tim da kada radim sam sadržaj sajta, ne radim ga u HTML-u, nego preko markdown jezika za formatiranje, jednostavno lakše je. Kasnije samo kopiram HTML kod i ubacim u HTML dokument i radim na dizajnu. Svakako preporučujem da istražite ovu opciju. Mali projektić na kojem radim već dan-dva, moj online portfolio.
 
Last edited:

ubuntuser

Member
Joined
Apr 7, 2014
Messages
877
Reaction score
0
Da li neko može da mi kaže da li je moguće i kako to mogu da izvedem… Problem je sledeći… Da kada kucam WP post, da u postu otkucam html kod, i da taj html kod povežem sa mojim .css fajlom koji bih uploadovao na server… Pitanja su gde da uploadujem taj svoj .css fajl i šta dodajem u link tag da bi se taj fajl povezao sa tim html kodom u postu…?
 
Last edited:

Cvetan

Member
Joined
Aug 27, 2014
Messages
326
Reaction score
6
Ne radim wp, ali verujem da link mora da bude u head tagu index fajla templejta koji koristiš.
 
Last edited:

Masquetina

Member
Joined
Apr 15, 2012
Messages
119
Reaction score
0
@ubuntuser

Šta je to WP? WordPress? Ako je to - to, onda mi nije jasno tvoje pitanje. Hoćeš da kucaš HTML unutar posta, a onda da ga povežeš sa CSS fajlom? Tu su negde pobrkane babe i žabe, koliko sam te ja shvatila, ali ostavljam naravno mogućnost da te nisam dobro shvatila. Da li ti želiš taj kod u postu da napišeš kao neki primer koji čitalac vidi, ali i da ga povežeš nekako sa nekim .css, ili hoćeš da restajliraš neku WordPress temu? Ovo prvo je nemoguće, a oko onog drugog bih mogla malo i da ti pomognem.

A, na uopšteno pitanje kako se povezuje HTML dokument sa CSS dokumentom, odgovor nađi na ovoj stranici: http://www.w3schools.com/css/css_howto.asp
 
Last edited:

ubuntuser

Member
Joined
Apr 7, 2014
Messages
877
Reaction score
0
@Masquetina WordPress je u pitanju…😃 Ovako, hoću da restajliram temu ali samo kod posta, tj. samo da tekst u postu bude malo doteran… Kako to da objasnim najprostije da me shvatiš… Znači cela WordPress strana u postu da ostane ista (header, footer, sidebar, pa čak i singe-post.php može da ostane isti), samo tekst u postu da bude malo doteran, tj da bude u okvirima, da neki okviri budu float left neki float right… HTML i CSS poznajem, znam kako se povezujem CSS i HTML… Ali WordPress i PHP ne poznajem baš mnogo… I pitao sam da li je to moguće, nisam siguran da može…😃 Nadam se da si me razumela? Znači da ja otkucam u postu HTML kod i da on sa svim podešavanjima bude očitan u WordPress-u i da se prikaže tekst onako kako sam ga ja podesio, sa svim okvirima, senkama i svim ostalim… Da li je to izvodljivo? Probao sam da dodam i tag u okviru html koda, da se ne povezuje, nego direktno u postu da kucam css ali opet nije htelo da se očita… Pretpostavljam da je to znak da nije izvodljivo…🙂
 
Last edited:

Masquetina

Member
Joined
Apr 15, 2012
Messages
119
Reaction score
0
Ok, mislim da sam shvatila. Što se css tiče, WP je dinamičan - pisan je u php, ali css na isti način radi kao i na statičnim web stranicama, i to ti je olakšavajuća okolnost. Ono što treba da uradiš je da u .css restajliraš konkretne tagove koji se tiču izgleda postova.

Moram ti skrenuti pažnju da je potpuno neprimereno pokušavati uraditi ovo na način da ti samo jedan post bude promenjenog izgleda, jer WP je, kao što rekoh, dinamičan i izmene koja uradiš za tagove elemenata koji se tiču postova, odnose se na sve postove na tom sajtu, od prvog do poslednjeg. Znači, ako želiš da generalno podesiš izgled teksta na svakom postu podjednako, to je svakako moguće.

Da bi promenio izgled bilo čega u WP temi, treba da je ‘‘rastaviš na sastavne delove’’, da tako kažem, a to će ići malo teže ako ti je php potpuno nepoznat. … Ili, možeš da uradiš kao ja što sam… Nađeš na netu tutorijale kako se prave WP teme i kreneš da praviš svoju od neke starter teme za koju nađeš taj neki tutorijal. I tu će da ti se razbistri šta je šta, pa ćeš onda lako da menjaš izgled čega god hoćeš. E sad, da bi se bavio razvojem WP teme, potrebno je da instaliraš LAMP, a onda i WP na taj svoj lokalni server… I onda počneš eksperimentisati. Za sve ovo ima fantastičnih tutorijala na netu, ali većina su na engleskom, što se nadam da ti nije prepreka.

Možda ti se ovo sad sve čini kabasto i nepotrebno, ali to je jedini način da stvar napraviš da radi. Kaži šta si odlučio, kad odlučiš - da li ćeš da se mučiš okolišanjem oko zadatka koji si sebi postavio, ili ćeš da budeš temeljan?
Šta god da odlučiš, pomoći ću ti koliko mogu. 🙂
 
Last edited:

ubuntuser

Member
Joined
Apr 7, 2014
Messages
877
Reaction score
0
@Masquetina Hvala na odgovorima i ponudi za pomoć… Naravno da mi je svaka pomoć dobrodošla…😃 Što se tiče ovih koraka, probao sam sve to po malo… Tj skinuo bio neku free temu, sve živo po njoj izmenjao, napravi sajt kako mi odgovara, dosta stvari sam tako naučio, nije baš da mi je nepoznat PHP kod… Znam šta znači koji deo koda, znam koji je koji php fajl, čemu služi, kako se menja… Ovo što sada pokušavam ne radim za sebe, već drugaru koji ima svoj WP sajt, ali sada hoće da izmeni postove… Malo jeste čudno to što pitam, mislim i meni je bilo čudno i pitao sam se da li je moguće, zato pre nego i što sam počeo da radim i da petljam rekoh da se prvo informišem ovde da li je ostvarivo uopšte…😃
 
Last edited:

Cvetan

Member
Joined
Aug 27, 2014
Messages
326
Reaction score
6
Sve što se tiče izgleda, o tome treba da brine css. Kako reče Masquetina da ne mešaš babe i žabe.

Ako hoćeš da promeniš izgled postova, moraš da menjaš kod tog templejta. Kako rekoh ne znam njihov API, ali verovatno postoji klasa ili neka druga konstrukcija koja brine o tome. Znači nikako inline style u HTML-u, to je jako nepreporučljivo.
 
Last edited:

ubuntuser

Member
Joined
Apr 7, 2014
Messages
877
Reaction score
0
@Cvetan Izgleda ja ne umem baš najbolje da objasnim, pa ne razumeš šta hoću da kažem…😃 Template odgovara, izmenom single-post.php izmenio bih stranu, celokupnu, tj. header, footer, sidebar, a meni nije bilo to potrebno… sve je na svom mestu… samo tekst na strani gde se prikazujem post treba da bude stilizovan, odnosno da neki delovi budu većeg font-a, neki manjeg fonta, neki uokvireni, neki podvučeni… Ne mogu da menjam php kod i da to bude dinamički, jer neće svaki put da bude isti deo podvučen, neće uvek isti deo teksta da bude levo, drugi desno… Nego za svaki post je posebno… Samo sam hteo da sebi olakšam i da dodam sopstveni .css fajl na server sa svim sređenim i na primer svaki put kada mi treba tag koji je formatiran po mojoj želji (npr. font, boja fonta…) da samo ukucam tag u postu da on povuče .css fajl gde je to već odrađeno… Nikako mi to ne uspeva… Jedino da sređujem tekst u svakom postu sa inline style… Što nije preporučljivo inline?
 
Last edited:

Cvetan

Member
Joined
Aug 27, 2014
Messages
326
Reaction score
6
Zar wordpress(kao i gotovo svi CMS) nema WYSIWYG editor koji rešava takve probleme?

Jel to neki ograničen broj postova koje treba promeniti? Da ne zvučim grubo, ali prilično suludo mi deluje zamisao po tvojoj priči i ovako kako te ja razumem. 🙂

U svakom slučaju mislim da treba da promeniš kod samog templejta i ja bih to radio. 🙂

Pa zamisli da to isto primeniš 100 puta. A kasnije to isto recimo želiš da menjaš. Zar nije jednostavnije kasnije zameniti jednu liniju, nego na 100 mesta ispravljati. A i svakom svoj posao, html, css, js, server side.

Pogotovo ako prijatelj nije iz tehnološkog sveta čim mu ti menjaš. Jel možeš da zamisliš kasnije da on kuca html tagove kasnije na onome što želi da menja?
 
Last edited:

Masquetina

Member
Joined
Apr 15, 2012
Messages
119
Reaction score
0
alt
Cvetan:
Jel to neki ograničen broj postova koje treba promeniti? Da ne zvučim grubo, ali prilično suludo mi deluje zamisao po tvojoj priči i ovako kako te ja razumem.

U svakom slučaju mislim da treba da promeniš kod samog templejta.

Pa zamisli da to isto primeniš 100 puta. A kasnije to isto recimo želiš da menjaš. Zar nije jednostavnije kasnije zameniti jednu liniju, nego na 100 mesta ispravljati. A i svakom svoj posao, html, css, js, server side.

Pogotovo ako prijatelj nije iz tehnološkog sveta čim mu ti menjaš. Jel možeš da zamisliš kasnije da on kuca html tagove kasnije na onome što želi da menja?
Potpuno se slažem. Ti samo treba da daš nove stilove html tagovima koji se odnose na tekst u postovima (h2, h3, h4, h5, h6, p …), i to u nekom .css dokmentu. I to je sve. To jedino ima smisla, i to je jedno moguće uopšte izvesti. Sve ostalo se kosi sa principima web dizajna u estetskom smislu, a takođe i sa logikom CMS-a uopšteno govoreći.
 
Last edited:

Lazar-I

New member
Joined
Mar 3, 2013
Messages
15
Reaction score
0
Направио сам једноставну видео игру - верзија Сокобана. Користи се HTML, CSS и JavaScript. Циљ ми је да заинтересујем почетнике за веб програмирање. Уколико нађем заинтересоване планирао сам да напишем још неколико чланака у којима бих објаснио корак по корак постојећи код. Затим бих надоградио видео игру тако да памти резултате корисника и у те сврхе бих користио PHP и SQL. Након тога, надам се да ће се наћи група људи са којима бих урадио неки озбиљнији пројекат.

За почетак ово је видео игра: http://bpp.rs/video-igra-uvod-u-javaskript

Код видео игре је наравно опен соурс 🙂
 
Last edited:

Dragan

Well-known member
Staff member
Joined
Jan 13, 2012
Messages
6,371
Reaction score
65
Inicijativa za svaku pohvalu… 🙂
 
Last edited:

Commander

Well-known member
Staff member
Joined
Jan 13, 2012
Messages
9,235
Reaction score
530
alt
Lazar-I:
Направио сам једноставну видео игру - верзија Сокобана. Користи се HTML, CSS и JavaScript. Циљ ми је да заинтересујем почетнике за веб програмирање. Уколико нађем заинтересоване планирао сам да напишем још неколико чланака у којима бих објаснио корак по корак постојећи код. Затим бих надоградио видео игру тако да памти резултате корисника и у те сврхе бих користио PHP и SQL. Након тога, надам се да ће се наћи група људи са којима бих урадио неки озбиљнији пројекат.

За почетак ово је видео игра: http://bpp.rs/video-igra-uvod-u-javaskript

Код видео игре је наравно опен соурс 🙂
Svaka čast na trudu i želji da preneseš svoje znanje drugima!
 
Last edited:

Tanja

Member
Joined
Mar 19, 2013
Messages
596
Reaction score
0
alt
ubuntuser:
Da li neko može da mi kaže da li je moguće i kako to mogu da izvedem… Problem je sledeći… Da kada kucam WP post, da u postu otkucam html kod, i da taj html kod povežem sa mojim .css fajlom koji bih uploadovao na server… Pitanja su gde da uploadujem taj svoj .css fajl i šta dodajem u link tag da bi se taj fajl povezao sa tim html kodom u postu…?
Je li ovo još aktuelno?

Jeste da kasnim, ali možda zatreba opet 😃
Možeš da izvedeš te varijacije u pojedinačnom tekstu na više načina. Da se ne bih sad zamlaćivala preterano sa objašnjenjima, ja ću ti prikačiti dva snimka. Prvi ti prikazuje kako to izgleda dok se kuca post, a drugi kako to izgleda na sajtu. Samo da se snađem oko opcija za prikačivanje slika 😃

U svakom slučaju, onaj ko postavlja tekstove mora malo da bude upoznat sa tim šta čime postiže ili da mu ti to radiš svaki put kada mu zatreba neki drugačiji izgled.
 
Last edited:

Tanja

Member
Joined
Mar 19, 2013
Messages
596
Reaction score
0
@ubuntuser

Čitam ponovo ovo oko wordpress-a, pa razmišljam da li sam ja dobro razumela pitanje…
Ja sam dala samo neke primere kako je moguće deonice teksta modifikovati. Sad, možda si ti mislio da izmeniš kompletan izgled sadržaja posta (dakle, ne heder i futer pošto si rekao da ti to odgovara). To se radi preko oblikovanja klase u glavnom css-fajlu. Ne možeš da stavljaš neki dodatan css ako ga nisi registrovao u function.php (ili nekom već funkcijskom fajlu), tj. možeš ali on nema efekta.
Možda je najbolje da sačekam da mi javiš šta tačno hoćeš da izmeniš i kako… zapravo dli ti uopšte i treba više ova informacija, pa da vidimo kako da ti se pomogne…
 
Last edited:

ubuntuser

Member
Joined
Apr 7, 2014
Messages
877
Reaction score
0
@Tanja Upravo sam uradio kao ti na ovim slikama, tj. neke tagove sam kucao u postu sa svim style podešavanjima, a neke tagove koji su već bili definisani u .css sam iskoristio. Neke sam takođe devinisao u style .css ali sam im dodao klasu “upostu” tako da se ne primene na ostalim delovima (header, footer)… HTML i CSS poznajem, samo mi nije bilo jasno da li je ok da koristim HTML i CSS da oblikujem izgled posta, mada vidim sada da može…🙂

E nisam znao da treba neki drugi .css fajl, koji se doda u temu, da se linkuje u functions.php fajlu, hvala za tu informaciju.🙂
 
Last edited:

Tanja

Member
Joined
Mar 19, 2013
Messages
596
Reaction score
0
Dakle, problem je rešen?

Inače, sam post ti nije ništa drugo nego HTML tako da na njega možeš da primenjuješ sva “pravila” koja za to važe.
Dodatni css fajl registruješ sa wp_enqueue_style(…) u funkciji function theme-name_scripts()… pronađi to gde ti se nalazi pa mogu da ti pomognem da to formiraš ispravno. Mada, za par klasa ili tagova je bespotrebno dodavati novi css, sve to može u style.css fajlu i biće ok.
Ako izmene želiš na celom tekstu nekog posta, obično to možeš kroz oblikovanje entry-content (to je najčešća klasa koja se primenjuje kod wordpress tema) ili pak vidi kako je definisano u toj konkretnoj temi koju koristiš.
Osnovno pravilo je: php govori šta, a css kako se nešto prikazuje… samo ih paralelno posmatraš i tako najbolje možeš da uređuješ izgled svakog dela sajta.
Pravljenje teme from scratch jeste zametan posao, ali ako planiraš mnogo izmena u već postojećoj jednako će ti biti zamorno :D.
 
Last edited:
Top