Обоснование выбора языка программирования
Основной язык программирования в программе является HTML, но так как web-ресурс содержит значительное количество страниц, для облегчения работы с прописыванием шрифта и ссылок, для размеров и цветов используется язык CSS. В программе так же не большое количество кода, прописанного на языке JavaScript, что делает сайт более функциональным и несет в себе не мало необходимых модулей, создание которых невозможно на языке HTML.
Техническое задание.
Название сайта.
«Культура интернет общения».
Назначение сайта / цель создания сайта.
Предоставление общей информации для посетителей обописаний языковых особенностей культуры интернет общения.Язык сайта.
Русский
Объём и состав графической информации.
Графические изображения содержат информацию общую информацию об этикете интернет общения.
Предполагаемая возрастная аудитория сайта
От 6 лет и старше(Рекомендательная информация сайта).
Количество страниц сайта
Сайт содержит 23 страницы: Главная; о нас; блог; контакты; Фотографии.
Кнопки управления (навигация сайта)
В конце каждой страницы есть кнопка с возвратом в начало страницы, есть главное меню, с помощью которого можно перемещаться между категориями и страницами сайта.
БРИФ на разработку сайта.
| 1 | Название компании: | БИИК ФГБОУ ВО СибГУТИ | |||
| 2 | Название сайта:
| Культура интернет общения | |||
| 3 | URL для размещения сайта: | https://perviisait.ru/ | |||
| 4 | Задачи разработчика: | 1. Разработка фирменного стиля. 2. Разработка дизайна главной и второстепенной страниц сайта. 3. Верстка главной и второстепенной страницы. 4. 4. Интеграция дизайна главной и второстепенной страниц сайта в WordPresse CMS | |||
| 5 | Цель создания сайта: | В рамках курсовой работы | |||
| 6 | Сфера деятельности компании: | ||||
| 7 | Целевая аудитория: | От 6 лет и старше | |||
| 8 | На какие географические регионы должен быть ориентирован сайт: | республика Бурятия | |||
| 9 | Языковые версии сайта: | Русский | |||
| 10 | Сайты конкурентов: | Анализ сайтов конкурентов приведен в приложении 1 | |||
| 11 | Материалы, предоставленные заказчиком: | ||||
| 12 | Структура сайта: | 1. Главная 2. Онас 3. Блог 4. Контакты 5. Фотографии | |||
| 13 | Компоненты сайта (новости, анкетирование, интернет-магазин, баннерная реклама, счетчики посещений, др.): | 1. Авторизация 2. Необходимая информация 3. Навигация | |||
| 14 | Цветовая гамма сайта: | Зелёный, Серый, Белый | |||
| 15 | Что в результате посещения сайта пользователь должен | увидеть: | Основные проблемы интернет общения | ||
| сделать: | Выводы об использований этикета при общении в интернете | ||||
| почувствовать: | Свою не образованность | ||||
| 16 | Вид верстки (фиксированный/резиновый):
| Фиксированный | |||
| 17 | Ширина веб-страницы: | ||||
| 18 | Браузеры, в которых будет просматриваться сайт, и их минимальная версия: | Google Chrome, Opera, Yandex, Mozilla Firefox | |||
| 19 | График работ: | 1. Фирменный стиль: 21.10.2015 2. Лейаут страниц: 24.10.2015 3. Эскизы web-страниц: 22.10.2015 4. Верстка страниц: 18.12.2015 5. Интеграция в CMS: 20.12.2013 6. Передача готового проекта: 19.12.2016 | |||
| 20 | Бюджет заказа: | ||||
| 21 | Передача разработки: | Эскизы web-страниц в формате DESIGN и JPG. HTML-файлы, WordPressCMS -файлы. | |||
| Заказчик: ГороховскаяН.А., преподаватель кафедры «ИВТ» | Исполнитель проекта: Катин Р.П., студент гр. И-161 |
Описание сайта
Рис.1.Слайдер сайта и регистрация сайта
Слайдер:
<div id="content-bottom">
<div id="slide">
<div id="slideshow-w">
<div id="slideshow" class="slideshowlite" style="width: 835px; height: 334px;">
<a target="blank" rel="1" style="display: none; z-index: 1;"><imgsrc="/images/apicloudnature/images/perviisait.jpg" alt="image1"></a>
<a target="blank" rel="2" style="display: block; z-index: 1;"><imgsrc="/images/apicloudnature/images/264234628449.jpg" alt="image2"></a>
|
|
|
<a target="blank" rel="3" style="display: none; z-index: 1;"><imgsrc="/images/apicloudnature/images/nerpa_3.jpg" alt="image3"></a>
<ul style="opacity: 1;"><li><a href="#" class="">1</a></li><li><a href="#" class="current">2</a></li><li><a href="#" class="">3</a></li></ul><ol style="opacity: 0.6; display: none;"><li>image1</li><li>image2</li><li>image3</li></ol></div>
</div>
</div>
</div>
Панельрегистрации:
<form action="/index.php" method="post" id="login-form">
<fieldset class="userdata">
<p id="form-login-username">
<label for="modlgn-username">Логин</label>
<input id="modlgn-username" type="text" name="username" class="inputbox" size="18">
</p>
<p id="form-login-password">
<label for="modlgn-passwd">Пароль</label>
<input id="modlgn-passwd" type="password" name="password" class="inputbox" size="18">
</p>
<p id="form-login-remember">
<label for="modlgn-remember">Запомнитьменя</label>
<input id="modlgn-remember" type="checkbox" name="remember" class="inputbox" value="yes">
</p>
<input type="submit" name="Submit" class="button" value="Войти">
<input type="hidden" name="option" value="com_users">
|
|
|
<input type="hidden" name="task" value="user.login">
<input type="hidden" name="return" value="aW5kZXgucGhwP0l0ZW1pZD0xMDE=">
<input type="hidden" name="c2cf18b91e400254beda7e586a0d1ded" value="1"></fieldset>
<ul class="sf-js-enabled"><li>
<a href="/index.php/component/users/?view=reset">
Забыли пароль?</a></li><li>
<a href="/index.php/component/users/?view=remind">
Забылилогин?</a></li>
<li><a href="/index.php/component/users/?view=registration">
Регистрация</a></li></ul></form>
Рис.2.О нас
На странице есть статья:
<p><strong>Интернет культура</strong> (бур. <spanlang="bua" xml:lang="bua">Этикет</span>) — озеро Интернет - это децентрализованная система, не имеющая единого центра управления и единого руководства. . Культура, Вежливое обращение — залог успеха вашего предприятия по созданию сайта. использование этикета.</p>
Меню:
<divid="right"><divclass="moduletable_menu"><h3>MainMenu</h3><ulclass="menu"><liclass="item-101 currentactive"><ahref="/">Главная</a></li><liclass="item-102"><ahref="/index.php/Culturaobshenia">Культура общения</a></li><liclass="item-106"><ahref="/index.php/">использование этикета</a></li><liclass="item-107"><ahref="/index.php/Adres&Uzniitut))">Адрес</a></li><liclass="item-109"><ahref="/index.php/Del’nti">Блоги</a></li><liclass="item-110"><ahref="/index.php/Onas">О нас</a></li></ul></div></div>
Рис.3.Пункт блоги «Интернет культура»
Дата добавления: 2018-04-05; просмотров: 268; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!