Html Web программаны құру

Автор работы: Пользователь скрыл имя, 14 Февраля 2013 в 21:21, лабораторная работа

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

1957 жылы Кеңес Одағы Жердің жасанды серігін ұшырып, космостық кеңістікте бірқатар алға шыққан болатын. Бұл өз кезегінде АҚШ-да біршама алаңдатушылық тудырып, АҚШ Қорғаныс Министрлігі ақпаратты тасымалдаудың сенімді жүйесін құру туралы шешім қабылдады. Осы мақсатты жүзеге асыру үшін АҚШ-тың алдыңғы қатарлы жобаларды зерттеу агенттігі (ARPA) компьютерлік желі құруды ұсынды.

Прикрепленные файлы: 1 файл

1лаб ВП.docx

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

<select name="NAME"></select> Төгілмелі менюді құрады.

<textarea name="NAME"

cols=40 rows=8></textarea> Текстті енгізу үшін терезе құрады. Columns терезенің ұзындығын;   rows оның биіктігін көрсетеді.

<input type="checkbox"

name="NAME"> Сheckbox-ты құрады. Тегтен кейін текст жазылады.

<input type="radio" name="NAME"

value="x"> Radio кнопканы құрады. Тегтен кейін текст жазылады.

<input type=text name="foo" size=20> Текстті енгізу үшін жолдарды құрады.  Size параметрімен символдардың ұзындығы көрсетіледі.

<input type="submit"

value="NAME"> "Қабылдау" кнопкасын құрады.

<input type="image" border=0

name="NAME" src="name.gif">               "Қабылдау" кнопкасын құрады. Ол үшін бейне қолданылады.

<input type="reset">                                   "Болдырмау" кнопкасын құрады.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ҚОЛДАНЫЛҒАН ӘДЕБИЕТТЕР

 

  1. Николай Прохоренко

      Hml, JavaScript, PHP и MySQL

               Джентельменский набор Web-мастера

  1. http://htmlbook.ru

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ПРОГРАММАЛЫҚ  ЛИСТИНГ

1. HTML құжат

  <html>

<head>

<title>Фотостудия Гаухар</title>

</head>

<body background="C:\Users\Bauka\Desktop\актобе\fon15.JPG">

<form action="formdata.php" method="POST" name="form1">

<table border="0" width="1500" align="center" >

<tr>

<td align="center" colspan="30" bgcolor="white">

<img src=" C:\Users\Bauka\Desktop\актобе\shapka1.JPG" align="center" width="500"> </td> </tr>

 

<tr>

<td bgcolor="silver" align="center" height="25" colspan="3">

<a href="index.html"> <font color="black" size="5"> Басты мәзір</font></a> &nbsp;&nbsp;

/&nbsp;&nbsp <a href="tovari.html."> <font color="white" size="4">Біздің қызмет</font></a>

/&nbsp;&nbsp <a href="aboutus.html"> <font color="white" size="4">Біздің фотостудио жайлы</font></a>

/&nbsp;&nbsp <a href="contact.html"> <font color="white" size="4">Бізбен байланыс</font></a>

/&nbsp;&nbsp <a href="registr.html"> <font color="white" size="4">Тіркеу парағы</font></a>

/&nbsp;&nbsp <a href="pred.html"> <font color="white" size="4">Біздің шығармашылық</font></a>

 

 

<tr>

<td  width="200"  align="left" valign="top">

<img src="C:\Users\Bauka\Desktop\актобе\sv4.jpg"> <br><br>

<img src="C:\Users\Bauka\Desktop\актобе\sv1.jpg" width="200"> <br><br>

<img src="C:\Users\Bauka\Desktop\актобе\sv2.jpg" width="200" height="250"> <br><br>

<img src="C:\Users\Bauka\Desktop\актобе\sv3.jpg" width="200" height="250"> <br><br>

</td>

 

 

<td  align="Justify" valign="top">

<dl>

<dt><p align="center"><font size="10" face="HeinrichScript" color="#gold">&nbsp;&nbsp&nbsp;&nbsp <b>Фотстудия Гаухар</b></font></p></dt><br>

 

<style>

.leftimg {

    float:left;

    margin: 7px 7px 7px 0; }

  </style>

</head>

<body>

  <h2>Свадебные Казахские платья, свадебные наряды.</h2>

   <hr size=5 width=100% color="red">

  <p><img src="C:\Users\Bauka\Desktop\актобе\01.jpg" alt="Казнту" width="132" height="174" class="leftimg">

Свадебные Казахские платья, свадебные наряды. Необыкновенный казахский <br>

орнамент, выложенный жемчугом и камнями от Сваровски. Делают свадебное <br>

платье  неподражаемым и единственным.Богатое Саукеле с меховой опушкой <br>

