Web-страницы и Web-сайты

Изучение понятий и программного инструментария, применяемого для разработки и создания Web-сайтов. Язык разметки гипертекстовых страниц HTML. Web-редактор Macromedia Dreamweaver. Представление текста и графиков, планирование информационного потока.

Рубрика Программирование, компьютеры и кибернетика
Вид реферат
Язык русский
Дата добавления 22.11.2015
Размер файла 319,8 K

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

Размещено на http://www.allbest.ru/

Содержание

Введение

1. Web-страницы и Web-сайты

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

3. Web-редактор Macromedia Dreamweaver

4. Представление текста на Web-страницах

5. Представление графика на Web-страницах

6. Планирование информационного потока

Заключение

Список используемой литературы

Приложения

Введение

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

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

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

Интернет - это не только "прохладный бассейн", в котором так комфортно чувствуют себя весьма "перегревшиеся" люди, но и место, где можно "потрогать" практически любую горячую тему, не опасаясь при этом обжечься (1, с.8).

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

Публичные, или горизонтальные, порталы, такие как Yahoo, Lycos, Excite, Rambler, являющиеся результатом развития поисковых систем. Предназначены они для самой широкой аудитории, что отражается на содержании предоставляемой ими информации и услуг. Как правило, эта информация носит общий характер, равно как и предоставляемые услуги (электронная почта, новостные рассылки и так далее).

Вертикальные порталы. Этот вид порталов предназначен для специфических видов рынка и обслуживает аудиторию, пользующуюся услугами этого рынка, или работающую на нем. Например, туристические агентства, предоставляющие услуги по бронированию мест в гостиницах, заказу и доставке билетов, доступу к картам и сведениям об автомобильных маршрутах, либо порталы типа B2B (business-to-business), позволяющие своим клиентам реализовывать совместные бизнес-операции (например, выбирать поставщиков и осуществлять закупку товаров, проводить аукционы).

Корпоративные порталы предназначены для сотрудников, клиентов и партнеров одного предприятия. Пользователи такого портала получают доступ к предназначенным им сервисам и приложениям в зависимости от их роли и персонального профиля.

Другие наиболее распространённые web-приложения:

Региональные Интернет-порталы, универсальные по своему направлению, но ограниченные географией заинтересованных посетителей;

Поисковые системы - это Интернет-порталы, которые предназначены для того, чтобы предоставить их посетителю возможность найти сайты, на которых встречаются заданные слова или целые фразы (metabot);

Каталог - это коллекция ссылок на сайты. Зачем же нужны каталоги, если есть поиск? Очень часто мы не знаем точно, что нам нужно, не можем это сформулировать парой слов (mail);

Электронные доски объявлений - место в Интернет, где практически любой желающий может оставить информацию ознакомительного, пригласительного или рекламного характера;

Форумы - это специальные сайты или разделы на сайтах, предназначенные для того, чтобы посетители, оставляя свои сообщения, обменивались мнениями;

Чаты - место для общения в Интернет;

Файлы для скачивания;

Фотогалереи;

Элементы статистики;

Хранение в интернете различной информации;

Серверы почтовых рассылок, они предлагают услуги по доставке информации широкому кругу читателей (subscribe);

Интернет-магазины и аукционы (ozon, molotok).

Любой человек может сделать свой вклад в развитие Internet, создать свой веб-сайт и разместить его в Сети.

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

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

Если вы задерживаетесь на каком-либо сайте на длительное время и даже не осознаете этого, то, по всей видимости, такой сайт очень хорошо продуман. Для создания хорошего, удобного в работе сайта необходимо понять движение информационных потоков, представлять структуру и организацию сайта, который вы хотите создать.

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

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

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

- выявить и учесть методы и способы представления на Web-страницах различных видов информации (текстов и изображений);

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

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

- представить пошаговую стратегию разработки web-сайта.

1. Web-страницы и Web-сайты

Web-страница - представляет собой текстовый файл с расширением *.htm, который содержит текстовую информацию и специальные команды HTML-коды, определяющие в каком виде эта информация будет отображаться в окне браузера. Вся графическая, аудио и видео информация непосредственно в Web-страницу не входит и представляет собой отдельные файлы (4. с. 15).

Этот файл содержит собственно текст Web-страницы и различные команды форматирования этого самого текста. Команды форматирования называются тегами, а описывает их особый язык HTML (HyperText Markup Language, язык гипертекстовой разметки).

