WebMajstorov blog

Danas skoro svaki webmajstor i oni koji misle da su web majstori žele napraviti popularan sajt sa velikom online zajednicom. Neki kao CroPortal i WebMajstori.net dok su neki napravili totalan promašaj kao što je Forum.com.hr. Isto tako ovo su sve male ribice na hrvatskom internet prostoru kada ih uspoređujemo sa najvećom ribom, a to je Forum.hr.

U ovom postu ću iznijeti neke dobre i loše strane foruma kao i recenziju na sveukupnu izvedbu foruma od strane administratora i moderatora.

Dobre i loše strane foruma

Možemo svedočiti kako svakodnevno tisuće ljudi iznese svoje probleme na forumu te traže pomoć od drugih korisnika foruma. Svakako među odgovorima na pitanje nađe se dosta korisnih odgovora tj. odgovora koji će vam stvarno pomoći u riješavanju problema ali se i nađe pokoji spam post koji vam jedino može pomoći da izbrišete podatke na cijelom računalu (na primjer sam naišao na jednom forumu gdje je korisnik rekao imam windows i želim hakati i nakon toga mu je drugi spam korisnik dao upute kako da izbriše sve fajlove sa svog računala bez da za to znaI). Na sreću nas “normalnih” korisnika administratori i moderatori foruma brzo uklone spam poruke ali nekada ne dovoljno brzo jer se nađe netko tko testira stvar koja je napisana prije nego što moderator prođe.
Isto tako pri svom moderiranju, moderatori zbog neupućenosti u neki sadržaj propuštaju dosta postova koji mogu biti štetni za korisnika koji to pokušava napraviti. Evo naišao sam na jedan takav post o tome kako napraviti root korisnika tj. korisnika sam maksimalnim ovlastima na Thomson SpeedTouch routeru na ovom linku. Svaki put kada je router restartiran on kontaktira sa providerom koji mu je određen u konfiguraciji, preuzima njegove postavke (tvorničke postavke) ali ako ne naiđe na kvar na DSL liniji tj. ako ste odspojili DSL kabel on će svejedno kontaktirati providera kada se spoji te će provider znati da je DSL kabel bio u “kvaru” (točni podaci iz jednog od vodećih internet service providera u Hrvatskoj). Ovime možete dovesti system administratore ISP-a do toga da vam pregledaju konfiguracijski fajl i vide da ste dodali root korisnika. Na sreću korisnik Marinko32 odmah ispod tog posta je naveo da je Iskon uveo zaštitu za ovaj propust što je djelomično točno. Sada sam se previše bazirao na ovaj primjer jer nemogu nać druge sada jer sam pomalo zaposlen al na forumima se može pronaći dosta kako dobrih tako i loših postova koje modratori ne ostavi. Dosta iskusnih korisnika puste da netko prije njih iskuša neku “novu stvar il novi hack” tako da većinom na*ebu n00b korisnici il početnici na računalu.

Moj savjet forumima bi bio da nađu moderatore koji znaju dosta o temi koju moderiarju il da znaju koristit Google za stvari koje neznaju. Isto tako korisnicima bi preporučiju da ne žure ka muhe bez glave jer im se nekada to može obit od tu glavu koja je žurila .

Forum.hr - tehnička izvedba

Vjerovali il ne ovaj dio posta sam čekao jer imam dosta toga za napisati o tehničkoj izvedbi najpopularnijeg hrvatskog foruma. Forum.hr je napravljen od strane Monitor.hr tima. Sve što je taj tim napravio jest da su instalirali vBulletin forum, proveli neku manju marketing kampanju i napravili najveći forum u hrvatskoj. Sada bi neki od vas rekli “Pa šta onda. Važno je da radi dobro” ali ja ću vas i tu prekinuti jer je zapravo stanje foruma veoma loše. Forum se veoma sporo učitava, često ima problema sa serverom zbog pretrpanosti jednog servera na kojem se nalazi. Kada bi uzeli u obzir (nije provjerena informacija) da Forum.hr i Monitor.hr zarađuju dovoljno da plaćaju puno više od jednog servera to da u Forum ulažu veoma malo (što se vidi po brzini servera) vidimo zapravo da je Forum.hr živ dok jednog dana jednostavno ne padne MySQL baza. Da se mene pita Forum.hr bi trebao imati 2 servera tj. jedan web server i jedan MySQL server te da se između njih postavi udaljena veza.

