.


:




:

































 

 

 

 


ққ ғұ

қ ұ

қ: Web қ . . Web қң қ ң. құ.

ұң қ: HTML қ қ Web-қ құ

ққ ғұ

HTML құ ә ә ұ. HTML құ ң .htm ә ә . құ ү ә қғ . құғ Web қң ә ө ү Microsoft Internet Explorer қ.

HTML ң қ. HTML-құ ң ұ <HTML>... </HTML>. ұ қ құ HTML- ә . қ ғ құғ ә ң қ.

< HTML >

...

Құ ә

...

</HTML >

ѳң құ HTML- ң. Құ ө: "қ" ә " құ " ұ.

 

қ қ. қ қ <HEAD> </HEAD> ң .

< HTML >

<HEAD>

қ қ

...

</HEAD>

Құ ә

</ HTML >

қ қ ө құң ө . ү <TITLE> </TITLE> қ. ұ ң қ қ . ұ қ :

< HTML >

<HEAD>

<TITLE> Құң </TITLE>

</HEAD>

Құ ә

</ HTML >

Құ ң қ

Қғ HTML-құ, ғ қғ қ ә <BODY></BODY> ң . ң құ ғ ү :

< HTML >

<HEAD>

<TITLE> Құң </TITLE>

</HEAD>

<BODY>

құ ә

</BODY>

</ HTML >

ұ 3 қ қғ, құ ң ө-қ . қ ұ , қ ғ ғ құ қ .

1-ғ. Қ HTML құ.

1. Құғ Web-қ қ ү KURS- ң.

2. (Notepad) үң.

3. Қ HTML-ң ә ң.

<HTML >

<HEAD>

<TITLE> HTMLқ </TITLE>

</HEAD>

<BODY>

ғ қ

</BODY>

</HTML >

4. RASP.HTM қң.

5. Құғ Web-қ ө ү Microsoft Internet Explorer үң.

6. (File), (Open), (, Browse) KURS ң RASP.HTM , үң. Web-қң (HTML қ ) ң ғғ ө ң.

HTML-құ ү ә . ә .

ң ә ң ң . қ ә ғ ә-ә ә ң ү .

<BR> - ә ө ұ. <P> ө, қ қ ұ қ. ұ 2 .

2-ғ. - қ.

1. HTML ң ә ө ңң.

<HTML>

<HEAD>

<TITLE> HTML қ </TITLE>

</HEAD>

<BODY>

ғ <P>

қ <BR>

</BODY>

</HTML >

2. Ө ә RASP.HTM қң.

3. ққ Web-қ Microsoft Internet Explorer ө қ ғң. ғ ә ө қ ө?

 

ә ү . ә ү өң қғ ү . қ ү ү қ:

<B></B> - қң қ ()

<I></I> -

<U></U> - қ

Құ қ ү. , <I> <B> ғ </B> </I> <I> қ </I> <U> </U> ө ң.

қ ұ ғ құ ң қ .

<1-> <2->...</ 2-> </ 1-> - ұ

<1-> <2->...</1-> </2-> - қ .

өң . қ ә қң 2 ә .

- қ қ;

- құ ң ө ғғ ң ө ;

қ қ. ұ6-қ қ (<H1>- <H6>-ғ ). Ә ң қ ә .

3-ғ. қ қ.

1. RASP.HTM ө ңң.

< HTML >

<HEAD>

<TITLE> HTML қ </TITLE>

</HEAD>

<BODY>

<H1> ғ </H1> <I> қ </I> <U> </U>

</BODY>

</ HTML>

2. ққ Web-қ қ ғң.

ғғ ң ө . <FONT> 1- 7- әң ғғ ң ө ү .

4-ғ. ғғ ң ө .

1. RASP.HTM ө ң.

< HTML>

<HEAD>

<TITLE> HTML қ </TITLE>

</HEAD>

<BODY>

<FONT SIZE = 7> ғ </FONT>

қ

</BODY>

</HTML>

2. Ө ң ғ қ әң ө <FONT> қ өң.

3. HTML-құң ә қ өң.

