Web-бет дизайны, HTML

Автор работы: Пользователь скрыл имя, 15 Февраля 2013 в 06:40, реферат

Описание

Қазақстан Республикасының білім беру жүйесін ақпараттандыру еліміздің даму стратегиясының негізгі бағыттарының бірі, себебі ХХІ ғасыр – білім беру жүйесін ақпараттандыру ғасыры.

Информатика пәнінің орта білім беру жүйесіндегі ролі ақпараттық білімнің, ақпараттық орта мен адамның өзара қарым-қатынасын үйлесімді етудегі және жаңа ақпараттық қоғамда кәсіпкерлік қызметтің басты құрамды бөлігі болып табылатын ақпараттық бейнесін қалыптастырудағы алатын орнымен қамтамасыз етіледі.

Работа состоит из  1 файл

Web-бет дизайны, HTML.doc

— 476.00 Кб (Скачать документ)

№ 2. Интернеттен ақпарат  іздеу.

№ 3. Электронды байланыс бөлімімен жұмыс.

№ 4. Қарапайым Web-беттерін құру.

№ 5. WEB-беттерінде мәтін  өңдеу.

№ 6. WEB-беттерінде кестелер орналастыру.

№ 7. Гиперсілтемелер  құру.

№ 8. Сызбалар құру және өңдеу.

№ 9. Фрейм  қолдану  арқылы  WEB беттерін құру.

№ 10. Берілген тақырыпқа WEB беттерін құру.

№ 11. Adobe Photoshop  құралдар тізімін оқып үйрену.

№ 12. Қатпарлар палитрі.

№ 13. Мәтінді кіргізу  және редакциялау.                                                     

№ 14. Adobe  Phtoshop-та  берілген тақырып  бойынша коллаж құру.

№ 15. Қарапайым анимациялық бейнелер құру.

№ 16. Macromedia  flash   суреттер құралын үйрену.

№ 17. Белгілер жасау  және редакциялау.

№ 18. Көптүрлі бейнелермен  жұмыс.

№ 19. Мәтінмен жұмыс.

№ 21. Анимация құру.

№ 22. WEB-жібін жобалау  және құру.

№ 23. Кестелердің қолданылуы.

№ 24. Таблицалар құру және өңдеу.

№ 25. Мультимедия нысанын  қою.

№ 26. Берілген тақырып  бойынша бақылау  WEB-сайтын құру.

 

Негізгі білім  мен дағды көлемі

 

Оқушылар білуі  тиіс:

 

ДК жұмыс жүргізу  кезіндегі басты ережелер мен  техника қауіпсіздік ережелері.Интернет жүйесінің негізгі заңдылықтары.

Интернет жүйесінің   мәліметтері мен компьютерлік жұмыс  түрлері.

Ақпаратты алу  жылдамдығының  өлшем бірлігі.

Ақпарат алу және ауысу  хаттамасының түрлері.

FTP-хаттамасы, FTP-бағдарының  түрлері және HTTP-ден негізгі айырмашылықтары.

Интернетте мекен-жай  орналастыру заңдылығы.

Браузер түрлері  және құрылымы.

Интернетке     қосылу жүйесінің тәсілдері.

Интернет торабындағы  дүниежүзілік және орыс тілді мәліметтер көлемі.

Негізгі іздеу машиналары және оның түрлері.

Графикалық ақпараттармен жұмыс істеудің негізі.

WEB-беттері сайтын құру  үшін керекті құралдар жиынтығы.

HTML тілін қолданудың  негізгі ерекшіліктері.

WEB-редакторымен жұмыс  істеу жүйесі.

WEB беттерінің типтік  құрылы мен сайтты жобалау  тәртібі.

WEB дизаинның негізгі  заңдылықтары.

Интернетте жариялау үшін өз сайтты дайындау кезеңдері?

 

 Оқушылар  қолдана білуі тиіс:

 

 Интернетке желісіне  қосылу.

Браузер, электронды байланыс.

Интернет сайтын  қадағалау  кезінде орыс тілінің қаріпін  кодтау.

Электронды байланысты қолдану; хаттар мәтінін құру және салу, хабарлама алу, ұсынылған сервисті қолдана білу мүмкіндігін реттеу.

Сайт бетінің электронды мекен-жайын құру,  қаралған беттер бойынша алға және соңына қарай ауысу  кезеңін іске асыру.

Таңдау және Тарих  жинақ папкаларын қолдану.

Беттерді толық немесе үзінділер бойынша сақтау.

Жүйелі кесте бойынша  жұмыс істеу.