Файлы, содержащие Web-страницы, сохраняются на жестких дисках серверного компьютера. Получив от Web-обозревателя запрос по протоколу HTTP, Web-сервер (серверная программа, обеспечивающая работу сервиса WWW) загружает эти файлы и отправляет Web-обозревателю.

Web-обозреватель дает понять Web-серверу, какая Web-страница ему нужна - он пересылает в составе клиентского запроса имя и полный путь файла, в котором она сохранена. Например: http://www.rshu.ru/university/history/.

Web-сайт - состоит из связанных между собой Web-страниц, подчиненных общей тематике и объединенных в единое целое. Web-сайт также сохраняется на жестких дисках серверного компьютера. (Приложение 1) Технических отличий у Web-страницы (Приложение 2) и Web-сайта не слишком много.

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

Корневую папку сайта на серверном компьютере создает администратор, занимающийся настройкой и обслуживанием программы Web-сервера (или же всего серверного компьютера). При этом он заносит полный путь этой папки в настройки Web-сервера, чтобы последний смог найти ее на диске. После этого корневая папка может быть заполнена файлами нового сайта.

Когда Web-обозреватель присылает Web-серверу запрос вида: http://www.rshu.ru/university/history/ Web-сервер ищет нужный файл в корневой папке сайта и, если находит, отправляет его Web-обозревателю. Если же такого файла нет, или Web-сервер почему-то не может его загрузить, он отправляет Web-обозревателю сообщение об ошибке.

После того, как будут известны все материалы сайта и его структура, можно перейти к дизайну навигации и самих страниц (8, с. 69).

Главная страница

Главная страница любого сайта компании - это лицо, обращённое ко всей сети. На главной странице чётко прописываются цели компании, при этом каждый элемент дизайна должен позволять пользователю ещё лучше разобраться в сайте и определиться с последовательностью действий для решения своих задач.

Именно с главной страницы большинство пользователей начинает путешествие по сайту. При этом сайт должен быть сделан так, чтобы люди, пришедшие на сайт по глубокой ссылке, чувствовали себя комфортно.

Будет замечательно разместить на каждой странице сайта:

- название компании или логотип в левом верхнем левом углу;

- прямую ссылку на главную страницу;

- индивидуальный слоган для сайта, состоящий из одного предложения.

Нельзя предполагать, что пользователь попал на данную страницу, преодолев весь путь от начала до конца. Вполне возможно, что он не видел той информации, которая указана на страницах верхнего уровня. При глубоких ссылках мы должны сориентировать пользователя по месту, сообщить ему, где он сейчас находится на сайте, указав на странице цепочечную ссылку. Если есть необходимость, чтобы какая-то страница не индексировалась в поисковиках, необходимо в элементе "HEAD" ввести <META NAME="robots" CONTENT="noindex">.

В разделе "О нас" необходимо представить основные сведения о компании. Подробное объяснение в верхней части страницы "О нас" помогает пользователю лучше понять то, что содержится в глубинах, этого раздела.

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

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

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

На практике на стандарт HTML большое влияние оказывает наличие тегов, предложенных и поддерживаемых наиболее известными браузерами, такими как GOOGLE CHROOM, INTERNET EXPLORER 11, OPERA. Эти теги в данный момент могут, как входить, так и не входить в состав действующей спецификации HTML.

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

3. Web-редактор Macromedia Dreamweaver

Язык HTML относительно прост, написать с его помощью несложную Web-страничку можно за несколько минут. Существует множество программ, предназначенных для создания Web-страниц, - так называемые Web-редакторы. С помощью таких программ можно создавать документы в Microsoft Word.

Одна из таких программ написана разработчиками из фирмы Macromedia и называется Macromedia Dreamweaver. Первая ее версия вышла еще в далеком 1998 году; в настоящее же время доступна уже восьмая версия. Dreamweaver - типичнейший представитель визуальных Web-редакторов. Программа Dreamweaver поддерживает "чистый" HTML код, а также последние расширения DHTML и CSS. Содержит прекрасные средства автоматического управления связями, то есть при любом перемещении файлов в среде, все связи восстанавливаются автоматически. Предусмотрена блокировка разделов страницы для их защиты от неумышленной порчи.

Позволяет отменить изменения, сделанные несколько шагов назад (однако после сохранения страницы отменить изменения будет невозможно).

Применяется "Динамическая проверка для различных браузеров".

