Website Development Prices

Pretrazite Blog // Search This Blog

Friday, March 18, 2016

Simple website design and code-Part 1

We are going to design and code simple website. Part 1 will be GIMP design of home page, Part 2 Slicing GIMP design (home page) and Part 3 will be code.


Step 1 - What you need

  • GIMP
  • A code editor (Notepad++, Sublime Text 2 or 3, or any other)
  • Basic understanding of how HTML works, basic syntax and tags
  • Basic understanding of CSS, also you should understand how selectors work and be familiar with basic properties.
  • A browser Chrome, Firefox ...
Step 2 - What we are making

We will make a very simple home page, with four basic elements: header, content, sidebar and footer.

Tip: when you make some changes to the document, press CTRL+S to save document.
Step 3 - Let's start

Open up new GIMP document (CTRL+N), for example, 1100px by 1200px.



Save file, for example, first-website.xcf.

Tuesday, March 15, 2016

Prosledjivanje nizova u funkciju (Passing arrays in function)

Pored podataka koji predstavljaju obicne promenljive, u funkcije mozete da prosledite i nizove. 

Primer: kreiracemo funkciju stampaj_niz, koja stampa sadrzaj niza.

<?php

$motor[0] = "suzuki";
$motor[1] = "honda";
$motor[2] = "kawasaki";
$motor[3] = "yamaha";

stampaj_niz($motor);

function stampaj_niz($niz)
{
for ($indeks = 0; $indeks < count($niz); $indeks++) {
echo "Motor $indeks: ", $niz[$indeks], "<br />";
}

}

?>

Rezultat:

Monday, March 14, 2016

Prosledjivanje podataka funkcijama (Passing data to functions)

Funkciji mozete da prosledite podatke pomocu liste argumenata. To je lista naziva promenljivih, koji su odvojeni zarezima.

function ime_funkcije([lista_argumenta...])
{
[iskazi];
[return vracena_vrednost];

}

Primer: ako zelite da prilagodite navigacioni meni koji smo napravili u prethodnom clanku, na primer, zelite da dodate neki tekst i oznaku autorskih prava. To mozete da uradite tako sto cete u funkciju poslati te dve stavke. Ako bismo te dve stavke u telu funkcije oznacili kao $tekst i $autorska_prava, onda bi funkcija mogla da izgleda ovako:

Sunday, March 13, 2016

Kreiranje funkcije (Creating function)

Sintaksa za kreiranje funkcije:

function ime_funkcije([lista_argumenta...])
{
[iskazi];
[return vracena_vrednost];

}

Primer: na svim vasim web stranicama postoji navigacioni meni  sa hiperlinkovima koji se nalazi na dnu strane. Umesto da sav kod koji je potreban ubacujete na svaku web stranicu, mozete da napravite funkciju, koju mozete nazvati navigacioni_meni, da ona to radi umesto vas. Iskazi koji postoje u ovoj funkciji ce se izvrsiti u trenutku njenog poziva. Dodacemo echo iskaze koji salju HTML kod za navigacioni meni i hiperlinkove nazad do pretrazivaca. "&nbsp" u HTML kod ubacuje prazne karaktere da bi linkovi bili odvojeni.

Saturday, March 12, 2016

Kako postaviti pozadinsku sliku sa iseckom slike (How to set background image with slice image)

Pitanje: kako postaviti pozadinsku sliku sa iseckom slike?

Resenje: svojstva background i background-repeat.

Primer:

HTML kod

<!DOCTYPE html>
<html>
<head>
<title>Pozadinska slika sa iseckom slike</title>

<meta charset="UTF-8"/>
<meta name="description" content="Description that search reads" />
<meta name="keywords" content="page keywords, keywords" />
<meta name="author" content="Marija Rikic">
<link rel="icon" type="image/png" href="images/favicon.jpg">
<link rel="stylesheet" type="text/css" href="style.css">
</head>

Friday, March 11, 2016

Upotreba operatora za rad sa nizovima (Using the operators to work with arrays)

Operatori za rad sa nizovima:



Primer: proveravamo da li dva niza imaju iste elemente.

<?php

$japan["suzuki"] = 15;  
$japan["honda"] = 19; 
$kina["shineray"] = 11; 
$kina["thumpstar"] = 17; 

echo "\$japan: ";
print_r($japan);
echo "<br />";
echo "\$kina: ";
print_r($kina);
echo "<br />";

$motori = $japan + $kina;
echo "\$motori: ";
print_r($motori);
echo "<br />";

if ($japan == $kina) {
echo "\$japan ima iste elemente kao \$kina<br />";
} else {
echo "\$japan nema iste elemente kao \$kina<br />";
}

?>

Thursday, March 10, 2016

Kako da promenite ili uklonite znakove za nabrajanje (How to change or remove bullets)

Pitanje: kako da promenite ili uklonite znakove za nabrajanje?

Resenje: svojstvo list-style-type.

Primer:

HTML kod

<!DOCTYPE html>
<html>
<head>
<title>Kako da promenite ili uklonite znakove za nabrajanje</title>

<meta charset="UTF-8"/>
<meta name="description" content="Description that search reads" />
<meta name="keywords" content="page keywords, keywords" />
<meta name="author" content="Marija Rikic">
<link rel="icon" type="image/png" href="images/favicon.jpg">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>

Search Blog

Price za decu