Web Dizajn Predavanja

WEB
1.HTML(HEAD,TITLE,BODY)
2.HTML(COLOR,BACKGROUND,FONT)
3.HTML(BR,P,IMG)
4.HTML( )
5. HTML(ORDERED ,UNORDERED)
6.HTML (TR,TD)
7.HTML table(COLSPAN i ROWSPAN)
8.HTML
9.HTML
10.

, .
.
...
, HTML , .
HTML .html htm. HTML
Hyper Text Mark-up Language. !
, HTML ,
...
!
. ( ,
, .) , ,
HTML? MS Notepad!!! .
""
. Internet Explorer,
Windows .
.
Kako do podebel tekst <B>xxxxx</B>
Kako do ukosen tekst <I>xxxxx</I>
Podvlecen tekst <U>xxxxx</U>
Font fiksna sirina <TT>xxxxx</TT>
Promena na goleminata (od 1 do 7) <FONT SIZE=5>xxxxx</FONT>
Promena vrstata na font <FONT FACE="arial">xxxxx</FONT>
Promena boja na font <FONT COLOR="#0000FF">xxxxx</FONT>
The rollercoaster!
The Handy Dandy Font Viewer
Boja pozadina <BODY BGCOLOR="#xxxxxx">
Boja tekst, linkovi itn. za cela strana<BODY BGCOLOR="#xxxxxx"

TEXT="#xxxxxx" LINK="#xxxxxx" VLINK="#xxxxxx"
ALINK="#xxxxxx">
Kraj na redot nov red <BR>
Nov pasus <P>
Rastojanie (specijalen znak)
poveke prazni redovi <BR>
Slika za pozadina <BODY BACKGROUND="xxxxx.gif"> (ili .jpg)

dodavanje slika <IMG SRC="xxxxx.gif" WIDTH=123 HEIGHT=456>
Izvor na slika (SRC)
Slka-link <A HREF="http://xxxxx"><IMG SRC="xxxxx.gif"
WIDTH=123 HEIGHT=456></A>
Atribut ALT <IMG SRC="xxxxx.gif" WIDTH=123 HEIGHT=456
ALT="Tekst koj ja opisuva slikata">
Dodavanje link <A HREF="http://mojedelo.html">Moe delo</A>
Dodavanje e-mail link <A HREF="mailto:ja@mojastrana.net">Pisi
mi!</A>
Slika-link <A HREF="http://xxxxx"><IMG SRC="xxxxx.gif"
WIDTH=123 HEIGHT=456></A>
Link do konkreten del na nekoja strana <A
HREF="http://xxxxx#nesto_vazno">Neto vano</A>
Centriranje <CENTER>xxxxx</CENTER>
Dodavanje margini na tagot <BLOCKQUOTE>
ORDERED i UNORDERED listi
<UL> (ili OL)
<LI>List item
</UL>
Definiciona lista
<DL>
<DT>Definicioni naslov
<DD>Elementi lista
</DL>
Horizontalna linija <HR ALIGN=left|right|center WIDTH=80%
SIZE=3 NOSHADE>
Preformatiran tekst - <PRE> tag
Skelet HTML dokument - minimum neophodni tagovi
<HTML>
<HEAD>
<TITLE>Naslov na web strana</TITLE>
</HEAD>
<BODY>
Sadrzina na stranata
</BODY>
</HTML>
Boja na pozadina <BODY BGCOLOR="#xxxxxx">
Naslov na dokumentot <TITLE>Ovde ide naslov</TITLE>
Slika za pozadina BACKGROUND="ime_slike.gif" (ili .jpg)
Tag za komentar 
1.HTML(HEAD,TITLE,BODY)
Notepad ...
<HTML>
</HTML>
HTML . .
, / .
).

.
"" "
HTML (<HTML>) HTML (</
html>). , .
HTML HEAD .
<HTML>
<HEAD>
</HEAD>
</HTML>
HEAD (TITLE).
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
</HTML>
HTML BODY .
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
web
.
<HTML>
<HEAD>
<TITLE>Moja
</HEAD>
<BODY
>
Mala Web strana!

