Курсовая: Web-Дизайн и программы для создания web-страниц - текст курсовой. Скачать бесплатно.
Банк рефератов, курсовых и дипломных работ. Много и бесплатно. # | Правила оформления работ | Добавить в избранное
 
 
   
Меню Меню Меню Меню Меню
   
Napishem.com Napishem.com Napishem.com

Курсовая

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

Банк рефератов / Программирование

Рубрики  Рубрики реферат банка

закрыть
Категория: Курсовая работа
Язык курсовой: Русский
Дата добавления:   
 
Скачать
Microsoft Word, 5123 kb, скачать бесплатно
Заказать
Узнать стоимость написания уникальной курсовой работы

Узнайте стоимость написания уникальной работы

16 Министерство общего и профессио нального образования Российской Федерации Новосибирский государственный педагогический университет Куйбышевский филиал Курсовая работа по информатике Web -Дизайн и программы для создания web-страниц . Студента 4 курса факультета математики и информатики Леуто Сергея Александровича Куйбышев 2001 г Содержание Вступление 2 1. World Wide Web 3 1.1 Распространение Internet 3 1.2. Концепция WWW 4 2. Создание Web-страницы с помощью языка HTML 6 2.1 Язык HTML 6 2.2. Структура HTML документа 7 2.3 Форматирование текста 9 3. Программы для создания Web-страниц 13 3.1 HTML-редакторы 13 3.2 Графические редакторы 16 А ) Редакторы растровой графики 18 B) Редакторы векторной графики 20 4. Создание WEB-страниц в WORD'97 22 4.1 Способы создания WEB-страниц в WORD'97 22 4.2 Создание маркированных и нумерованных списков 22 4.3 Горизо нтальные линии 23 4.4 Добавление фона 23 4.5 Работа с таблица ми 23 4.6 Работа с рисунками 24 4.7 Создание гиперссылок 24 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 - это самая большая мировая компьютерная сеть . Теперь Internet имеет приблизительно 150 миллионов пользователей более чем в 50 странах . WWW доступен в основном через Internet; но говоря WWW и Internet мы подразумеваем не одно и то же . WWW можно отнести к внутреннему содержанию , то есть это какой-либ о абстрактный мир знаний , в то время как Internet является внешней стороной глобальной сети в виде огромного количества кабелей и компьютеров. Рис . 1 На рис .1 страны , обозначенные черным цветом , имеют связь по Internet. Количество людей , которые имеют такой доступ , в этих странах становится все большее и большее . Страны , обозначенные белым цветом могут работать по e-mail, в локальных сетях или не име ют ничего подобного вообще. 1.2. Концепция WWW Так что же такое World Wide Web, или , как говорят в просторечии , WWW, the Web, или еще более просто е - 3W? WWW - это распределенная информационная система мультимедиа , основанная на гипертексте . Давайте разберем это определение по порядку. Распределенная информационная система : информация сохраняется на огромном великом множестве так называемых WWW-серв еров (servers). То есть компьютеров , на которые установленное специальное программное обеспечение и которое объединенные в сеть Internet. Пользователи , которые имеют доступ к сети , получают эту информацию с помощью программ-клиентов , программ просмотра WW W -документов . При этом программа просмотра посылает по компьютерной сети запрос серверу , который сохраняет файл с необходимым документом. В ответ на запрос сервер высылает программе просмотра этот необходимый файл или сообщение об отказе , если файл по тем и ли иным причинам недоступен . Взаимодействие клиент-сервер происходит по определенным правилам , или , как говорят иначе , протоколам . Протокол , принятый в WWW, называется HyperText Transfer Protocol, сокращенно - HTTP. Мультимедиа : информация включает в себя не только текст , но и двух - и трехмерную графику , видео и звук. Гипертекст : информация в WWW представляется в виде документов , любой из которых может содержать как внутренние перекрестные ссылки , так и ссылку на другие документы , которые сохраняются на то м же самом или на любом другом сервере. Такие ссылки называют гиперссылками или гиперсвязями . На экране компьютера в окне программы просмотра ссылки выглядят как выделенные каким-нибудь образом (например , другим цветом и /или подчеркиванием ) участка текста или графики . Выбирая гиперссылки , пользователь программы просмотра может быстро перемещаться от одной части документа к другой , или же от одного документа к другому . При необходимости программа просмотра автоматически связывается с соответствующим серверо м в сети и запрашивает документ , на который сделанна ссылка . Кстати , идея гипертекстового представления информации должна уже быть хорошо знакома пользователям разных версий системы Microsoft Windows. Именно по этому принципу построенна в Windows система п о дсказок (Help), с той лишь разницей , что гипертекстовая система подсказок Windows не является распределенной. Итак , W eb -страница может содержать стилизованный и форматований текст , графику и гиперсвязи с разными ресурсами Internet. Чтобы реализовать все эт и возможности , был разработанный специальный язык , названная HyperText Markup Language (HTML), то есть , Язык Разметки Гипертекста . Документ , написанный на HTML, представляет собой текстовый файл , который содержит собственно текст , несущий информацию читат е лю , и флаги разметки . Последние представляют собой определенные последовательности символов , которые являются инструкциями для программы просмотра ; в соответствии с этими инструкциями программа располагает текст на экране , включает в него рисунки , которые сохраняются в отдельных графических файлах , и формирует гиперсвязи с другими документами или ресурсами Internet. Таким образом , файл на языке HTML приобретает вид WWW-документа только тогда , когда он интерпретируется программой просмотра . Об языке HTML бу д ет детально рассказано в следующем разделе , поскольку без знания основ этого языка невозможно создать Web -страницу для публикации в WWW. 2. Создание Web - страницы с помощью языка HTML 2.1 Язык HTML Web -страницы могут существовать в любом формате , но в качестве стандарта принят Hyper Text Markup Language - язык разметки гипертекстов , предназначенный для создания форматированного текста , насыщенного изображениями , звуком , анимацией , видеоклипами и гипертекстовыми ссылками на другие документы , разбросанные как по всему Web -пространству , так и находящиеся на этом же сервере или являющиеся составной частью этого же Веб-проекта. Можно работать на Web без знания языка HTML, поскольку тексты HTML могут создаваться разными специальными редакторами и конвертерами . Но писать непосредстве нно на HTML нетрудно . Возможно , это даже легче , чем изучать HTML-редактор или конвертер , которые часто ограничены в своих возможностях , содержат ошибки или проводят плохой HTML код , который не работает на разных платформах. Язык HTML существует в нескольки х вариантах и продолжает развиваться , но конструкции HTML скорее всего будут использоваться и в дальнейшем. Изучая HTML и познавая его глубже , создавая документ в начале изучения HTML и расширяя его насколько это возможно , мы имеем возможность создавать We b -страницы , которые могут быть просмотрены многими броузерами Web, как сейчас , так и в будущем . Это не исключает возможности использования других методов , например , метод расширенных возможностей , который предоставляется Netscape Navigator, Internet Explo rer или некоторыми другими программами. Работа по HTML - это способ усвоить особенности создания документов в стандартизированном языке , используя расширения , только если это действительно необходимо. HTML был ратифицирован World Wide Web Consortium. Он по ддерживается несколькими широко распространенными броузерами , и , возможно , станет основанием почти всего программного обеспечения , которое имеет отношение к Web. 2.2. Структура HTML документа Поскольку HTML-документы записываются в ASCII-формате , то для ее создания может использован любой текстовый редактор . Обычно HTML-документ - это файл с расширением .html или .htm, в котором текст разме чен HTML-тегами (англ . t ag - специальные встроенные указания ). Средствами HTML задаются синтаксис и размещение тегов , в соответствии с которыми браузер отображает содержимое Веб-документа . Текст самих тегов Веб-браузером не отображается . Все теги начина ются символом '<' и заканчиваются символом '>'. Обычно имеется пара тегов - стартовый (открывающий ) и завершающий (закрывающий ) тег (похоже на открывающиеся и закрывающиеся скобки в математике ), между которыми помещается размечаемая информация :