Поддерживает расширения, как сторонних разработчиков, так и самой Macromedia (более 500).

С Dreamweaver поставляется библиотека элементов, которые можно применять на WEB-страницах, например панель навигации, дескриптор авторского права и др.

Применяется для добавления мультимедийных средств на web-страницы и различных типов файлов от Flash и Java до RealAudio, интерактивных элементов, таких как поисковые системы, форумы, системы электронной коммерции (3, с. 64).

Программа Dreamweaver не имеет собственных средств создания изображений. В ней представлены лишь простейшие инструменты редактирования, поэтому для создания и редактирования изображений нам понадобятся специальные графические редакторы.

Dreamweaver позволяет убрать лишний код из приложений Microsoft, после чего страницы станут быстрее грузиться и лучше отображаться в разных браузерах.

Существуют также и невизуалъные Web-редакторы (они же - HTML-редакторы), основанные на другом принципе. Они работают непосредственно с самим HTML-кодом, предоставляя при этом пользователю возможности быстро вставить теги, задать их параметры, набор предопределенных шаблонов для создания стандартных элементов Web-страницы и пр. В этом смысле они похожи на Блокнот, но значительно расширенный. web сайт гипертекстовый информационный

Здесь нужно сказать, что практически все серьезные Web-редакторы имеют режим правки непосредственно самого кода HTML (т. е. фактически являются гибридными Web-редакторами). Поэтому сейчас практически всегда, когда говорят "визуальный Web-редактор", подразумевают как раз гибридные программы. Разумеется, к их числу относится и Dreamweaver.

4. Представление текста на Web-страницах

При создании профессиональной графики для Web используется текст со сглаженными краями. Сглаживание - это легкая размытость на неровных краях, сглаживающая переходы между цветами. Несглаженные края, напротив, выглядят зазубренными и ступенчатыми. Исключением из этого общего правила является текст очень малого размера, (10 пунктов и меньше), применение сглаживания делает его практически неразличимым. Текст малых размеров будет выглядеть намного лучше без сглаживания.

Два комплекта шрифтов. При разработке Web-страницы средствами базового HTML есть два комплекта шрифтов - пропорциональный и шрифт фиксированной ширины. Проблема заключается лишь в том, что неизвестно, какой из них и какого размера будет использован при отображении.

Пропорциональный шрифт - иначе "шрифт переменной ширины", для каждого символа выделяет разное количество места в зависимости от его начертания. Такие гаринитуры, как: Times и Arial являются примерами пропорциональных шрифтов.

Web-браузеры для большинства текстов на Web-странице, включая основной текст, заголовки, списки, цитаты и т.д., используют пропорциональные шрифты. Как правило, большие отрывки основного текста удобнее читать, когда они напечатаны пропорциональными шрифтами. Поскольку большинство пользователей не имеют времени заменить шрифты, установленные по умолчанию, с большой вероятностью можно предположить, что текст на вашей странице будет отображен шрифтом Times размером 10 или 12 пунктов (по умолчанию в Netscape) или Helvetica (по умолчанию в Microsoft Internet Explorer). Но это всего лишь общее правило.

Шрифт с фиксированной шириной предоставляет одинаковое место для всех символов шрифта. Примерами шрифтов фиксированной ширины являются гарнитуры Courier и Monaco. В Web-браузерах шрифты фиксированной ширины используются для отображения любого текста внутри следующих HTML-тегов: <рге>, <tt>, <code>, <kbd>,<samp>, <хтр>.

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

Размер шрифта. Обычно размер шрифта определяется в пунктах (72 пункта (пт) = 1 дюйм высоты шрифта) но, к сожалению, эти размеры не достаточно точно переводятся между платформами. Отчасти это происходит потому, что их операционные системы управляют дисплеями с различными разрешениями.

5. Представление графика на Web-страницах

На данный момент почти все изображения в Web, представлены в двух форматах: GIF и JPEG. Третий - формат PNG реже, но всё-таки используется в браузерах.

GIF - Grafic Interchange Format можно назвать традиционным форматом файлов Web. Он был первым форматом файлов, который поддерживался Web-браузерами, и по сей день продолжает оставаться основным графическим форматом Web.

Его свойства состоят в следующем:

- поддерживает не более 256 цветов (меньше можно и часто нужно);

- использует палитру цветов;

- использует сжатие без потери информации по методу LZW (который подобен применяемому в архиваторе PKZIP, и, следовательно, GIF-файлы в дальнейшем практически не сжимаются);