</BODY>
</HTML>
prva
web
strana</TITLE>
, HTML
. PAGE1.HTML .
2.HTML(COLOR,BACKGROUND,FONT)
<HTML>,
<HEAD> i <TITLE> <BODY> .
.
<BODY BGCOLOR="#330000>
Mala Web strana!
</BODY>
FFFFFF- .
.
33000 33330 33660 33990 33CC0 33FF0 66FF0 66CC0 66990 66660 66330 66000 FF000 FF330 FF
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
33003 33333 33663 33993 33CC3 33FF3 66FF3 66CC3 66993 66663 66333 66003 FF003 FF333 FF
3
3
3
3
3
3
3
3
3
3
3
3
3
3
3
33006 33336 33666 33996 33CC6 33FF6 66FF6 66CC6 66996 66666 66336 66006 FF006 FF336 FF
6
6
6
6
6
6
6
6
6
6
6
6
6
6
6
33009 33339 33669 33999 33CC9 33FF9 66FF9 66CC9 66999 66669 66339 66009 FF009 FF339 FF
9
9
9
9
9
9
9
9
9
9
9
9
9
9
9
3300C 3333C 3366C 3399C 33CCC 33FFC 66FFC 66CCC 6699C 6666C 6633C 6600C FF00C FF33C FF
C
C
C
C
C
C
C
C
C
C
C
C
C
C
C
3300F 3333F 3366F 3399F 33CCF 33FFF 66FFF 66CCF 6699F 6666F 6633F 6600F FF00F FF33F FF
F
F
F
F
F
F
F
F
F
F
F
F
F
F
F
0000F 0033F 0066F 0099F 00CCF 00FFF 99FFF 99CCF 9999F 9966F 9933F 9900F CC00F CC33F CC
F
F
F
F
F
F
F
F
F
F
F
F
F
F
F
0000C 0033C 0066C 0099C 00CCC 00FFC 99FFC 99CCC 9999C 9966C 9933C 9900C CC00C CC33C CC
C
C
C
C
C
C
C
C
C
C
C
C
C
C
C
00009 00339 00669 00999 00CC9 00FF9 99FF9 99CC9 99999 99669 99339 99009 CC009 CC339 CC
9
9
9
9
9
9
9
9
9
9
9
9
9
9
9
00006 00336 00666 00996 00CC6 00FF6 99FF6 99CC6 99996 99666 99336 99006 CC006 CC336 CC
6
6
6
6
6
6
6
6
6
6
6
6
6
6
6
00003 00333 00663 00993 00CC3 00FF3 99FF3 99CC3 99993 99663 99333 99003 CC003 CC333 CC
3
3
3
3
3
3
3
3
3
3
3
3
3
3
3
00000 00330 00660 00990 00CC0 00FF0 99FF0 99CC0 99990 99660 99330 99000 CC000 CC330 CC
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
These are the grays:
000000
333333
666666
999999
CCCCCC
FFFFFF
(
).
<BODY BACKGROUND="N.gif">

. .

.
Mala Web<B>strana</B>
<B>strana</B>

Mala <I>Web</I> <B>strana</B>

<I>Web</I>
<U>Mala</U> <I>Web</I> <B>strana</B>

<U>Mala</U>

<TT>Mala Web strana</TT>
.

<BODY BGCOLOR="#FFFFFF">
Mala Web <FONT>strana</FONT>
</BODY>
SIZE.
Mala Web <FONT SIZE=6>strana</FONT>
</BODY>
7
3.

(,,).
, Times New Roman od 12pt ( HTML e
3), . HTML
. .ARIAL,VERDANA...
Mala Web <FONT FACE="ARIAL">strana</FONT>
</BODY>

.
. Windows ARIAL
VERDANA.
.
<FONT FACE="ARIAL, HELVETICA, VERDANA">Zdravo</FONT>.
... ARIAL.

,
.

Mala Web <FONT COLOR="#FF0000">>strana</FONT>
</BODY>

Mala Web <FONT COLOR="#FF0000" FACE="ARIAL"
SIZE="6">>strana</FONT>
</BODY>
ARIAL 6

.
Mala Web <U><I><B><FONT COLOR="#FF0000" FACE="ARIAL"
SIZE="6">>strana</FONT><U><I><B>
</BODY>
.

:
-
-
-
- .

HTML .
<BODY BGCOLOR="#00000" TEXT="#FFFF00" LINK="#FF0000"
VLINK="#800000" ALINK="#008000">
Mala Web strana
</BODY>
rollercoaster!
.
r<FONT SIZE=4>
o</FONT><FONT SIZE=4>
l</FONT><FONT SIZE=5>
l</FONT><FONT SIZE=6>
e</FONT><FONT SIZE=7>
r</FONT><FONT SIZE=7>
c</FONT><FONT SIZE=6>
o</FONT><FONT SIZE=5>
a</FONT><FONT SIZE=4>
s</FONT><FONT SIZE=3>
t</FONT><FONT SIZE=2>
e</FONT><FONT SIZE=1>
r!</FONT>
HTML
. View/Source .
3.HTML(BR,P,IMG)

.

<BODY BGCOLOR="FFFFFF">
Mal
kratok
tekst
vo HTML-ot
</BODY>
.
, ,
.
Mal
<BR>kratok
<BR>tekst
<P> vo HTML-ot
</BODY>
<BR> . <BR>
<P>. ,
.
<P> .
<P><P><P>
.? ?
.
Mal
kratok
tekst
</BODY>
.
. .
- &nbps;
Mal&nbps;&nbps;&nbps;
kratok &nbps;
tekst&nbps;&nbps;&nbps;&nbps;
</BODY>
& ;
. . :(
)
-&nbps;( )
-< )
-> )
-&(&)
-&guot;(navodnici)
-()

(center) .
<CENTER> Mal kratok tekst</CENTER>
</BODY>
. <CENTER>
.
web .
. .
<IMG> .
<IMG>
</BODY>

<IMG SRC="zname.jpg" WIDTH=124 HEIGHT=150>
</BODY>
src
, .
,
"chef.gif".
SRC="chef.gif"
HTML , .
SRC="images/chef.gif"
HTML .
? ( )
SRC="../chef.gif" HTML
.
SRC="../../chef.gif" HTML
.
SRC="../images/chef.gif"
, HTML .
SRC="../../../other/images/chef.gif" -
.
. URL.
IMG ALT...
<IMG SRC="zname.jpg" WIDTH=124 HEIGHT=150 ALT="Zname na
Makedonija!">
ALT ,
( ).
, .
ALT .
,
.
( 1x1).
<IMG SRC="red_dot.gif" WIDTH=510 HEIGHT=1><P>
<CENTER><IMG SRC="red_dot.gif" WIDTH=2 HEIGHT=200></CENTER>
</BODY>
4.HTML( )
. YAHOO.
<BODY BGCOLOR=#FFFFFF>
Posetete go YAHOO!
</BODY>
ANCHOR .
Posetete <A>go YAHOO!</A>
</BODY>
URL-. URL- Universal Resource

Locator( ), web
.
Posetete go <A HREF=http://www.yahoo.com/> YAHOO! </A>
</BODY>
.
Posetete go <A HREF=http://www.home.netscape.com/> NETSCAPE!
</A>
</BODY>
e-mail ,
web e-mail .
Pisete mi
<A
HREF=https://www.mailto:aspamk@gmail.com?subject=zdravo,aspa>
mail! </A>
</BODY>

.
.
<IMG> .
Posetete go <A HREF=http://www.gmail.com/><IMG SRC="zname.jpg"
WIDTH=124 HEIGHT=150 BORDER=0 ALT=Links> </A>
</BODY>

.. .
.
,
<A></A> .

/NAME=ime/.
<A Name =upabit>Dodajte </A>URL adresata I gotovo

