Univerzitet u Zenici | Pedagoški fakultet | Katedra za matematiku i informatiku
Predavanja iz predmeta "Programiranje za Internet"
doc.dr. Nermin Sarajlić, v.as.dr. Samir Lemeš |
akademska godina 2010/2011 |
| Datum |
Tema |
Download prezentacije |
11.10.
ponedjeljak |
Uvod - o Internetu |
pdf, 129 kB |
| Klijentsko-serverski model |
pdf, 182 kB |
| Osnovne mrežne usluge |
pdf, 202 kB |
18.10.
ponedjeljak |
HTML - sintaksa naredbi |
pdf, 150 kB |
| HTML - elementi jezika |
pdf, 120 kB |
| HTML - liste |
pdf, 130 kB |
25.10.
ponedjeljak |
HTML - tabele, stilovi, linkovi |
pdf, 220 kB |
| HTML - slike, formulari (obrasci) |
pdf, 155 kB |
| HTML - formulari, skripte |
pdf, 140 kB |
2.11.
utorak |
TEST 1 (HTML) |
rezultati |
| Macromedia Dreamweaver - Uvod |
pdf, 146 kB |
| Macromedia Dreamweaver - Osobine stranice, tekst |
pdf, 232 kB |
22.11.
ponedjeljak |
Macromedia Dreamweaver - Liste, fontovi, stilovi |
pdf, 170 kB |
| Macromedia Dreamweaver - Slike |
pdf, 185 kB |
| Macromedia Dreamweaver - Tabele |
pdf, 124 kB |
23.11.
utorak
|
Macromedia Dreamweaver - Šabloni (Templates) |
pdf, 122 kB |
| Macromedia Dreamweaver - Izrada obrasca |
pdf, 160 kB |
| Macromedia Dreamweaver - Kontrola podataka iz obrasca |
pdf, 141 kB |
29.11.
ponedjeljak |
Meta oznake i komentari, CSS |
pdf, 230 kB |
| Rad s bojama, Slike u HTML dokumentima |
pdf, 280 kB |
| CGI programiranje, primjer testa 2 |
pdf, 90 kB |
8.12.
srijeda |
TEST 2 (Dreamweaver, CSS) |
rezultati |
13.12.
ponedjeljak |
JavaScript |
pdf, 80 kB |
| JavaScript |
pdf, 120 kB |
| JavaScript |
pdf, 160 kB |
20.12.
ponedjeljak |
JavaScript |
pdf, 120 kB |
| PHP |
pdf, 120 kB |
| PHP |
pdf, 120 kB |
28.12.
utorak |
PHP |
pdf, 120 kB |
| ASP |
pdf, 90 kB |
| Pristup bazama podataka |
pdf, 100 kB |
| Planiranje i procedura dizajna web prezentacije |
pdf, 120 kB |
10.1. ponedjeljak |
TEST 3 (Javascript, MySql, PhP) |
|
Prezentacije su u PDF formatu i za pregled vam je potreban
Adobe® Reader®.
Najnoviju verziju programa možete naći na Adobe® Web sajtu.
Upute za izradu seminarskog rada:
Seminarski rad se predaje u HTML formatu, isključivo elektronskim putem (e-mail, CD, floppy, USB,...). Seminarski rad treba da obrađuje jednu temu iz računarske grafike (teme koje nisu nabrojane na stranici za predmet "Računarska grafika" treba prethodno najaviti e-mailom).
Rezultat seminarskog rada je mini web portal na određenu tematiku, koji obavezno sadrži sljedeće elemente:
- CSS stilovi definisani u posebnoj datoteci (obavezna upotreba "hover" osobine za menije)
-
Početna stranica sa imenom "index.htm", na kojoj se nalazi samo kratak rezime seminarskog rada i mala slika/slike koje predstavljaju linkove na pojedina poglavlja
-
Obavezna stranica "o_autoru.htm" na kojoj će se nalaziti osnovni podaci o autoru seminarskog rada
- Obavezna stranica "komentari.htm" koja sadrži formular za slanje komentara autou portala
-
3 do 5 stranica koje čine tematske cjeline opisane tematike (npr.: Modeli boja, YUV model, HSB model, RGB model)
-
Sve stranice koriste zajedničku CSS datoteku za taj portal
-
Sve stranice moraju imati unificiran navigacijski dio (linkove na sve stranice portala)
Sistem ocjenjivanja:
| Zadatak |
Bodovi za RG |
Bodovi za PZI |
| Estetski izgled stranice (boje, fontovi, efekti) |
- |
10 |
| Obavezni elementi (CSS, index, o_autoru, sadrzaj, formular, meniji) |
- |
50 |
| Dinamički sadržaj na stranici (Javascript i sl.) |
- |
20 |
| Adekvatne ilustracije (thumbnails) |
25 |
10 |
| Pravopis i stručna terminologija |
25 |
10 |
| Korištenje više izvora sa navođenjem izvora informacije |
25 |
- |
| Originalnost i aktuelnost podataka |
25 |
- |
Skala za bodovanje seminarskog rada:
| Bodovi |
0-49 |
50-59 |
60-69 |
70-79 |
80-89 |
90-100 |
| Ocjena |
5 |
6 |
7 |
8 |
9 |
10 |
Rezultati periodičnih testova:
Skala za bodovanje:
| Bodovi |
0-75 |
76-90 |
91-105 |
106-120 |
121-135 |
136-150 |
| Ocjena |
5 |
6 |
7 |
8 |
9 |
10 |
Literatura:
Skripta za predmet "Programiranje za Internet u PDF formatu je dostupna na ovom linku (5624 kB)
Linkovi:
http://www.adobe.com/designcenter/dialogbox/howtousetheweb/
http://www.adobe.com/designcenter/dialogbox/xhtml/
http://www.webstyleguide.com/index.html?/graphics/gif_files.html
http://www.php-mysql-tutorial.com/index.php
Creating Smart Forms with AJAX
Free Online Favicon.ico Icon Generator
Online testovi za JavaScript:
http://javascript.about.com/library/bltut36q.htm
http://www.w3schools.com/quiztest/quiztest.asp?qtest=JavaScript
http://www.ncsacademy.com/freetest.cfm
Online testovi za PHP:
http://www.w3schools.com/quiztest/quiztest.asp?qtest=PHP
http://www.wellho.net/quiz/phpquiz.html
http://www.developingwebs.net/phpclass/mindysquiz.php
Zadaci za vježbanje:
HTML (<title>, <p>, <ul>, <ol>, <hr>, <br>, <pre>)
|