Eto moja recenzija Forum.hr foruma je završena Pozdrav svima

Prije 6-7 mjeseci najavljivao se novi SnaXors.com portal. Prema planu to je trebao biti online community za američko tržešte gdje bi netko mogao najaviti neki party, koncert ili neku takvu šemu . Nažalost zbog moje i Tonijeve lijenosti ta ideja nije ostvarena ali smo napravili nešto drugo. SnaXors.com je skripta koja prikazuje zadnje postove sa svih blogova koji se nalaze na SnaXors.com domeni. Za sada to su samo Tonijev i moj blog ali tražimo kvalitetne blogere koji bi željeli pisati na SnaXors domeni. Sve što trebate imati jest Kvaliteta i kvaltiteta.

Što se tiče dizajna ovako je ružan zato što ga je Toni radio — just kidding. Dizajn je mali, jednostavan i nekako cute

Pišeš kvalitetno? Pišeš često? Želiš blog hostan na sigurnom i brzom serveru uz sve mogućnosti koje pruža Wordpress? Ti si pravi kandidat za blog na snaxors.com-u!

Mi hostamo kvalitetne Wordpress blogove i to činimo besplatno. Ne samo da nećemo stavljati reklame na vaš blog već vam je dopušteno stavljati vaše vlastite. Možete izabrati bilo koji od besplatnih wordpress template od njih tisuće koji su vam na raspolaganju diljem interneta.

Naslovnica snaxors.com-a vašem će blogu donijeti još posjeta i popularnosti. Sve što trebate učiniti kako bi dobili vaš blog na snaxors.com-u je kontaktirati nas. Najbrži način da to učinite je da ostavite komentar na nekom od naših blogova i iskažete svoju zainteresiranost. Ubrzo nakon toga biti ćete kontaktirani na e-mail od strane nekog od naših administratora.

2006. godine na Hrvatskoj internet sceni pojavio se novi IT news portal tj. CroPC.net. Kada sam prvi put otvorio portal dobio sam veoma loš dojam. Prvo što me je “ugrizlo” za oči jest Joomla CMS u kojem je sajt napravljen. Sama tehnička izvedba sajta je veoma loša. Običan Joomla CMS bez optimizacije na tražilice, bez jednostavnih linkova (koji se u Joomla CMS-u mogu veoma lako i brzo izraditi), RocketTheme template (vjerovatno ukraden ali neću u to ulaziti). Nadao sam se ako je barem predložak komercijalan da je stranica XHTML validna ali nije. Pogledajte rezultate validacije na ovom linku.

Izrada samog izbornika je veoma loša. Ovaj jednostavni list menu treba zamjeniti sa bolji css menijem koji će imati bare neki efekt jer ovako stranica izgleda dosta nepopunjeno na dijelu gdje se nalazi lijevi izbornik. Logo stranice izgleda kao logo New York Timesa samo sa dodanim efektima.

Sadržaj koji se nalazi na portalu je veoma kvalitetan ali postoji nešto drugo. Poredavanje sadržaja na naslovnici je veoma loše. Veoma loše slike, loše poredavanje slika, naslovi vijesti preveliki. Po mom mišljenju poredavanje vijesti bi trebalo biti malo više zanimljivo (kao što je prije bio Index.hr) ili da se 2 vijesti stave u jedan red i tako da se stavi nekoliko redova.