ү. <FONT> ә ү ө ү . ө қ <FONT> FACE қ қ ү . , ә Arial ү <FONT FACE = ARIAL> .

ү ө ү <FONT> COLOR = X қғ . -ң үң (қ) қ 16-қ ә ғ . ү 16-қ ү, ұ ү әқ - ҒҒ-қ ә , ү құғ ө ө : қ (R-Red), (G-Green), ө (B-Blue). ұ ғ RGB ұ .

 

5-ғ. ң ү .

1. RASP.HTM-құ ө ң.

< HTML>

<HEAD>

<TITLE> HTML қ </TITLE>

</HEAD>

<BODY>

<U><I><B><FONT COLOR = #FF0000 FACE=ARIAL SIZE =7>

ғ қ </U></I></B>

</BODY>

</ HTML>

2. Ө ң құ әң ө, ү, , өң.

ә . HTML-ң ө ә қғ . ә қө, құғ қ , ң ғ .

Қ ALIGN =: ә қ.

ALIGN = CENTER

ALIGN = RIGHT- ң

ALIGN = LEFT .

 

6-ғ. ә .

1. RASP.HTM ө ң.

< HTML>

<HEAD>

<TITLE> HTML қ </TITLE>

</HEAD>

<BODY>

<P ALIGN = CENTER>

<FONT COLOR = #008080 SIZE = 7> <B>

ғ </B> </FONT> <BR>

<FONT SIZE = 6> <I> қ </I> </FONT>

</P>

</BODY>

</ HTML>

ә ү . ә ү ү ққ ү . үң . қ ү ң , HTML-ң <BODY> .

BGCOLOR = қ ң ү қ, TEXT= қ қғ ә ү , LINK = ә VLINK = ә қғ ә қғ ң ү қ (ңғ 2 қ).

 

7-ғ. ә ң ү .

RASP.HTM- ө ң.

< HTML>

<HEAD>

<TITLE> HTML қ </TITLE>

</HEAD>

<BODY BGCOLOR = #FFFFCC TEXT =#330066>

<P ALIGN = CENTER>

<FONT COLOR=#008080 SIZE=7><B>i </B></FONT> <BR>

<FONT SIZE =6> <I> қ </I> </FONT>

</P>

</BODY>

</HTML>

Web-қ . <IMG> құқ ү . ұ құң қ . .

Web- 3 : GIF, JPG, PNG. ғ ғ WAGON. GIF қ KURS ұ қ .

8-ғ. Web-қ .

RASP.HTM ө ң.

< HTML>

<HEAD>

<TITLE> HTML қ </TITLE>

</HEAD>

<BODY BGCOLOR = #FFFFFF TEXT = #330066>

<P ALIGN = CENTER>

<FONT COLOR =#008080 SIZE =7><B> ғ </B></FONT><BR>

<FONT SIZE = 6> <I > қ </I> </FONT> <BR>

<IMG SRC = WAGON .gif>

</P>

</BODY>

</HTML>

 

<IMG> ө , ғ ө ө қ ұ ү . IMG ң - .

SRC ң . ң - (URL) ө.

HEIDHT ә WIDHT ә ң ұғ қ. ө қ ө ө , ( ө ғ).

HSPACE ә VSPACE ұ ң құ өң ә қ қ қ.

ALIGN . Құғ ң . ә :

left құң . ғ қ ә ң ғ ө.

right құң ң . ғ қ ә ғ ө.

top ә textop ң ғғ ә ң ғғ ғғ ғ .

middle қ ғғ ә ң қ ғ .

bsmiddle ғғ ә ң .

botton ә baseline ғғ ә ң қ ғ ң ө .

absbottom ң ө ғғ ә ң ө .

NAME құқ ғ ң қ. ѳ қ қ . , , Iava-Script- ү ң .

ALT ә қ, ә қ.

BORDER ң ғ ң ұғ қ. ә ғ ғ . ұ ғ BORDER ә ң.

LOW SCR ұ SRC , ө ө ң - (URL) . ұ қ LOW SRC- ү, SRC- .

