БИБЛИОГРАФИЧЕСКИЙ СПИСОК. 1. http://ru.wikipedia.org/wiki/%C2%E5%E1-%E4%E8%E7%E0%E9%ED (24.12.2012)

1. http://ru.wikipedia.org/wiki/%C2%E5%E1-%E4%E8%E7%E0%E9%ED (24.12.2012)

2. http://ru.wikipedia.org/wiki/Adobe_Photoshop (24.12.2012)

3. http://ru.wikipedia.org/wiki/Notepad++ (24.12.2012)

4. http://ru.wikipedia.org/wiki/HTML (24.12.2012)

5. http://ru.wikipedia.org/wiki/CSS (24.12.2012)

6. http://www.seo-copywrite.ru/seo (25.12.2012)

7. osnovi_html.exe

8. Борис Web мастеринг без посторенней помощи.pdf

9. Лешев Создание интерактивного web-сайта.pdf

10. http://zvirec.com/html_book.php?id=8 (26.12.2012)

11. http://pcvector.net/

ПРИЛОЖЕНИЕ

Рис.12 – «Главная» страница официальногосайта

Рис.13 – «Районы» официального сайта

Рис.14 – «структура Бюро» официального сайта

Рис.16 – сотрудники отделов

Рис.17-«схема подъезда»

Рис.18 – «Написать админу»

Рис.19 – раздел «Телефоны»

Рис.20 – разделы «Написать админу» и «судебно-химическое отделение»

<div class="stryktyra1">

<span style="color:black;"><h3><p align=center><font color="SteelBlue">

Судебно-химическое отделение</p><br></h3></font>

<p align=center><img src="7.jpg" height = "165" width = "135"/>

Заведующий судебно-химическим отделением<br>

<STRONG>СНЯТКОВ Александр Владимирович</STRONG></br>

Заведующий судебно-химическим отделением (с 2002 г.). Врач высшей категории по судебной медицине.Родился 18 апреля 1973 года. В 1995 г.окончил фармацевтический факультет Курского медицинского университета. С 1995 г. эксперт судебно-химического отделения Владимирского

областного бюро СМЭ.</p></span>

</div>

<div class="str01">

<img src="8.jpg" height = "161" width = "130"/>

<span style="color:black;"><STRONG>Сильченко Светлана Викторовна</STRONG><br>

Врач судебно-медицинский эксперт высшей категории. Родилась в 1957 году.</span>

</div>

<div class="str02">

<img src="9.jpg" height = "161" width = "130"/>

<span style="color:black;"><STRONG>Соловьева Ольга Анатольевна</STRONG><br>

Врач судебно-медицинский эксперт второй категории. Родилась в 1960 году.</span>

</div>

<div class="str03"> </br><p align=center>

<span style="color:black;"><STRONG><font color="SteelBlue">СРЕДНИЙ МЕДИЦИНСКИЙ ПЕРСОНАЛ</STRONG></span></br></br></font>

<img src="4.png"/>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

<img src="2.png"/>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

<img src="3.png"/></p><br>

<p align=center>

<img src="6.png"/>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

<img src="1.png"/>

</br></br>

</div>

Рис.21 – часть кода раздела «Судебно-химическое отделение»

<div class="admin">

<h3><font color="SteelBlue"></br>

<p align="center">Написать администратору: </font></h3>

<form method= "get" action="/cgi-bin/handler.cgi"></p>

<p align="left"><b><font color="SteelBlue"/>&nbsp&nbsp&nbsp&nbsp&nbsp

Фамилия<span>*</span>:<br></font></b>&nbsp&nbsp&nbsp&nbsp&nbsp

<input type=text maxlength=25 size=25 name="text"/><br>

<b><font color="SteelBlue"/></p>&nbsp&nbsp&nbsp&nbsp&nbsp

Имя<span>*</span>:<br></font></b>&nbsp&nbsp&nbsp&nbsp&nbsp

<input type=text maxlength=25 size=25 name="text"/><br>

<b><font color="SteelBlue"/></p>&nbsp&nbsp&nbsp&nbsp&nbsp

