Реферат: Сравнительная характеристика инструментов для web-дизайна

ОДЕССКИЙ НАЦИОНАЛЬНЫЙИНСТИТУТ

ГОСУДАРСТВЕННОГО УПРАВЛЕНИЯ

УКРАИНСКАЯАКАДЕМИЯ

ГОСУДАРСТВЕННОГО УПРАВЛЕНИЯ

ПРИ ПРЕЗИДЕНТЕ

УКРАИНЫ

РЕФЕРАТ

ПО КОМПЬЮТЕРНЫМСЕТЯМ

Тема:

“ Сравнительная характеристика инструментов для Web-дизайна”

Выполнила:

студентка 2-го курса МО

21-А группы

Крюкова К.М.

Одесса – 2004г.

Алгоритм поиска

Для поиска реферата “Сравнительная характеристика инструментов дляWeb-дизайна” я воспользовалась следующимпоисковым сервером http://www.yandex.ru

Затем в окно поиска ввела запрос “Рефераты” чтобыполучить ссылки на поиск рефератов по данной теме.

Выбрала одну ссылку Bankreferatov.ru из предлагаемых по указанной теме и открыла ее в другом окне.

На его начальной странице находятся поля ввода запроса, икнопка для начала поиска рефератов.

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

Я открыла предыдущий поиск запроса “Рефераты” иоткрыла следующую ссылку Referats.ru. Здесь также в окне поискаввела запрос “Web-дизайн”. В окне отобразилось три ссылки на разныесайты по компьютерным системам и технологиям. Выбрав первую ссылку и открыв ее в новом окне отобразился огромный списокрефератов по данной теме. Для того, что бы облегчить себе поиск, в окно вводазапроса ввожу ключевые слова “ Web-дизайн”, установив ниже окнапоиска галочку искать в найденном. Скопировала несколько рефератов по даннойтеме, а затем отредактировав предыдущий найденный реферат дополнила его болееобширной информацией. На этом прекратила свой поиск реферата, т.к. считаю, чтонеобходимое количество информации по данной теме уже собрано.

«Сравнительнаяхарактеристика инструментов Web-дизайна»

План:

Вступление (4-5) Что такое Web-дизайн? (5-6) Создание Web-страниц с помощью языка HTML (6) Программы для создания Web-страниц (7-8) Создание Web-страниц с помощью Macromedia DreamWeaver(8-33) Выводы(34)

7. Список сайтов информация, с которых былаиспользована при написании курсовойработы (35)

1.Вступление

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

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

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

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

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

Так что же такое World Wide Web, или, как говорят в просторечии, WWW, the Web, или еще более простое — 3W? WWW — этораспределенная информационная система мультимедиа, основанная на гипертексте.Давайте разберем это определение по порядку.

Распределенная информационнаясистема: информация сохраняется на огромном великом множестве так называемых WWW-серверов (servers). То естькомпьютеров, на которые установленное специальное программное обеспечение икоторое объединенные в сеть Internet. Пользователи, которые имеют доступ ксети, получают эту информацию с помощью программ-клиентов, программ просмотраWWW-документов. При этом программа просмотрапосылает по компьютерной сети запрос серверу, который сохраняет файл снеобходимым документом. В ответ на запрос сервер высылает программепросмотра этот необходимый файл или сообщениеоб отказе, если файл по тем или инымпричинам недоступен. Взаимодействиеклиент-сервер происходит поопределенным правилам, или, как говорят иначе, протоколам. Протокол, принятый вWWW, называется HyperText Transfer Protocol, сокращенно — HTTP.

Мультимедиа: информация включает в себя не только текст, но и двух-и трехмерную графику, видео и звук.

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

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

Итак, Web-страница может содержатьстилизованный и форматований текст, графику и гиперсвязи с разными ресурсамиInternet. Чтобы реализовать все эти возможности, был разработанный специальныйязык, названная HyperText Markup Language (HTML), то есть, Язык РазметкиГипертекста. Документ, написанный на HTML, представляет собой текстовый файл,который содержит собственно текст, несущий информацию читателю, и флагиразметки. Последние представляют собой определенные последовательностисимволов, которые являются инструкциями для программы просмотра; в соответствиис этими инструкциями программа располагает текст на экране, включает в негорисунки, которые сохраняются в отдельных графических файлах, и формируетгиперсвязи с другими документами или ресурсами Internet. Таким образом, файл наязыке HTML приобретает вид WWW-документа только тогда, когда онинтерпретируется программой просмотра. Об языке HTML будет детально рассказанов следующем разделе, поскольку без знания основ этого языка невозможно создать Web-страницу для публикации в WWW.