- поддерживает чересстрочную развертку;

- является поточным форматом, т.е. показ картинки начинается во время перекачки;

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

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

- поддерживает возможность вставки в файл управляющих блоков, которые позволяют вставлять комментарии в файл (например, об авторских правах), осуществлять задержку между показами изображений и т.д.

GIF поддерживает не больше 256 цветов, а это значит, что все изображения, которые мы сохраняем в GIF-формате, явно или неявно уменьшают количество цветов, чтобы уложиться в этот лимит (разные программы с разным успехом). То есть, красивая фотография с плавными переходами и едва уловимыми оттенками цвета после преобразования будет гораздо хуже - оттенки перестанут быть неуловимыми, и вся фотография приобретет неестественный, нереалистичный вид. Поэтому, если надо все-таки сохранить фотографию в формате GIF и передать все оттенки, то приходится применить какой-нибудь художественный фильтр и превратить её в рисунок или применить тонирование. Зато рисунки и чертежи в этом формате, как правило, хорошо сжимаются и не содержат много цветов.

Вторым наиболее популярным графическим форматом в Web является JPEG - Joint Photographic Experts Group. Он содержит 24-разрядную информацию о цвете. Это 16,77 миллионов цветов, в отличие от 256 цветов формата GIF. В JPEG используется так называемое сжатие с потерями. Это означает, что некоторая информация об изображениях в процессе сжатия отбрасывается, но в большинстве случаев ухудшение качества изображения не наносит вреда и часто даже незаметно.

Фотографии или любые изображения с плавными переходами цветов лучше всего сохранять в JPEG-формате, потому что он предлагает более высокое качество изображений, умещающихся в файл меньшего объема. Тем не менее, JPEG не является лучшим решением для графических изображений с одноцветными областями, поскольку этот формат имеет тенденцию представлять цвета крапинками и конечный файл, как правило, будет несколько больше, чем GIF-файл для того же изображения.

Третий графический формат, конкурирующий за постоянное использование в Web - Portable Network Graphic, который, несмотря на некоторые достоинства, с 1994 г. находится более или менее в тени. Только недавно браузеры начали поддерживать PNG как встроенную графику, но PNG имеет все шансы стать очень популярным форматом в Web. PNG может поддерживать 8-разрядные индексированные цвета, 16-разрядные полутона или 24-разрядные полноцветные изображения, используя схему сжатия без потерь. Это обеспечивает более высокое качество изображений, а иногда и меньший объем файлов по сравнению с форматом GIF. Кроме того, файлы PNG имеют некоторые замечательные функции, например, встроенное управление коэффициентом гамма, и изменяемые уровни прозрачности (это позволяет показывать рисунок фона сквозь отбрасываемые мягкие тени).

Размер файла. Без сомнения, именно графика сделала Web таким, каким мы его видим сегодня, но не стоит забывать, что графика увеличивает время, необходимое Web-странице для передачи по сети; большой объем графики означает существенное время загрузки, особенно если пользователь дозванивается с использованием стандартного модемного соединения.

В этом отношении для Web-дизайнера существует единственное наиболее важное правило: размер файла графического изображения должен быть минимально возможным! Создание изображений, предназначенных для передачи по сети, возлагает ответственность на разработчиков серьезно относиться к проблеме времени загрузки.

6. Планирование информационного потока

Многие Web-мастера не тратят время на то, чтобы продумать информационный поток, а ограничиваются только размещением текста и изображений на странице. Лучшим показателем является время: если пользователи остаются на вашем сайте достаточно долго для того, чтобы пройти по разным его уровням и разделам, то вы вправе быть уверенными в хорошо выполненной работе. Это означает, что они могут найти то, что им нужно, осмотреть остальное и без особого труда вернуться обратно.

Чтобы сделать свой сайт эффективным, необходимо визуализировать поток информации и выбираемые пути.

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

Необходимо определить цели сайта, стараться формулировать цели настолько четко, насколько это возможно. После этого нужно задуматься о том, как продукция будет представлена, как позиционировать продукты на сетевом рынке. Без четко определенной цели сайт будет обречен на забвение где-то на задворках Всемирной Паутины, определить основных пользователей - их возраст, род занятий, время, проведённое ими на сайте.

