numbers&shapes blog

PHP i MySQL povezivanje

2008-03-11T10:18:00.004+01:00

Do sada smo obradili neke elementarne funkcije PHP-a. Sada je vreme da u naš rad uključimo i bazu i vidimo prave mogućnosti PHP-a. Nadam se da ste do sada savladali MySQL. Ako niste predlažem da posetite www.mysql.com dok neke od boljih tutorijala za MySQL možete pronaći ovde:
www.php-mysql-tutorial.com ili www.tizag.com

Ako ste pratili moja uputstva za rad sa PHP-om, onda sigurno već imate instaliran WAMP(Windows Apache MySQL PHP). To znaci da je apache na vašem browseru na adresi localhost. Ako predpostavimo da ste napravili tabelu "test" u MySQL-u, onda se povezivanje izmedju PHP-a i MySQL-a(odnosno tabele "test") vrši na sledeći način.

<?php
// za root user-a na localhost-u ne treba password. Ako ste napravili user-a u MySQL-u onda ovde podešavate vrednosti username i password za odgovarajućeg user-a

$dbHost = 'localhost';
$dbUser = 'root';
$dbPass = '';
$dbName = 'test';

// otvaranje baze

$conn = mysql_connect($dbHost, $dbUser, $dbPass) or die ('Error connecting to mysql');
mysql_select_db($dbName);
?>

Od ovog trenutka vaša PHP skripta je povezana sa odgovarajućom bazom("test"). Kada završite rad sa bazom bazu zatvarate na sledeći način:

<?php
// zatvaranje baze podataka
mysql_close($conn);
?>

Toliko za sada, u sledećem postu videćemo čitanje i pisanje podatak u bazu.

Pomoć pri izboru boja za web dizajn

2008-03-10T11:21:00.007+01:00

Potrebno je da izaberete boje za vaš dizajn. Sve jedno da li je reč o jednostavnom ili složenom dizajnu, da li dozajnirate meni, dugme ili ceo sajt, morate voditi računa prilikom izbora boja koje ćete u tu svrhu koristiti.

Evo nekih sajtova koji vam mogu pomoći prilikom izbora boja sve jedno da li ste početnik ili iskusan dizajner:

Učite PHP a ne znate Engleski?

2008-03-07T11:35:00.004+01:00

Evo jos PHP skripti, ovoga puta na srpskohrvatskom (tako sam naučio u školi da se zove moj jezik). Iako ne preporučujem da se uopšte bavite bilo čime što ima veze sa kompjuterom ako ne znate Engleski, nekima je ipak lakše da čitaju i uče na maternjem jeziku. Pozdravljam. Pogledajte kako to rade naše komšije. php.com.hr/skripte Nadam se da ćemo i mi u Srbiji imati uskoro neki sličan sajt posvećen PHP-u. Evo od 10 marta počinje sa upotrebom domen .rs.
Trka počinje!

PHP powerpoint prezetacije

2008-03-05T10:39:00.004+01:00

Učite PHP ali osim suvoparnih knjiga potrebno vam je nešto malo zanimljivije ili ste jednostavno navikli da učite iz skripti. Evo rešenja za vas. Na adresi talks.php.net se nalaze powerpoint prezentacije PHP-a.

Lepo upakovano upečatljivo, vodiči i uputstva za najčešce PHP probleme sa kojima se susreću početnici, ali i oni iskusniji PHP programeri. Pogledajte !

Nastavljamo gde smo stali

2008-03-04T17:20:00.004+01:00

I taman kada ste pomislili da nema vise postova na blogu numbers&shapes desilo se cudo :) Od danas nastavljamo gde smo stali. Posle pauze od nekoliko meseci vracamo se postovima o web developmentu. CSS, Javascript, Actionscript, Webdesign, PHP, MySQL, Graficki dizajn i druge razne zanimljivosti iza sveta Web dizajna.

Do sutra ....

Jing - snimanje ekrana na bolji način

2007-10-11T08:53:00.000+02:00

Grafički i web dizajneri gotovo svakodnevno imaju potrebu da naprave brz "screenshot" stranice koju su otvorili u svom omiljenom browseru ( Firefox naravno :), a ponekad im se recimo ukaže potreba da naprave kratak video klip onogo što rade na kompjuteru. Ovakvu sliku ili video žele da pošalju kolegi ili klijentu kako bi im olakšali ili prikazali pojedine detalje vezano za projekat na kome rade...
Naravno, najlakši način za snimanje "screenshota" u vidu slike je da pritisnete PrintScreen dugme na vašoj tastature, ali je daleko od najboljeg.
Firma Techsmith, tvorac dve najpoznatije aplikacije za snimanje sadržaja ekrana, SnagIt i Camtasia Studio, od skora je javnosti predstavila svoj najnoviji projekat pod nazivom Jing.
Jing je u suštini veoma pojednostavljena verzija njihova dva osnovna programa. Prednost je što je veoma jednostavan za upotrebu i ima gotovo sve funkcije koje vam pri snimanju ekrana mogu zatrebati. Uz to, primetićete da je Jing ima veoma simpatičan interfejs koji će sigurno zaokupirati vašu pažnju.
Sliku ili video (video je u flash formatu) koje ste napravili možete po želji direktno poslati prijatelju ili ga besplatno (potrebna je samo registracija) postaviti na Screencast.com websajt za upload sadržaja, gde dobijate link za download vašeg fajla koji možete poslati kome želite. Takođe, pre uploada možete izvršiti osnovno editovanje vašeg fajla u samom Jingu, tako što ćete mu dodati potreban tekst, strelice kojima ukazujete na detalje, možete markirati ili uokviriti određeni deo slike itd.
Sve ovo veoma je dobro opisano u kratkom video predstavljanju koje možete pogledati ovde, a adresa sa koje možete preuzeti aplikaciju je www.jingproject.com .

Iconlet - Pretraživač Ikonica

2007-09-05T14:17:00.000+02:00

Web i grafički dizajneri u večitoj su potrazi za ikonicama raznog tipa. Bilo je krajnje vreme da nam svetska mreža podari i jedan web sajt koji će vam u tome pomoći. Iconlet pretražuje ikonice. Za svaku ikonicu dobijate informacije o autoru, dimenzijama ikonice, njenoj veličini, formatu izabrane ikonice i licenci. Takođe, tu je i naprednija pretraga koja će vam omogućiti da pretražujete po određenom formatu i veličini. Preporučujemo da posetite sajt.

PHP - snimanje podataka

2007-08-09T09:38:00.000+02:00

Do sada smo videli kako se podaci ponašaju u HTML kodu. Sada ćemo videti kako da zapamtimo te podatke, zarad kasnije upotrebe.