2. Чтотакое web-дизайн ?

Web-дизайн — это прежде всего творчество, в котором тебя никто неограничивает. Только в этой сфере вы можете полностью показать себя, не ограничиваясь,ни в содержании, ни в объёме. Если например брать корреспондентов ижурналистов. Они написали материал, долго трудились, и подали его редактору, аредактор взял и выбросил статью, ссылаясь на то, что они написали несколькослов про знаменитого «жулика», который занимает высокий пост вместной думе. А вам предоставляются все возможности, для того чтобы писать,рисовать и т.д. Потом вывесить это всё на сайте и пусть все любуются.
Но в основном web-дизайн означает умение красиво оформить web-страничку насайте. Если вы написали несколько слов, на обычном default'ном фоне, это недизайн.

Зачем это нужно?

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

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

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

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

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

Работа по HTML — это способ усвоить особенности создания документов встандартизированном языке, используя расширения, только если это действительнонеобходимо.

HTML былратифицированWorld Wide Web Consortium. Онподдерживается несколькими широкораспространенными броузерами, и,возможно, станет основанием почти всего программного обеспечения, которое имеетотношение к Web.

4.Программы для создания Web-страниц4.1 HTML-редакторы

Каждый выбирает свой инструмент длясоздания Web-страниц. ЭтоможетбытьMS FrontPage илиMacromedia DreamWeaver, Allaire HomeSite или1st Page 2000. А кто-то пользуетсяпростым текстовым редактором, например Блокнотом (Notepad).

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

MS FrontPage

Основным недостатком MS FrontPage являетсято, что он генерирует очень большой HTML-код (слишком много лишнего), поэтомустраницы получаются большими, что сказывается на скорости загрузки. Более того,при создании Web-страницв этом редакторе видишь одно, а в окне браузера — совсем другое (особенно этокасается Netscape Navigator). Странички получаются какими-то кривыми, поэтомудля создания качественных Web-страницрекомендуется использовать пакеты, которые будут рассмотрены ниже.

Macromedia DreamWeaver.

Начнем мы с популярного MacromediaDreamWeaver. Компания Macromediaсчитается лидером по производсту программ для создания веб-сайтов, а такжезаконодателем моды в этой области. Последния версия HTML-редактора этой компании — DreamWeaver 3, который относится к категории WYSIWYG-редакторов, и этот пакетимеет очень много достоинств: удобный интерфейс, настройка функций, поддержкабольших проектов и ShockWave технологий, возможность закачки файлов через FTP,поддержка SSI и многое другое. Для работы в этой программе не нужно доскональнознать HTML (в этом и заключается преимущество технологии WYSIWYG — что вижу, тои получаю).

Но DreamWeaver на несколько шагов опережает другие редакторы,использующие технологию WYSIWYG, в первую очередь тем, что генерирует оченьчистый HTML-код. DreamWeaver позволяет вам избавиться от однотипной работы присоздании страниц (например, верстка текста) при помощи использования опции «запись последовательностикоманд» вы записываете последовательность производимых вами команд,потом нажимаете, например, CTRL+P, и DreamWeaver воспроизводит все в той жепоследовательности.

HomeSite 4

Следующий редактор — HomeSite 4 — длясоздания страниц вручную, т. е. для знатоков HTML. Вы получаете полный контрольнад HTML-кодом, причем существует возможность оптимизировать свою страничку пододин из трех популярных браузеров (MSIE,NN, Opera).

HomeSite содержит два основных режима: Editи Design. Режим Design — это подобие WYSIWYG-редактора, выдающее HTML-код,причем, если вы загрузите чужой HTML-код, то HomeSite все перепишет по-своему.Режим Edit позволяет получить полный контроль над страничкой. Здесь вы можетенастроить практически все, сможете прописать функции каждого тега (тогда ваша страничкав любом браузере будет смотреться одинаково).

