МІНІСТЕРСТВО ОСВІТИ ТА НАУКИ УКРАЇНИ ВІДОКРЕМЛЕНИЙ СТРУКТУРНИЙ ПІДРОЗДІЛ ЗОЛОЧІВСЬКИЙ КОЛЕДЖ НАЦІОНАЛЬНОГО УНІВЕРСИТЕТУ «ЛЬВІВСЬКА ПОЛІТЕХНІКА» Циклова комісія природничо-математичних та комп’ютерних дисциплін З В І Т Про виконання лабораторної роботи №1 «Створення web-сайту» Студент[ім’я автора приховано] Максимовича Романа Володимировича Викладач Олійник Богдан Петрович Кількість балів________Оцінка:ECTS___ Золочів 2017 рік ВСТУП У даній лабораторній роботі я створюватиму web-сайт для для реклами блогів онлайн гри. Мета роботи: Навчитися створювати web-сайт. Постановка завдання: Створити web-сайт за за вибраною темою за допомогою мови html. Проілюструвати виконання завдань. Дизайн Web-сайту і властивості серверних елементів управління мають бути індивідуальні для кожного студента. ТЕОРЕТИЧНІ ВІДОМОСТІ Сайт або веб-сайт (від англ. website, місце, майданчик в інтернеті) – сукупність веб-сторінок, доступних у мережі Інтернет, які об'єднані як за змістом, так і за навігацією. Фізично сайт може розміщуватися як на одному, так і на кількох серверах. Сайтом також називають вузол мережі Інтернет, комп'ютер, за яким закріплена унікальна ІР-адреса, і взагалі будь-який об'єкт в Інтернеті, за яким закріплена адреса, що ідентифікує його в мережі (FTP-site, WWW-site тощо). Набір зв'язаних між собою інформаційних онлайнових ресурсів, призначених для перегляду через комп'ютерну мережу за допомогою спеціальних програм – браузерів. Веб-вузол може бути набором документів в електронному вигляді, онлай н службою. ПРАКТИЧНА РЕАЛІЗАЦІЯ ЗАВДАННЯ Лістинг: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="en-US" xmlns="http://www.w3.org/1999/xhtml" dir="ltr"> <head> <title>ArheageYouTube.com</title> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <link rel="stylesheet" href="css/jquery.jcarousel.css" type="text/css" media="all" /> <!--[if IE 6]> <link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" /> <![endif]--> <link rel="shortcut icon" href="css/images/249.png" /> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/jquery.jcarousel.pack.js"></script> <script type="text/javascript" src="js/func.js"></script> </head> <body> <div class="shell"> <div class="border"> <div id="header"> <h1 <img src="css/images/archeage-rev1.png" /><a href="https://www.facebook.com/archeage/?fref=ts" class="notext">Arheage</a></h1> <div class="socials right"> <ul> <li><a href="https://vk.com/public_archeage" class=" ">Vk</a></li> <li><a href="https://www.facebook.com/archeage/?fref=ts" class="fb">Facebook</a></li> <li class="last"><a href="https://twitter.com/archeage" class="twit">Twitter</a></li> </ul> </div> <img src="css/images/2493.png" /> </div> <div class="cl">&nbsp;</div> </div> <div id="navigation"> <ul> <li><a href="http://arhjy.pp.ua" class="active">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Services</a></li> <li><a href="#">Projects</a></li> <li><a href="#">Contact</a></li> <li><a href="http://arhjy.pp.ua/pege">Blog</a></li> </ul> <div class="cl">&nbsp;</div> </div> <div class="slider"> <div class="slider-nav"> <a href="#" class="left notext">1</a> <a href="#" class="left notext">2</a> <a href="#" class="left notext">3</a> <a href="#" class="left notext">4</a> <div class="cl">&nbsp;</div> </div> <ul> <li> <div class="item"> <div class="text"> <h3><em></em></h3> <h2><em></em></h2> </div> <img src="css/images/archeage-rev1.png" /> </div> </li> <li> <div class="item"> <div class="text"> <h3><em></em></h3> <h2><em></em></h2> </div> <img src="css/images/2_(3)1.jpg" alt="" /> </div> </li> <li> <div class="item"> <div class="text"> <h3><em></em></h3> <h2><em></em></h2> </div> <img src="css/images/Drake_slide2.jpg" alt="" /> </div> </li> <li> <div class="item"> <div class="text"> <h3><em></em></h3> <h2><em></em></h2> </div> <img src="css/images/1globalnoe-obnovlenie-archeage-3-0.JPG" alt="" /> </div> </li> </ul> </div> <div id="main"> <div id="content" class="left"> <div class="highlight"> <h3>ArcheAge</h3> <img src="https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/content/userbars/bars/23.png" alt="" class="right" /> <p>ArcheAge (кор.아키에이지; кит. 上古世紀; укр. Стародавній вік) - багатокористувацька онлайн гра для PC, розроблена корейською компанією XLGames. Дії гри відбуваються у світі ArcheAge - фентезійному світі з елементами середньовіччя, магії та стімпанку, створеному за мотивами книг корейської письменниці Мін-Хі Чон.</p> <a href="https://aa.mail.ru" class="more">Більше інформації тут</a> </div> <div class="projects"> <h3>Новини</h3> <div class="item"> <div class="image left"> <a href="#"><img src="css/images/Screenshot_1.png" alt="" /></a> </div> <div class="text left"> <h4>Система стихій</h4> <p>Перша частина огляду умінь оновлення 3.5 в якій ви дізнаєтеся загальну механіку нової системи з атрибутами стихій!)</p> <a href="https://www.youtube.com/watch?v=sxz1VpyQ_tA&t=8s" class="more">Силка на відео</a> </div> <div class="cl">&nbsp;</div> </div> <!--next--> <div class="item"> <div class="image left"> <a href="#"><img src="css/images/Screenshot_2.png" alt="" /></a> </div> <div class="text left"> <h4>Стрім патча 3.5</h4> <p>Стрім з корейського сервера з патчем 3.5! 19 січня 18:00.</p> <a href="https://www.youtube.com/watch?v=0IUBwjpBqww" class="more">Силка на відео</a> </div> <div class="cl">&nbsp;</div> </div> <!--next--> <div class="item"> <div class="image left"> <a href="#"><img src="css/images/Screenshot_3.png" alt="" /></a> </div> <div class="text left"> <h4>Стрім Корея</h4> <p>АгсһеАде 3.5 КОРЕЯ СТРІМ: ВИВЧАЄМО НОВЕ ОНОВЛЕННЯ. Liskait і Хідео.</p> <a href="https://www.youtube.com/watch?v=U-PQSm6jC0g&t=5s" class="more">Силка на відео</a> </div> <div class="cl">&nbsp;</div> </div> <!--next--> <div class="item"> <div class="image left"> <a href="#"><img src="css/images/Screenshot_4.png" alt="" /></a> </div> <div class="text left"> <h4>Нова локація</h4> <p>ArcheAge 3.5 | Нова локація з РБ Будиночками і Пакоделки ^_^.</p> <a href="https://www.youtube.com/watch?v=omHZgjb36V4&t=8s" class="more">Силка на відео</a> </div> <div class="cl">&nbsp;</div> </div> </div> </div> <div id="sidebar" class="right"> <h3>Для перегляду, блоги:</h3> <div class="sidebar-nav"> <ul> <li><a href="https://www.youtube.com/channel/UCWXkwFzpEMEqMdw0tDa1hSQ">Бепо</a></li> <li><a href="https://www.youtube.com/channel/UCxutX7WZGaaIXWQ_0UJ-ZcA">TheLiskait</a></li> <li><a href="https://www.youtube.com/user/EHOTuKO">EHOTuKO</a></li> <li><a href="https://www.youtube.com/channel/UCGomUXJiv3p0qHRLLsMiqYg">BeKz</a></li> <li><a href="https://www.youtube.com/channel/UCJl-QYqzp4RyavORmoxpUTA">MaTT 【 Game TV 】</a></li> </ul> </div> <a href="https://aa.mail.ru/news" class="btn-buy"><em>Долучайся</em></a> <div class="Реклама:)"> <h3>Реклама:)</h3> <div class="ads"> <div class="ad left"> <a href="#"><img src="css/images/ad01.gif" alt="" /></a> </div> <div class="ad right"> <a href="#"><img src="css/images/ad02.gif" alt="" /></a> </div> <div class="cl">&nbsp;</div> </div> </div> <div class="info"> <h3>Сайт в розробці</h3> <p>Оновлення скоро</p> </div> </div> <div class="cl">&nbsp;</div> </div> <div class="shadow-l"></div> <div class="shadow-r"></div> <div class="shadow-b"></div> </div> <div id="footer"> <div class="footer-nav left"> <ul> <li><a href="http://arhjy.pp.ua">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Services</a></li> <li><a href="#">Projects</a></li> <li><a href="#">Blog</a></li> <li class="last"><a href="#">Contact</a></li> </ul> </div> <p class="copy right"> | Archeage 2017 | <a href="https://vk.com/id143292159" target="_blank" title="The Sweetest CSS Templates WorldWide">My page</a></p> <div class="cl">&nbsp;</div> </div> </div> </body> </html> / Рис. 2.1 – Сторінка сайту / Рис. 2.2 – Сторінка сайту / Рис. 2.3 – Сторінка сайту ВИСНОВОК Я навчився створювати і реєструвати хост і домен для сайту, а також створювати влавний web-сайт.