Snimanje podataka
Podatke možete skladištiti na 2 načina: u običnu datoteku(fajl) ili bazu podataka(database). Obična datoteka može imati brojne oblike ali se pod tim izrazom najčešće podrazumeva tekstualna datoteka(.txt file). Napravićemo formu koja skuplja imena i prezimena i upisuje ih u tekstualni fajl.

listing forma.html

<!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" />
<title>Untitled Document</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="engine.php">
<label for="

ime

">Ime</label>
<input type="text"

name="ime" id="ime

" />

 
<label for="prezime

">prezime</label>
<input type="text"

name="prezime" id="prezime

" />

<input type="submit" value="potvrdi" />

 </form>
</body>
</html>

Polje u kome se upisuje ime zove se "ime" a polje u kome se unosi prezime "prezime" posto se u formi koristi metoda "post" ovim promenljivama moze pristupiti u fajlu engine.php pomocu varijabli $_POST['ime'] ili $_REQUEST['ime'] i $_POST['prezime'] ili $_REQUEST['prezime'].

Prvo što treba da uradimo u fajlu engine.php je da preuzmemo te promenljive. To radimo pomoću

$ime=$_POST['ime'];
$prezime=$_POST['prezime'];

Zatim otvaramo datoteku za upisivanje podataka.

$DOCUMENT_ROOT=$_SERVER['DOCUMENT_ROOT'];
$fp = fopen("$DOCUMENT_ROOT/spisak.txt" , 'ab');

Funkcija fopen obicno ocekuje 2 parametra. Prvi je putanja do datoteke. Ovde koristimo promenljivu $_SERVER['DOCUMENT_ROOT']; ova promenljiva predstavlja root servera na kome se nalazimo. Ime fajla u koji upisujemo je spisak.txt. Drugi prarmetar funkcije je režim u kome se datoteka otvara. U ovom slucaju prosledjujemo 'ab' što znači da se datoteka otvara za dodavanje sadržaja na kraj, a ako datoteka ne postoji, sistem će je napraviti. Ako poziv funkcije fopen ne uspe, ona ce vratiti false. PHP-ove poruke o greskama možete isključiti i zameniti svojima na sledeći način:

@$fp = fopen("$DOCUMENT_ROOT/spisak.txt" , 'ab');
if(!$fp) echo('upisivanje nije uspelo!');

Upisivanje u datoteku vršimo funkcijom fwrite(). Funkcija fwrite očekije 2 parametra. Prvi je ime fajla u koji se upisuje, a drugi parametar je sadržaj koji se upisuje.

fwrite($fp, $text);

Gde je $text tekstualna promenljiva koja čuva sadržaj koji se upisuje u tekstualni fajl. U našem slučaju :

$text="Ime: ".$ime." \t Prezime: ".$prezime." \n";

" \t" predstavlja tabulator, dok " \n" predstavlja prelazak u novi red teksta. Nakon upisa zatvaramo datoteku sa funkcijom fclose().

fclose($fp);

listing engine.php

<?php
 $ime=$_POST['ime'];
 $prezime=$_POST['prezime'];
$DOCUMENT_ROOT=$_SERVER['DOCUMENT_ROOT'];
@$fp = fopen("$DOCUMENT_ROOT/spisak.txt" , 'ab');
 if(!$fp) echo('upisivanje nije uspelo!');
$text="Ime: ".$ime." \t Prezime: ".$prezime." \n";
 fwrite($fp, $text);
fclose($fp);
 ?>

U sledećem postu videćemo kako se podaci očitavaju iz tekstualnih datoteka.

CSS Pozicioniranje

2007-08-01T12:47:00.000+02:00

Sada kada smo saznali kako se oblikuje sadržaj pomoću CSS-a, vreme je da naučimo na koje sve načine elemente na stranici možemo pozicionirati. Ovo je veoma važna lekcija i kada ovo savladate napokon ćete moći od svega što ste do sad naučili napraviti celinu i izraditi web sajt onakav kakav želite. Takođe, samo pozicioniranje je ono što većini koji uče CSS obično predstavlja najveći problem da savladaju, samim tim što je obično i veoma loše objašnjeno. Naše objašnjenje će biti kratko, ali precizno.
Postoje više potpuno različitih metoda za pozicioniranje sadržaja na stranici, to su: relativno, apsolutno i fiksno pozicioniranje, kao i pozicioniranje sadržaja float metodom što se smatra za potpuno izdvojenu tehniku u odnosu na tri prvonavedena. Mi ćemo ih objasniti redom...

Position vs Float
Prvo ćemo da biste tehnike pozicioniranja što lakše shvatili , pre nego što svaku detaljno objasnimo ponaosob, utvrditi generalnu razliku između relativnog, apsolutnog i fiksnog pozicioniranja sa jedne strane i pozioniranja float metodom sa druge strane. Dakle, dok prve tri metode (positioning) koriste x i y koordinate za precizno pozicioniranje elemenata na stranici mereno u pikselima, float metod je pozicioniranje gde se određenom sadržaju "naređuje" da se prilepi krajnje levo ili krajnje desno koliko god može do susednog elementa i na ovaj način elementi se "lepe" jedan do drugog i na taj način postavljaju na stranici. Svaka od ovih metoda ima neke svoje prednosti i nemožete se osloniti na korišćenje samo jedne metode, već ćete ih koristiti sve zavisno od slučaja do slučaja.

Relativno pozicioniranje

Kada vam kažem relativno pozicioniranje , obično ćete se odmah upitati "relativno u odnosu na šta?". Odgovor: relativno u odnosu na uobičajeni položaj elementa koji je normalan po defaultu, tj položaj koji element ima pre bilo kakvog nasilnog određivanja novog položaja.
Recimo, svi vi verovatno znate html, i zamislite sad da ste ukucali tri reda teksta u okviru body dela stranice, a nakon toga postavili ispod ta tri reda na stranicu neku sliku. Dakle podrazumevani položaj ove slike je položaj ispod teksta, jel tako? To je položaj koji je određen samim tokom dokumenta i ovaj položaj se smatra se nultom tačkom kada govorimo o relativnom pozicioniranju.
Dakle ukoliko sada ovu sliku želimo da pomerimo dvadeset piksela udesno u odnosu na njenu već postojeću poziciju uslovljnu samim tokom dokumenta, koristićemo sledeći CSS kod:

img
{
position:relative;
left:20px
}

Apsolutno pozicioniranje
Dok se kod relativnog pozicioniranja novi položaj elementa određuje u odnosu na njegov samim tokom u dokumentu određeni položaj, kod apsolutnog pozicioniranja novi položaj elementa određuje se u odnosu na element u kome se nalazi. Dakle, primer od malopre ali ovaj put sa apsolutnim pozicioniranjem

