Интернет технологиясы және Web дизайн негіздерін оқытуға арналған электрондық оқыту құралын құру

Автор работы: Пользователь скрыл имя, 11 Мая 2013 в 10:37, дипломная работа

Краткое описание

Бүгінгі таңда компьютерлік дизайн, Web-дизайн, жүйелік программалаушы, администратор және тағы басқа мамандардың қажет екендігін түрлі жарнамалық газеттерден, бұқаралық ақпарат құралдарынан да көруге болады. Аталған мамандықтарды қалай дайындап, оларға қандай программалық құралдарды үйрету арқылы жетілдіруге болатыны әдістемелік жұмыстың өзекті мәселелерінің бірі болып отыр.

Скачать полностью (40.55 Кб) Сколько стоит заказать работу?
Прикрепленные файлы: 1 файл

Кіріспе.doc

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

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

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

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

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

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

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

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

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

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

 

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

 

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

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

Интернет жүйесінің  негізгі заңдылықтары.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

Таңдау және Тарих жинақ папкаларын қолдану. Беттерді толық немесе үзінділер  бойынша сақтау.

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

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

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

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

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

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

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

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

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

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

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

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

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

Толық WEB-сайт құру.

 

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

 

 

Тег

Мәні

<HTML></HTML>

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

<HEAD></HEAD>

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

<TITLE></TITLE>

Беттің аты

<BODY></BODY>

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

<Hi></Hi>

Тақырып (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”>ТЕКСТ</A>

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

<A HREF=“#”>ТЕКСТ</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” FAGE=“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>

 

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

 

Бұрынғы ФНИ.HTM файлын 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=“#СР”> Сәрсенбі </A> </TD> сөздерін жазамыз.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  

  

           


Информация о работе Интернет технологиясы және Web дизайн негіздерін оқытуға арналған электрондық оқыту құралын құру