Jedna stvar koja mi se svakako nesviđa jest prenatrpanost sajta reklamama. Reklama ispod top menia je Ok ali lijeva i desna strana su natrpane veoma loše uređenim reklamama tako da to stvara loš ugođaj na stranici.

Zadnja stvar koja mi je preostala za komentiranje jest posjećenost stranice. CroPC stranice nije u top 100 000 stranica prema Alexa rankingu, Google Page Rank je 3 što je veoma loše ali ima jedna stvar koja je dobra, a to je oglašavanje stranice. WebMajstor nije prepustio stranicu da se sama oglašava već se je počeo oglašavati u ETarget.hr mreži što će mu povećati broj posjeta.

Sve u svemu moja ocjena stranice je veoma loša tako da je neću ni napisati. CroPC.net

Tjedan dana prije izlaska nove inačice WordPress bloging sustava izašla je njegava 3. beta verzija. Update sa WordPress 2.5.1 verzije na 2.6 je zaista jednostavno. Sve što trebate napraviti jest: pohraniti WordPress 2.6 Beta 3 verziju ovdje, UnZipati sadržaj arhive i objaviti u vaš folder bloga. Napomena da je ovo tek beta verzija te da puna izlazi sljedeći tjedan.

Ako se pitate što je novo kod WordPress 2.6 onda možete pogledati listu ispod:

• Više informacija u administracijskom sučelju (broj postova, odobrenih komentara, komentara, broj spama…)
• Poboljšan WYSIWYG editor. Nove opcije kao što je wp caption opcija za sliku. Uploadate sliku i odredite na koju veličinu će je WordPress smanjiti ili povećati (u postocima).
• Popravljeno poredavanje galerija
• Popravljeno gledanje tema
• Turbo mode. Možete instalirati Google Gears FireFox plugin i omogućiti turbo mode u WordPress administraciji i brzina učitavanja administracije će vam se 100% ubrzati

Ima još mnogo promjena ali ovo su samo najvažnije od njih. Listu svih promjena u novoj inačici WordPress-a možete pregledati ovdje.

WordPress 2.6 Beta 3 Download

Besplatan upload slika u zadnje vrijeme je postao sve traženiji na internetu. Sa sve većom potražnjom pojavljuje se sve više kvalitetnih i nekvalitetnih image hosting providera. Svakako na Hrvatskoj sceni ima preko desetak image hosting providera ali svi imaju neku manu tj. usporeni serveri (locirani u jeftinim data centrima u USA-u), premala dozvoljena veličina uploadane slike, nemogućnost uploada više slika odjednom, nemogućnost resizanja,…

Nedavno se na Hrvatskom tržištu pojavio najbolji besplatni image hosting provider. Njegovo ime je Slike.hr te ima pregršt korisnih stvari kao što su: resize slike (možete staviti  i vlastite dimenzije), 5 megabajta limi slike što je sasvim dovoljno i za kvalitetne screen shotove, mogućnost uploadanja više slika odjednom.

Isto tako Slike.hr je vaše slike oslobodio vaše slike od reklama. Za svaku sliku dobijete link i možete taj link objaviti gdje god hoćete. Kada netko klikne na taj link otvoriti će mu se samo slika tj. bez dosadnih Google reklama i bannera. Isto tako kada uploadate sliku dobijete automatski generiran HTML kod, kod za postavljanje slike na forume te malu link na malu verziju slike.

Slike.hr se može pohvalititi kvalitetnim, jednostavnim i sasvim preglednim Web 2.0 dizajnom koji je sasvim primjeren za image hosting servis.

Ako trebate brz i jednostavan upload slika sa mnoštvom mogućnosti posjetite Slike.hr

Kupili ste domenu, web hosting te ste napravili stranicu ali nigdje posjeta . Mislili ste da će se posjetitelji sami doći i dovesti svoje prijatelje ali to nije tako i sada neznate što napraviti. U ovom postu ću vam pokušat objasniti kako “dovući” posjetitelje na svoju web stranicu.