img
{
position:absolute;
left:20px
}

će u ovom slučaju postaviti sliku da ona bude udaljena 20 piksela, ali ne u odnosu na podrazumevani položaj slike kao u prvom primeru, već u odnosu na krajnji levi ugao vašeg browsera zato što se nalazi uokviru body taga.

Kombinovanje relativnog i apsolutnog pozicioniranja
Ukoliko bi se ova slika nalazila u okviru nekog drugog elementa koji nije body onda bi se pozicija merila u odnosu na taj element. Međutim, da bi ovo ispravno funkcionisalo element u kome se slika nalazi mora biti relativno pozicioniran. Ovo je veoma bitno da zapamtite jer ćete to veoma često koristiti.

Fiksno pozicioniranje
Kod ove vrste pozicioniranja elementu zadajete koordinate na stranici gde se položaj elementa neće menjati ni ukoliko npr skrolujete celu stranicu. Ovo je veoma zanimljiva mogućnost jer je možete recimo koristiti kako biste napravili meni za vaš web sajt koji uvek stoji u istoj poziciji (recimo sam vrh ili sam levi ugao) nezavisno od ostatka sajta koji se nezavisno od ovog elementa sasvim normalno skroluje. Takođe ovako možete fiksirati polozaj i bilo kog drugog elementa, racimo slike:

img
{
position:fixed;
left:20px
}

čime ova slika ima vrednost left:20px bez obzira da li će stranica biti skrolovana ili ne.

Pošto se u ovoj i sledećoj lekciji (u kojoj ćemo objasniti Float atribut) bavimo samo osnovama načina pozicioniranja, znajte da ćemo vam u lekciji koja sledi nakon toga objasniti dosta detaljnije kako se ovo sve radi u praksi, tj kada ćete koristiti koji način pozicioniranja, detaljnije ćemo objasniti kako se pozicioniraju ugnježđeni elemenati itd... Za sada je najbitnije da shvatite razlike između ovih načina pozicioniranja, a kako se to koristi u praksi objasnićemo vam veoma brzo kroz par veoma konkretnih primera.

web dizajn - korisnički pristup

2007-07-10T12:19:00.000+02:00

Mislite na korisnika !!! Uobičajen propust Web dizajnera jeste to što lokacije prave više prema svojim potrebama i željama nego prema potrebama korisnika lokacije. Model procesa ne može da garantuje izradu dobre lokacije ukoliko dizajneri ne vode računa o potrebama korisnika. Uvek imajte na umu sledeće pravilo Web dizajna:

VI NISTE KORISNIK.

Kao dizajner, vi detaljno poznajete Web lokaciju. Vi znate gde se informacije nalaze. Vi znate kako se instaliraju programski dodaci. Podrazumeva se da vam je na ekranu optimalna rezolucija, da vam je čitač ispravno podešen itd. Prihvatite činjenicu da mnogi korisnici nemaju toliko znanja o lokaciji koju ste vi tako brižljivo opremili. Oni čak ne moraju deliti ni vaše zanimanje za nju.

Kada već shvatimo da treba da uzmemo u obzir šta korisnike zanima i šta bi želeli, dolazimo na genijalnu pomisao da od korisnika zatražimo da naprave lokaciju kakvu žele. To može izgledati kao dobra ideja, ali samo dok ne razmotrimo sledeće osnovno pravilo Web dizajna:

KORISNICI NISU DIZAJNERI.

Nisu svi ljudi Web dizajneri, a ne bi ni trebalo da budu. Ako nam izgleda smešno da neko, samo zato što se nagledao filmova, ima dovoljno znanja da režira, onda ni od korisnika koji su pretresli na hiljade Web lokacija nećemo samo zbog toga očekivati da ih uspešno prave. Korisnici često ispoljavaju nerealistične zahteve i očekivanja. Oni ne razmatraju detaljno pojedinačne komponente lokacije. Sve u svemu, oni Web lokaciju ne sagledavaju u svoj njenoj složenosti onako kako bi to učinio dizajner.

Nakon svega iznetog, izgleda da ključ za uspešno dizajniranje upotrebljive Web lokacije uvek leži u tome da se ona posmatra sa gledišta korisnika. Dizajniranje sa aspekta korisnika jeste izraz koji se odnosi na proces dizajniranja koji uvek u prvom planu ima korisnika. Ali, šta možemo da kažemo o korisnicima? Postoji li tipičan korisnik? Postoji li zaista neki prosečni korisnik koga treba da imamo u vidu pri oblikovanju lokacija? Verovatno takvog nećemo naći, ali je sigurno da, kada dizajniramo lokaciju, treba da uzmemo u obzir prosečne pokazatelje kao što su vreme reagovanja, pamćenje i druge spoznajne ili fizičke sposobnosti korisnika. Vodite računa, međutim, o tome da su korisnici i pored sličnih osobina koje ih dovode na istu lokaciju, ipak zasebne, različite ličnosti. Ono što je jednome od njih lako, drugome može da bude teško. Lokacije koje su namenjene "običnom" korisniku ne moraju da zadovolje svakog korisnika. Iskusni korisnici će smatrati da ih uputstva na lokaciji nepotrebno "dave", dok će ih oni manje iskusni smatrati nedovoljnim. Korisnici su skup različitih pojedinaca koje povezuju izvesne zajedničke sposobnosti i osobine. Dobra lokacija mora da vodi računa o razlikama između pojedinaca, usredsređujući se pri tome na ono što je među njima zajedničko.

Dizajnirajte za prosečnog korisnika, ali vodite računa o razlikama!

Šta je to web dizajn?

2007-07-06T10:16:00.000+02:00

Rasprave o Web dizajnu često gube smisao zato što ga svako shvata na svoj način. Iako svi imaju izvesnu predstavu o tome šta je Web dizajn, izgleda da niko ne ume da ga jasno definiše. Kad god se govori o Web dizajnu, obavezno se spominju, npr. vizuelni izgled ili programiranje, ali svako ima svoje mišljenje o njihovoj relativnoj važnosti pri izradi ove ili one Web lokacije. Pored izgleda i primenjenih tehnologija, mnogi ističu da je sastavljanje i organizovanje sadržaja Web lokacije najvažniji aspekat Web dizajna, a sa razvojem elektronske trgovine na mreži ni poslovne primene nisu više najmanje važna stavka uspešnog dizajniranja lokacije.

U zavisnosti od konkretnog projekta, u igri mogu da budu sve pomenute discipline, kao i poddiscipline koje predstavljaju dodirna područja glavnih komponenata Web dizajna. Web dizajn, na koji stalno utiču novosti iz domena štamparstva, grafičkog dizajna, programiranja, tehnologije klijent/server, oblikovanja korisničkog okruženja, upotrebljivosti i mnogih drugih oblasti, zaista je postao multidisciplinarno područje rada.