Информа ция

Здесь стартовым тегом является тег

, а завершающим -

. Завершающий тег отличатся от стартового лишь тем , что у него перед текстом в скобках <> стоит символ ' / ' (слэш ). Браузер , читающий HTML-документ , отображает его в окне , используя струк туру HTML-тегов . В каждом HTML-документе должны присутствовать три главных части : A ) Объявление HTML ; B ) Заголовачная часть ; C) Тело документа . A ) Объявление HTML и . Пара этих тегов сообщает программе просмотра (браузеру ) что между ним и заключен документ в формате HTML, причем первым тегом в документе должен быть тег (в самом начале документа ), а последним - (в самом конце документа ). . . . B) Заголовочная часть . и . Между этими тегами располагается информация о документе (название , ключевые слова для поиска , описание и т.д .). Однако наиболее важным является название документа , которое мы видим в верхней строке окна браузера и в списках "Избранное (BookMark)". Специальные программы-спа й деры поисковых систем используют название документа для построения своих баз данных . Для того чтобы дать название своему HTML-документу текст помещается между тегами и . Моя первая страница C ) Тело документа . Третьей главной частью документа является его тело . Оно следует сразу за заголовком и находится между тегами и . Первый из них должен стоять сразу после тега , а второй - перед тегом . Тело HTML-док умента - это место , куда автор помещает информацию , отформатированную средствами HTML. Моя первая страница ...................................... Теперь мы можем написать HTML-код наш ей странички : Моя первая страница Здесь будут мои страницы ! 2.3 Форматирование текста В разделе BODY все символы табуляции и конца строк браузером игнорируются и никак не влияют на отображение страницы . Поэтому перевод строки в исходном тексте HTML-документа не приведет к началу новой строки в отображаемом обозревателем тексте при отсутствии специальных тегов . Это правило очень важно помнить и не забывать ставить разделяющие строки теги , иначе у текста не будет абзацев , и он станет нечитаемым . Для начала новой строки используется тег
(сокр . от англ . break - прервать ). Этот тег приводит к отображению браузером дальнейшего текста с начала следующей строки . Закрывающий для него тег не используется . Он удобен , если требуется с какого-то места писать с новой строки без начала нового абзаца , например , в стихотворении . Повторное его и спользование позволяет вставить одну или несколько пустых строк , отодвинув следующий фрагмент страницы вниз . Сплошной текст без промежутков читается не очень легко , его неудобно просматривать и находить нужные места . Разбитый на абзацы , текст воспринимает ся гораздо быстрее . Для начала нового абзаца используется тег

(англ . paragraph - абзац ). Этот тег , кроме начала новой строки , вставляет одну пустую строку . Но многократное повторение

, в отличие от
, не приведет к появлению нескольких пустых ст р ок , останется все та же одна пустая строка . Внутри скобок тега кроме его названия могут размещаться также атрибуты (англ . atributes - атрибуты ). Они отделяются от названия и между собой пробелами (одним или несколькими ), а пишутся в виде имя _атрибута =" зна чение ". Если значение не содержит пробелов , то кавычки могут быть опущены , но так делать не рекомендуется . Тег

может содержать атрибут ALIGN, определяющий выравнивание абзаца . По умолчанию абзац выравнен влево ALIGN="left". Возможны также выравнивания вправо ALIGN="right" и по центру ALIGN="center". При использовании атрибутов , после форматируемого текста следует использовать закрывающий тег

. Если его нет , то новый тег

означает закрытие предыдущего , соответственно вложенные

невозможны . Выр а внить текст по центру возможно также тегом

. Теперь мы можем поместить на нашу Web -страницу некоторый текст с различным выравниванием : Моя первая страница

Здесь будут мои личные стран ицы !

На них Вы сможете найти :
- рассказ обо мне и о моих увлечениях ;
- мои фотографии.

С одной из моих страниц можно будет
отправить мне электронное письмо. Кроме использования этих тегов , для разрыв а строк возможно использование символов конца строк и табуляций в самом HTML-документе . Для этих целей существует тег

. Весь   текст  , помещенный   между   тегами   
 и   
будет выводиться без изменений , то есть со всеми концами строк и табуляциями . Н апример :
Это   текст   написан
 в   две   строки .
В HTML-документе , кроме текста , могут содержаться горизонтальные разделительные линии . Они , как и текст , не требуют никаких внешних файлов . Тег
выведет горизонтальную линию единичной толщины вдоль всей ширины страницы . Горизонтальная разделительная линия всегда приводит к разрыву строки , но пустых строк между линией и текстом не появляется . Тег
можнт содержать несколько атрибутов .
и
дают контурную линию с трехмерным эффектом у г лубления .
дает сплошную черную линию . Линия может не простираться во всю ширину страницы , а составлять лишь некоторую часть . Атрибут WIDTH задает ширину линии , в процентах от ширины всей страницы или в пикселах . Например , 50% - половина ширин ы страницы , 400 - ширина в 400 пикселов . Атрибут ALIGN может принимать значения , аналогичные его значениям для тега

, но выравнивание по умолчанию - по центру . Атрибут SIZE задает толщину линии в пикселах от 1 до 175; по умолчанию 1, но если


, (линия - контурная ), то добавляется толщина , необходимая для трехмерного эффекта углубления . Линии , наряду с абзацами , позволяют выделить логические фрагменты текста . Но большое количество горизонтальных линий неприятно для посетителя вашей Веб-страницы , поэтому после каждого абзаца их ставить не следует . Они больше подходят для выделения целых разделов. 3. Программы для создания Web-страниц 3.1 HTML -редакторы Каждый выбирает свой инструмент для создания Web-страниц . Это может быть MS FrontPage или Macromedia DreamWeaver, Allaire HomeSite или 1st Page 2000. А кто-то пользуется простым текстовым редактором , например Блокнотом (Notepad). Текстовые редакторы возможно использовать только для создания небольших страниц , так как у них есть много минусов : не поддерживаются проекты , отсутствует "подс ветка " текста ..., в общем , работать крайне неудобно . Основным недостатком MS FrontPage является то , что он генерирует очень большой HTML-код (слишком много лишнего ), поэтому страницы получаются большими , что сказывается на скорости загрузки . Более того , п ри создании Web -страниц в этом редакторе видишь одно , а в окне браузера - совсем другое (особенно это касается Netscape Navigator). Странички получаются какими-то кривыми , поэтому для создания качественных Web -страниц рекомендуется использовать пакеты , кот орые будут рассмотрены ниже . Начнем мы с популярного Macromedia DreamWeaver. Компания Macromedia считается лидером по производсту программ для создания веб-сайтов , а также законодателем моды в этой области . Последния версия HTML -редактора этой компании - DreamWeaver 3, который относится к категории WYSIWYG-редакторов , и этот пакет имеет очень много достоинств : удобный интерфейс , настройка функций , поддержка больших пр оектов и ShockWave технологий , возможность закачки файлов через FTP, поддержка SSI и многое другое . Для работы в этой программе не нужно досконально знать HTML (в этом и заключается преимущество технологии WYSIWYG - что вижу , то и получаю ). DreamWeaver 3.0 Но DreamWeaver на несколько шагов опережает другие редакторы , использующие технологию WYSIWYG, в первую очередь тем , что генерирует очень чистый HTML-код . DreamWeaver позволяет вам избавиться от однотипной работы при со здании страниц (например , верстка текста ) при помощи использования опции "запись последовательности команд " вы записываете последовательность производимых вами команд , потом нажимаете , например , CTRL+P, и DreamWeaver воспроизводит все в той же последовател ьности. Следующий редактор - HomeSite 4 - для создания страниц вручную , т . е . для знатоков HTML. Вы получаете полный контроль над HTML-кодом , причем существует возможность оптимизировать свою страничку под один из трех популярных браузеров (MSIE, NN, Ope ra). HomeSite содержит два основных режима : Edit и Design. Режим Design - это подобие WYSIWYG-редактора , выдающее HTML-код , причем , если вы загрузите чужой HTML-код , то HomeSite все перепишет по-своему . Режим Edit позволяет получить полный контроль над ст раничкой . Здесь вы можете настроить практически все , сможете прописать функции каждого тега (тогда ваша страничка в любом браузере будет смотреться одинаково ). HomeSite 4.0 Еще одна отличительная особенность HomeSite - э то его «склейка» с Dreamweaver. HomeSite обладает кнопкой « Dreamweaver» , а также входит в его стандартный пакет поставки . Впрочем , и DreamWeaver имеет возможность подключения HomeSite, как редактора для коректировки HTML-кода . Одним из последних HTML -редакторов является EVR Soft 1st Page 2000 v2. Его лозунг - "Create 1st class websites!" ("Создавайте первоклассные веб-сайты !"). Редактор содержит несколько режимов - Normal, Easy, Advanced/Expert и Hardcore, то есть вы можете выбрать свой уровень , а со временем перейти на более высокий . Еще одна особенность - довольно большая коллекция скриптов на JavaScript и DHTML. Все это довольно удобно разбито по категориям . 3.2 Графические редакторы Создание и оптимизация графики - сложная и капризная задача . Безусловно , во зможно создание Web -страницы и без использования графики - при помощи шрифтов , скриптов и таблиц стилей (CSS) - и это будет красиво и стильно . Но ведь окончательный вид документа зависит от большого числа различных факторов , таких как : ширина окна браузера , предварительные настройки браузера , принятые по умолчанию размер шрифта , его имя и цвет . К тому же не все скрипты и стили поддерживаются всеми браузерами . Если же будет использована графика , то посетитель вашей страницы увидит ее точно такой , какой сдел а ли и видите ее вы . Основная сложность работы с Web -графикой состоит в том , что пропускная способность каналов Интернета , в большинстве случаев , очень низкая и перед вами сразу встанут проблемы - как сделать графический файл небольшой по объему , но хорошег о качества , какие программы и приемы использовать при его оптимизации . Именно этому посвящен раздел о векторные и растровые графических редакторах , которые являются мощным инструментом обработки изображения в умелых руках. Прежде чем рассмотреть векторные и растровые графические редакторы , следует уяснить себе , в чем состоит различие между векторным и растровым представлением изображения . Растровая графика представляет собой сетку (растр ), ячейки которой называются пикселами . Каждый пиксел в растровом изо бражении имеет строго определнное местоположение и цвет , следовательно любой объект представляется программой как набор окрашенных пикселов . Это значит , что пользователь , работая с растровыми изображениями , работает не над конкретнными объектами , а над со с тавляющими их группами пикселов. Растровые изображения обеспечивают высокую точность передачи градаций цветов и полутонов , а также высокую детализацию изображения , поэтому они являются оптимальным средством представления тоновых изображений , таких как скан ированные фотографии. Для изображения растровой графики всегда используется фиксированное количество пикселов , т.е . качество растрового изображения напрямую зависит от разрешающей способности оборудования . Это значит , что любое изменение изображения (повор от , увеличение и т.д .) приводит к неизменному искажению картинки и границы объектов получаются неровными. Векторные изображения формируются на основе математически описанных фигур , называемых векторами , а вид изображения определяется параметрами векторов . Другими словами , векторная графика состоит из кривых , имеющих координаты , цвет и прочие параметры , а также замкнутых областей , заполненных определенным цветом . Границы этих областей также описываются кривыми . Файл с векторной картинкой содержит координаты и параметры кривых. Результаты обработки векторных изображений не зависят от разрешающей способности оборудования , поэтому вы можете произвольно изменять их параметры (размер , цвет , форму и т.д .) - качество не ухудшится . Векторная графика применяется при с оздании цифровых объектов с использованием мелких кеглей (размеров шрифта ) или таких объектов , как логотипы , для которых важно сохранять четкие контуры , при неограниченном масштабировании. Графические пакеты (редакторы ) тоже делятся на два типа : растровые и векторные . Давайте теперь рассмотрим наиболее популярные из них. А ) Редакторы растровой графики Microsoft Paint - простой (или лучше сказать - простейший ) редактор , входящий в стандартную поставку операционных систем Microsoft. Он обладает набором простейших функций (кисточка , карандаш , резинка и т.д .), которые позволяют создавать незамысловатые карт инки . К сожалению , для обработки графики он практически не пригоден . Картинку , которую вы видете справа - это большее , на что способен этот редактор. Adobe Photoshop - на сегодняшний день это самый мощный пакет для профессиональной обработки растровой гр афики . Это целый комплекс , обладающий многочисленными возможностями модификации растрового рисунка , имеющий огромный набор различных фильтров и эффектов , причем есть возможность подключать инструменты независимых производит елей . Пакет предлагает , например , средства для восстановления поврежденных изображений , ретуширования фотографий или создания самых фантастических коллажей , которые только может позволить себе наше воображение . В общем , потенциал этого пакета поистене ог ромен . Начиная с версии 5.5 в пакет включена программа Adobe ImageReady , предоставляющие огромные возможности по обработке графики под WEB (оптимизация изображений , создание анимированных gif, "разрезание " картинок на более мелкие и т.д .). Девиз разработчи ков Adobe Photoshop - "Camera of your mind" - предполагает не только техническое совершенство , но и полную свободу творчества , на которую человек , работающий с этой программой , просто обречен . PhotoPaint - еще один не менее известный графический редактор (из пакета Corel Draw) для обработки растровой графики , конкурирующий с Adobe Photoshop. Здесь также имеются все необходимые инструменты для обработки графики , разнообразные фильтры , текстуры . Разница лишь в удобстве работы , интерфейсе и скорости наложени я фильтров - наложение происходит немного медленнее. Painter - редактор предоставляет великолепные возможности для эмуляции реальных инструментов рисования : графит , мел , масло и т.д . Также позволяет имитировать фактуру поверхности материалов , живопись , созд авать анимацию . Очень удобен для разработки фоновых рисунков или Web -страниц в стиле живописи . Пользуясь это программой чуствуешь себя настоящим художником. Существует еще ряд редакторов ( Microsoft Photo Editor, Microsoft Photo DRAW ), также позволяющих реа лизовать простейшие задачи , но не удовлетворяющих запросам профессионалов. B ) Редакторы векторной графики Adobe Illust rator - пакет позволяет создавать , обрабатывать и редактировать векторную графику . По своей мощности он эквивалентен растровому редактору Adobe Photoshop: имеет аналогичный интерфейс , позволяет подключать различные фильтры и эффекты , понимает многие граф ические форматы , даже такие как .cdr (Corel Draw) и .swf (Flash). CorelDraw - безусловно , такой известный графический пакет не мог обойтись без средств для обработки векторной графики . Пакет по своей мощности практически не уступает графическим редакторам Adobe Photoshop и Adobe Illustrator. Помимо обработки векторной графики , в этом пакете существует обработчик растровой графики (Photo Paint), трассировщик изображений , редактор шрифтов , подготовки текстур и создания штрих кодов , а также огромные коллекции с изображениями (CorelGallery). Adobe Streamline - еще один продукт фирмы Adobe, предназначенный для трассировки (перевода ) растровой графики в векторную . Это небольшой , но очень полезный и мощный продукт . Особенно полезен , если вы создаете Web -страницы с использованием векторной графики , например , технологии Flash. 4. Создание WEB-страниц в WORD'97 4.1 Способы создания WEB-страниц в WORD'97 Существуют два сп особа создания Web-страниц : · с помощью мастера или шаблона , · преобразовать существующий документ Word в формат HTML. В мастере Web-страниц для упрощения процесса создания страницы предлагаются образцы содержания страниц - например , индивидуальные нача льные страницы и регистрационные формы и различные темы графического оформления - например , праздник или общество . По желанию работу можно начать с пустой Web-страницы . Страницу Web можно сделать более интересной , разместив на ней маркированные и нумерова нные списки , горизонтальные линии , цвета фона , узоры , таблицы , рисунки , видеозаписи , бегущую строку и формы . Большинство этих элементов вводятся в страницу так же , как в документ Word. Однако для упрощения редактирования Web-страниц в Word для этих целей п редусмотрены некоторые новые специальные функции и команды. 4.2 Создание маркированных и нумерованных списков Основное отличие состоит в том , что пом имо маркеров в списках можно использовать графические изображения . Набор таких изображений находится в диалоговом окне Список (меню Формат ). Кроме графических изображений , в диалоговом окне предлагаются текстовые маркеры , поддерживаемые HTML для Web-страни ц . Графические маркеры сохраняются в формате GIF (с расширением .gif), в тот же каталог , что и Web-страница. 4.3 Горизонтальные линии Для ее создания выберите команду Горизонтальная линия в меню Вставка . Из списка Вид выберите нужную линию . При сохранении Web-страницы такая линия сохраняется вместе с Web-страницей как графический файл с именем image.gif, image1.gif и т . п . 4.4 Добавление фона Чтобы сделать документы Word и Web-страницы более привлекательными , используйте различные виды фона , в том числе текстурную заливку . Можно создать подложку , которая будет видна только в напечатанном документе. 4.5 Работа с таблицами Для создания и редактирования структуры таблицы используется команда Нарис овать таблицу . Сетку таблицы можно вставить в текст с помощью команды Добавить таблицу . Так как на Web-страницах таблицы часто используются как скрытое средство форматирования (например , для размещения текста и рисунков ), вставляемые в текст таблицы не име ют границ . Для добавления границ к таблицам используйте команду Границы (меню Таблица ). Границы , добавленные к таблицам на Web-страницах , изображаются средствами просмотра Web в объемном виде. 4.6 Работа с рисунками Когда Web-страница сохраняется в формате HTML впервые , все рисунки преобразуются в форматы GIF или JPEG . Только эти два вида графических изображений поддерживаются в Web. Чтобы вставить рис унок в Web-страницу , выберите команду Рисунок в меню Вставка , а затем команду из файла или Картинки . Если вставляемый рисунок записан в формате JPG, он сохраняется в формате JPG. Если рисунок записан в другом формате , например , TIF, он преобразуется в фор м ат GIF. Если рисунок вставляется из файла , при сохранении он копируется в ту же папку , что и Web-страница , если не установлен флажок Вставленный на Web-страницу рисунок по умолчанию выравнивается по левому полю . Расположение текста и рисунков можно задать дополнительно с помощью таблицы. Графические объекты , — например , авто фигуры , надписи и фигурный текст — можно использовать в качестве объектов типа «Рисунок Microsoft Word» . После закрытия документа эти элементы нельзя будет вновь отредактировать . Они б удут преобразованы в изображения формата GIF. 4.7 Создание гиперссылок Гиперссылки позволяют перейти к другому разделу текущего документа или Web-стра ницы , к другому документу Word или к другой Web-странице или к файлу , созданному в другой программе . С помощью гиперссылок можно переходить также к файлам мультимедиа , в том числе звукозаписям и видеозаписям. Гиперссылки можно делать на закладки , помещенны е в данном или другом документе . Это позволяет перейти на нужный раздел , не перелистывая документ. Место назначения гиперссылки , например Web-страница , может располагаться на жестком диске того же компьютера , в сети интранет или в Интернете . 4.8 Вставка видеозаписи в Web-страницу На Web-странице можно разместить встроенную видеозапись . Это значит , что видеозапись загружается , когда пользователь открыва ет страницу . Для видеозаписи можно задать два варианта воспроизведения : сразу после открытия страницы или после щелчка страницы мышью . Так как не все средства просмотра Web предусматривают возможность просмотра встроенной видеозаписи , возможно , будет поле з ным снабдить ее дублирующим текстом и изображениями или вообще не помещать важные сведения в форме видеозаписи. Выводы Таким образом , мы изучили возмо жности языка HTML для создания Web-страниц , узнали , какие HTML - и графические редакторы лучше использовать в Web -дизайне , каковы преимущества и недостатки тех или иных программных пакетов . И , наконец , мы выяснили , какие возможности для создания Web-страни ц имеет Word ’ 97 из пакета Microsoft Office . Итак , поняв принцип построения Web-страницы , изучив возможности соединения в ней различных видов информации , мы можем смело сказать , что Web-страницы , с их потенциалом могут применятся для различных целей. Web- страница – это лицо той фирмы , того учреждения , человека , который разместил ее в WWW . Именно поэтому сегодня Web -дизайну уделяется такое огромное внимание , ибо от него на прямую зависит популярность того или иного информационного ресурса Сети . Недаром сей час профессия Web -дизайнера является одной из сам ы х высокооплачиваемых. Человек , создающий Web-страницу , соединяет свои знания и навыки со своим творческим потенциалом . Умение творить – вот что отличает настоящего Web -дизайнера . Для того чтобы создать We b -страницу , которая бы радовала глаз , нужно сочетать в себе качества художника и программиста. Подводя итог всему выше сказанному , хочется отметить , что HTML стал тем форматом передачи данных , который наиболее полно и качественно удовлетворяет запросы совр еменного общества . Несомненным фактом является и то , что будущее именно за HTML . Список сайтов информация , с которых была использована при написании курсовой работы : Www . webschool . narod . ru Www . pronet . ru Www.education.kulichki.net Www.gor.h1.ru
1Архитектура и строительство
2Астрономия, авиация, космонавтика
 