Prvo i osnovno što trebate napraviti jest da redovito dodajete sadržaj na vašu web stranicu. Pri redovitom dodavanju sadržaja nemojte zaboraviti na kvalitetu sadržaja koja je veoma bitna. Sada će većina vas koja radi news portale reći “pa ja ću uzest sadržaj sa drugog portala i napisat odake je. Posjetitelj će doć na moj sajt tako da netreba tražit okolo po portalima” ali to nije točno. Na takav način nikada nećete dobiti posjete. Da bi napravili veliki news portal prvo što trebate imati jest novac, i to puno njega jer morate platiti ljude koji će vam tražiti vijesti, slikavati okolo te reklamirati portal. Ako ćete prihvatit moj savjet onda se posvetite samo jednom tipu vijesti kao što je tehnologija. Isto tako možete se bazirati na određeni grad i pisati o izlascima u tom gradu. Stvoriti internet zajednicu grada u kojem vi živite. Primjer ovakvog portala je Spalionica.com koji je lociran za područija grada Osjeka te im stvarno ide (što možete vidjeti po statistikama foruma: Ukupno Tema: 3634, Ukupno Postova: 348441, Ukupno Članova: 3293 što je pohvalno za community portal za jedan grad).

Ne čekajte da se stranice same od sebe ispromoviraju.

Većina stranica su najobičniji trošak iz razloga što se stranice same od sebe neće ispromovirati. Promocija web stranica je investicija, a ne trošak, stoga investirajte u svoje stranice i svoj posao. - by Bruno Šarić

Reklamiranje stranica nikada nemože biti pogreška jer će vam se svaki posjet isplatiti. Bitno je pronaći stalne posjetitelje. Jednom kada dobijete dosta stalnih posjetitelja možete prekinuti masovno oglašavanje u mrežama te preći na oglašavanje u manjim mrežama kao što su XClaim.hr. Kada ste radili dizajn za stranicu trebali ste ostaviti prostor za reklame. Ako nemate nikoga tko će vam se tu oglašavati oglašavajte sami svoje servise (tehnoklik, free mail i takve šeme) baš kao što Net.hr radi. Stavljanje Google oglasa na to mjesto vam neće puno koristiti zbog toga što će malo korisnika tu kliknuti, a i možete izgubiti na reputaciji od strane korisnika.

SEO - Search Engine Optimisation je optimizacija stranice na tražilice. Radi se zbog bolje pozicioniranosti na popularnim tražilicama (Google, Yahoo,…) čime dobivate više posjeta od strane samih tražilica.

Ako želite imati popularan web portal morate napraviti kompletnu optimizaciju na tražilice. Za to trebate imati nekog SEO stručnjaka koji će to obaviti za vas. Bez kvalitetne optimizacije na tražilice nikada nećete imati dobru poziciju na tražilicama. Isto tako nabavite dosta backlinkova da bi povećali svoj Google Page Rank. Što vam je veći PR imati ćete bolju poziciju na tražilicama. Više o optimizaciji na tražilice pročitajte u mojoj SEO kategoriji.

Mislim da ste svi čuli za dvije stvari, a to su Web 2.0 i da se tablice polako izbacuju iz dizajnova. Ako netko od vas nezna definicija Web 2.0 je:

„Filozofija uzajamnog povečanja kolektivne inteligencije i dodane vrijednosti za svakog sudionika dinamičkim stvaranjem i djeljenjem informacija.“

Web 2.0 lekcija: „Posložiti stvari tako da samousluga kupca i algoritamsko upravljanje podacima dosegnu cijeli web, sve do rubova, a ne samo do centra, do dugačkog repa, a ne samo do glave.“

Sam pojam postaje značajan nakon prve Web 2.0 Konferencije O’Reilly Media 2004. godine. Dopredsjednik tvrtke Tim O’Reilly termin definira kao: „Web 2.0 je poslovna revolucija u kompjutorskoj industriji uzrokovana tretiranjem mreže kao platforme i nastojanje da se shvate pravila uspjeha na toj novoj platformi.“