Klikni <A HREF="12.html">ovde</A>
Name
Klikni <A HREF="12.html#upabit">ovde</A>
5. HTML(ORDERED ,UNORDERED)
.
<Blockquote> ,
.
<BLOCKQUOTE>
Definicija: Kompjuterot prestavuva sklop na visokotehnoloski
komponenti (hardware) opremeni so programi (software)so
zaednicka cel da se ovozmozi masovna obrabotka na
podatocite.
</BLOCKQUOTE>
</BODY>
.
ORDERED UNORDERED .
ORDERED
1.nesto
2.uste nesto
3.i ova
4.i kraj
UNORDERED
crveno
plavo
belo
zeleno
UNORDERED
<BODY
BGCOLOR="#FFFFFF">
Sto sakam za rodenden ?

<UL>
<LI>nov
<LI>brz gliser
<LI>1.000.000
</UL>
</BODY>
PC
$
ORDERED .
<UL> <OL>.
<BODY
BGCOLOR="#FFFFFF">
Sto sakam za rodenden ?

<L>
<LI>nov
<LI>brz gliser
<LI>1.000.000
</L>
</BODY>
PC
$
<DL>.
<DL>
<DT><B>Definicija
za kompjuter</B>
<DD>
Definicija:
Kompjuterot
prestavuva
sklop
na
visokotehnoloski komponenti (hardware) opremeni so programi
(software)so zaednicka cel da se ovozmozi masovna obrabotka
na
podatocite.
</DL>
</BODY>
(
).
<BODY
<HR
<HR
<HR
<HR
<HR
<HR
</BODY>
BGCOLOR="#FFFFFF">
WIDTH=20%>
WIDTH=50%>
WIDTH=100%>
WIDTH=20>
WIDTH=50>
WIDTH=100>
,
.
<BODY
<HR WIDTH=60%
<HR WIDTH=60%
<HR WIDTH=60%
</BODY>
BGCOLOR="#FFFFFF">
ALIGN=LEFT>
ALIGN=RIGHT>
ALIGN=CENTER>