Iako sa Web dizajnom možemo da povežemo bukvalno na desetine različitih disciplina, njegova četiri glavna aspekta su sadržaj, tehnologija, vizuelni elementi i ekonomičnost. Uloga tehnologije na Web lokaciji ogleda se u obezbe?ivanju funkcija lokacije. Vizuelni elementi lokaciji obezbe?uju potrebnu formu. Konačno, za većinu lokacija potrebno je da razmotrimo i ekonomske implikacije pravljenja lokacije. Ukoliko nije sasvim jasno zbog čega treba napraviti lokaciju ili od nje nema neke koristi, ona se obično i ne pravi. Naravno, relativni značaj svakog pojedinačnog aspekta razlikuje se od jedne do druge lokacije. Obično nećete razmatrati ekonomske pokazatelje lične matične strane, ali ćete i te kako obratiti pažnju na taj aspekt lokacije na kojoj se nešto prodaje. Interna mreža proizvodne firme verovatno se neće toliko oslanjati na vizuelne elemente kao Web lokacija koja reklamira akcioni film itd. Neophodan broj različitih disciplina koje je potrebno razmotriti pri izradi lokacije veoma varira, pa je stoga nemoguće da se o Web dizajnu govori na jedinstven način.

Kao Web dizajneri, trudimo se da brižljivo izradimo lokaciju, ali taj zadatak nije lak. "Živi pesak" tehnologije koja se stalno menja samo otežava naš posao; zbog toga je timski rad neophodan, kao i potpuno razumevanje prirode Weba kao medija. Čak i ako smo uistinu eksperti, sposobni da napravimo divnu i funkcionalnu Web lokaciju, možda će naši posetioci biti zbunjeni tom divotom. Dizajneri ili njihovi poslodavci često provode više vremena razmatrajući sopstvene potrebe i želje nego potrebe i želje posetilaca Web lokacija. Građenje funkcionalne, prikladne Web lokacije koja može da izdrži probu vremena u doba Interneta sigurno nije lako.

Izrada Web lokacije može da bude veoma teška. Iako se neke ključne tehnologije kao što je HTML mogu relativno lako savladati, izgleda da oni koji se bave razvojem prave brojne greške. Osnovni razlozi su nedostatak iskustva, loše definisan postupak i nerealni rokovi. Zbog vremenskog ograničenja ili neiskustva, dizajneri su skloni da posao započnu od jedne ili druge krajnosti, a zatim da odmah pređu na realizaciju bez razmatranja prethodnih koraka. Na primer, neki Web profesionalci izradu lokacije počinju od vizuelnih elemenata tako što prvo izrade Web strane lokacije u odgovarajućem grafičkom programu, a onda nastoje da u dobijenu formu uklope sadržaj. Lokacije izražene na takav način često su prepune strana opterećenih slikama i liče na skupe ilustrovane brošure.
Postoje, naravno, i oni autori koji izradu lokacije započinju direktno od tehnologije. I pored toga što upotrebe najnovije i najbolje alatke za programiranje, njihovim lokacijama često nedostaje celovit dizajn. Vizuelni elementi izgledaju kao da su naknadno prikačeni, a sam interfejs često zbunjuje. Ponekad se na takvim lokacijama primenjuje koncept "novogodišnje jelke". Kada ugradi sve potrebne funkcije, autor počinje da ukrašava stranu kao novogodišnju jelku - raznim šarenim balonima, sličicama i animiranim GIF-ovima - očajnički pokušavajući da je načini privlačnijom. U ovom slučaju, vizuelni elementi su sekundarni u odnosu na tehnologiju. Kao u slučaju lokacije kod koje su vizuelni elementi primarni, i ovde se tehnologija koristi više da bi dizajner pokazao šta sve može, nego da izađe u susret željama posetilaca. Obilno korišćenje Java apleta i programskih dodataka, kao i zahtev da čitač podržava poslednju verziju DHTML-a, XML-a ili CSS-a, sigurni su znaci da je Web strana prvenstveno podređena tehnologiji. Na takav način napravljene lokacije imaju nepristupačan dizajn, služe se najnovijim dostignućima u oblasti čitača i često nemaju dovoljno podrške za svoju osnovnu funkciju.

Šta je to dobar web dizajn?

2007-07-06T10:06:00.000+02:00

Dizajniranje Web lokacija je multidisciplinaran posao, a sam dizajn obuhvata četiri komponente: sadržaj, formu, funkciju i svrhu. Međutim, mišljenje o tome kako tačno ove komponente treba pomešati razlikuje se od jedne do druge osobe, kao i od projekta do projekta. Iako je teško definisati šta je dobar Web dizajn, postoji prilična saglasnost oko toga šta ne treba raditi. Oblast Web-a treba dosta da prihvati od drugih disciplina, naročito od dodirnog područja dizajna grafičkog interfejsa i tradicionalnog štamparskog dizajna. Pa ipak, opsežno pozajmljivanje iz drugih oblasti takođe može da izazove probleme, zato što je Web jedinstven medij. Štapanje drugih medijskih oblika u njemu, nepredvidljiva okolina kojoj se ovaj medij šalje i njegova izuzetna varijabilnost koja potiče od velike podložnosti društvenim i tehnološkim uticajima, čine ga posebno izazovnim. Međutim, ako dizajner sve vreme ima na umu korisnika, to će mu pomoći da izbegne većinu ozbiljnih grešaka. Osim toga, dizajneri moraju da poštuju ograničenja medija, kao i sva eventualna pravila, bez obzira na to šta korisnici žele. Iako proces razvijanja Web lokacije može da bude prepun iskušenja, mnogo će vam pomoći ako se pri tome držite makar i najosnovnije metodologije.

Metodologiju web dizajna razmotrićemo u sledećem postu....

Corel Draw - RAD SA OBJEKTIMA 2

2007-06-13T12:25:00.000+02:00

POLIGONALNI OBJEKTI

Alatka POLIGON ( POLYGONE TOOL )
Kao i prethodni alati ( krug i elipsa ) i za crtanje poligonalnih objekata važi isto pravilo: izabere se odgovarajuća grupa alata i iz nje određena alatka iz kutije sa alatima, pa se na radnoj površini
nacrta oblik odgovarajuće dimenzije. Alatka poligon kao i ostala dva alata, imaju svoje mesto u kutiji sa alatima ispod alata za crtanje elipse. Čim se aktivira ova alatka, na PROPERTY liniji možete da izaberete da li će novostvoreni poligonalni objekat biti klasičan poligon ili će imati oblik zvezde. Takođe birate i broj uglova stvorenog mnogougla. Međutim ukoliko imate manji broj uglova od 5, zvezda kao objekat neće se moći napraviti uopšte. Opcija za stvaranje mnogougla koji ima oblik zvezde će biti nedostupna. Izgled PROPERTY linije je sličan ovome kao na slici levo.