Использование быстро загружаемых элементов. Причина номер один, почему люди быстро уходят с сайта (или не посещают его вовсе) - слишком долгая загрузка информации. Большой объем графических файлов вызывает желание как-то повлиять на ход событий, и самое простое - это нажать на кнопку Stop, остановив загрузку.

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

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

Для того, что бы страницы было удобно просматривать используется:

выделение ключевых слов;

грамотно составленные заголовки;

списки с маркерами;

один абзац на одну идею (пользователи пропустят все остальные идеи, если их не привлекут основные слова абзаца);

стиль перевёрнутой пирамиды (где статья начинается с заключения);

меньшее количество слов, чем в обычной статье;

минимум малопонятных терминов;

указание даты создания сообщения (что бы знать насколько, оно актуально на данный момент);

контекстную информацию атрибута " ALT".

электронные заголовки часто выводятся вне контекста:

в списке статей на сайте;

в заголовках сообщений электронной почты;

в результатах поиска;

в закладках браузера.

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

Почта. При просьбе предоставить нам адрес электронной почты, необходимо сообщить, что именно и как часто пользователь будет получать на свой почтовый ящик. Ссылки mailto должны быть использованы так, чтобы можно было точно понять, что перед нами почтовый адрес.

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

Крайне необходима публикация свежих материалов с определённой регулярностью (от ежедневных до ежемесячных). Для желающих необходимо организовать рассылки свежего материала. Почти 100% из тех, кто подписался, будут периодически заходить и на сам сайт, пока автор будет напоминать им о себе.

Дизайн сайта должен приспосабливаться к людям. Одним из вариантов такого приспособления служит профайл, но его заполнение требует терпения, из-за этого его заполняют устоявшиеся посетители сайта. Поэтому для отслеживания пользователей лучше применять "cookie", в файл которого заносится вся необходимая информация. Если всё же регистрация необходима для безопасной работы, то не стоит создавать слишком строгие формы для ввода - можно использовать автозаполнение и автоматически устанавливать курсор в первом поле формы. Не стоит создавать формы для поиска по Internet, если пользователю будет необходимо, он воспользуется специальной поисковой системой.

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

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

Не стоит отвлекать пользователя от своей цели, в WEB-е пользователи не обращают внимания ни на что, и реклама, которая отвлекает их от достижения цели, ими попросту игнорируется. Если наша реклама появится раньше, чем пользователь найдёт интересующий его материал, то, скорее всего она будет закрыта. И когда он выполнит свою основную задачу, и готов будет присмотреться к рекламе, он её попросту уже не увидит, так как закрыл всплывающее окно. Поэтому, когда пользователь набирает слова запроса на поисковом сервере, рекламные объявления которые выйдут в списке результатов запроса, будут непосредственно связаны с тем, что нужно человеку. И поэтому он читает эти объявления и щёлкает по ссылкам. Такая реклама стоит гораздо дешевле, чем распространение рекламных листовок. Итак, секрет успеха в том, что бы совместить рекламу с целями пользователей.

В рекламе пользователей больше всего раздражает:

реклама во всплывающих окнах;

её медленная загрузка;

отсутствие кнопки "Закрыть";

уловки заставляющие кликнуть;

реклама закрывает читаемый материал;

мигающая реклама;

двигающаяся реклама;

реклама произвольно начинающая играть музыку или проигрывать видео.

Наличие такой рекламы на сайте неизбежно приведёт к падению доверия посетителей. Если хочется разместить, рекламу она должна соответствовать следующим правилам:

четко указывать, что произойдёт по щелчку по ней;

четко идентифицировать себя как реклама;

описывать, что именно рекламируется;

даёт дополнительную информацию о себе без надобности покидать текущую страницу.

Проведение оценочных работ

Для проведения оценочной работы необходимо привлечь от трёх до пяти участников. Каждый из них производит работу индивидуально. После чего их результаты сравниваются и приводятся к единому выводу.

Тест проводится в два этапа:

1) понимание работы интерфейса;

2) концентрация внимания на определённых элементах.

Необходимо отдельное упоминание каждой проблемы, что бы ни повторять её в дальнейшем.

Необходима разумная организация содержимого. Форма подачи содержания тоже важна. Информация, которую посетители должны увидеть, не нужно прятать вглубь сайта. Важную информацию необходимо сделать настолько легко доступной, насколько это возможно.

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

Заключение

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