Іздеу машиналарын қолдана  білу.

FTP арқылы файл іздеуді  жүзеге асыру, жалпы FTP –ді  қолдану.

Іздеу машинасына нақты  тапсырыс беру және керекті сайтты реттеу.

Логикалық операторларды қолдану арқылы берілген тақырыпқа сәйкес ақпарат әзірлеу.

WEBүшін графикалық  кескіндерді құру және жүзеге  асыру.

Мәтін және графикалық кескіндерді  сканерден шығару.

Интернеттен ақпарат  іздеу тәсілін меңгеру және керекті  форматта сақтауды білу.

Сайтқа керекті мәтін және қолданбалы материалды дайындау.

Беттер толтыру үшін WEBредакторының құралдарын қолдану : беттерін жасау, гиперсалуды құру, мәтін теру, таблицалар қолдану.

Беттің белгіленген  тәртібін жүзеге асыру.

Жеке сайт әзірлеу  және Интернетке жариялау.

Фрейдік технология түрлерін қолдану.

Толық WEB –саит құру.                                

 

Жие қолданылатын тег және атрибуттер тізімі

 

 Тег 

Мәні

 

<HTML></HTML> 

Беттің басымен аяғы

 

<HEAD></HEAD> 

Беттің тақырыбы

 

<TITLE></TITLE> 

Беттің аты

 

<BODY></BODY> 

Беттің негізгі бөлімі

 

<Hі></Hі> 

Тақарап (і 1 ден 6 ға дейін  өзгереді)

 

<P></P> 

Абзац

 

<P ALIGN=”left”></P> 

Абзаты теңістіру

 

<BR> 

Жолды ауыстыру

 

<HR> 

Гаризонтал түз сызық

 

<B></B> 

Жуан әріптер

 

<I></I> 

Қийғаш әріптер

 

<SUB></SUB> 

Жоғарғы индекс

 

<SUP></SUP> 

Төменгі индекс

 

<FONT SIZE=?></FONT> 

Шрифт көлемі

 

<FONT COLOR=123456></FONT> 

Шрифт түсі

 

<FONT FACE=*></FONT> 

Шрифт гарнитурасы

 

<IMG SRC=”URL”> 

Сурет орналыстыру

 

<IMG SRC=”URL” ALT=”*”> 

Суретке коментрария  беру

 

<BODY BACKGROUND=”URL”> 

Суретті фон ретінде  орналыстыру

 

<BODY BGCOLOR=”#SSSSSS”> 

Фон түсі

 

<BODY TEXT=”#SSSSSS”> 

Мәтін түсі

 

<BODY LINK=”#SSSSSS”> 

Сілтеме түсі

 

<BODY VLINK=”#SSSSSS”> 

Өтілген сілтеменің түсі

 

<A HREF=”URL”>TEKCT</A> 

Басқа бетке сілтеме

 

<A HREF=”#*”>TEKCT</A> 

Осы беттегі мәтінге  сілтеме

 

<UL><LI></UL> 

Маркірленен тізім

 

<UL TYPE=”disk”> 

Маркер түрі

 

<OL><LI></OL> 

Номерленген тізім

 

<OL TYPE=”A”> 

Номер түрі

 

<OL START=?> 

Тізімдің бірінші нөмірі

 

<DL> 

Анықтамалар тізімі

 

Лабораториялық  жұмыс. Сурет атрибуттарын тағайындау

 

ALT, BORDER, HEIGHT, WIDTH  атрибуттарын  пайдалана отырып, өз қалауларыңызша RASP.HTM файлына бірсыпыра өзгерістер  енгізіңіздер.

 

Ескерту: Суреттік файлдың  көлемінің (байтпен берілген) өзгеруіне  назар аударып отырыңыздар, өйткені ол Web-құжаттың Интеренеттен компьютерге жүктелуіне қатты әсер етеді.

 

Web-парақтарға фондық  суреттер салу

 

Фондық сурет –  шағын төртбұрышқа орналасқан суреті бар графикалық файл. Броузерге фон  ретінде тағайындалғанда, сурет  көбейіп терезе аумағын толық алып тұрады.

 

Фон ретінде пайдаланылатын сурет <BODY> тегінде көрсетіледі.

 

RASP.HTM файлына төмендегідей  өзгерістер енгізіңіздер:

 

<HTML>

<HEAD> <H2 ALIGN=”CENTER”>Менің  алғашқы парағым  </H2>

<TITLE> Алғашқы HTML файлы  </TITLE> </HEAD>

<BODY BACKGROUND=”fon1.GIF” TEXT=”#330066”>