Kada nacrtate zvezdu sa 5 krakova ona izgleda kao na slici, moguće je promeniti stanje poliginalnog objekta, tako što će se na paleti PROPERTY, dok je objekat selektovan, odabrati drugačije stanje poligona od dva moguća. Obratna situacije je isto tako moguća , ukoliko je potrebno stvoriti zvezdu od već stvorenog poligonalnog objekta.
Modifikacije u smislu menjanja broja krakova, odnosno stranica zvezda i poligona su moguće, ako se objekat prethodno selektuje pa se strelicama ili upisom odgovarajućeg broja krakova i stranica, unese vrednost u okvir za dijalog koji se nalazi sa leve strane opcije za stvaranje zvezde.
Alatka MREŽA ( GRAPH PAPER )
Ovaj alat služi za izcrtavanje mreže. On omogućuje stvaranje i brzo kreiranje nekoliko stotina grupisanih pravougaonika i kvadrata u određenom mrežnom rasporedu, koji vrlo podseća na papir. Ova alatka je spas za inžinjere i ilustratore, ona štedi ogromno vreme koje bi svakako bilo potrebno za postizanje istog rezultata ručno. Stvara se kao i prethodni oblici, dok broj redova i kolona određuje na paleti opcija odmah posle paljenja ovog alata . Proces pravljenja mreze je kao na slici levo!

Svaka opcija ROW ( red ) i COLUMN ( kolona ) se može podesiti u rasponu od 1 do 99. Paleta u slučaju izcrtavanja ovakvog objekta izgleda ovako i veoma je slikovito objašnjeno na kojoj stavci se umeću redovi a gde kolone.

Alatka SPIRALA ( SPIRAL TOOL )
Ovaj alat se koristi za dobijanje različitih spirala dok broj evolucija spirala diktirate kao i kod prethodnog alata na paleti opcija. Međutim postoje dva tipa spirala koje možete izcrtati: SIMETRIČKE i LOGARITMIČKE spirale. Alat omogućuje kreiranje simetričkih i progresivno kružnih oblikovanih linija, koje bi bilo jako teško nacrtati uz standardne alate. Spiralni objekti su sastavljeni od jedne otvorene putanje, koja se povija ( REVOLUIRA ) u smeru kazaljke na satu ili suprotno , rastući od centra ka spoljašnosti. Spiralni objekti ( ne zavisno o kojoj vrsti spirale je reč ) mogu se podesiti na minimalno 1 , a maksimalno 100 revolucija. Svaka spirala je jednaka jednom okretu oko spiraline centralne tačke.

Simetričke Spirale
Kao što samo ime nagoveštava, simetrični spiralni objekti se pojavljuju sa spiralnim revolucijama ravnomerno raspoređenim od centra ka spoljašnjem perimetru objekta. Kod simetričkih spirala broj navoja ( REVOLUCIJA ) oko centralne tačke je postojan i paralelan i takva spirala izgleda kao na slici, a potpuno drugačije od sledeće grupe spirala - LOGARITAMSKIH!

Logaritmičke Spirale
Kod LOGARITMIČKIH SPIRALA navoji ( REVOLUCIJE ) koji počinju od centralne tačke su takvi da je svaki prethodni navoj za određenu vrednost manji od sledećeg itd. Izgleda kao na slici levo.
Na property liniji samim stavljanjem u radno stanje ovog alata dobijaju se opcije za količinu REVOLUCIJA spirale , izbor vrste spirale itd.

Stavka sa klizačem koja sa desne strane ima broj 1 , biće aktivna samo u slučaju kada je izabrana Logaritamska spirala. Ova stavka se naziva LOGHARITMIC EXPANSION (Logaritamska Ekspanzija). Podešavanje ove stavke na 1 rezultiraće SIMETRIČNOM POSTAVKOM SPIRALE, a postavka na maksimalnu vrednost od 100 ekspanzija DRAMATIČNU EKSPANZIJU. Kada se selktuje alat SPIRAL, on deli svoje opcije sa na PROPERTY liniji sa alatom GRAPH PAPER i prikazuje opcije za kontrolisanje objekta koji nameravate da kreirate. Podrazumevana stanja spirale su SPIRAL REVOLUTION, SYMETRICAL I LOGARITMICAL SPIRAL, kao i kliznu kontrolu SPIRAL EXPANSION.
Kada se selektuje opcija LOGARITMIC SPIRAL, pojavljuje se klizač LOGARITMIC EXPANSION, omogućavajući da podesite stepen ekspanzije na osnovu procenta dimenzija objekta.

Corel Draw - RAD SA OBJEKTIMA

2007-06-08T09:56:00.001+02:00

Ono što svako mora znati, da bi uspešno radio u CorelDRAW programu je kako se koriste alati za crtanje. U ovom poglavlju ćemo proučiti na koji način se stvaraju prosti objekti poput četvorouglova, elipsi, poligona i osnovnih oblika. Kada se sa kutije sa alatkama ( TOOLBOX) selektuje odredjeni alat, primecuje se da kursor menja oblik i zavisno od oblika koji je izabran, ima izgled izabranog alata . Kursor ce najvecim delom ne zavisno od alata sa kojim radite imati oblik “krsta selektora”, dok ce se u donjem desnom uglu nalaziti umanjen prikaz trnutno odabranog objekta.

STVARANJE PROSTIH OBJEKATA ( KRUG , KVADRAT , POLIGON )

Alatka Pravougaonik (RECTANGLE TOOL)
Ova alatka se nalazi kao šesta grupa alata od gore u TOOLBox-u . Služi za crtanje pravougaonika i kvadrata. Ovaj alat je jedna od jednostavnih alatki koje će te koristiti prilikom kreiranja oblika, bez obzira da li će on zadržati taj oblik ili će kasnije prerasti u nešto drugo. Stvaranje pravougaonika je jedna od najjednostavnijih akcija koje možete ostvariti u CorelDraw-u. Koristi se tako što se klikne levim tasterom miša na mesto gde treba da bude jedan od uglova tog četvorougla i ne puštajući taster miša vučete u određenom smeru dok nedobijete željeni pravougaonik .

