Этапы разработки Web-сайтов и сопутствующее программное обеспечение.
1. Создание Web-страниц с помощью языка HTML.Web-страница может содержать текст, графику и гиперсвязи с разными ресурсами Интернет. Документ, написанный на HTML, представляет собой текстовый файл, который содержит собственно текст, несущий информацию читателю, и флаги разметки. Последние представляют собой определенные последовательности символов, которые являются инструкциями для программы просмотра; в соответствии с этими инструкциями программа располагает текст на экране, включает в него рисунки, которые сохраняются в отдельных графических файлах, и формирует гиперсвязи с другими документами или ресурсами Internet. Таким образом, файл на языке HTML приобретает вид WWW-документа только тогда, когда он интерпретируется программой просмотра.
2. Каскадные таблицы стилей CSS. (Cascading Style Sheets). используется создателями Web-страниц для задания цвета, шрифтов, расположения и других аспектов представления документа. html используется для структурирования содержимого страницы, а CSS - для форматирования этого структурированного содержимого.
3. Применение JavaScript. - это язык для составления сценариев, позволяющих выполнять разные действия непосредственно на машине пользователя. Располагаются данные сценарии внутри HTML документов. JavaScript применяется для проверки правильности заполнения форм, создания удобной навигации и др. Вставка сценария JavaScript в HTML-документ начинается открывающим тегом <SCRIPT> и завершается закрывающим </SCRIPT>.
Инструментарий создания сайта.Текстовые редакторы, возможно использовать только для создания небольших страниц, так как у них есть много минусов: не поддерживаются проекты, отсутствует "подсветка" текста, в общем, работать крайне неудобно.
Основным недостатком MS FrontPage является то, что он генерирует очень большой HTML-код, поэтому страницы получаются большими, что сказывается на скорости загрузки. Более того, при создании Web-страниц в этом редакторе видишь одно, а в окне браузера - совсем другое.
Macromedia DreamWeaver относится к категории WYSIWYG-редакторов, и этот пакет имеет очень много достоинств: удобный интерфейс, настройка функций, поддержка больших проектов и ShockWave технологий, возможность закачки файлов через FTP, поддержка SSI и многое другое. Для работы в этой программе не нужно досконально знать HTML (в этом и заключается преимущество технологии WYSIWYG - что вижу, то и получаю).
HomeSite 4 - для создания страниц вручную. полный контроль над HTML-кодом, причем существует возможность оптимизировать свою страничку под популярный браузер. содержит два основных режима: Режим Design - это подобие WYSIWYG-редактора, выдающее HTML-код, причем, если вы загрузите чужой HTML-код, то HomeSite все перепишет по-своему. Режим Edit позволяет получить полный контроль над страничкой. Здесь вы можете настроить практически все, сможете прописать функции каждого тега. особенность HomeSite - "склейка" с Dreamweaver. HomeSite обладает кнопкой "Dreamweaver", а также входит в его стандартный пакет поставки. DreamWeaver имеет возможность подключения HomeSite, как редактора для корректировки HTML-кода.
CMS (Content Management System) - "Система управления контентом" - компьютерная программа управления сайтом, предназначенная для того, чтобы систематически, руководствуясь разработанной методикой и согласно чёткому распорядку, самостоятельно управлять тем, что увидят и прочитают посетители Вашего сайта.
Amiro. CMS включает весь инструментарий, необходимый для эффективной работы современного коммерческого интернет-ресурса. При наличии готового дизайна скорость выполнения настройки системы под проект занимает у подготовленного специалиста от нескольких часов до пары рабочих дней. Система поставляется в шести редакциях: FREE, Визитка, Корпоративный, Витрина, Минимаркет, Бизнес.
Использование пакетов офисных программ для создания сайтов: встроенные шаблоны и основные технические средства, настройка параметров Web-страницы. Обработка текста, таблиц, графических и мультимедийных объектов.
Значительный объем информации, который вы собираетесь размещать на Web-узле, может быть представлен в виде документов Word, Excel, PowerPoint или в базе данных Access.
Создание WEB-документа.Самый простой способ создать страницу для размещения в Интернете -- воспользоваться инструментами пакета Microsoft Office. Последние версии этого пакета предоставляют возможность преобразовать обычный документ в HTML-формат с неплохим качеством кода. Подготовленный в текстовом редакторе Word документ можно легко преобразовать в web-страницу. Однако она будет выглядеть не столь привлекательно, как хотелось бы, если не предпринять дополнительные шаги. После преобразования текстового документа в web-страницу первое, что бросается в глаза - текст занимает все экранное пространство. Длина строки слишком большая. Для комфортного чтения на экране число символов в строке должно быть в диапазоне 50-65.
Использование таблицыМожно завести в исходном документе таблицу и поместить в нее нужный текст. В таблице можно задать рамку. Тогда вид web-страницы намного улучшится, и в браузере страница будет выглядеть привлекательнее. Можно пойти дальше — например, изменить цвет и фактуру фона, вид гиперссылок, оформление списков. Для изменения общего дизайна страницы можно воспользоваться командой Тема из раздела главного меню Формат.
В документ можно добавить картинку, взяв ее, к примеру, из коллекции клипов.
Наконец, можно добавить картинке рамку и тень с помощью кнопок на панели Рисование -- Тип линии и Стиль тени. Подобные нюансы заметно прибавляют выразительности странице. Если панели Рисование нет на странице, то нужно установить ее, выбрав позицию главного меню Вид и далее Панели инструментов и Рисование.
Бегущая строка. Word позволяет внести на web-страницу и другие оформительские элементы, например "бегущую строку". Чтобы воспользоваться этой возможностью нужно открыть на экране панель web-компонентов (из главного меню — позиция Вид, далее Панели инструментов и Веб-компоненты). Щелчок по кнопке операции Бегущая строка открывает дополнительное окно для задания текста параметров бегущей строки. Как обычно, в строке можно поменять шрифт и атрибуты: размер шрифта и цвет символов.
Использование шаблонов оформления. Если вы начинаете создавать страницу с нуля, то можно воспользоваться мастером веб-страниц, который в диалоге будет помогать формировать документ. Или же можно использовать готовый шаблон оформления страницы, выбрав его из достаточно представительного набора. Для этого нужно в операции Создать выбрать режим Создание с помощью шаблона и далее Общие шаблоны. На экране появится форма, в которой нужно выбрать закладку Веб-страницы. Цветовое и стилевое решение пользователь может выбирать самостоятельно, например, с помощью настроек Формат - Тема.
Создание гиперссылок и закладок. Если мы хотим сослаться в документе на другой документ или другой сайт в Интернете, то такую гиперссылку можно сделать так: выделить в документе фрагмент текста (слово) и выполнить операцию Вставка — Гиперссылка… На экране появится форма, в которой задается адрес гиперссылки. Адрес можно ввести явно или можно выбрать файл в окне.
Программа PowerPoint ориентирована на создание презентаций на компьютере. Однако у нее имеется функция преобразования подготовленной презентации в веб-формат. Вы можете открыть подготовленную презентацию и выполнить операции (из главного меню) Файл — Сохранить как веб-страницу. Если теперь из браузера вызвать веб-презентацию, то на экране можно увидеть результат преобразования. В нижней части экрана создается специальная строка, где располагаются кнопки перехода к слайдам и кнопки для задания различных параметров просмотра презентаций. Презентацию можно просматривать с показом структуры слайдов. Но если эта информацию не представляет интереса, то зарезервированное для показа структуры поле на экране можно убрать (операция развернуть/свернуть структуру в нижней строке). С помощью кнопки Показ сладов можно просматривать слайды на полном экране.