USEMAP қ (image map) қ. ғ ң . , map1 , ғ қ : #map1. ұ ә ә ә ұ қ ә ү .

ISMAP өң қ (image map) қ. ғ қ. қ қ ғ x, y . ғ ғ ( ә қ қ ) құ ө . ұ ғғ -қ .

1.

<IMG src="img/picture.gif" WIDTH="45" HEIGHT="53" ALT="" HSPACE="10" ALIGN="left">

ұ ә ң ң ғ ө ә 10 қққ .

2. ү қ.

<A HREF="carlson.html">
<IMG src="img/button.jpg" WIDTH="70" HEIGHT="30" ALIGN="right" BORDER="0" ALT=" ">
</A>

қ ғ ү ң қ ң.

3. ISMAP- қ.

<A HREF="http://www.igf.ru/bin/imagemaps/map1">
<IMG SRC="map.gif" ISMAP></A>

4. USEMAP- қ.

<IMG src="img/buttons.jpg" WIDTH="170" HEIGHT="120" ALIGN="middle" BORDER="0" USEMAP="#ButtonsMap">

9-ғ. .

RASP.HTM ө ңң: ALT, BORDER, HEIGHT, WIDTH қ қ өң.

. Әқ қ ң (ө ) ң, Web-қң ү қ ә .

қ . қ ұ ұ қ . қ ұ қ, ә ң ә.

қ <BODY> .

10-ғ. Web-ққ қ .

RASP.HTM ө ң:

<HTML>

<HEAD>

<TITLE>HTML қ </TITLE>

</HEAD>

<BODY BACKGROUND=WAGON.GIF TEXT=#330066>

<P ALIGN=CENTER>

<FONT COLOR=#008080 SIZE=7> <B> ғ </B></FONT><BR>

<FONT SIZE=6><I>қ </I></FONT><BR><BR>

</P>

</BODY>

</HTML>

WAGON.GIF қ қ.

 

. HTML құң ң ө . ғ өң ұ ұ . ғң қ ұқ . Ұқ ә, қ ү.

ү ө ұ: , ғ қ, ұқ.

( ңғ ә ғ ө). Ә ұқ .

 

6.1-

TABLE <TABLE> ә </TABLE>
TR <TR> ә </TR> ө
TD <TD> ә </TD> ғ ө

 

6.2- - <TABLE> ң

BORDER <TABLE BORDER =1> қ
WIDHT <TABLE WIDHT=60%> қ
BGCOLOR <TABLE BGCOLOR =#RRGGBB> ң ү

6.3- - <TD> ә <TR> ң

ALIGN <TR ALIGN=RIGHT> өң ғ (RIGHT, LEFT, CENTER)
VALIGN <TR VALIGN=TOP> ҳ ғ (TOP, MIDDLE, BOTTOM, BASELINE)
BGCOLOR <TR BGCOLOR =#CCCCFF> ү

11-ғ. құ.

1. ғ ң.

2. ә ң:

<HEAD>

<TITLE>5- i</TITLE>

</HEAD>

<BODY COLOR=FFFFFF>

<P ALIGN=CENTER>

<FONT COLOR="RED"SIZE="6"FACE="ARIAL">

<B>5 </B></FONT><BR></P>

<FONT COLOR="BLUE" SIZE="4" FACE="OOURIER"> <B>i</B></FONT><BR>

<TABLE BORDER="I" WIDTH=100% BGCOLOR="99CCCC">

<TR BGCOLOR="CCCCFF" ALIGN=CENTER>

<TD></TD><TD>5 A</TD><TD>5 B</TD><TD>5 B</TD>

</TR>

<TR> <TD>1</TD>

<TD> ii</TD><TD></TD><TD></TD>

</TR>

<TR>

<TD>2</TD><TD></TD><TD></TD><TD> ii</TD>

</TR>

<TR>

<TD>3</TD><TD></TD><TD></TD><TD> </TD> </TR> </TABLE>

</BODY>

</HTML>

3. Құ 5.HTM қң.

 

12-ғ. құ.