Районое отделение:<br></font></b>&nbsp&nbsp&nbsp&nbsp&nbsp

<input type=text maxlength=25 size=25 name="text"/><br>

<b><font color="SteelBlue"/></p>&nbsp&nbsp&nbsp&nbsp&nbsp

<form name="смс" method="post">

Ваше сообщение:<br>&nbsp&nbsp&nbsp&nbsp&nbsp

<textarea name="adress" cols="40" rows="5"></textarea>

</form></br>&nbsp&nbsp&nbsp&nbsp&nbsp

<label for="e4331cfb0b90e958d403a81098cb5488">Прикрепить файл</br>&nbsp&nbsp&nbsp&nbsp&nbsp

</label> <input type="file" name="e4331cfb0b90e958d403a81098cb5488" id="e4331cfb0b90e958d403a81098cb5488"

class="inputtext" /><p></br>

&nbsp&nbsp&nbsp&nbsp&nbsp <label for="c5e9432d149ec315f8a0592501c7c13d">Проверочный код <span>*</span></br>&nbsp&nbsp&nbsp&nbsp&nbsp</label>

<img id="captcha_simpleForm2_701" src="http://www.vladimir-sme.ru/modules/mod_simpleform2/engine.php?task=captcha&width=220&height=40"

alt="Нажмите на изображение, чтобы его изменить" title="Нажмите на изображение, чтобы его изменить"

onclick="this.src='http://www.vladimir-sme.ru/modules/mod_simpleform2/engine.php?task=captcha&width=220&height=40&rand='+Math.random();"

class="inputtext" style="cursor:pointer;" /></br></br>

<div>&nbsp&nbsp&nbsp&nbsp&nbsp <input type="text" name="c5e9432d149ec315f8a0592501c7c13d" id="c5e9432d149ec315f8a0592501c7c13d"

class="inputtext" value="" /></div><p></br>

<form method= "get" action="/cgi-bin/handler.cgi">

<p align=left>&nbsp&nbsp&nbsp&nbsp&nbsp

<input type=button name=press value="Отправить!"/>

</form>

</p></br>

</div>

Рис.22 – часть кода раздела «Написать админу»

body{margin:0 auto; width:100%;padding:0;}

background: url("фон.png");}

.header{

border:}

.verh{float:left;width:800px;height:370px;}

.left{float:left;width:250px;height:250px;}

.left h3{font-size:16px; }

.right{float:right;width:450px;height:343px;}

.right h3{font-size:16px;}

.content {margin: 0 auto;width:844px;background:url("bg-ten-n.jpg") repeat-y;}

.menu ul li {float:left;}

.menu ul li:hover {background:DodgerBlue}

.menu ul {list-style:none;padding:0;margin:0;}

.wrape{background: url("фон.png");width:800px;margin:0 0 0 22px;}

.space {background: url("Рисунок_1.gif");width:153px;height:70px;}

.space:hover{background: url("Рисунок_2.gif");}

.tekst{float:center;width:750px;height:700px;padding:0 0 30px 0;}

.menu11{float:center;width:800px;height:50px;}

.stryktyra1{float:center;border:1px solid pink;width:800px;height:300px;}

.stryktyra1 h3{font-size:16px;}

.str01{float:right;border:1px solid white;width:398px;height:200px;}

.str02{border:1px solid white;width:398px;height:200px;}

.str03{border:1px solid black;width:800px;height:500px;}

.str03 h3{font-size:16px;}

.tel_01{float:center;border:1px solid white;width:200px;height:120px;}

.tel_02{float:right;border:1px solid white;width:440px;height:700px;}

.tel_02 h3{font-size:16px;}

.tel_03{border:1px solid white;width:340px;height:700px;}

.tel_03 h3{font-size:16px;}

.admin{border:1px solid white;width:800px;height:700px;}

.admin h3{font-size:16px;}

.schema{border:1px solid white;width:800px;height:700px;}

.pictures img{height:80px;width:100px;

}

.pictures a{height:80px;width:100px;

}

.drop-down {

max-height: 0;

overflow: hidden;

}

.ie8.drop-down-menu:hover.drop-down {

max-height: 500px;

}

