Web-Дизайн и программы для создания web-страниц

Министерство общего и профессионального образования Российской Федерации Новосибирский государственный педагогический университет Куйбышевский филиал Курсовая работа по информатике Web-Дизайн и программы для создания web-страниц.Студента 4 курса факультета математики и информатики Леуто Сергея Александровича Куйбышев 2001 г Содержание Вступление 1. World Wide Web 1.1 Internet 2. Концепция WWW 2. Создание Web-страницы с помощью языка HTML 2.1 Язык HTML 2. Структура HTML документа 2.3 Форматирование текста 3. Программы для создания Web-страниц 3.1 HTML-редакторы 3.2 Графические редакторы 16 А Редакторы растровой графики 18 B Редакторы векторной графики 4. Создание WEB-страниц в WORD4.1 Способы создания WEB-страниц в WORD4.2 Создание маркированных и нумерованных списков 4.3 Горизонтальные линии 4.4 Добавление фона 4.5 Работа с таблицами 4.6 Работа с рисунками 24 4.7 Создание гиперссылок 4.8 Вставка видеозаписи в Web-страницу 25 Выводы 26 Список используемой литературы Ошибка Закладка не определена. Вступление World Wide Web глобальная компьютерная сеть на сегодняшний день содержит миллионы сайтов, на которых размещена всевозможная информация.

Люди получают доступ к этой информации посредством использования технологии Internet.

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

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

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

Также в данной работе мною рассмотрены основы языка программирования Web-страниц HTML, который является общепринятым стандартом WWW. Это даст нам возможность ознакомиться со структура Web-страницы и приемами ее правильного оформления. 1. World Wide Web 1.1 Internet - это самая большая мировая компьютерная сеть. Теперь Internet имеет приблизительно 150 миллионов пользователей более чем в 50 странах.

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

Рис. 1 На рис.1 страны, обозначенные черным цветом, имеют связь по Internet. Количество людей, которые имеют такой доступ, в этих странах становится все большее и большее. Страны, обозначенные белым цветом могут работать по e-mail, в локальных сетях или не имеют ничего подобного вообще. 2.

Концепция WWW

Так что же такое World Wide Web, или, как говорят в просторечии, WWW, ... Протокол, принятый в WWW, называется HyperText Transfer Protocol, сокр... Гипертекст информация в WWW представляется в виде документов, любой из... На экране компьютера в окне программы просмотра ссылки выглядят как вы... Чтобы реализовать все эти возможности, был разработанный специальный я...

Создание Web-страницы с помощью языка HTML

Язык HTML Web-страницы могут существовать в любом формате, но в качест... Но писать непосредственно на HTML нетрудно. Возможно, это даже легче, чем изучать HTML-редактор или конвертер, кот... HTML был ратифицирован World Wide Web Consortium. 2.2.

Структура HTML документа

Структура HTML документа. HEAD и HEAD . Между этими тегами располагается информация о документе название, ключ... HTML HEAD TITLE Моя первая страница TITLE HEAD HTML C Тело документа. ... Первый из них должен стоять сразу после тега HEAD , а второй - перед т...

Форматирование текста

от англ. Они отделяются от названия и между собой пробелами одним или нескольки... Для этих целей существует тег PRE . Линия может не простираться во всю ширину страницы, а составлять лишь ... 3.

Программы для создания Web-страниц

Программы для создания Web-страниц 3.1

HTML-редакторы

А кто-то пользуется простым текстовым редактором, например Блокнотом N... Редактор содержит несколько режимов - Normal, Easy, AdvancedExpert и H... качество растрового изображения напрямую зависит от разрешающей способ... Это значит, что любое изменение изображения поворот, увеличение и т.д. Графические пакеты редакторы тоже делятся на два типа растровые и вект...

А Редакторы растровой графики

Также позволяет имитировать фактуру поверхности материалов, живопись, ... Существует еще ряд редакторов Microsoft Photo Editor, Microsoft Photo ... PhotoPaint - еще один не менее известный графический редактор из пакет... Картинку, которую вы видете справа - это большее, на что способен этот... Painter - редактор предоставляет великолепные возможности для эмуляции...

B Редакторы векторной графики

Помимо обработки векторной графики, в этом пакете существует обработчи... . CorelDraw - безусловно, такой известный графический пакет не мог обойт... Adobe Illustrator - пакет позволяет создавать, обрабатывать и редактир... Это небольшой, но очень полезный и мощный продукт.

Создание WEB-страниц в WORD

Создание WEB-страниц в WORD 97 4.1

Способы создания WEB-страниц в WORD

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

Создание маркированных и нумерованных списков

4.4 . Основное отличие состоит в том, что помимо маркеров в списках можно ис... Кроме графических изображений, в диалоговом окне предлагаются текстовы... Создание маркированных и нумерованных списков. 4.3 Горизонтальные линии Для ее создания выберите команду Горизонтальн...

Добавление фона

Добавление фона Чтобы сделать документы Word и Web-страницы более привлекательными, используйте различные виды фона, в том числе текстурную заливку. Можно создать подложку, которая будет видна только в напечатанном документе. 4.5

Работа с таблицами

4.6 . Для создания и редактирования структуры таблицы используется команда Н... Так как на Web-страницах таблицы часто используются как скрытое средст... Работа с таблицами. Границы, добавленные к таблицам на Web-страницах, изображаются средств...

Работа с рисунками

Работа с рисунками. Когда Web-страница сохраняется в формате HTML впервые, все рисунки пре... Чтобы вставить рисунок в Web-страницу, выберите команду Рисунок в меню... Если рисунок записан в другом формате, например, TIF, он преобразуется... Если рисунок вставляется из файла, при сохранении он копируется в ту ж...

Создание гиперссылок

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

Вставка видеозаписи в Web-страницу

Так как не все средства просмотра Web предусматривают возможность прос... На Web-странице можно разместить встроенную видеозапись. Это значит, ч... Вставка видеозаписи в Web-страницу. Для видеозаписи можно задать два варианта воспроизведения сразу после ...

Выводы Таким образом, мы изучили возможности языка HTML для создания Web-страниц, узнали, какие HTML- и графические редакторы лучше использовать в Web-дизайне, каковы преимущества и недостатки тех или иных программных пакетов. И, наконец, мы выяснили, какие возможности для создания Web-страниц имеет Word 97 из пакета Microsoft Office.

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

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

Несомненным фактом является и то, что будущее именно за HTML. Список сайтов информация, с которых была использована при написании курсовой работы Www.webschool.narod.ru Www.pronet.ru Www.education.kulichki.net Www.gor.h1.ru.