Разработка web-сайта

Введение

Internet развивается довольно стремительно. Быстро растет количество изданий, посвященных Сети, что предвещает широкое ее распространение даже в далеких от техники областях. Internet превращается из большой игрушки для интеллектуалов в полноценный источник разнообразной полезной информации для любой категории пользователей.

Через десять лет, по прогнозам  специалистов, около 50 процентов семей (безусловно, пока лишь в развитых странах) будут использовать его ежедневно. Телевидение и радиоприемники не будут заменены компьютерами, но будут  иметь мощный процессор, большую  память и фактически сами станут в  некотором отношении компьютерами.

Это будет время, когда  любой человек, владеющий компьютером, сможет "скачать" с его помощью  статьи, иллюстрации, видео- или аудиоинформацию  по любой интересующей его теме. Он сможет получить эту информацию тогда, когда он этого пожелает. Через  какое-то время системы искусственного интеллекта – параллельный машинный перевод, а также идентификация  и распознавание голоса сломают  последние национальные и языковые барьеры и сделают возможным  свободный транснациональный обмен  информацией.

Каждый из нас уже сейчас может сделать свой вклад в  развитие Internet. Для этого достаточно создать свой веб-сайт и разместить его в Сети. Но как это сделать? Ответ на данный вопрос я попробую дать в этой работе.

Для этого необходимо решить следующие  частные задачи:

– ознакомиться с современными Интернет-технологиями и, по возможности, использовать их в своей разработке;

– изучить программный  инструментарий, применяемый для  разработки и создания Web-сайтов;

– выявить и учесть методы и способы представления на Web-страницах  различных видов информации, не препятствующие их доступности;

– ознакомиться с основными  правилами и рекомендациями по разработке и созданию Web-сайтов и неукоснительно следовать им в своей практике;

– определиться со структурой Web-страниц;

– выбрать стратегию разработки и создания Web-сайта.

 

1. Язык разметки гипертекстовых страниц HTML

Язык разметки гипертекстовых страниц (HTML – Hypertext Markup Language) представляет собой язык, разработанный специально для создания Web-документов. Он определяет синтаксис и размещение специальных инструкций (тегов), которые не выводятся на экран, но указывают браузеру, как отображать содержимое документа. Он также используется для создания ссылок на другие документы, локальные или сетевые, например, находящиеся в сети Интернет.

Стандарт HTML и другие стандарты  для Web разработаны под руководством консорциума W3C (World Wide Web Consortium). Стандарты, спецификации и проекты новых предложений можно найти на сайте http://www.3w.org/. В настоящее время действует спецификация HTML 4.0, поддержка которой со стороны основных браузеров постоянно растет.

На практике на стандарт HTML большое влияние оказывает  наличие тегов, предложенных и поддерживаемых наиболее известными браузерами, такими как Microsoft Internet Explorer и Netscape Navigator. Эти теги в данный момент могут как входить, так и не входить в состав действующей спецификации HTML.

Информации о тегах HTML Compendium (краткое руководство по HTML) созданно Ron Woodall. Компендиум содержит список тегов и их атрибутов в алфавитном порядке, а также обновленную информацию о поддержке каждого из них со стороны браузеров. Компендиум HTML находится на сайте http://www.htmlcompendium.org. [3]

 

2. Постановка задачи

Задача состоит в создании тематического WEB-сайта с использованием гипертекстового языка разметки HTML.

Основная цель сайта - удовлетворять информационным запросам посетителя. Все разделы и информация на них должны быть легко доступны.

 

3. Изучение предметной области

В данной контрольной работе  предметом области является сайт интерьеров.

Сайт содержит следующую  навигацию:

• О нас (что представляет данный сайт);
• Новости сайта;
• Фотогалерея (является основной частью сайта);
• Гостевая книга (здесь можно оставить свои пожелания или замечания);
• Блог  (обсуждение);
• Также указан контакт (это почтовый адрес), куда зашедшие посетители могут отправлять свои письма.

 

4. Разработка навигации по сайту

Сайт разработан так, что  находясь на любой страничке, вы можете выбрать необходимый вам раздел. Возможность попасть в любое  место сайта, несмотря на свое место нахождения в нем – упрощает навигацию, делая ее, очень простой и удобной.

 

5. Разработка интерфейса

Сам сайт был создан в  специальной программе  http://www.webnode.ru

1 шаг: Зашла на главную  страницу данного сайта, и стала  заполнять поэтапно пустые графы.

                                       (рис.1)

2 шаг: На втором этапе, сайт предлагает выбрать тип моего сайта, что очень упрощает задачу, в данном случаи я выбрала «Создание Личного сайта»

                                        (рис.2)

3 шаг: Этот этап требует  придумать названия будущего  сайта, его слоган и на каком он будет языке

                                         (рис.3)

 

4 этап: Следующие что мы  делаем, это определяемся, что у  нас будет находиться на странице  сайта (ставим галочки).

                                         (рис.4)

 

5 этап: Затем у нас выходит  уже главная страница, которую  нам нужно отредактировать. На  этом этапе у нас заключается  вся дизайнерская часть, и 

                                          (рис.5)

внесение информации.

                                            (рис.6)

 

                                              (рис.7)

 

После того как мы редактируем  либо интерфейс сайта, либо вставляем  нужную текстовую информацию

Обязательно надо «Публиковать» (иначе информация не сохраниться)

                                             (рис.8)

 

Таким образом, выглядит уже готовый сайт:

Адрес сайта: hht://krasivaya-zhizn1.webnode.ru/

 

 

 

 

 

 

Список литературы:

1. Шегар А.М. CSS - Cascading Style Sheet в примерах. - Internet, http/www.citforum.ru.
2. http://www.webnode.ru

[3] http://www.bestreferat.ru/referat-188834.html

 

Приложение

Index.html

<h2><span style="font-size:24px;"><span style="font-family:comic sans ms,cursive;">Добро пожаловать на наш сайт!!!</span></span></h2>

<p>&nbsp;</p>

<h1>О нас</h1>

<p>Наш сайт создан для того, чтобы можно было просмотреть множество вариантов интерьеров! Здесь собранны лучшие коллекции изображений! Что для Вас очень удобно и быстро в выборе, для вашего будущего ремонта!</p>

<h2>Наши пользователи</h2>

<p>Пользователи нашего сайта это Вы дорогие посетители! Так же его с удовольствием могут посетить сами дизайнеры.</p>