Alatka ELIPSA (ELLIPSE TOOL)
Da bi ste nacrtali elipsu potrebno je da uradite isto ono sto ste uradili kada ste crtali pravougaonik samo sto u ovom slučaju BIRATE ALAt ELLIPSE TOOL koji je prikazan na sličici u naslovu a nalazi se odmah Ispod alata za stvaranje pravougaonika koji ste videli u prošlom podnaslovu. Tipične elipse se pojavljuju u vidu jednostavnih zatvorenih kružnih ovalnih objekata, medjutim takva stanja objekta je moguće vrlo brzo promeniti u lukove I isečke.
Iako nije uvek vidljivo svaka novostvorena elipsa ima dve kontrolne tacke koje se preklapaju I
nevidljive su .Kada su odvojene one mogu da kreiraju isecke I lukove , gde ce prva odredjivati pocetak isečka ili luka, a druga kraj. Opcija na kojoj se podešavaju stanja elipse na PROPERTY liniji.
Na ovoj slici prikazana su različita stanja elipse i kruga. Krajnje levo nalazi se normalno stanje elipse sa zatvorenom konturom. Kada se na PROPERTY liniji odabere druga opcija PIE ( isecak ) elipsa koja je takodje sa zatvorenom konturom, ali sa delom koji je precizno odstranjen. Kao treća mogucnost i stanje elipse, je rad sa elipsom kao otvorenom konturom i koja se aziva ARC ( Luk ).
Vec sam gore napomenuo da se stanja elipse mogu diktirati naknadno I o tome ce biti reci kasnije.

Microsoft Surface - SF ili skora budućnost

2007-06-04T16:21:00.000+02:00

Da li ste razmišljali o tome, Šta dalje? Dobili smo PC, dobili smo laptop, dobili smo 3G mobilne telefone. Kako će se dalje razvijati tehnologija i koje ćemo nove geždete imati u svojim domovima? Evo nečega što će vas sigurno naterati na razmišljanje

Microsoft Surface

Učitavanje ove stranice će potrajati, ali verujte mi, sačekajte, vredeće ...

WAST - proverite kako radi vaš sajt

2007-05-22T11:22:00.000+02:00

Prilikom izrade sajta, česta je situacija da rešenje ne skalira dobro - sajt radi lepo dok programiramo i testiramo, ali javlja se gomila problema kada ga stavimo u produkciju i na njega dođe veći broj posetilaca. Majkrosoftov besplatni Web Application Stress Tool je jednostavan alat, sličan onom iz Visual Studija, koji može da simulira velik broj klijenata te daje prilično dobar izveštaj po završetku rada. Pročitajte tekst i proverite kako radi vaš sajt pod većim opterećenjima pre nego ga postavite na "živ" server.

Alat može da se preuzme ovde i nakon što ga instalirate možete da krenete sa "snimanjem" skripte. WAST će da pokrene Internet Explorer i možete da odete do vašeg sajta i radite bilo šta, a WAST će lepo da beleži vaše akcije. Kada završite sa radom, ugasite IE i zaustavite snimanje skripte u WAST-u. Ostaje vam da odredite broj klijenata koje želite da simulirate, da pripremite, ako je potrebno, username/password kombinacije koje će WAST da koristi prilikom izvršenja skripte te da odredite vreme testiranja.

PHP - Izlazak iz upravljačke strukture

2007-05-14T13:44:00.001+02:00

Izlazak iz upravljačke strukture
Postoje tri načina da prekinete izvršavanje bloka koda:
Da biste prekinuli izvršenje petlje, upotrebite iskaz break . Ako u petlji koristite iskaz break , izvršenje skripta će se nastaviti od prvog reda iza petlje. Ako želite da započnete novu iteraciju petlje, upotrebite iskaz continue. Da biste prekinuli izvršavanje celog PHP skripta, upotrebite komandu exit . To je obično korisno kada se utvrdi greška. Na primer:

if( $racun == 0)
{
echo 'Niste nista naručili!';
exit;
}
Iskaz exit prekida izvršavanje skripta.

PHP - petlje

2007-05-14T13:31:00.000+02:00

Petlje: ponavljanje akcija
Računari su oduvek bili veoma dobri za jednu primenu – automatizovanje radnji koje se ponavljaju. Ako postoji nešto što treba na isti način da se uradi mnogo puta, možete da upotrebite petlju za ponavljanje određenog bloka koda u programu.
Petlja while
while je najjednostavnija vrsta petlje u PHP-u. Kao i iskaz if, ona zavisi od uslova. Razlika između petlje while i iskaza if leži u tome što iskaz if izvršava blok koda ako je uslov ispunjen, a petlja while izvršava blok dokle god je uslov ispunjen. Obično koristimo petlju while kada ne znamo unapred koliko će iteracija biti potrebno. Kada je broj ciklusa unapred poznat, koristi se petlja for. Osnovna struktura petlje while je:

while( uslov ) izraz;

Sledeća petlja while prikazaće brojeve od 1 do 5.

$num = 1;
while ($num <= 5 )
{
echo $num." ";
$num++;
}

Na početku svake iteracije ispituje se uslov. Ako uslov nije ispujnen, izraz neće biti izvršen i petlja će se završiti, a zatim se prelazi na iskaz koji sledi iza petlje.
Petlje for i foreach
Osnovna struktura petlje for je:

for( izraz1; uslov; izraz2)
izraz3;

izraz1 se izvršava jednom na početku. U njemu obično zadajete početnu vrednost brojača. Uslov se ispituje pre svake iteracije. Ako nije ispunjen, izvršavanje petlje prestaje. U uslovu obično ispitujete da li je brojač došao do određene granice. izraz2 se izvršava na kraju svake iteracije. On obično menja vrednost brojača. izraz3 se izvršava jednom u svakoj iteraciji. Taj izraz je obično blok koda i sadrži najveći deo koda petlje.
Petlje While i For su ravnopravne – nema bolje i lošije. Koristite onu koja više odgovara trenutnoj situaciji. Napomenimo da možete kombinovati promenljive promenljivih s petljom for
Petlje do..while
Poslednji tip petlje koji ćemo spomenuti ponaša se nešto drugačije. Opšta struktura petlje do..while je:

do
izraz;
while(uslov);

Petlja do..while se razlikuje od petlje while zbog toga što se uslov ispituje na kraju. To znači da se u petlji do..while iskaz ili blok unutar petlje uvek izvršavaju najmanje jednom. Čak i ako na početku uslov nije ispunjen i ako nikada ne može da bude ispunjen, petlja će biti izvršena jednom pre nego što ispita uslov i završi se.

$num = 100;
do
{
echo $num.' ';
}
while ($num <1)

WAMP - instrukcije I

2007-05-04T17:08:00.000+02:00

Sta je to WAMP?