2), .
<BODY
<HR WIDTH=60%
<HR WIDTH=60%
<HR WIDTH=60%
<HR WIDTH=60%
</BODY>
SIZE=3
(
BGCOLOR="#FFFFFF">
SIZE=1>
COLOR="RED">
SIZE=8>
SIZE=15>
.
<BODY
<HR WIDTH=60% SIZE=1
<HR
WIDTH=60% SIZE=3
<HR
WIDTH=60% SIZE=8
<HR
WIDTH=60% SIZE=15
</BODY>
BGCOLOR="#FFFFFF">
NOSHADE>
NOSHADE>
NOSHADE>
NOSHADE>
.
<BODY

Komentarot moze da se najde bilo kade vo HTML FAJLOT,A

BROUZEROT KE IGNORIRA SE STO SE NAOGA VNATRE VO
KOMENTAROT .Ovoj tag mozeme da go koristime za dodavanje
na srieni poraki ,sluzi kako nekoj vid na
potsetnik za samite nas ili mozete da dodadete nekoj korisen
sovet za onie sto go gledat vasiot sors kod.
</BODY>
6.HTML (TR,TD)
...
<TABLE>
. ,
,, .
<TR>
(table row) ,
.
<TD>
(table data)
.
, HTML
. PAGE1.HTML .
<TABLE></TABLE> <BODY>
<HTML>
<HEAD>
<TITLE> Tabeli</TITLE>
</HEAD>
<BODY>
<TABLE>
</TABLE>
</BODY>
</HTML>
(row).
<HTML>
<HEAD>
<TITLE>Tabeli</TITLE>
</HEAD>
<BODY>
<TABLE>
<TR>
</TR>
</TABLE>
</BODY>
</HTML>
.
<HTML>
<HEAD>
</HEAD>
<BODY>
<TABLE>
<TR>
<TD></TD>
</TR>
</TABLE>
</BODY>
</HTML>
.
<HTML>
<HEAD>
</HEAD>
<BODY>
<TABLE>
<TR>
<TD> ASPA</TD>
</TR>
</TABLE>
</BODY>
</HTML>
.
,
.
<HTML>
<HEAD>
</HEAD>
<BODY>
<TABLE BORDER=15 WIDTH=100 HEIGHT=50>
<TR>
<TD> IME</TD>
<TD> Prezime</TD>
<TD> Grad</TD>
</TR>
<TR>
<TD> Asparuh</TD>
<TD> Petrov</TD>
<TD> Kochani</TD>
</TR>
</TABLE>
</BODY>
</HTML>

%. ,
(, ,
, ).
<HTML>
<HEAD>
</HEAD>
<BODY>
<TABLE BORDER=15 WIDTH=100% HEIGHT=50%>
<TR>
<TD ALIGN=LEFT VALIGN=TOP> IME</TD>
<TD ALIGN=RIGHT VALIGN=BOTTOM> Prezime</TD>
<TD ALIGN=CENTER VALIGN=MIDDLE> Grad</TD>
</TR>
<TR>
<TD ALIGN=LEFT VALIGN=TOP> Asparuh</TD>
<TD ALIGN=RIGHT VALIGN=BOTTOM> Petrov</TD>
<TD ALIGN=CENTER VALIGN=MIDDLE> Kochani</TD>
</TR>
</TABLE>
</BODY>
</HTML>
.
CELLPADDING i
CELLSPACING. <TABLE>.
CELLPADDING
, 1.
CELLSPACING
2.
<HTML>
<HEAD>
</HEAD>
<BODY>
<TABLE BORDER=15 WIDTH=100% HEIGHT=50% CELLSPACING=10
CELLPADDING=10>
<TR>
<TD ALIGN=LEFT VALIGN=TOP> IME</TD>
</TR>
<TR>

</TR>
<TR>
<TD ALIGN=LEFT VALIGN=MIDDLE><IMG SRC="zname.jpg"
WIDTH=32 HEIGHT=32></TD>
</TR>
</TABLE>
</BODY>
</HTML>
,
.
<HTML>
<HEAD>
</HEAD>
<BODY>

CELLPADDING=10 BGCOLOR="#009900">
<TR BGCOLOR="#009900">
<TD ALIGN=LEFT VALIGN=TOP BGCOLOR="#009900"> IME</TD>
</TR>
<TR>
</TR>
<TR>
</TR>
</TABLE>
</BODY>
</HTML>
7.HTML table(COLSPAN i ROWSPAN)
COLSPAN i ROWSPAN.

COLSPAN
.
, .
ROWSPAN
COLSPAN .
<HTML>
<HEAD>
</HEAD>
<BODY>
<TD ALIGN=LEFT VALIGN=TOP BGCOLOR="#009900" ROWSPAN=2>
IME</TD>
<TD ALIGN=RIGHT VALIGN=BOTTOM COLSPAN=2> Prezime</TD>
</TR>
<TR>
</TR>
<TR>
</TR>
</TABLE>
</BODY>
</HTML>
UNORDERED ORDERED
.
<HTML>
<HEAD>
</HEAD>
<BODY>
<TD ALIGN=LEFT VALIGN=TOP BGCOLOR="#009900" ROWSPAN=2>
IME</TD>
<TD ALIGN=RIGHT VALIGN=BOTTOM COLSPAN=2> Prezime</TD>
</TR>
<TR>
</TR>
<TR>
</TR>
<TD>
Satojki za pita od jabolki
<UL>
<LI>Jabolko
<LI>Brashno
<LI>Sheker
<LI>Cimet
</UL>
</TD>
</TR>
<TR>
<TD>
<TABLE BORDER=3>
<TR>
<TD>Asparuh</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>

. .
, .

.
.
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0>
<CAPTION ALIGN=top><FONT SIZE=6><B><I>AMD vs. Intel?
</I></B></FONT></CAPTION>
<TR>
<TD ROWSPAN=3><IMG SRC="dragon/dragon4.gif" WIDTH=250
HEIGHT=406></TD>
<TD><IMG SRC="dragon/dragon3.gif" WIDTH=122 HEIGHT=109></TD>
<TD ROWSPAN=3><IMG SRC="dragon/dragon5.gif" WIDTH=219
HEIGHT=406></TD>
</TR>
<TR>
<TD><IMG SRC="dragon/anidrag.gif" WIDTH=122 HEIGHT=50></TD>
</TR>
<TR>
<TD><IMG SRC="dragon/dragon2.gif" WIDTH=122 HEIGHT=247></TD>
</TR>
</TABLE>

8.HTML
HTML ..
<FORM>
<INPUT>
<INPUT>
</FORM>

. .
CGI
. ,
.
tzv. .
.
<HTML>
<HEAD>
<TITLE>nas prv obrazec</TITLE>
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="mailto:xxx@xxx.xxx"
ENCTYPE="text/plain">
</FORM>
</BODY>
</HTML>

xxx@xxx.xxx,

111@xxx.xxx,222@yyy.yyy,333@zzz.zzz.
(TYPE) <INPUT> e TEXT.
INPUT (NAME).
(.
123) INPUT
ADDRESS
ADDRESS=boulevard ilinden 123.
<HTML>
<HEAD>
</HEAD>
<BODY>
<FORM >
<INPUT TYPE=TEXT NAME="ADDRESS">
</FORM>
</BODY>
</HTML>
(VALUE).

, 20,
.
<HTML>
<HEAD>
</HEAD>
<BODY>
<FORM >
<INPUT TYPE=TEXT NAME="ADDRESS" VALUE=" boulevard
ilinden 123" SIZE=10 MAXLENGTH=10>
</FORM>
</BODY>
</HTML>
TYPE=TEXT
TYPE=PASSWORD.
*****.
<INPUT TYPE=PASSWORD>
(<INPUT>)
(NAME).
<INPUT TYPE=PASSWORD NAME="USER PASSWORD">
SIZE, VALUE, i MAXLENGTH . <TAG>
.
,
.
RADIO BUTTONS i CHECK
BOXES. RADIO BUTTONS

CHECK BOXES
, .
<HTML>
<HEAD>
</HEAD>
<BODY>
<FORM >
<CENTER>
<TABLE WIDTH=400 BORDER=1 CELLSPACING=1>
<TR>
<TD WIDTH=99>koj ti e najdobar drugar? <BR>
<INPUT TYPE=TEXT NAME="ADDRESS" VALUE=" boulevard
ilinden 123" SIZE=10 MAXLENGTH=10>
<INPUT TYPE=PASSWORD NAME="USER PASSWORD">
<INPUT TYPE=RADIO NAME="NAJDOBAR DRUGAR"

VALUE="Pero"> Pero Perov <BR>
VALUE="trajce"> trajce trajcev <BR>
VALUE="oli"> oli oliev<P>
</TD>
<TR>
<CENTER>
<TABLE WIDTH=600 BORDER=1 CELLSPACING=1><TR>
<TD WIDTH=199>
Ko ti se drugari od dolu navedenite?<BR>
<INPUT TYPE=CHECKBOX NAME="Drugar?..Pero"
VALUE="YES"> Pero Perov<BR>
<INPUT TYPE=CHECKBOX NAME="Prijatelj?..Trajce"
VALUE="YES"> trajce trajcev<BR>
<INPUT TYPE=CHECKBOX NAME="Prijatelj?..oli"
VALUE="YES"> oli oliev<P>
</TD>
<TD WIDTH=200>
Na koj bi mu pozajmile pari?<BR>
<INPUT TYPE=CHECKBOX NAME="Pozajmica?...Pero"
VALUE="YES"> Pero Perov <BR>
<INPUT TYPE=CHECKBOX NAME="Pozajmica?...trajce"
VALUE="YES"> trajce trajcev <BR>
<INPUT TYPE=CHECKBOX NAME="Pozajmica?...oli"
VALUE="YES"> oli oliev<P>
</TD>
</TR></TABLE>
</CENTER>
</FORM>
</BODY>
</HTML>
PULL DOWN LIST.

<SELECT> <INPUT>.
.
.
SCROLLING SIZE
<SELECT>.
<HTML>
<HEAD>
</HEAD>
<BODY>
<FORM >
<SELECT NAME="NAJDOBAR DRUGAR" SIZE=2 >
<OPTION VALUE="PERo">Pero
<OPTION VALUE="Trajce" SELECTED>Trajce
<OPTION VALUE="oli">Oli
</SELECT>
</FORM></BODY>
</HTML>
<TEXTAREA>.
ROWS
COLS
. WRAP.
WRAP=VIRTUAL-

WRAP=PHYSICAL-

WRAP=OFF-

<HTML>
<HEAD>
</HEAD>
<BODY>
<FORM >
<TEXTAREA NAME="COMMENTS" ROWS=6 COLS=50
WRAP=VIRTUAL>
</TEXTAREA>
</FORM>
</BODY>
</HTML>
HIDDEN.
<INPUT
Form">
TYPE=HIDDEN
NAME="LOCATION"
VALUE="USA
HIDDEN /
.

.
(,,,
..)
.
HIDDEN ..
<INPUT TYPE=HIDDEN NAME="OBRAZAC" VALUE="Verzija 1">
...za
prva
verzija
...za
vtora
verzija
...za treta verzija
.
FILE UPLOAD.

.
FORM,
ENCTYPE="multipart/form-data".
SUBMIT i RESET
<INPUT TYPE=FILE NAME="myfile">
<HTML>
<HEAD>
</HEAD>
<BODY>
<FORM ENCTYPE="multipart/form-data">
<INPUT TYPE=FILE NAME="myfile">
<INPUT TYPE=SUBMIT VALUE="vic za nas"><BR>
<INPUT TYPE=RESET VALUE="Brisi obrazac!"><P>
</FORM>
</BODY>
</HTML>
9.HTML
, HTML .
,
HTML
dokument
(npr.
LEVO.HTML), HTML
dokument (npr. DESNO.HTML).
HTML . <FRAME>
, .
.
<FRAMESET> i
<FRAME>.
<HTML>
<HEAD>
<TITLE>HTML Frejmovi</TITLE>
</HEAD>
<BODY>
Ivana
</BODY>
</HTML>
IVANA.HTML,
HTML .
<BODY> .
<FRAMESET>.
.
.
.
<HTML>
<HEAD>
<TITLE>Glavna
strana</TITLE>
</HEAD>
<FRAMESET COLS="50%,50%" >
<FRAME SRC="ivana.html">
<FRAME SRC="dragana.html">
</FRAMESET>
</HTML>
(COLS) (ROWS)

.
.
YES, NO ili
AUTO. YES
, NO

, AUTO

.

, .

MARGINWIDTH
MARGINHEIGH,
.
BORDER, BORDERCOLOR,
FRAMEBORDER.
<HTML>
<HEAD>
<TITLE>Glavna
strana</TITLE>
</HEAD>
<FRAMESET COLS="50%,50%" BORDER=20
BORDERCOLOR="#FFOOOO" >
<FRAME SRC="world.gif" WIDTH=146 HEIGHT=162
SCROLLING=NO MARGINWIDTH=1 MARGINHEIGHT=1 >
</FRAMESET>
<FRAMESET
ROWS="10%,20%,30%,15%,25%"
FRAMEBORDER=NO>
<FRAME SRC="maja.html">
<FRAME SRC="tina.html">
<FRAME SRC="slavica.html">
</FRAMESET>
</HTML>

INDEX.HTML
FRAMZ1.GIF. .
ROWS="83,*"? 83 8
(75)
.

. BANNER.HTML(
)
<HTML>
<HEAD>
<TITLE>Test
strana
Banner</TITLE>
</HEAD>
<BODY
BGCOLOR="#0000FF">
<CENTER><IMG
SRC="framz1.gif"
WIDTH=500
HEIGHT=75></CENTER>
</BODY>
</HTML>
, <FRAMESET>
,
. NAVIGACIJA.HTML(
)
<HTML>
<HEAD>
<TITLE>Test strana - Navigacija</TITLE>
</HEAD>
<H3>Navigacija</H3>
<A HREF="home.html" TARGET="MAIN-WINDOW"
>Home</A><P>
Dojdi <A HREF="ovde.html" TARGET="MAIN-WINDOW"
>Ovde</A><BR>
ili idi <A HREF="tamo.html" TARGET="MAIN-WINDOW"
>Tamo</A><P>
Poseti<BR>
<A HREF=http://www.yahoo.com/ TARGET="_top"
>Yahoo</A><BR>
<A HREF=http://home.netscape.com/ TARGET="_top"
>Netscape</A>
</BODY>
</HTML>
HOME.HTML, OVDE.HTML i TAMO.HTML. (

).
HOME.HTML
<HTML>
<HEAD>
<TITLE>Test
strana -
Home</TITLE>
</HEAD>
<BODY
BGCOLOR="#FFFFFF">
<H1 ALIGN=center>Ova e
Dom
(iliti Home).</H1>
Dobrodojdovte na moj homepage! Ovaj mal web sajt treba bi

da je atraktivan i ednostaven za
navigacija.<P>
<CENTER>Uzivajte!</CENTER><P>
Posetite
Yahoo
na
<A
HREF="https://www.yahoo.com"
TARGET="_top"></A>.
</BODY>
</HTML>
OVDE.HTML
<HTML>
<HEAD>
<TITLE>Test
strana
Ovde</TITLE>
</HEAD>
<BODY
BGCOLOR="#FFFFFF">
<H1 ALIGN=center>Ovde</H1>
Dobrodojdovte Ovde. Tuka e pocetok na se. Se sto ne e tamu
ovde
</BODY>
</HTML>
TAMO.HTML.
e.
<HTML>
<HEAD>
<TITLE>Test
strana
Tamo</TITLE>
</HEAD>
<BODY
BGCOLOR="#FFFFFF">
<H1 ALIGN=center>Ova e
Tamo</H1>
test test
</BODY>
</HTML>
HTML

INDEX.HTML
<HTML>
<HEAD>
<TITLE>Test
strana</TITLE>
</HEAD>
<FRAMESET ROWS="83,*">
<FRAME SRC="banner.html" SCROLLING=NO
MARGINWIDTH=1 MARGINHEIGHT=1 >
<FRAMESET COLS="20%,80%">
<FRAME SRC="navigacija.html">
<FRAME SRC="home.html" NAME="MAIN-WINDOW">
</FRAMESET>
</FRAMESET>
</HTML>
10.
html

.
FTP . FTP File Transfer Protocol
HTTP - HyperText Transfer Protocol.
Windows Commander, CuteFTP, FTP Explorer, Leech FTP, FTP

Pomonik,
1st
Transfer
FTP.
Windows Commander.
FTP HTML
(login
name,
ftp
ftp.provajder.net.
user
name)
(password).
provajder.net
Windows Commander
1. meni Commands
FTP Connect
2. New
connection
3.

4. Connect

5. ftp

(
).
(drag&drop)
.
ftp .
1. 30 .
2. (
30 )
3. :10
4.:
55-64 ()-----6
65-74()------7
75-84()-----8
85-94()----9
95-100()----10

Web Dizajn Predavanja

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Web Dizajn Predavanja

Uploaded by

Copyright:

Available Formats

WEB

Boja pozadina <BODY BGCOLOR="#xxxxxx">

Boja tekst, linkovi itn. za cela strana<BODY BGCOLOR="#xxxxxx"

Slika za pozadina <BODY BACKGROUND="xxxxx.gif"> (ili .jpg)

Mala Web strana!

These are the grays:

<U>Mala</U> <I>Web</I> <B>strana</B>

URL-. URL- Universal Resource

Sto sakam za rodenden ?

Sto sakam za rodenden ?

Komentarot moze da se najde bilo kade vo HTML FAJLOT,A

<TD ALIGN=RIGHT VALIGN=BOTTOM> Petrov</TD>

<TABLE BORDER=15 WIDTH=100% HEIGHT=50% CELLSPACING=10

7.HTML table(COLSPAN i ROWSPAN)

<INPUT TYPE=RADIO NAME="NAJDOBAR DRUGAR"

PULL DOWN LIST.

HOME.HTML, OVDE.HTML i TAMO.HTML. (

Dobrodojdovte na moj homepage! Ovaj mal web sajt treba bi

Windows Commander, CuteFTP, FTP Explorer, Leech FTP, FTP

You might also like