<P ALIGN=CENTER>

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

<B>сәрсенбі күнгі  </B> </FONT> <BR>

<FONT SIZE=”6”> <I> сабақ  кестесі </I> </FONT> </P>

</BODY >

</ HTML >

 

Басқа HTML-құжатқа сурет  арқылы сілтеме жасау

 

1. ФНИ-1.HTM файлының соңғы жағына алғашқы параққа – ФНИ топтарының сабақ кестесі (файл RASP.HTM) парағына сілтеме жасау қажет. Сілтеме ретінде төмендегідей түрде графикалық файлды пайдаланыңыздар:

 

… </TR>

</TABLE><BR>

<CENTER>

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

<CENTER>

< /BODY >

</ HTML >

 

Осының нәтижесінде  алынған Webпарақтары қарап шығыңыздар.

 

Мұнда сілтеме  рөлін  оң жаққа және жоғары бағытталған  тілсызық түріндегі сурет атқарады, ол HOME.GIF файлында жазылған.

 

 Лабораториялық жұмыс.  Кесте жасау

 

1.     Блокнот  программасын іске қосыңыздар.

2.     келесі  мәтін жолдарын теріңіздер.

 

<HTML>

<HEAD>

<TITLE>Сабақ кестесі</TITLE> </HEAD>

<BODY BGCOLOR=”#FFFFFF”> 

<P ALIGN=CENTER>

<FONT COLOR=”RED” SIZE=”6”  FACE=”KZ ARIAL”>

<B>Сабақ кестесі  </B> </FONT></P> <BR>

<FONT COLOR=”BLUE” SIZE=”4”  FACE=”Times New Roman”>

<TABLE BORDER=”1” WIDTH=100% BGCOLOR=”#99 CCCC”>

<TR BGCOLOR =”#CCCCFF” ALIGN=CENTER>

<TD>Уақыты</TD>

<TD>7а класс</TD>

<TD>7б</TD>

<TD>7в</TD>

</TR>

<TR>

<TD>8-30 – 9-50</TD>

<TD> Орыс тілі </TD>

<TD> Информатика </TD>

<TD> Тарих </TD>

</TR>

<TR>

<TD>10-00 – 11-20</TD>

<TD> Математика </TD>

<TD>Геодезия </TD>

<TD> Ағылшын тілі </TD>

<TR>

<TD>11-30 - 12-30 </TD>

<TD> Тарих </TD>

<TD> Сызба геометрия  </TD>

<TD> Компьютерлік графика  </TD><TR>

</TABLE>

</BODY>

</ HTML >

 

Лабораториялық жұмыс. Гипермәтіндік байланыстар орнату

 

Бұранғы ФНИ.НТМ файлын Web – парақтың алдыңғы жағына жазылатын  апта күндерінің аттары жазылған кестелермен  толықтырайық.

 

Ол үшін:

         <FONT COLOR=”RED SIZE” =”6” FACE=”KZ ARIAL””>

         <B> ФНИ  - 1 топтарының  сабақ  кестесі  </B>

         <FONT> </P> <BR> жолдарынан кейін  мынадай тәгтер тізбегін жазайық:

 

         <TABLE WIDTH=100%>

<TR>

<TD> Дүйсенбі  </TD>

<TD> Сейсенбі </TD> 

<TD> Сәрсенбі </TD> 

<TD>Бейсенбі </TD> 

<TD> Жұма </TD> 

<TD> Сенбі </TD> 

</TR></TABLE>

<BR>

 

Бұл фрагменттен кейін (RASP.HTM файлында) Дүйсенбі   сөзіне сілтеймін белгі қоямыз, яғни <B> Дүйсенбі   </B> </FONT> сөздері  орнына:

 

… <B> <A NAME=”ДС”> Дүйсенбі  </A> </B> </FONT > … сөздерін жазу керек.

 

Енді кесте ішіндегі  Дүйсенбі   сөзіне гиперсілтеме жасаймыз, яғни <TABLE WIDTH=100%> <TR> <TD> Дүйсенбі   </TD>  <TD> Сейсенбі </TD>  <TD> Сәрсенбі </TD>  <TD> … сөздері  орына:

 

<TABLE WIDTH=100%>

<TR> <TD> <A HREF=”#ДС”>  Дүйсенбі  </A> </TD>

<TR> <TD> <A HREF=”#CС”>  Сейсенбі  </A> </TD>

<TR> <TD> <A HREF=”#CP”>  Сәрсенбі </A> </TD> сөздерін жазамыз.


Информация о работе Web-бет дизайны, HTML