WAMP(Windows Apache MySQL PHP) je softver koji automatski instalira Apach web server, MySQL bazu i PHP skripting na vašem računaru. Instaliranjem WAMP-a dobijate mogucnost pokretanja stranica koje koriste php skript i gledanja istih u vašem browseru.

Instalacija
Nakon pokretanja instalacije, morate prihvatiti uslove propisane licencom. WAMP je skup više programa na jednom mestu i prihvataju se licence za svaki program koji ga čini. Kada prihvatite licencne uslove, birate direktorijum u koji ćete instalirati softweare. Preporučujem vam ovom prilikom da zadržite ponuđeni direktorijum, radi boljeg praćenja objašnjenja(ja ću objašnjavati pod pretpostavkom da ste prihvatili ponuđenu opciju). Na sledećoj stanici birate direktorijum u koji ćete smeštati vaše web dokumente. Možete da koristite bilo koji direktorijum, ali čisto radi lakšeg praćenja, prihvatite ponuđeni www folder koji će se nakon instalacije nalaziti na C:/wamp/www
Sledeće što treba da podesite je Start Menu folder u koji će te smestiti WAMP ikonice, predlažem da ostavite default vrednosti. Zatim imate mogućnost da birate da li želite da se WAMP automatski pokreće sa startovanjem Windows-a ili želite manualno da ga pokrećete po ptrebi. Kod mene je podešeno na automatski, jer ja WAMP svakodnevno koristim, a vi podesite prema vašim potrebama.
Instaler je spreman za instalaciju softvera. pokrenite instalaciju. Od vas će se još tražiti da ukucate SMTP server(u našem slučaju Localhost).Takođe možete uneti e-mail adresu. Ova e-mail adresa će se prikazati na svim error stranicama da bi omogućila korisnicima da kontaktiraju webmastera. Vi ovde ne morate unositi nikakvu( ili barem ne validnu) e-mail adresu, osim ako WAMP ne koristite kao javni server. Poslednja stvar kod instalacije se pojavljuje ako na računaru imate instaliran Firefox (što ako želite da se bavite Web-om smatram pod obavezno !) WAMP pita da li želite da koristi Firefox kao default browser. Izaberite ovu opciju, olakšajte sebi život :)

MySql
Dolazi sa tri baze podataka. Mysql baza podataka čuva internacionalne informacije, informacije o korisnicima i njihovim ovlašćenjima. Molim vas ne igrajte se sa ovom bazom podataka osim ako ne znate tačno šta radite. Phpmyadmin bazu podataka koristi phpMyAdmin gde se čuvaju PhpMzadmin sesije, kao i dodatne informacije o bazama podataka. Nipošto nemojte editovati ili brisati ovu bazu podataka! Test baza podataka.
Koristeći phpMyAdmin, možete lako kreirati editovati ili brisati baze podataka, tabele i korisnike baze. Dokumentacija o upotrebi PhpMzadmin-a se može online naći na adresi:
http://www.phpmyadmin.net

U sledećem postu više o korišćenju WAMP-a.....

Vaši komentari

2007-04-27T11:19:00.000+02:00

Primetili smo da vam se veoma dopadaja lekcije i postovi na našem blogu. Nadamo se da napredujete sa znanjem :)
Sva vaša pitanja i predloge u vezi bloga numbers&shapes dizajn studija šaljite na naš mail . Ukoliko vam se dopadaju neki naši radovi i želeli biste i vi da vama napravimo nešto slično, kontaktirajte nas...

PHP - Iskaz switch

2007-04-26T16:24:00.000+02:00

Iskaz switch deluje slično kao iskaz if, ali omogućava da uslov ima više od dve vrednosti. U iskazu if, uslov može biti samo true ili false. U iskazu switch uslov može imati više različitih vrednosti, koje moraju biti skalarnog tipa (integer, string ili float). Za svaku vrednost koju želite da obradite treba da napišete iskaz case i, eventualno, podrazumevani iskaz case za sve ostale vrednosti. Predpostavimo da imamo polje u obrascu u kome želimo vidimo kako ste saznali za blog numbersandshapes. Evo koda za obrazac:

<tr>
<td>Kako ste pronašli ovaj blog ?</td>
<td><select name="find">
<option value = "a">Preko Google-a</option>
<option value = "b">Preko prijatelja</option>
<option value = "c">Preko jednog od vaših sajtova</option>
<option value = "d">Preko vašeg sajta</option>
</select>
</td>
</tr>

Navedeni HTML blok prikazuje obrazac čija će vrednost biti 'a', 'b', 'c' ili 'd'. Tu promenljivu možete da obradite nizom iskaza if i else na sledeći način:

if($find == 'a')
echo 'Preko Google-a.';
elseif($find == 'b')
echo 'Preko prijatelja.';
elseif($find == 'c')
echo 'Preko jednog od vaših sajtova.';
elseif($find == 'd')
echo 'Preko vašeg sajta.';
else
echo 'Ne zna se.';

Druga mogućnost je da napišete iskaz switch

switch($find)
{
case 'a' :
echo 'Preko Google-a.';
break;

case 'b' :
echo 'Preko prijatelja.';
break;

case 'c' :
echo 'Preko jednog od vaših sajtova.';
break;

case 'd' :
echo 'Preko vašeg sajta.';
break;

default :
echo 'Ne zna se.';
break;
}

(Imajte u vidu da se u oba primera podrazumeva da ste promenljivu $find učitali iz niza $_POST.) Iskaz switch se ponaša malo drugačije od iskaza if i else. Iskaz if deluje na samo jedan iskaz, osim kada upotrebite vitičaste zagrade da biste napravili blok iskaza. Iskaz switch se ponaša drugačije. PHP izvršava iskaze od odgovarajuće oznake case do iskaza break. Bez iskaza break, izvršavaju se svi iskazi iza odgovarajuće oznake case. Kada se dođe do iskaza break, izvršavanje se nastavlja od reda koda iza iskaza switch.

CSS - Prikazivanje elemenata (display)

2007-04-25T17:37:00.000+02:00

Atribut display određuje na koji način je određeni element prikazan na stranci, odnosno da li će se uopšte prikazati na stranci i ako hoće na koji način ili će postojati u samom kodu ali će posetiocu stranice biti nevidljiv. Na primer, ukoliko upišete display:none, element kome ste tu vrednost pridodali neće biti vidljiv na stranci iako će posojati u samom kodu. Postoje mnoge vrednosti atributa display, a evo nekih:

display:none - element nije vidljiv na stranici,
display:inline - podrazumevana vrednost, sadrzaj se prikazuje uokviru iste linije,
display:block - element se prikazuje kao blok-element,
display:list-item - element ce biti prikazan kao lista,
display:run-in - element ce biti prikazan ili kao inline ili kao blok-element, zavisno od sadržaja,
display:compact - opet, element ce biti prikazan ili kao inline ili kao blok-element, zavisno od sadržaja,
display:table - element ce biti prikazan u vidu tabele kao blok-element,
display:inline-table - element ce biti prikazan u vidu tabele, kao inline element.