Еще одна отличительная особенность HomeSite- это его «склейка» с Dreamweaver. HomeSite обладает кнопкой «Dreamweaver», атакже входит в его стандартный пакет поставки. Впрочем, и DreamWeaver имеет возможностьподключения HomeSite, как редактора для коректировки HTML-кода.

EVR Soft 1st Page 2000 v2

Одним из последних HTML-редакторовявляется EVR Soft 1st Page 2000 v2.

Еголозунг — «Create 1st classwebsites!» («Создавайте первоклассные веб-сайты!»).Редактор содержит несколько режимов — Normal, Easy, Advanced/Expert и Hardcore,то есть вы можете выбрать свой уровень, а со временем перейти на более высокий.Еще одна особенность — довольно большая коллекция скриптов на JavaScript иDHTML. Все это довольно удобно разбито по категориям.

5. MacromediaDreamWeaver

5.1. Интерфейс данного пакета

Идея данного описания проста — мы будем постепенно строитьсайт (например домашнюю страничку). При этом я постараюсь пройтись по всемвозможностям DreamWeaver. Расскажу где и чем лучше всего пользоваться.

Начнем мы с самогопростого — с интерфейса пакета.

Таквыглядит внешний вид DreamWeaver 3 после его установки и загрузки. Основныепанели я выделила и подписала.

Начнемразбор интерфейса с панели «палитра объектов» — палитры, при помощикоторой мы помещаем практически все внешнюю (не касающуюся текста) информациюна нашу страничку. Эта палитра имеет несколько разных вариантов, которые могутбыть открыты при помощи выпадающего меню в верхней части «палитрыобъектов».

По умолчанию всегда стоит палитра common objects (основные объекты). В нее включено практически все что вам нужно (слева-навправо, сверху-вниз):

Image (картинка) — вставляет на страничку графический элемент Rollover Image (перекатыш) — вставляет на страничку конструкцию, которая имитирует анимированную кнопку (кнопку изменяющую свой вид при наведении на нее) Table (таблица) — вставляет на страничку таблицу Tabular data (табличные данные) — вставляет готовую с таблицу с готовыми данными (например из Exel) Horizontal Rule (линейка) — вставляет декоративный элемент — линейку (обычно используется как разделитель абзацев) Navifgation Bar — вставляет навигационную панель состоящую из нескольких кнопок Draw Layer (нарисовать слой) — вставляет на страничку слой (как в PhotoShop) Line Break (мягкий перенос) — вставляет на страничку (в тексте) мягкий перенос E-mail Link (сслыка на электронную почту) — вставляет на страничку ссылку на электронный адрес Date (дата) — вставка в документ текущей даты (можно с автообновлением) Flash — вставляет флеш-анимацию в страничку ShockWave — вставляет Shockwave-анимацию Generator — вставляет заготовку Generator FireWorks — вставляет объект FireWorks Applet — вставляет ява-апплет ActiveX — вставляет ActiveX Plugin — вставляет объект, проигрываемый плагином SSI — вставляет инклюд (подключаемый внешний HTML файл)

Палитра Invisibles

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

Палитра head

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

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

Палитра forms

(формы) служит для визуального создания форм (того, что вы довольно часто заполняете на различных сайтах). Она состоит из объектов: form — сама форма text field — текстовое поле button — кнопка checkbox — чекбокс (это где вы галочку на выборах ставите) radio button — радиобаттон, обеспечивает выбор одного из вариантов list/menu — делает выпадающий список или меню filefield — форма для закачки файлов imagefield — поле картинки hidden filed — скрытое поле jump menu — для перехода по клику на другую страничку

Палитра специальных символов

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

5.2. Диалоговыеокна

Принажатии на каждую кнопку возникают различного рода диалоги, возникающие придобавлении объектов из «палитры объектов» в поле документа.

Большаячасть этих диалогов, например таких как: вставка картинки, горизонтальнойлинейки, мягкого переноса, флеш, shockwave, generator, plugin, activeX, javaapplet и server-side include вообще не требуют пояснений, так как либо несодержат никаких диалоговых окон, либо сводятся к указанию нужного файла нажестком диске.

Начнемсо вставки rollover image (картинки-перекатыша). В основном, подобные объектыиспользуются для различных навигационых элементов на сайте.

Вокне диалога есть четыре основных поля. Сверху-вниз это:

