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

Автор работы: Пользователь скрыл имя, 25 Ноября 2011 в 12:47, реферат

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

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

Содержимое работы - 1 файл

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

— 504.00 Кб (Скачать файл)

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

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

     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