Isto tako tablični dizajnovi se ne smatraju kao Web 2.0 te se je njih počelo izbjegavat zbog toga te zato što se ne prikazuju dobro u svim web browserima.

Sada kada sam vam objasnio što je Web 2.0 i zašto se izbjegavaju tablični dizajnovi bilo bi vrijeme da prijeđem na samu temu, a to je Kako napraviti CSS dizajn?

Prvo ćemo napraviti dvije datoteke, a to su index.html i still.css u koje ćemo pisati HTML i CSS kod.

Otvorite index.html u Notepad-u ili u nekom editoru za tekst koji vi koristite. Prvo ćemo dodati doctype i cijeli header. Ovaj dio nemam ništa posebno objašnjavati tako da ću samo napisati što treba staviti u header.

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<link rel=”stylesheet” type=”text/css” href=”stil.css”  />
<title>CSS Dizajn</title>
</head>

Jedino što možda iz ovog ovdje dijela neznate je učitavanje css datoteke stil.css u html dokument. To radimo ovim: <link rel=”stylesheet” type=”text/css” href=”stil.css“  /> . Podebljanim slovima je napisano ime datoteke koju moramo učitati.

Sada moram napraviti osnovnu CSS strukturu tog dizajna. Otvorite vaš stil.css fajl u notepad-u i upišite ovo. Ispod koda ću objasniti što svaki tag znači.

body {
background-color:#FFFFFF;
}
a:link {
color: #0066FF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #0066FF;
}
a:hover {
text-decoration: none;
color: #FF0000;
}
a:active {
text-decoration: none;
color: #0066FF;
}

Body tag je tag koji vrijedi za cijeli dokument. U njemu možemo odrediti pozadinsku boju (određena je sa tagom background-color), margine, veličinu/boju fonta…

Drugi tag koji sam uvrstio ovdje je “a” tag. To je tag kojim određujemo stil linkova. On može imati više vrijednosti, a neke od njih su: a:link (za linkove koji nisu posjećeni te na kojima se ne nalazi miš), a:visited (za linkove koji su već posjećeni), a:hover (za linkove na kojima se nalazi miš) i a:active (za linkove koji su aktivni tj. kliknulo se na njih i nije se više klikalo po stranici). Ovdje sam odredio da je boja linkova plava osim kada je miš preko linka (hover). Tada je link crvene boje.
Isto tako ako vam se ne sviđa to što vam je link podcrtan onda možete odrediti text-decoration:none; te vam tada link neće biti podcrtan (što je napravljeno u ovom dokumentu).

Sada kada sam prijašnji dio koda objasni bilo bi vrijeme da odredimo stil H1 tagova tj. naslova. U ovom tutorijalu ću odrediti samo H1 i H2 tag (koliko ja znam ima ih 6).

h1 {
font-size: 20px;
color: #0099FF;
margin:4px;
}
h2 {
font-size: 16px;
color: #0066FF;
margin:4px;
}

Mislim da ovdje nema puno filozofije. Jedina stvar koju vam možda nebude jasno zašto sam stavio je margina od 4pixela. To sam stavio zbog toga što je H tag bez te margine previše udaljen od rubova stranice tako da to izgleda veoma ružno.

#omot {
width:800px;
height:auto;
margin-left:auto;
margin-right:auto;
}
#header {
width:800px;
height:120px;
float:left;
border-bottom:1px solid #000000;
background-color:#999999;
}
#lijevastrana {
clear:left;
width:170px;
height:100%;
float:left;
background-color:#CCCCCC;
}
#sadrzaj {
width:629px;
height:auto;
float:right;
background-color:#FFFFFF;
}
#footer {
width:800px;
height:20;
clear:both;
background-color:#FFFFFF;
}

