середа, 4 лютого 2015 р.

ПРАКТИЧНА РОБОТА. МОВА РОЗМІТКИ HTML ДЛЯ web-сторінок

ПРАКТИЧНА  РОБОТА
МОВА  РОЗМІТКИ  HTML  ДЛЯ web-сторінок

Дещо про веб-сайти

Сайт (від англ сайту. Веб - «павутина, мережа» і сайт - «місце», буквально «місце, сегмент, частина в мережі») - сукупність електронних документів (файлів), приватної особи або організації у комп'ютерній мережі, об'єднаних під одним адресою (доменним ім'ям або IP-адресою).

Всі сайти в сукупності складають Всесвітню павутину, де комунікація (павутина) об'єднує сегменти інформації світового співтовариства в єдине ціле - базу даних і комунікації планетарного масштабу. Для прямого доступу клієнтів до сайтів на серверах був спеціально розроблений протокол HTTP.


Завдання

Набрати В  БЛОКНОТІ  зразок головної  (кореневої) сторінки  веб-сайту з  панеллю навігації, побудованої за допомогою таблиць і відобразити її в браузері.
<HTML>  <HEAD>  <TITLE>  ГОЛОВНА СТОРІНКА ФІЗ-МАТ КЛАСУ</TITLE>
< META content=”text/html ;  charset=wsndows-1251”  http-equiv= Content-Type >   </HEAD>
<BODY  bgcolor=#FFFFFF   text=#007754  face=arial,helvetica,sans-serif onload=drag link=#33BBFF vlink=#6600aa alink=#bbbbff >
<TABLE ALIGn=”center”  bgcolor=”#FF00FF”   cellPadding=0 cellSpacing=0 width=100% border=1>
<! - - задаємо зовнішню обмежуючу таблицю - ->
<TR>  <TD bgcolor=#0c55ff> <! - - задаємо внутрішню таблицю для гіперпосилань і зображень - ->
<B><U><I> ГОЛОВНА СТОРІНКА ФІЗМАТ КЛАСУ </I></U></B></TD></TR>
<TABLE align=”center”  bgcolor=”#FF00FF”   cellPadding=0 cellSpacing=0 width=80% border=1>
<TR>      <TD colspan=3 bgcolor=#0cff79>  <IMG src="logotypCLass.png">   <! - - зображення логотипу класу - ->   </TD> </TR>
<TR>      <TD bgcolor=#0c550f>       <А href=site1.html><B><U><I> ІСТОРІЯ ФІЗМАТ КЛАСУ </I></U></B></А>
   <TD  align=”center”  rowspan=4 bgcolor=#0cffаа>       <IMG src="fotoCLass.png">
     <TD> <А href=news.html><B><U><I> НОВИНИ  КЛАСУ</I></U></B></А>
<TR>        <TD> <А href=activCLASS.html><B><U><I> АКТИВ КЛАСУ </I></U></B></А>
       <TD> <А href=projectCLASS.html><B><U><I> ПРОЕКТИ КЛАСУ </I></U></B></А> </TR> <TR> 
       <TD> <А href=professorCLASS.html><B><U><I> УЧИТЕЛІ КЛАСУ </I></U></B></А>
       <TD> <А href=forumCLASS.html><B><U><I> ФОРУМ  КЛАСУ </I></U></B></А> </TR> <TR> 
       <TD> <А href=exlusivCLASS.html><B><U><I> ЕКСКУРСІЇ  КЛАСУ </I></U></B></А>
       <TD> <А href=sportCLASS.html><B><U><I> СПОРТСМЕНИ  КЛАСУ </I></U></B></А> </TR> <TR> 
        <TD> <А href=programCLASS.html><B><U><I> Навчальні програми  </I></U></B></А>
        <TD> <А href=resoursCLASS.html><B><U><I> Навчальні ресурси  </I></U></B></А>
</TR> <TR> <TD><B><U><I> Учнівські сторінки  </I></U></B> </TD>
<table width="950" aling="center" border="3" cellpadding="2"align=center cellspacing="2" bgcolor=ffffff bordercolor=FFFFF2 rules="all">   <TBODY>
<H5 align=center> <BR>
<table width="500" border="1" aling="center" border="3" cellpadding="2"align=center cellspacing="2" bgcolor=fffff0 bordercolor=FFFFF2 rules="all">
<tr aling="center" valing="middle" bgcolor=fffff0>
<td><H2 align=center><FONT color=#77сс99><I><A href="mat001.html">2</A></I></H2></FONT></td>
<td><H2 align=center><FONT color=#77сс99><I><A href="mat002.html">2</A></I></H2></FONT></td>
<td><H2 align=center><FONT color=#77сс99><I><A href="mat003.html">3</A></I></H2></FONT></td>
<td><H2 align=center><FONT color=#77сс99><I><A href="mat004.html">4</A></I></H2></FONT></td>
<td><H2 align=center><FONT color=#77сс99><I><A href="mat005.html">5</A></I></H2></FONT></td>
<td><H2 align=center><FONT color=#77сс99><I><A href="mat006.html">6</A></I></H2></FONT></td>
<td><H2 align=center><FONT color=#77сс99><I><A href="mat007.html">7</A></I></H2></FONT></td>
<td><H2 align=center><FONT color=#77сс99><I><A href="mat008.html">8</A></I></H2></FONT></td>
</tr>  </tr></table>
  <CENTER><H1 align=center><FONT color=#77сс99><H2 align=center><I><A href="mat01.html"> Учнівські гуртки   </A></I></H2></FONT><BR> </H1></FONT></CENTER>  <tr aling="center" valing="middle" bgcolor=00aa82> <td><H2 align=center><FONT color=#77сс99><I>Заняття 1</I></H2></FONT></td>
 </td></tr> </table></table>
 <br> <BR><IMG src="C28.BMP"> <BR><IMG dynsrc="cino.avi" border=”3” hspace=”6” vspace=”3”  width=190  height=100 aling=”centeralt=” фільм про фізмат”>   <b><ПАМЯТКА: Коли навчання  переходить в активну фазу, можливі такі ознаки: <br>   <UL TYPE= "disc">  <LI> зникнення вільного часу;   <LI> формування бази знань;  <LI> неспроможність самозакохуватись.</UL> <center><BR><FONT face="Times New Roman" size="4" color=3355CC><marquee bgcolor=#FF4455 height=40 behavior=”slideloop=5 direction=”rightscrollamount=4 > © 2012 Василь РОЗУМНИЙ  Group Production. </marquee></center> <EMBED SCR=” muzon.wav  loop=2></BODY></HTML>


Немає коментарів:

Дописати коментар