Postoje još i sledeće vrednosti: table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column, table-cell, table-caption i marker. Međutim iz svog ličnog iskustva vam mogu reći da ćete verovatno od svih ovih vrednosti u najčešćem broju slučajeva koristiti samo: none, inline, block i list-item, ali naravno nije na odmet da malo eksperimetišete i shvatite značenje svih vrednosti, jer ćete display atribut najlakše razumeti kroz lične primere. Evo i jednog našeg sa kojim možete početi, koji jednostavno čini ceo paragraf nevidljiv na stranici:

p
{
display: none
}

PHP - Upravljačke strukture, iskaz If

2007-04-23T12:16:00.000+02:00

Upravljačke strukture omogućavaju upravljanje tokom izvršenja programa ili skripta. Ako želite da smisleno obradite podatke koje je korisnik uneo, kôd mora donositi odluke. Konstrukcije koje programu omogućavaju da donosi odluke nazivaju se uslovne strukture.

Iskaz if
Iskaz if možete da upotrebite za donošenje odluke u zavisnosti od određenog uslova. Ako je uslov ispunjen, izvršava se blok koda koji sledi iskazu if – u suprotnom biće preskočen. Uslove u iskazima if morate napisati između zagrada.

Blokovi naredaba
Često unutar jednog uslovnog iskaza, kao što je if, treba da se izvrši više iskaza. Nema potrebe da se ispred svakog stavlja nov iskaz if. Umesto toga, možete grupisati iskaze u blok. Da biste grupu iskaza deklarisali kao blok, stavite je u vitičaste zagrade:
if( $ulica== ' ' )
{
echo '';
echo 'Niste uneli naziv ulice! ';
echo '';
}
Tri reda unutar vitičaste zagrade sada čine blok. Kada je uslov ispunjen, izvršavaju se sva tri. Kada uslov nije ispunjen, ne izvršava se nijedan.

Iskazi else
Često valja odlučiti ne samo da li određena akcija treba da se izvede, nego morate zadati koja grupa od više mogućih akcija treba da se izvede. Iskaz else omogućava da definišete alternativnu akciju koju treba preduzeti ako uslov iskaza if nije ispunjen. Na primer, želite da upozorite korisnike da nisu uneli adresu. S druge strane, ako unesu ispravne podatke, želite da ih obavestite da je unos podataka uspeo.
Ako drugačije rasporedite kôd i dodate jedan iskaz else, moći ćete da prikažete upozorenje ili potvrdu upisa adrese.

if( $ulica== ' ' )
{
echo '';
echo 'Niste uneli naziv ulice! ';
echo '';
}
else
{
echo ' Vaša adresa je uspešno uneta ';
}

Napomena:
Kao što smo već rekli, PHP zanemaruje praznine u kodu. Radi bolje čitljivosti, trebalo bi da uvlačite iskaze. Uvlačenje se obično primenjuje da biste lakše uočili redove koji će biti izvršeni ako su ispunjeni uslovi, iskaze koji su grupisani u blokove i iskaze koji su deo petlji ili funkcija. U prethodnim primerima vidite da je uvučen iskaz koji zavisi od iskaza if i iskazi koji čine blok.

CSS - Definisanje dimenzija

2007-04-13T11:13:00.000+02:00

Danas ćemo pričati o dimenzijama elemenata na stranici, kao i o određivanju razmaka između linija teksta.

Dimenzije elementa
Pomoću atributa width i height određujemo širinu tj. visinu elementa. Takođe, u opticaju su i max-height (maksimalna visina) i min-height (minimalna visina), odnosno max-width (maksimalna širina) i min-width (minimalna širina). Primer:

img.jedan
{
height: 230px
width: 100px
}

ili

img.dva
{
max-height: 230px
max-width: 100px
}

Ove vrednosti mogu biti u pikselima, kao u našem primeru, ali mogu recimo i u procentima. Naravno, predpostavljam da ste do sada naučili kako se tačno ovaj kod unosi u HTML stranicu i kako se CSS povezuje sa stranicom tako da to nisam napisao. Ako niste pročitajte ponovo par lekcija sa početka.

Razmak između linija
Razmak između susednih linija (redova) teksta npr. određujemo atributom line-height. Ove vrednosti takođe mogu biti u procentima ili pikselima. Evo kako bi odredili razmak između redova teksta u paragrafu:

p
{line-height: 1.4 }

Corel Draw - TOOLBOX

2007-04-12T12:55:00.000+02:00

Kutija sa alatima, jedna od najvažnijih paleta unutar CorelDRAW programa, sadrži petnest grupa alata. Slika kutije sa alatima prikazuje trenutno stanje kutije sa alatkama posle stavljanja programa u radnu funkciju. Svaku grupu alata, predstavlja jedan alat, ili se taj alat samo trenutno nalazi na “čelu grupe”. Pored svake ikone na TOOLBOX-u, nalazi se mala crna strela u donjem desnom ćosku, koja simboliše da je određena paleta alata skrivena na toj određenoj poziciji. Grupa alata se otvara ako se na alatu koji trenutno prestavlja grupu, zadrži levi taster miša. Posle par momenata pojaviće se meni grupe alata, posle koga “klikom” levog tastera miša treba izvršiti odabir alata . Sledi spisak grupa alata iz TOOLBOX-a :

1.U ovoj opciji kutije sa alatima ne postoji grupa alata, vec samo jedan alat koji se naziva PICK TOOL ( alatka za selektovanje – SELEKTOR ).
2.Alati za oblikovanje.
3.Alati za pregledanje dokumenata i objekata – ZOOM TOOL.
4.Alati za rad sa linijama.
5.Alati za pametna izcrtavanja.
6.Alati za rad sa osnovnim oblicima – CETVOROUGLOVI.
7.Alati za rad sa osnovnim oblicima – ELIPSE.
8.Alati za izcrtavanje mreža, poligona i spirala.
9.Alati za rad sa predefinisanim ( vec oformljenim ) oblicima.
10.Alat za rad sa tekstom. Takodje kao i kod prvog alata u grupi i ovaj alat je sam.
11.Alati za dodavanje specijalnih efekata.
12.Alati za kopiranje ispunjenosti objekata bojom, šrafurama, teksturama i drugim ispunjenjima.
13.Alati za rad sa okvirnim linijama i konturama.
14.Alati za ispunjavanje objekata bojama, šrafurama, teksturama...
15.Alati za različita ispunjenja i modifikacije objekta poput mreže.