из  меха песца,достойное украшение невесты. Современное болеро, так же <br>

украшенное камнями и жемчугом, дополняет и качественной продукцией. <br>

<h2><a href="C:\Users\Bauka\Desktop\001.html.">свадебный наряд Казахской невесты.</h2></a>

<hr size=5 width=100% color="red">

 

<style>

.leftimg {

  float:left;

  margin: 7px 7px 7px 0; }

  </style>

</head>

<body>

<h2>Казахские платья на "Кыз узату"</h2>

<hr size=5 width=100% color="red">

<p><img src="C:\Users\Bauka\Desktop\актобе\02.jpg" alt="Айгулго" width="132" height="174" class="leftimg">

Казахские платья на "Кыз узату". Новые красивые платья на "Кыз узату".<br>

Старинный казахский обычай "Прощание с  невестой", дошедший до нашего времени.<br>

Торжество проходит в доме, где выросла невеста, точнее устраивают торжество <br>

родители  невесты. Накрывается богатый достархан, устраивается "Узату той".<br>

Невеста прощается с родителями, родственниками и подругами. По традиции <br>

она уходит жить к жениху. Образуя новую семью.     <br>

<hr size=5 width=100% color="red">

<marquee behavior="alternate" direction="right"><img src="C:\Users\Bauka\Desktop\Мой сайт\001_files\1.jpg">

<img src="C:\Users\Bauka\Desktop\Мой сайт\001_files\2.jpg">

<img src="C:\Users\Bauka\Desktop\Мой сайт\001_files\3.jpg">

<img src="C:\Users\Bauka\Desktop\Мой сайт\001_files\4.jpg">

<img src="C:\Users\Bauka\Desktop\Мой сайт\001_files\5.jpg">

<img src="C:\Users\Bauka\Desktop\Мой сайт\001_files\6.jpg">

<img src="C:\Users\Bauka\Desktop\Мой сайт\001_files\7.jpg">

<img src="C:\Users\Bauka\Desktop\Мой сайт\001_files\8.jpg">

<img src="C:\Users\Bauka\Desktop\Мой сайт\001_files\9.jpg">

<img src="C:\Users\Bauka\Desktop\Мой сайт\001_files\10.jpg">

<img src="C:\Users\Bauka\Desktop\Мой сайт\001_files\11.jpg">

<img src="C:\Users\Bauka\Desktop\Мой сайт\001_files\12.jpg">

<img src="C:\Users\Bauka\Desktop\Мой сайт\001_files\13.jpg">

<img src="C:\Users\Bauka\Desktop\Мой сайт\001_files\14.jpg">

<img src="C:\Users\Bauka\Desktop\Мой сайт\001_files\15.jpg">

<img src="C:\Users\Bauka\Desktop\Мой сайт\001_files\16.jpg">

<img src="C:\Users\Bauka\Desktop\Мой сайт\001_files\17.jpg">

<img src="C:\Users\Bauka\Desktop\Мой сайт\001_files\18.jpg">

<img src="C:\Users\Bauka\Desktop\Мой сайт\001_files\19.jpg">

<img src="C:\Users\Bauka\Desktop\Мой сайт\001_files\20.jpg"></marquee>

 

 

<p>Наша адрес по карте</p>

<img src="C:\Users\Bauka\Pictures\kl.gif" alt="подсказка" width="500" height="315" border="1" usemap="#karta">

<map name="karta">

<area shape="cicle" coords="208,208,135,135" href="chapter1.html" target="chapter" alt="Глава 1">

</map>

 

 

 

<tr>

<td  colspan="3" align="center" ><img src="C:\Users\Bauka\Desktop\Мой сайт\001_files\2.jpg">

<p align="center">

<font face="Times New Roman" color="white">Фотостудия Гаухар<br>

Карасайский район Каскелен ул.Туякбаева 39<br>

сот.тел: 8777-552-89-17<br>

e-mail: <a href="index.html"><font color="white"> gau.kz</font> </a></font></td></tr>

</table>

</body>

</html>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ҚОРЫТЫНДЫ

 

 

 


1 Сурет. Вэб  – құжаттың бірінші беті. Мәтінмен  жұмыс жасау

2 Сурет. Вэб – құжаттың екінші беті. Тізімен жұмыс жасау

ПРОГРАММАЛЫҚ  КОД

<html>

<head>

<title>Фотостудия  Гаухар</title>

</head>

<body background="C:\Users\Bauka\Desktop\актобе\fon15.JPG">

<form action="formdata.php" method="POST" name="form1">

<table border="0" width="1500" align="center" >

<tr>

<td align="center" colspan="30" bgcolor="white">

<img src=" C:\Users\Bauka\Desktop\актобе\shapki12222.JPG" align="center" width="500"> </td> </tr>

 

<tr>

<td bgcolor="silver" align="center" height="25" colspan="3">

<a href="index.html"> <font color="black" size="5"> Басты  мәзір</font></a> &nbsp;&nbsp;

/&nbsp;&nbsp <a href="tovari.html."> <font color="white" size="4">Біздің қызмет</font></a>

/&nbsp;&nbsp <a href="aboutus.html"> <font color="white" size="4">Біздің фотостудио жайлы</font></a>

/&nbsp;&nbsp <a href="contact.html"> <font color="white" size="4">Бізбен байланыс</font></a>

/&nbsp;&nbsp <a href="registr.html"> <font color="white" size="4">Тіркеу парағы</font></a>

/&nbsp;&nbsp  <font color="white" size="4">Біздің  шығармашылық</font></a>

</tr>

<tr>

<td bgcolor="silver" align="left" height="25" colspan="3">

<style>

.leftimg {

    float:right;

    margin: 7px 7px 7px 0; }

  </style>

</head>

<body>

  <h2>Отбасылық  суреттерге тапсырыстар.</h2>

   <hr size=5 width=100% color="red">

  <p><img src="C:\Users\Bauka\Desktop\актобе\sem1.jpg" alt="Казнту" width="132" height="174" class="leftimg">

  <img src="C:\Users\Bauka\Desktop\актобе\sem2.jpg" alt="Казнту" width="132" height="174" class="leftimg">

  <img src="C:\Users\Bauka\Desktop\актобе\sem3.jpg" alt="Казнту" width="132" height="174" class="leftimg">

  <img src="C:\Users\Bauka\Desktop\актобе\sem4.jpg" alt="Казнту" width="132" height="174" class="leftimg">

  <img src="C:\Users\Bauka\Desktop\актобе\sem5.jpg" alt="Казнту" width="132" height="174" class="leftimg">

  <img src="C:\Users\Bauka\Desktop\актобе\sem6.jpg" alt="Казнту" width="132" height="174" class="leftimg">

<ul>

<li> Отбасылық  видео тусірлім

<li> Фото  түсірлім

<li> Екі  фатогрыфқа тапсырыс

<li> Сурет  рамкасымен даярлау

</ul>

<hr size=5 width=100% color="red">

 

 

<style>

.leftimg {

    float:right;

    margin: 7px 7px 7px 0; }

  </style>

</head>

<body>

  <h2>Тойға  шақыру билеттері</h2>

   <hr size=5 width=100% color="red">

  <p><img src="C:\Users\Bauka\Desktop\актобе\sh1.jpg" alt="Казнту" width="132" height="174" class="leftimg">

  <img src="C:\Users\Bauka\Desktop\актобе\sh2.jpg" alt="Казнту" width="132" height="174" class="leftimg">

  <img src="C:\Users\Bauka\Desktop\актобе\sh3.jpg" alt="Казнту" width="132" height="174" class="leftimg">

  <img src="C:\Users\Bauka\Desktop\актобе\sh4.jpg" alt="Казнту" width="132" height="174" class="leftimg">

  <img src="C:\Users\Bauka\Desktop\актобе\sh5.jpg" alt="Казнту" width="132" height="174" class="leftimg">

  <img src="C:\Users\Bauka\Desktop\актобе\sh6.jpg" alt="Казнту" width="132" height="174" class="leftimg">

<ul>

<li> Шақыру  билеттерін жасау

<li> Фото  түсірлім

<li> Екі  фатогрыфқа тапсырыс

<li> Сурет  рамкасымен даярлау

</ul>

<hr size=5 width=100% color="red">

</table>

</body>

</html>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

<META> Тегі

 

 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

meta тегі жалпы өзіне көп алып қоятын тегтердің бірі )) бұл тегпен көөөп нәрсені анықтап, жазуа болады. Оларды кейін айтармын, ең бастысы charset=utf-8 деген жері. Яғни құжат utf-8 кодировкасында жазылған деп айтып тұр браузерге. (неге utf-8? utf-8 кодировкасында қазақ тілінде жазу ыңғайлы уооот). Ощм бұл тег head тегінің ішінде орналасады. Басқа жерде емес имынны head тегінің ішінде орналасуы керек.

<META> тегі негізінен көп жағдайда қолданады. Бір сөзбен айтқанда оның нақты бір жағдайда ғана қолданбайды.

<META> тегі негізінен браузерлер мен іздеу жүйелерінде сақталатын ақпаратты сақтайтын метатегтерді анықтайды. Яғни ғаламтор желісіндегі іздеу жүйелері метатегтерге жүгінеді. Олардың метатегтерге жүгіну себебі, метатегтерден сайттын сипаттамасын, кілт создерін жәнеде басқада мәліметтерді алу үшін. Метатегтер  <head> контейнерінін ішінде орналасады.

Информация о работе Html Web программаны құру