1. .., . : / .. ., .. . : - ӻ, 2016 . 147 .
2. . Web-: . / .. : , ӻ, 2009 . 302 .
3. . : / .. . .: , 2013 . 480 .
4. TeachVideo [ ]: . . . / . . -. -. . . : , 2014 . : http://www.teachvideo.ru/ . .
+ 4 !
5.
6.
7.
8.
9. TeachVideo Microsoft Power Point 2010 [ ]: . . . / . . -. -. . . : , 2014 . : http://www.teachvideo.ru/ . .
10. Webremeslo HTML [ ]: . . . / . . -. -. . . : , 2014 . : http://www.webremeslo.ru/ . .
11. Web- [ ]: . . . / . . -. -. . . : , 2014 . : https://colorscheme.ru/html-colors.html . .
1
HTML
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title> Web- </title>
<meta name="description" content=" " />
<meta name="keywords" content=" " />
</head>
<body text = "black" bgcolor = "FFFFCC">
<div id="page">
<header>
<a href="/" title="" class=""><img src="IMAGES/.png" alt=" """ /></a>
<div class="phone"> . +7 (3953) 416-789 </div>
<nav>
<ul id="top_menu">
<li><a href="index.html"></a></li>
<li><a href="services.html"> </a></li>
<li><a href="photo.html"></a></li>
<li><a href="contacts.html"></a></li>
</ul>
</nav>
<div class="21_img">
<div align="center">
<img src="IMAGES/21_img.jpg" alt=" """ />
</div>
</header>
<section id="content">
<h1> ""!</h1>
<img src="IMAGES/Apteka_3_img.jpg" alt=" " class="float-right" />
|
|
<p>! ""! <A HREF="photo.html"><U> .</U></A></p>
<p> . - "" - . <A HREF="services.html"><U> .</U></A></p>
<p> , "" , ! !</p>
<p> , : <A HREF="contacts.html"><U> .</U></A></p>
</section>
<footer>
<a href="WEB-SITE.html" title=" """> ""</a><br /> 2017 .
</footer>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> Web- ""</title>
<meta name="description" content=" " />
<meta name="keywords" content=" " />
</head>
<body text = "black" bgcolor = "FFFFCC">
<div id="page">
<header>
<a href="/" title="" class=""><img src="IMAGES/.png" alt=" """ /></a>
<div class="phone">. +7 (3953) 416-789</div>
<nav>
<ul id="top_menu">
<li><a href="index.html"></a></li>
<li><a href="services.html"> </a></li>
<li><a href="photo.html"></a></li>
<li><a href="contacts.html"></a></li>
</ul>
</nav>
<div class="21_img">
<img src="IMAGES/21_img.jpg" alt=" """ />
</div>
</header>
<section id="content">
<h1> ""</h1>
<p align="justify">
<OL TYPE="I">
<p><strong> ?</strong></p>
<ul type="disc">
<LI><p> : , , , , , , . !<br></p></UL>
<ul type="disc">
<LI><p> : , .<br></p></UL>
|
|
<ul type="disc">
<LI><p> : "" . !<br></p></UL>
<ul type="disc">
<LI><p> : . ! .<br></p></UL>
<ul type="disc">
<LI><p> : .<br></p></UL>
<ul type="disc">
<LI><p> : .<br></p></UL>
</p>
</section>
<footer>
<a href="WEB-SITE.html" title=" """> ""</a><br /> 2017 .
</footer>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> Web- ""</title>
<meta name="description" content=" " />
<meta name="keywords" content=" " />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body text = "black" bgcolor = "FFFFCC">
<div id="page">
<header>
<a href="/" title="" class=""> <img src="IMAGES/.png" alt=" """ /> </a>
<div class="phone">. +7 (3953) 416-789</div>
<nav>
<ul id="top_menu">
<li><a href="index.html"></a></li>
<li><a href="services.html"> </a></li>
<li><a href="photo.html"></a></li>
<li><a href="contacts.html"></a></li>
</ul>
</nav>
<div class="21_img">
<img src="IMAGES/21_img.jpg" alt=" """ />
</div>
</header>
<section id="content">
<h1> ""</h1>
<table border=4 width=100% cellpadding=3 cellspacing=0>
<COLGROUP ALIGN=CENTER>
<COLGROUP ALIGN=CENTER>
<COLGROUP ALIGN=CENTER>
<caption align="top"> </caption>
<tr>
<th> </th>
<th>. </th>
<th> </th>
<th></th>
<th> </th>
<th> </th>
<th> </th>
</tr>
<tr>
<td>850 </td>
<td>250 </td>
<td>179 </td>
<td>265 </td>
<td>253 </td>
<td>420 </td>
<td>370 </td>
</tr>
</TABLE>
</section>
<footer>
<a href="WEB-SITE.html" title=" """> ""</a><br /> 2017 .
</footer>
</div>
</body>
</html>
<!DOCTYPE html>
|
|
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> Web- </title>
<meta name="description" content=" " />
<meta name="keywords" content=" " />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body text = "black" bgcolor = "FFFFCC">
<div id="page">
<header>
<a href="/" title="" class=""><img src="IMAGES/.png" alt=" """ /> </a>
<div class="phone"> . +7 (3953) 416-789 </div>
<nav>
<ul id="top_menu">
<li><a href="index.html"></a></li>
<li><a href="services.html"> </a></li>
<li><a href="photo.html"></a></li>
<li><a href="contacts.html"></a></li>
</ul>
</nav>
<div class="21_img">
<img src="IMAGES/21_img.jpg" alt=" """ />
</div>
</header>
<section id="content">
<h1> !</h1>
<h4><p> .</p> </h4>
<p> "" : , . , . , .26 </p>
<p> : +7 (3953) 416-789</p>
<p>E-mail: info@company_site.com</p>
</section>
<footer>
<a href="WEB-SITE.html" title=" """> ""</a> <br> /> 2017 .
</footer>
</div>
</body>
</html>
2
CSS
* {margin:0;padding:0;}
body {background-color:#f7f7c5;font-family:'Arial';}
#page {width:940px;margin:0 auto;}
header {height:615px;}
header.logo {float:left;}
header.logo img {margin:23px 0px 15px 0px;}
header.phone {float:right;margin-top:30px;font-size:30px;font-family:'Arial';color:#525252;}
nav {clear:both;height:60px;background-color:#759fff;border-radius:8px 8px 0px 0px;}
nav ul {list-style:none;}
nav ul li {float:left;margin:17px 20px;font-size:20px;font-family:'Georgia';font-style:italic;}
nav ul li a {color:#f7f6c5;text-decoration:none;}
nav ul li a:hover {text-decoration:underline;}
.header_img {height:435px;background-color:#759fff;border-radius:0px 0px 8px 8px;margin-bottom:15px;}
#content {clear:both;}
#content h1 {font-size:28px;font-family:'Georgia';font-style:italic;font-weight:normal;margin-bottom:20px;}
#content img.float-right {float:right;margin:0px 0px 15px 15px;}
#content p {margin-bottom:15px;}
footer {clear:both;border-top:4px #027fd5 solid;margin-top:30px;padding:15px 0px;font-size:12px;}
footer a {color:#000;text-decoration:underline;}
footer a:hover {text-decoration:none;}
3
Java Script
4