@media only screen and (min-width: 800px) {

.drop-down-menu:hover.drop-down {

max-height: 500px;

}

}

@media only screen and (max-width: 799px) {

.activate:checked ~.drop-down {

max-height: 200px;

}

}

.drop-down,.menu a,.drop-down-menu {

-webkit-transform: translateZ(0);

-webkit-transition: all 0.3s;

-moz-transition: all 0.3s;

-o-transition: all 0.3s;

transition: all 0.3s;

}

html,body,div,span,applet,object,iframe,

-//-//-

margin:0;

padding:0;

border:0;

outline:0;

font-size:100%;

font:inherit;

vertical-align:baseline;

}

/* HTML5 display-role reset for older browsers */

article,aside,details,figcaption,figure,

footer,header,hgroup,menu,nav,section{

display:block;

}

body{

line-height:1;

}

ol,ul{

list-style:none;

}

blockquote,q{

quotes:none;

}

blockquote:before,blockquote:after,

q:before,q:after{

content:'';

content:none;

}

/* remember to define visible focus styles!

:focus{

outline:?????;

} */

ins{

text-decoration:none;

}

del{

text-decoration:line-through;

}

table{

border-collapse:collapse;

border-spacing:0;

}

body {

font: 12px/20px Arial;

color: #fff; /*текст структуры бюро и большого текста*/

}

a {

text-decoration: none;

color: #fff; /*цвет букв из меню*/

font-weight: bold;

}

a:hover {

color: #3399CC; /*цвет букв из выпл.списка*/

}

.menu a {

float: left;

display: block;

}

.drop-down a {

float: none;

min-width: 90px;

}

.menu a {

display: block;

padding: 13px 40px;

}

.drop-down-menu {

float: left;

display: block;

}

.menu-title {

cursor: default;

padding: 13px 40px;

}

.activate {

display: none;

position: absolute;

cursor: pointer;

width: 100%;

height: 40px;

margin: 0 0 0 -15px;

opacity: 0;

}

@media only screen and (min-width: 800px) {

.drop-down-menu:hover.drop-down {

display: block;

}

.drop-down {

position: absolute;

}

}

@media only screen and (max-width: 799px) {

body {

padding: 0;

}

.menu a,.drop-down-menu {

float: none;

}

.activate {

display: block;

}

}

/* Skin */

.menu a,.drop-down-menu {

background: #3d6d99;

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5796d0), color-stop(100%,#3d6d99));

background: -moz-linear-gradient(top, #5796d0 0%, #3d6d99 100%);

}

.menu a:hover,.drop-down-menu:hover {

background: #5a6470;

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#495261), color-stop(100%,#38404b));

background: -moz-linear-gradient(top, #495261 0%, #38404b 100%); /*цвет при наведении на блок*/

}

.drop-down a {

background: #6699CC; /*цвет выпл.меню*/

}

.drop-down a:hover {

background: #333333; /*цвет выделения в выпл.меню*/

}

@media only screen and (min-width: 800px) {

.first {

border-top-left-radius: 8px;

border-bottom-left-radius: 8px;

}

.last {

border-top-right-radius: 8px;

border-bottom-right-radius: 8px;

}

.drop-down.last {

border-radius: 0;

border-bottom-left-radius: 8px;

border-bottom-right-radius: 8px;

}

}

@media only screen and (max-width: 799px) {

.menu {

background: #3d6d99;

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5796d0), color-stop(100%,#3d6d99));

background: -moz-linear-gradient(top, #5796d0 0%, #3d6d99 100%);

}

:checked ~.menu-title {

background: #495261;

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#495261), color-stop(100%,#38404b));

background: -moz-linear-gradient(top, #495261 0%, #38404b 100%);

}

.menu a,.drop-down-menu {

background: none;

}

.drop-down a {

background: #222;

}

Рис.22 – CSS код

Рис.23 – отображение страницы в Internet Explorer

Рис.24 – отображение страницы в Mozilla Firefox

Рис.25 – отображение страницы в Google Chrome

Не нашли, что искали? Воспользуйтесь поиском: