Upload
artem-laptev
View
641
Download
7
Embed Size (px)
DESCRIPTION
Дипломный проект студентки Винницкого филиала Компьютерной Академии "ШАГ" Бевзюк Елена
Citation preview
ZAGS.VN.UA
ДИПЛОМНА РОБОТА
.
HTML (англ. HyperText Markup Language — Мова розмітки гіпертексту) — стандартна мова розмітки документів у Всесвітній павутині. Більшість веб-сторінок створюються за допомогою мови HTML (або XHTML). Документ HTML оброблюється браузером та відтворюється на екрані у звичному для людини вигляді.
Каскадні таблиці стилів (англ. Cascading Style Sheets або скорочено CSS) — спеціальна мова, що використовується для відображення сторінок, написаних мовами розмітки даних. Найбільш часто CSS використовують для візуальної презентації сторінок, написаних HTML та XHTML, але формат CSS може застосовуватися до інших видів XML-документів.
Веб-сайт (англ. website, місце, майданчик в інтернеті), також сайт (англ. site, місце, майданчик) — сукупність веб-сторінок, доступних у Міжмережжі (Інтернеті), які об'єднані як за змістом, так і навігаційно. Фізично сайт може розміщуватися як на одному, так і на кількох серверах.
Сайтом також називають вузол мережі Інтернет, комп'ютер, за яким закріплена унікальна ІР-адреса, і взагалі будь-який об'єкт в Інтернеті, за яким закріплена адреса, що ідентифікує його в мережі (FTP-site, WWW-site тощо).
Набір зв'язаних між собою інформаційних онлайнових ресурсів, призначених для перегляду через комп'ютерну мережу за допомогою спеціальних програм — браузерів. Веб-вузол може бути набором документів в електронному вигляді, онлайновою службою.
Варіанти шаблонів:
Варіанти шаблонів:
Варіанти шаблонів:
Варіанти шаблонів:
Шаблон:
Код HTML:
<html> <div class='body'> <div class='main'> <div class='header'></div> <div class='header2'> <div class='headermenu'> </div> </div> <div class='menuhead'></div> <div class='shapka'></div> <div class='main2'> <div class='left_block'> <div class="wrapper"></div> </div> <div class='content_block'></div> </div> <div class='footer1'> <div class='footermenu'></div> </div> <div class='footer'> </div> </div> </div> </html>
Код CSS:
.left_block{width:350px; float:right;font: 12px Verdana;background-color:#d7d7d7;color:#3891cf;padding:16px;}
.content_block{ font-family:Verdana; font-size:14px ; background-color:#fff; margin-right:20%; min-height:820px; width:718px; padding: 50px; line-height: 1.5;}
.wrapper {width: 350px;min-height: 750px;margin: 0;background: #D7D7D7;}.wrapper a {display: block;background: #D7D7D7;color: black;text-decoration: none;padding: 10px;background: url(http://www.chromesdirect.com/assets/images/bg1.png);margin: 0;border-bottom:1px solid # 3891cf;}.wrapper a:hover {display: block;background: #3891cf;color: white;}.wrapper .active a{display: block;background: #3891cf;color: white;}
.header2{ width:100%; margin: 0 auto;
background:url(http://www.chromesdirect.com/assets/images/bg3.png);
line-height: 1.3; border:2px solid #3a3939; padding:10px; text-align:center; position:fixed; margin-top:100px; z-index:20; box-shadow: 0px 0px 10px black; } .menuhead { height:120px; width:100%; margin: 0 auto; background-color:#d7d7d7; border:1px solid #bababa; } .shapka{ height:100%; width:100%; margin: 0 auto; background-color:#000; margin: 0 auto; margin-top:50px; z-index:0; }
Швидкість загрузки сайту:
Швидкість загрузки сайту:
W3C Validation:
Пункти меню:
Пункти меню:
Пункти меню: