45947 (665252), страница 2

Просмтор этого файла доступен только зарегистрированным пользователям. Но у нас супер быстрая регистрация: достаточно только электронной почты!

Текст из файла (страница 2)

Моя первая страница

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

На них Вы сможете найти:
- рассказ обо мне и о моих

увлечениях;
- мои фотографии.

С одной из моих страниц можно будет
отправить мне электронное

письмо.

Кроме использования этих тегов, для разрыва строк возможно использование

символовконца строк и табуляций в самом HTML-документе. Для этих целей

существует тег

. Весь текст, помещенный между тегами 
 и 
будет 

выводиться без изменений, то есть со всеми концами строк и табуляциями.

Например:

Это текст написан

в две строки.

В HTML-документе, кроме текста, могут содержаться горизонтальные

разделительныелинии. Они, как и текст, не требуют никаких внешних файлов. Тег

---

выведет горизонтальную линию единичной толщины вдоль всей ширины

страницы.Горизонтальная разделительная линия всегда приводит к разрыву строки,

но пустых строк между линией и текстом не появляется. Тег

---

можнт

содержатьнесколько атрибутов.

---

и

---

дают контурную линию с

трехмерным эффектом углубления.

---

дает сплошную черную линию.Линия

может не простираться во всю ширину страницы, а составлять лишь некоторую часть.

Атрибут WIDTH задает ширину линии, в процентах от ширины всей страницыили в

пикселах. Например, 50% - половина ширины страницы, 400 - ширина в 400 пикселов.

Атрибут ALIGN может принимать значения, аналогичные его значениям длятега

,

но выравнивание по умолчанию - по центру. Атрибут SIZE задает толщину линии в

пикселах от 1 до 175; по умолчанию 1, но если

---

,(линия - контурная), то

добавляется толщина, необходимая для трехмерного эффекта углубления.

Линии, наряду с абзацами, позволяют выделить логические фрагменты текста. Но

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

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

подходят длявыделения целых разделов.

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

3.1 HTML-редакторы

Каждый выбирает свой инструмент для создания Web-страниц. Это может быть MS

FrontPage или Macromedia DreamWeaver, AllaireHomeSite или 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, Opera).

HomeSite содержит два основных режима: Edit и Design. Режим Design - это

подобиеWYSIWYG-редактора, выдающее HTML-код, причем, если вы загрузите чужой

HTML-код, то HomeSite все перепишет по-своему. Режим Edit позволяет получить

полныйконтроль над страничкой. Здесь вы можете настроить практически все,

сможете прописать функции каждого тега (тогда ваша страничка в любом

браузере будет смотреться одинаково).

HomeSite 4.0

Еще одна отличительная особенность HomeSite - это его «склейка» с

Dreamweaver.HomeSite обладает кнопкой «Dreamweaver», а также входит в его

стандартный пакет поставки. Впрочем, иDreamWeaver имеет возможность подключения

HomeSite, какредактора для коректировки HTML-кода.

Одним из последних HTML-редакторов является EVR Soft 1stPage 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 Illustrator - пакетпозволяет создавать, обрабатывать иредактировать

векторную графику. По своей мощности он эквивалентен

растровому редактору Adobe Photoshop: имеет аналогичный интерфейс, позволяет

подключатьразличные фильтры и эффекты, понимает многие графические форматы, даже

такие как .cdr (Corel Draw) и .swf (Flash).

CorelDraw - безусловно, такой известный графический пакет не мог обойтись без

Характеристики

Список файлов реферата