image name — название картинки (используется java-скриптом, для разделения различных объектов данного типа на страничке). Никогда не делайте названия одинаковыми! original image — здесь вы указываете расположение файла с картинкой «по-умолчанию», то есть той картинкой которая будет отображаться в начале. rollover image — а здесь указывается файл картинки, которая будет появляться при наведении на наш объект мышки (подпункт Preload Rollover image рекомендую оставлять включенным, так как ни что не смотрится так жутко, как появление при наведение мышки на подобный объект пустой картинки) go to url — здесь нужно написать ссылку, по которой пойдет пользователь при нажатии на наш объект.

Воти все. После нажатия на кнопку OK вы получите готовую кнопку, не написав нистрочки кода.

Следующийобъект — Insert Table (вставить таблицу). Таблицы в построении сайтовиспользуются не только как в каком-нибудь Word-е или Excel-е, а и как модульныесетки (собственно некий каркас, на котором как на паутине держатся все объектыстранички).

Чтонужно указать в данном случае:

Rows — количество рядов таблицы Columns — количество колонок Cell padding — расстояние от границы ячейки до объектов внутри ее Cell Spacing — расстояние между границами соседних ячеек Width — ширина таблицы (в пикселях или в процентах) Border — толщина бордюра между ячейками таблицы

Тожене сложно. Все заполнили, указали и получили готовую таблицу.

ОбъектTabular Data появился только в третьей версии и являет собой очень удобныйинтерфейс для вставки внешних табличных данных в Dreamweaver. Например прайсовиз Excel.

Указываем:

data file — исходный файл delimiter — тип разделителя колонок (с несколькими вариантами) Table width — ширину таблицы (по ширине данных или указываем свое значение) Cell padding — расстояние от границы ячейки до объектов внутри ее Cell Spacing — расстояние между границами соседних ячеек Format Top Row — выделение или невыделение шапки таблицы Border — толщина бордюра между ячейками таблицы

Все.После этого ваш (заранее подготовленный) файл с данными предстанет перед вами вDreamWeaver.

NavigationBar — этот объект побил все рекорды по количеству полей которые нужнозаполнить. Его нужно рассматривать как некоторый очень навороченный инструментдля создания навигационных панелей на сайтах.

Заполняем:

при помощи кнопок "+" и "-" мы можем добавлять или удалять элементы (кнопки) навигационной панели element name — название текущей кнопки, никогда не делайте имена одинаковыми, лучше всего давать им имена самих кнопок (home, link, next, prev и т.д.) Up image — указываем файл с картинкой для состояния кнопки «по-умолчанию» Over Image — указываем файл с картинкой для состояния кнопки при наведении на нее мышки Down Image — указываем файл с картинкой для нажатой кнопки Over While Down — указываем файл с картинкой для состояния кнопки нажата + на нее наведена мышка (с трудом представляю себе иную ситуацию) :) go to url — ссылка на которую будет произведен переход (при этом укажите где она будет открыта) Preload Images — рекомендую оставить включенным Show «Down image» initialy — по умолчанию показывать кнопку нажатой Insert — вид панели (горизонтальная или вертикальная) Use tables — использовать таблицы

Есливы все это заполните и сделаете — то в итоге у вас будет нормальная рабочаянавигационная панель без написания даже строчки кода.

Вставкассылки на электронный адрес. Тем кто немного знает HTML уже известно, что длявставки подобной ссылки достаточно написать:

e-mail.

Вставкатекущей даты — очень удобная вещь. Достаточно указать формат даты, времени и,если необходимо, указать пункт Update Automatically on Save (автоматическиобновлять при сохранении).

5.3. Структурасайта

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

Вкорневом каталоге мы разместим наши веб-страницы (.htm-файлы), в каталогеImages — картинки (фотографии, элементы дизайна и многое другое) и в каталогеCSS — Cascading Style.

5.4. Началосоздания сайта

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

Обратитевнимание на кнопку Define Sites (определить сайты). Вот она то нам и нужна.Смело нажимайте ее.

Посленажатия вы увидите вот такое меню:

Выбираемкнопочку New и начинаем заполнять «анкету» нашего сайта. Анкетасостоит из пяти разделов:

Начнемс первой. Заполняем:

·

Site name (название сайта) — лобоеудобное для вас название (я написал — моя домашняя страничка)

·

Local Root Folder (локальныйкорневой каталог) — собственно наш каталог test (см. картинку в начале статьи).

·

Оставляем как есть галочкунапротив Refresh Local File List Automatically

·

Обязательно включаем пункт Cache [] Use Cache to Speed Link Updates — пригодится если мы начнем менять ссылки(быстрее будет)

Теперь вторая

:<img src="/cache/referats/17293/image023.jpg" v:shapes="_x0000_i1079">

Вней мы настраиваем параметры доступа к удаленному серверу (месту, куда мы будемнаши файлы выкладывать):

·

Server Access — доступ к серверу(варианты none — нет, FTP — по FTP, Local/Network — по локальной сети

·

FTP Host — адрес сервера, накоторый будут выкладываться файлы, например ftp.cdrom.com

·

Host Directory — каталог насервере, будьте внимательны, когда заполняете этот пункт, если ваш каталогнабран БОЛЬШИМИ буквами, то вам тоже нужно указывать его название большимибуквами, кроме того путь вы указываете от корня, то есть строчка можетвыглядеть вот так: users/design/ace

·

Login — имя пользователя, подкоторым вы заходите на сайт

·

Password — пароль пользователя,под которым вы заходите на сайт. Пипку save включайте только в том случае, есливы пользуетесь этим компьютером один. Иначе ваш пароль доступа легко достается изregistry (он там в открытом виде хранится)

·

Use Passive FTP и Use Firewall — настройки которые необходимы в конкретных случаях. Например Use Firewallнеобходимо указывать, если вы ходите через прокси-сервер. Если вы работаете помодему — эти настройки вас не волнуют.

Перейдемк третьей закладке:

Есливы работаете над проектом вместе с другими пользователями DreamWeaver, тоцелесообразно настроить данный пункт (т.е. включить галочку рядом с Enable FileCheck In and Check Out и указать свое имя в поле Check Out Name). Просто притаких настройках ваши коллеги всегда будут видеть занят ли данный файл вами вданное время (редактируете ли вы его) и не смогут сами взять его наредактирование (и тем самым уничтожить плоды вашего труда). Для тех ктоработает один этот пункт не интересен.

Четвертаязакладка:

Онанастраивает внешний вид панели Site Map (именно внешний, физически на структурусайта или его файлы эти настройки никакого воздействия не оказывают). Настройкипросты — указываем:

·

Home Page — начальную страницусайта

·

Numper of Columns, Column Width — количество колонок и их размер (ширину)

·

Icon Labels — что использовать вкачестве подписей под значками — названия файлов или названия страниц

·

Options — дополнительные настройки- показывать или нет скрытые файлы и показывать или нет зависимые файлы.

Нуи, наконец, последняя — пятая закладка:

Онатоже в большей степени имеет значение при групповой работе, чем при работе водиночку. Настройки просты — сохранять ли так называемые Design Notes (заметки,которые можно добавлять в файл при работе с ним) и закачивать ли их наудаленный сервер. Кроме того, можно удалить эти самые рабочие заметки, нажав накнопку Clean Up.

Послевсех этих настроек можно смело нажимать OK и получать готовый результат. Итак,если вы все сделали правильно, вы увидите вот такую картинку:

Этотак называемый Site Manager, в котором очень удобно совершать самые различные действия.Он разделен на две колонки — левая для файлов, находящихся на удаленном сервере- правая для локальный файлов. Кроме того, вы можете видеть несколько кнопок:

·

Connect — подключение к удаленномусерверу

·

Refresh — обновление списка фаловна удаленном и локальном серверах

·

Get — закачка выделенного файла(каталога, группы файлов) на локальный диск

·

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

Нувот. Сайт создан и мы готовы продолжать.

5.5. Созданиепервой странички

Нувот добрались и до создания первой странички (все правильно, ведь сайт это неодна страничка и даже не две — сайт это идея, концепция, некий цельный проект).

·

Logo — логотип нашей странички,некий броский рисунок (визуал) и или любое другое средство привлечения внимания

·

Menu — главное меню сайта

·

SubMenu — подменю текущего раздела

·

Text — основное наполнение,контент

·

Copyright — «подвальный»раздел для баннеров, кнопок, копирайтов и прочей мишуры

Крометого я сразу указала основные размеры. Как видите, я реши

еще рефераты