3Безопасность жизнедеятельности
4Биология
 
5Военная кафедра, гражданская оборона
 
6География, экономическая география
7Геология и геодезия
8Государственное регулирование и налоги
 
9Естествознание
 
10Журналистика
 
11Законодательство и право
12Адвокатура
13Административное право
14Арбитражное процессуальное право
15Банковское право
16Государство и право
17Гражданское право и процесс
18Жилищное право
19Законодательство зарубежных стран
20Земельное право
21Конституционное право
22Конституционное право зарубежных стран
23Международное право
24Муниципальное право
25Налоговое право
26Римское право
27Семейное право
28Таможенное право
29Трудовое право
30Уголовное право и процесс
31Финансовое право
32Хозяйственное право
33Экологическое право
34Юриспруденция
 
35Иностранные языки
36Информатика, информационные технологии
37Базы данных
38Компьютерные сети
39Программирование
40Искусство и культура
41Краеведение
42Культурология
43Музыка
44История
45Биографии
46Историческая личность
47Литература
 
48Маркетинг и реклама
49Математика
50Медицина и здоровье
51Менеджмент
52Антикризисное управление
53Делопроизводство и документооборот
54Логистика
 
55Педагогика
56Политология
57Правоохранительные органы
58Криминалистика и криминология
59Прочее
60Психология
61Юридическая психология
 
62Радиоэлектроника
63Религия
 
64Сельское хозяйство и землепользование
65Социология
66Страхование
 
67Технологии
68Материаловедение
69Машиностроение
70Металлургия
71Транспорт
72Туризм
 
73Физика
74Физкультура и спорт
75Философия
 
76Химия
 
77Экология, охрана природы
78Экономика и финансы
79Анализ хозяйственной деятельности
80Банковское дело и кредитование
81Биржевое дело
82Бухгалтерский учет и аудит
83История экономических учений
84Международные отношения
85Предпринимательство, бизнес, микроэкономика
86Финансы
87Ценные бумаги и фондовый рынок
88Экономика предприятия
89Экономико-математическое моделирование
90Экономическая теория

 Анекдоты - это почти как рефераты, только короткие и смешные Следующий
Патологоанатом умер, но всё равно поехал на работу.
Anekdot.ru

Узнайте стоимость курсовой, диплома, реферата на заказ.

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

Смотрите также:


Банк рефератов - РефератБанк.ру
© РефератБанк, 2002 - 2016
Рейтинг@Mail.ru