Kako da prikažete post sa vašeg bloga na Wiki stranici


The following was originally published November 16, 2009 at http://novakradulovic.blogspot.com/2009/11/interesantno-vi-nedelja-predavanja.html
Wiki

Krenuo jedan moj drug sa fakulteta da downloaduje Wikipediu. 8GB kratkih, tekstualnih fajlova. Trajalo je danima.
Tek tada smo svi ukapirali šta je Wiki i koliko je ljudi učestvovalo i dalje učestvuje u njenom stvaranju.

U globalu, podržavam ideju zajedničkog stvaranja nekog sadržaja, ali samo dok se tome pristupa ozbiljno i sa ciljem da se podijeli znanje. Naravno da i Wiki ima svakakvih neprovjerenih sadržaja, ali mi se svidja,za razliku od bloga,što ona nije mjesto za širenje nekih sopstvenih ubjedjenja, diskusija, nema kritike, nema propagande. Sve dok je tako, wiki će se širiti i polako postati najveća internet enciklopedia.
Jer ako hoćete npr. na internetu da pronađete Bernulijevu teoremu, prvo ćete potražiti na Wikipediji.

Takodje, dobro je i to što informacije mogu mijenjati registrovani posjetioci koji imaju svoju wiki stranu, što u neku ruku predstavlja autorizaciju, i to što se tačnost informacija čuva tako što se u historiju čuvaju sve revizije, tako da ukoliko se desi neka "čudna" izmjena sve je veoma lako vratiti u normalu.

Evo i studenti Fakulteta za informacione tehnologije da doprinesu širenju znanja. Svi po neki tekst, tutorijal o nekoj eLearning temi, pa dako i ova naša zajednička Wiki stranica zaživi!

http://web2tools-technologies.wikispaces.com/





Prikaz browsera koji koristite





Tutorijal da postavite post sa bloga na vasu Wiki stranicu

Da bi ste ovo postigli, prvo na podjite na stranicu Manage Wiki:

1.png

external image 8539676499010470354-2567230330844619384?l=novakradulovic.blogspot.com


Na stranici Manage Wiki, odaberite opciju Import Blog Post:

2.png


U text field-u ukucajte url bloga sa kojeg hocete da objavite post:

3.png


Pojavice vam se forma koja sadrži URL bloga sa kojeg prikazujete post, koji je to post, ime Wiki stranice na kojoj želite da objavite taj post i i mjesto na stranici na kojem želite da postavite taj post.

4.png


Tutorijal za postavljanje slike kao linka


Da bi ste sliku postavili da vam bude link do neke web strane, prvo morate upload-ovati slike na wiki. To se radi na sledeci nacin: prvo u editoru izaberite ikonicu Insert Images and Files.

15.png


Otvorit ce vam se prozor Images and Files, u kome cete na tabu Upload pritisnuti dugme Upload, tada vam se pojavljuje prozor iz koga cete izabrati sliku koju zelite da postavite.izaberite sliku i pritisnite Open. Nakon toga slika se smjesta u folder "/file/view/naziv_slike/".


17.png

Sliku pozivate tako sto u tabu Insert Files, izaberete sliku koju zelite, i iz combo box-a izaberete jednu od dvije mogucnosti.


16.png




Kada ste izabrali sliku koju zelite da vam predtavlja link, sledeci korak je da tu sliku i postavite. To se radi na sledeci nacin: u Editoru izaberite ikonicu Embed Widget,


12.png


Pojavit ce se prozor sa raznim wiki alatima. Izaberite Other HTML,

13.png



i otvara vam se novi prozor u kojem mozete da unesete HTML kod koji predstavlja link do zeljenog sajta

<a href="http://fitlearning.net/">

i link do zeljene slike

<img src="/file/view/fit.png">

Pritisnite dugme Save da sacuvate promjene, i nakon toga linkovi ce se pojaviti na vasoj stranici.


Prikaz browsera

Za tekstualni prikaz browsera koji koritite, dovoljno je da u Editoru izaberete ikonicu Embed Widget, pa na tab Other HTML i da ukucate ovaj kod:

<html>
<body>
<script type="text/javascript">
var browser=navigator.appName;
var b_version=navigator.appVersion;
var version=parseFloat(b_version);
document.write("Browser name: "+ browser);
document.write("<br />");
document.write("Browser version: "+ version);
</script>
</body>
</html>



HTML Tutorijal

Uvod u HTML


HTML je skraćenica od HyperText Markup Language.
To je opisni jezik za stvaranje web stranica. Njime se opisuje izgled dokumenta, pozicije slika, veličina teksta, boja pozadine, boja slova itd.

HTML stranice nisu ništa drugo nego obične tekstualne datoteke koje sadržavaju uputstva kako prikazati stranicu. Za opis stranica se koriste tagovi koji se pišu unutar znakova < i >.
Primjer:

Ovo je <b> tekst </b> za web stranicu.

Ova rečenica bi bila prikazana ovako:

Ovo je tekst za web stranicu.

Kako su HTML stranice ništa drugo nego obične tekstualne datoteke možete ih izrađivati u bilo kojem tekstualnom editoru pa čak i u Notepadu koji dolazi s Windowsima.

Umjesto tekstualnih editora, kao što je Notepad, možete koristititi vizualne editore za izradu web stranica kao što su Macromedia Dreamweaver ili Microsoft Frontpage.

Sve html stranice koje napravite moraju imati ekstenziju .html ili .htm.

Elementi


Html elementi se sastoje od 3 osnovna dijela:
1. tag koji otvara neki element
2. sadržaj elementa
3. tag koji zatvara taj element

<b>
 
Text
 
</b>

ELEMENTI:
<HTML>
-sa ovim elementom počinje i završava svaka web stranica

<HEAD>
-ovaj element se treba nalaziti unutar <html> elementa
-browser ne prikazuje sadržaj unutar ovog elementa

Meta tagovi se uvijek postavljaju izmedju <head></head>!
Na pocetku svakog html dokumenta,zavisno od programa u kojem pisete vas html kod, prvu liniju zauzima ova linija koda:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<TITLE>
-ovaj element se treba nalaziti unutar HEAD elementa
-riječi koje napišete unutar ovog elementa će biti prikazane na vrhu web browsera

<BODY>
-sadržaj napisan unutar ovog elementa će se prikazivati na web stranici, to znači tu idu tekst, slike...

Primjer:

<html>
<head>
<title> nodza </title>
</head>
<body>
text
</body>
</html>

Atributi


HTML atributi se koriste za proširivanje tagova. Ima više vrsta atributa a neki od njih su:
Class ili ID atribut
Name atribut
Title atribut
Align atribut
Valign atribut

Class ili ID atribut

Te atribute ćemo najčešće koristiti kada imamo stil definiran u CSS-u. Znači ako negdje u nekom CSS Style-u imamo definisan npr. pod klasom "odlomak" plava pozadina, bijela slova, bold slova i italic itd. Tada samo u HTML fajlu napišemo npr. <table class="odlomak">

Više o CSS-u pogledajte u CSS tutorijalu i sve će vam biti puno jasnije.

Name atribut

Sa name atributom dodjeljujemo ime nečemu, npr. polju za unos teksta:

Ime: <input type="text" name="ime">
Prezime: <input type="text" name="prezime">

Align atribut

Njime određujemo poziciju nekog teksta, tablice, slike itd. Evo primjera:

<p align="center">Text</p>
<p align="left">Text</p>
<p align="right">Text</p>

Valign atribut

Ovo je dosta slično kao i align atribut samo što se ovaj koristi za vertikalno pozicioniranje. Evo primjera sa napravljenom tablicom i pozicioniranim tekstom skroz na dno.

<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="307" valign="bottom" bgcolor="#CCCCCC">  Text </td>
</tr>
</table>

Liste


Postoje 3 različite vrste lista. <ol>, <ul> i <dl>.

<ul> - unordered list; tačke
<ol> - ordered list; brojevi
<dl> - definition list; tačke

Ordered lista
Između <ol> i </ol> stavljate <li> text </li>

<ol>
<li> text </li>
<li> text </li>
<li> text </li>
<li> text </li>
<li> text </li>
</ol>

Za <ul> možete birati između izgleda tački.

<ul type="square">
<ul type="disc">
<ul type="circle">

Tabele


Za početak tabele koristimo <table>. U tom elementu postoje tagovi <tr> (red) i <td> (kolona).
Evo primjera jedne tabele sa dva reda i dvije kolone.

<table border="1">
<tr>
<td> Prvi red i prva kolona </td>
<td> Prvi red i druga kolona </td>
</tr>
<tr>
<td> Drugi red i prva kolona </td>
<td> Drugi red i druga kolona </td>
</tr>
</table>

Cellspacing

Koristite cellspacing za razmak između ivica tabele.

<table border="1" cellspacing="6">
<tr>
<td colspan="2"> Naslov </td>
</tr>
<tr>
<td>Prva kolona </td>
<td>Druga kolona </td>
</tr>
</table>

Cellpadding

Cellpadding koristite kada želite odvojiti tekst od ivica tabele.

<table border="1" cellpadding="15">
<tr>
<td colspan="2"> Naslov </td>
</tr>
<tr>
<td>Prva kolona </td>
<td>Drugi red </td>
</tr>
</table>
 

Linkovi


Vaši linkovi mogu voditi na unutrašnjost stranice ,na kojoj se nalaze (npr. link "na vrh"), na stranicu unutar vaše domene ili na neku drugu stranicu izvan vašeg domena.
Od tiga zavisi koji ćete href atribut koristiti:

internal href="#strelica"
local href="../slike/slika.jpg"
global href="http://www.gmail.com"

Tekst linkovi

<a href="http://http://nodza.wikispaces.com/" target="_blank" >HTML Tutorijali</a>

Email linkovi


<a href="mailto:sfprog@gmail.com?subject=pomoc&body=trebam pomoc">sfprog@gmail.com</a>
 
 

Novak Radulovic


Dodavanje neke web stranice na vasu Wiki stranu



external image 8539676499010470354-2567230330844619384?l=novakradulovic.blogspot.com
Ovo se postize veoma lako. U Editoru izaberete ikonicu Embed Widget, pa na tab Other HTML i ukucate sledeci kod:

<iframe src="http://novakradulovic.blogspot.com"
frameborder="1" scrolling="auto" width="100%" height="600"></iframe>