Разработка web-сайта "Дайвинг клуб"
Создание тематического WEB-сайта с использованием гипертекстового языка разметки HTML, каскадных листов стилей CSS и языка программирования JavaScript на тему "Дайвинг клуб". Разработка навигации по сайту и его интерфейса. Описание используемых тегов.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | контрольная работа |
| Язык | русский |
| Дата добавления | 02.12.2009 |
| Размер файла | 930,0 K |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
5
Министерство высшего и профессионального образования РФ
Волжский университет им. В.Н.Татищева
Факультет «Информатика и телекоммуникации»
Кафедра «Информатика и системы управления»
КОНТРОЛЬНАЯ РАБОТА
на тему: «Разработка web-сайта»
Введение
Более трех миллионов пользователей регулярно пользуются различными сервисами, предоставляемыми всемирной электронной сетью. Несмотря на то, что первоначально WWW предназначалась для “серьезных” целей, в настоящий момент подавляющая часть находящейся там информации относится именно к сфере досуга и увлечений.
Большинство документов, доступных на серверах Internet имеют гипертекстовый формат. Гипертекстовые документы создаются в HTML (Hyper Text Markup Language).
Язык НТМL весьма прост, управляющие коды, которые, собственно компилируются обозревателем для отображения на экране, состоят из текста АSСII. Ссылки, списки, заголовки, картинки и формы называются элементами языка НТМL.
НТМ -документ - это обычный текстовой файл. Используя, например обозреватель Netscape можно просмотреть результат работы, просто загрузив в него созданный на основе синтаксиса НТМL текстовый файл.
Под гипертекстовым документом понимают документ, содержащий так называемые ссылки на другой документ. Реализовано это с помощью протокола передачи гипертекста НТТР. Гипертекстовый язык предоставляет только информацию для чтения. Это означает, что редактировать WEB-страницы может лишь тот, кто их создал, а не простой пользователь.
В данной контрольной работе будет разработан web-сайт на тему «Дайвинг клуб». Разработка сайта предназначена для закрепления материала по пройденному курсу дисциплины “WEB-технологии”.
1. Постановка задачи
Задача состоит в создании тематического WEB-сайта с использованием гипертекстового языка разметки HTML, каскадных листов стилей CSS и языка программирования JavaScript. Объем контрольной работы должен составлять минимум три WEB-страницы (первая страница - основная, вторая и третья страницы - дополнительные, раскрывающие сущность выбранной тематики).
Основная цель сайта - удовлетворять информационным запросам посетителя. Все разделы и информация на них должны быть легко доступны. Необходимо предоставить зашедшему гостю самостоятельно регулировать глубину просмотра и не предоставлять всю информацию сразу.
Сайт должен разрабатываться в блокноте и отдельно описывается, для наибольшего закрепления материала по пройденному курсу. Просмотр страниц происходит в Internet Exploer или в любом другом навигаторе, стоящим на компьютере пользователя. Для этого сайт не должен содержать коды, которые не прочитываются в одном из навигаторов.
2. Изучение предметной области
Для разработки контрольной работы рассматривалась предметная область - информация о дайвинге.
Сайт будет иметь следующую структуру:
§ главная страница - предоставляет посетителю расценки дайвинг клуба;
§ новости - эта страница содержит новостную информацию клуба;
§ обучение - эта страница содержит об обучении в клубе;
§ клуб - эта страница содержит историю клуба;
§ фотогалерея - фотографии дайверов.
3. Реализация поставленной задачи
3.1 Разработка навигации по сайту
Сайт разработан так, что находясь на любой страничке, вы можете выбрать необходимый вам раздел. Возможность попасть в любое место сайта несмотря на свое место нахождения в нем - упрощает навигацию, делая ее очень простой и удобной.
Рис.1. Навигация по сайту
3.2 Разработка интерфейса
Палитра цветов интерфейса состоит из голубого и синего цвета. На голубой фон накладывается еще рисунок из файла в виде двух дайверов, рыбки и кораллов.
Рис.2. Главная страница сайта
3.3 Описание используемых тегов
1. Документ в целом отмечен как документ в формате HTML, т.е. начинается командой <HTML> и заканчивается командой </HTML>.
2. Для выделения заголовка: <HEAD> Заголовок документа <HEAD>
3. Для ввода титульной строки в заголовок документа: <HEAD> <TITLE> </TITLE> </HEAD>
4. Для записи основного текста: <BODY> Основной текст </BODY>
5. Для перехода на следующую строку: <BR>
6. Для создания пустой строки: <P></P>
7. Таблица создается с помощью команд <TABLE> и </TABLE>. Команда <TABLE> может иметь следующие параметры: BORDER - определяет линии, разграничивающие клетки в таблице. CELLPADDING - определяет минимальный промежуток вокруг содержимого таблицы. BGCOLOR - определяет цвет фонового изображения в таблице. Для формирования таблицы, состоящей из нескольких строк, используется команда <TR> , разделяющей строки и <TD>, разделяющей столбца.
8. Для записи гипертекстовой ссылки: <A href = “URL”> Переход по гипертекстовой ссылке. </A>
9. Для записи гипертекстовой ссылки с помощью рисунка вместо текста для ссылки вставляют рисунок: <IMG SRC= “ИМЯ ФАЙЛА” ALIGN = DIRECTION WIDTH = WIDTH HEIGHT = HEIGHT >.
10. Процедура на JavaScript - их две один для вывода popup окошек с рублёвым эквивалентом цены на основной странички, второй для подсветки пунктов меню. <script type="text/javascript" src="js/menu.js"></script>
<script type="text/javascript" src="js/popup.js"></script>
11. Style.css - простенькая табличка стилей там указан стиль для popup окна и заданы некоторые атрибуты для body и ссылок.
<link href="style.css" rel="stylesheet" type="text/css">
Стиль пишется между тегами <HEAD> </HEAD>
Список литературы
1. Шегар А.М. CSS - Cascading Style Sheet в примерах. - Internet, http/www.citforum.ru.
2. Шегар А.М. JavaScript в примерах. - Internet, http/www.citforum.ru.
3. Модель событий JavaScript - Internet, http/www.rambler.
4. Каллахан И. Ваша WEB-страница. Проблемы и решения. С англ. - М.: “ЭКОМ”, 2002-.- 290с., ил.
Подобные документы
Создание тематического Web-сайта с использованием гипертекстового языка разметки HTML, каскадных листов стилей CSS и языка программирования Java Script. Описание используемых тегов при его создании. Особенности разработки навигации и интерфейса сайта.
контрольная работа [2,8 M], добавлен 02.12.2009Создание тематического Web-сайта с использованием гипертекстового языка разметки HTML, каскадных листов стилей CSS и языка программирования JavaScript. Проблема высокого уровня нагрузки на хостинг и создания уникального контента. Выбор средств CMS.
курсовая работа [3,6 M], добавлен 25.05.2014Создание индивидуального сайта с использованием языка гипертекстовой разметки HTML и языка скриптов JavaScript. Программные средства, используемые при выполнении работы. Основные средства для создания сайта. Разработка CSS-файла (таблица стилей).
лабораторная работа [31,0 K], добавлен 28.10.2010Экономическое обоснование создания программного продукта web-сайта мебельной компании. Применение гипертекстового языка разметки HTML, технологии CSS и JavaScript совместно с библиотекой JQuery. Использование Интернет-технологий в создании сайта.
дипломная работа [8,1 M], добавлен 30.11.2014Концептуальное проектирование сайта по онлайн-продаже кофе, его древовидная логическая структура страниц. Описание языка гипертекстовой разметки сайта HTML, особенности отображения HTML-тегов в браузерах. Создание формы заказа для онлайн-торговли.
курсовая работа [2,2 M], добавлен 16.04.2017Особенности создания сайта "Ремонт и эксплуатация автомобилей ВАЗ" содержащего необходимую информацию поэтапной разборки запчастей, а также устранение неисправностей, написанного с использованием языка гипертекстовой разметки HTML и языка JavaScript.
дипломная работа [10,5 M], добавлен 04.06.2019Практическая значимость создания сайта. Язык программирования JavaScript. Основные области использования языка JavaScript при создании интерактивных HTML-страниц. Язык программирования PHP. Программная основа сайта. Создание оформления дизайна сайта.
дипломная работа [1,1 M], добавлен 05.03.2013Принципы информатизации высших учебных заведений и образовательные информационные технологии. Язык разметки гипертекстовой информации. Php и javaScript при разработке сайта учебного заведения. Создание меню для навигации по сайту и счётчика посещений.
дипломная работа [464,8 K], добавлен 03.09.2012История возникновения и применение Каскадных таблиц стилей (CSS) в web-дизайне, их преимущества и отличие от HTML. Сравнительная характеристика табличной и блочной верстки. Практика дизайна сайта: создание бокового меню, всплывающего модального окна.
курсовая работа [1,2 M], добавлен 21.06.2011Язык маркировки гипертекстов HTML, основа создания web-страниц. История спецификаций, каскадные таблицы стилей CSS. Способы определения таблиц стилей (стилевого шаблона). Язык подготовки сценариев JavaScript, его использование. Программный код web сайта.
курсовая работа [26,9 K], добавлен 05.07.2009
