.


:




:

































 

 

 

 


. 1. .., . : / .




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





:


: 2017-04-15; !; : 294 |


:

:

, .
==> ...

1856 - | 1653 -


© 2015-2024 lektsii.org - -

: 0.051 .