Спектр социальных групп, подключающихся к сети Интернет и ищущих информацию в WWW, все время расширяется за счет пользователей, не относящихся к категории специалистов в области информационных технологий. Это врачи, строители, историки, юристы, финансисты, спортсмены, путешественники, священнослужители, артисты, писатели, художники. Список можно продолжать бесконечно. Любой, кто ощутил полезность и незаменимость Сети для своей профессиональной деятельности или увлечений, присоединяется к огромной армии потребителей информации во "Всемирной Паутине".

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

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

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

Создание и разработка сайтов включает:

утверждение первоначального технического задания на разработку сайта;

определение структурной схемы сайта - расположение разделов, контента и навигации;

web-дизайн - создание графических элементов макета сайта, стилей и элементов навигации;

разработка программного кода, модулей, базы данных и других элементов сайта необходимых в проекте;

тестирование и размещение сайта в сети интернет.

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

При этом мною были решены следующие частные задачи:

- ознакомление с современными Интернет-технологиями;

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

- ознакомление с методами и способами представления на Web-страницах различных видов информации (текстов и изображений);

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

- определение структуры Web-страниц;

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

Список используемой литературы

1. Зольников Д.С. PHP5. Как самостоятельно создать сайт любой сложности. - 2-е изд. стер. - М.: НТ Пресс, 2007. - 272 с.

2.Вильямсон Х. Универсальный Dynamic HTML / Библиотека программиста - СПб.: ПИТЕР, 2001

3. Дронов В. А. Самоучитель Macromedia Dreamweaver 8. - СПб.: БХВ-Петербург, 2006

4. Орлов Л.В. Web-сайт без секретов. / Л.В. Орлов. - 2-е изд. - М.: Бук-пресс, 2006. - 512 с.

5. Алексеев А.П. Введение в Web-дизайн: учебное пособие. - М.: СОЛОН-ПРЕСС, 2008

6. Барысов Р. Постройте профессиональный сайт сами. - СПб., 2009

7. Печников В.Н. Самоучитель Web-страниц и Wrb-сайтов. - М.: Триумф, 2006

8. Борисенко А.А. Web-дизайн. Просто, как дважды два. - М.: Эксмо, 2008.-320с.

9. Панфилов К. По ту сторону веб-страницы. - СПб.: ДМК Пресс, 2008

10. Кроудер Д. Создание web-сайта для чайников: 3-е издание. - М.: Диалектика, 2009

11.Владимир Ткаченко Обучение в Интернет, 2007 - 2012. All Rights Reserved. Vladimir Tkachenko http://www.lessons-tva.info/articles/net/002.html

Приложения

Приложение 1

Приложение 2

Размещено на Allbest.ru

...