ққ Web-қ ү қ қң.

 

құ ғғ . ұ ү 2 өң : ң ә ң ө. ѳ ң қ. ѳ ү қ . ұ ң . ѳ ү ө ү <BODY> ң LINK ә VLINK қ.

ѳ .

<A HREF = #DC> ү </A>

ң (DC) қ ө ғ # қ. > ә < ә . ұ ә ө ү .

ң ққ.

<A NAME = DC> ү </A>

13-ғ. құ ғ құ.

1. 5.HTM Wb-қң үң қң:

<HTML>

<TABLE WIDTH=100%>

<TR> <TD>i</TD>

<TD>i</TD>

<TD>i</TD>

<TD>i</TD>

<TD></TD>

<TD>i</TD>

<BODY BGCOLOR="FFFFFF">

</TR> </TABLE>

<BR>

...

</HTML>

3. қң.

 

ә құ. HTML-ң құғ құқ ө ү ң қ . ѳ ү:

1. HTML ү ң қң:

...

<FONT COLOR="BLUE" SIZE="4" FACE="OOURIER"><B><A NAME=""> i </A></B></FONT><BR>

...

3. ңғ ңғ үң ң.

...

<TABLE WIDTH=100%>

<TR>

<TD><A HREF ="">i </A></TD>

<TD>i</TD>

<TD>i</TD>

...

4. қң.

5. ққ Web-қ қ ғң.

 

қ HTML- . ѳ ө ө қ қ ғ ө ү .

ѳ қ:

<A HREF = 5.HTM> 5 </A>

(5. ) > ә < ә . ұ ө қ ғ ө .

14-ғ. қ HTML-құ .

1. RASP.HTM үң.

2. ғ ө ң.

<HTML>

<HEAD>

<TITLE> HTML </TITLE>

</HEAD>

<BODY BGCOLOR = "#FFFFFF" TEXT ="#330066">

<P ALIGN = CENTER>

<FONT COLOR = "#008080" SIZE ="7"> <B>i </B></FONT> <BR>

<FONT SIZE = "6"> <I> i </I> </FONT><BR>

<IMG SRC = "PH02750G.GIF">

</P>

<CENTER>

<TABLE WIDTH = 60%>

<TR> <TD> <A HREF="5.HTM"> 5 </A> </TD> <TD> 6 </TD> </TR>

<TR> <TD> 7 </TD> <TD> 8 </TD> </TR>

<TR> <TD> 9 </TD> <TD> 10 </TD> </TR>

<TR> <TD> 11 </TD> <TD> </TD> </TR>

</TABLE>

</CENTER>

</BODY>

</HTML >

3. қң.

4. ққ Web-қ қ ғң.

5 ә, ө ң, қ ғ ө.

15-ғ. қ HTML-құ қ ү c құ.

1. 5. ө ңң, ғ 5 қ ң ң.

ѳ қ қң.

...

</TR>

</TABLE> <BR>

<CENTER>

<A HREF = "RASP.HTM"> <IMG SRC = "HOME.GIF" BORDER = "0"> </A>

</CENTER>

</BODY>

</HTML>

2. ққ Web-қ қ ғң. ѳ HOME.GIF ғ ғ ұ.

 

3-: ұқғ қ Web-қ құң.

 

6.4- ұқ

ұқ қ
1. ң қ ғ
2. қғ
3. ң қң -әү
4. Қ-ң ә
5. ә
6. ү
7. Қ ғ
8. Әң қ
9. Ққ ң
10. ң қң ғғ қ
11. ң ә ү
12. ә
13. Қң қ қ
14. Ққғ
15. ң ү қ
16.
17. Қғ қң
18. Ұқ ғ
19. Қ-
20. Ққ ң ұ

 

ұ:

1. ұғ ққ .

2. ұң ө.

3. Құғ web-қ ғ.

4. қ ұқ .

 



<== | ==>
|
:


: 2016-12-31; !; : 553 |


:

:

: , , , , .
==> ...

1462 - | 1335 -


© 2015-2024 lektsii.org - -

: 0.165 .