Ovdje sam odredio cijeli layout tj. pozicije “modula” na stranici. Sada ću vam objasniti korak po korak što koji modul znači.

Odredili smo div omot. U njemu smo stavili da je maksimalna veličina stranice 800pixela i da je visina stranice automatska tj. povećava se. Ako se pitate što mi ovo margin-left:auto; i margin-right:auto; znače onda ću vam odgovoriti da ću tako stranicu pozicionirati u sredinu tj. stranica će stajati na sredini ekrana.

Header je veoma jednostavno odrediti. Obično je on širine kao i omot te neke manje visine recimo 100-150 (veće izgleda ružnije). Isto tako headeru sam dodao float i odredio mu vrijednost left tj. header je pozicioniran na lijevoj strani.

Isto tako sam napravio za lijevistupac samo sam na početak dodao clear:left;. Ovom naredbom ćemo “očistiti” lijevu stranu tj. lijevi stupac će biti ispod headera dok bi bez ove naredbe bio uz njega.

Na ovom principu sam napravio sve ostale divisione tj. odredio im poziciju sa float naredbom i za drugi division ispod toga sam očistio tu poziciju. Ukoliko želite očistiti lijevu i desnu stranu koristite: clear:both;.

Evo sada samo ispod onog HTML koda dodajte ovaj u kojemu ćemo odrediti div-ove.

<body>
<div id=”omot”>

<div id=”header”>
<h1>CSS Dizajn        </h1>
<p>Može li biti jednostavnije?</p>
</div>

<div id=”lijevastrana”>
Izbornik ili nešta tako
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>

<div id=”sadrzaj”>
<h1>Naslov stranice</h1>
<div id=”lipsum”>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse  consequat metus nec orci. Quisque at odio. Suspendisse risus diam,  molestie eu, suscipit vitae, molestie ac, ligula. Donec elit metus,  porttitor a, aliquet nec, consectetuer id, orci. Morbi at eros vitae  sem pellentesque fermentum. Pellentesque habitant morbi tristique  senectus et netus et malesuada fames ac turpis egestas. Pellentesque  habitant morbi tristique senectus et netus et malesuada fames ac turpis  egestas. Sed luctus blandit massa. Sed egestas. Curabitur a pede. Etiam  turpis quam, molestie in, egestas et, condimentum sed, ante. Morbi  lacinia ultrices urna. </p>
<p>Duis odio. Mauris ultricies. Donec enim urna, volutpat id, pulvinar  ac, pellentesque consectetuer, dui. Integer vulputate. Sed magna ante,  volutpat nec, aliquet non, facilisis quis, nisl. Nulla mattis nulla sit  amet urna lacinia laoreet. Nunc metus nunc, vehicula non, euismod  tincidunt, tincidunt a, tortor. Proin eu enim. Phasellus sodales enim  tempor libero. Sed felis magna, facilisis lacinia, facilisis non,  fringilla porta, augue. Aliquam consequat, dui at vulputate consequat,  orci nunc tincidunt est, vitae rhoncus neque dui sed sem. Ut lacinia  elementum odio. Aenean nibh quam, fermentum non, commodo a, placerat  quis, lorem. In sit amet urna et elit ornare malesuada. In sit amet  orci non est convallis ullamcorper. </p>
</div>
<p> </p>
</div>

<div id=”footer”>
Ovo je neki footer
</div>

</div>
</body>
</html>

Evo kako dizajn izgleda u akciji

Isto tako kada radite neku web stranicu pripazite na par stvari. Neke od njih su:

• Web standardi (neka vam je kod XHTML i CSS validan prema W3C Validatoru)
• Užitak korištenja
• Jednostavnost korištenja
• Brzina učitavanja
• Omjer teksta i slika
• Dizajn

Eto nadam se da će ovaj post pomoći nekima od vas da naprave dobru web stranicu i dobar dizajn.

Pozdrav!