Подобные документы

  • Язык разметки гипертекстовых страниц HTML. Обеспечение доступности Web-страницы, представление текста и графики. Основные правила и этапы создания сайта, выбор структуры страницы. Оценка экономической целесообразности использования HTML-редакторов.

    дипломная работа [86,7 K], добавлен 25.03.2013

  • Современные Интернет-технологии, Web-дизайн и браузеры. Язык разметки гипертекстовых страниц HTML. Представление текста и графики на Web-страницах. Правила и этапы создания сайта. Влияние дисплеев на Web-дизайн. Сравнительный анализ HTML-редакторов.

    дипломная работа [3,3 M], добавлен 21.06.2013

  • Работа с HTML-редактором Adobe Dreamweaver. Этапы и правила построения заглавной страницы сайта, форматирования HTML-страниц, создания гипертекстовых ссылок, создания и форматирования таблиц. Использование графических материалов при разработке сайта.

    методичка [1,9 M], добавлен 06.07.2011

  • Сравнение языка Php с другими языками программирования web-приложений. Язык разметки гипертекстовых страниц Html. Технология Macromedia Flash, её преимущества и недостатки. Этапы создания флеш-сайта, руководство пользователя и листинг программы.

    дипломная работа [2,3 M], добавлен 04.10.2013

  • Характеристика принципов создания html-страниц и связывания их ссылками так, чтобы можно было произвольным образом переходить от одной страницы к другой. Применение тегов форматирования текста и заголовка окна. Этапы создания html-страницы с таблицей.

    контрольная работа [16,0 K], добавлен 19.06.2014

  • Возможность работы с текстовыми редакторами только для создания небольших WEB-страниц. Теория Web-дизайна и его история. Редактор DreamWeaver, его особенности. Основные требования, предъявляемые к Web-странице. Предпосылки возникновения DreamWeaver.

    курсовая работа [576,1 K], добавлен 12.06.2009

  • Основы языка программирования Web-страниц – HTML. Виды информации, которую может содержать Web-страница: текст, графика, звук, анимация и видео. Инструментарий для создания Web-страниц. Основные HTML-редакторы, которые используются для Web-дизайна.

    реферат [374,0 K], добавлен 19.01.2011

  • Рассмотрение понятий и программного инструментария, применяемых для разработки и создания Web-сайтов. Методы и способы представления на Web-страницах различных видов информации. Создание структуры файлов проекта, главной страницы и страниц номеров отеля.

    курсовая работа [3,5 M], добавлен 13.11.2022

  • Hyper Text Markup Language (html) как стандартный язык для создания гипертекстовых документов в среде web. Тэги списков, гипертекстовые ссылки, графика внутри документа, специальные тэги html и таблицы. Планирование фреймов. Этапы создания сайтов.

    контрольная работа [126,9 K], добавлен 18.11.2010

  • Создание сайта при помощи HTML и CSS. Язык гипертекстовой разметки HTML и таблица стилей CSS. Основные понятия об этих языках, этапы и алгоритмы программного обеспечения. Добавление стилей в документ. Свойства элементов, принцип построения Web-страницы.

    курсовая работа [2,9 M], добавлен 12.01.2016

  • HTML - это язык, принятый в World Wide Web для создания и публикации веб-страниц. Общие сведения о создании веб-страниц, особенности их оформления. PHP как язык программирования с динамической типизацией, история его создания и возможности использования.

    доклад [18,9 K], добавлен 27.12.2010

  • Теоретический обзор по проблеме создания web-сайта "Конфликты в организации". Анализ информационных ресурсов и сервисов. Характеристика методов исследования конфликтов в организациях. Программный пакет Macromedia Dreamweaver для создания web-сайтов.

    дипломная работа [1,7 M], добавлен 22.06.2015

  • Рассмотрение визуального HTML-редактор Dreamweaver. Определение структуры сайта ООО "Фаст Студия". Содержание страниц "Главная", "Портфолио", "Контакты". Теги форматирования текста и способы его оформления с использованием подключаемых таблиц CSS.

    курсовая работа [1,4 M], добавлен 18.08.2013

  • Стандартный язык разметки HTML позволяет легко и быстро создавать Web-страницы, передаваемые по сети Интернет. Языки сценариев. Создание и размещение собственных WEB-страниц. Процесс пересылки информации из одной части мира в другую. Принцип работы Сети.

    реферат [316,6 K], добавлен 15.04.2009

  • Основные теги и атрибуты языка HTML. Создание web-сайта, который должен представлять собой несколько связанных между собой страниц. Рассмотрение различных значений атрибутов и тегов на страницах и в других документах. Экранные формы разработанных страниц.

    лабораторная работа [1,2 M], добавлен 16.04.2014

  • Понятие профориентации, ее приемы и механизмы, трудности у молодежи на сегодня. Методические основы создания web-сайта профориентации выпускников школы. Обзор визуального html-редактора Macromedia Dreamweaver-4. Расчет экономической эффективности.

    дипломная работа [7,0 M], добавлен 17.06.2013

  • Язык разметки гипертекста HTML, основы работы с Delphi. Разработка формата файла базы данных цвета. Методика подбора цвета для WEB-страниц. Изучение и систематизация информации о правилах создания эргономичных интерфейсов (в том числе WEB-интерфейсов).

    курсовая работа [475,8 K], добавлен 17.07.2009

  • Изучение методики и технологий создания гипертекстовых справочных систем - электронных справочников, в которых хорошо реализована система навигации и поиска. Способы создания Web-страниц и применение языка HTML. Технология создания динамических страниц.

    презентация [144,4 K], добавлен 01.01.2011

  • Общая характеристика языка разметки гипертекста Hypertext Markup Language. Структура HTML-документа. Обзор основных возможностей HTML. Элементы современного дизайна Web-страниц. Анализ практического применения HTML (на примере обучающих программ).

    курсовая работа [47,9 K], добавлен 24.11.2012

  • Использование языков программирования, работающих на стороне клиента. Теговые языки логической разметки документов. Скриптовые языки программирования. Работоспособность клиентских технологий. Функциональные интерактивные сайты и сроки их разработки.

    лабораторная работа [2,1 M], добавлен 27.04.2009

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.