Создание сайта своими руками

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

Объединение ячеек таблицы

При создании таблицы иногда требуется объединить ее ячейки. Давайте рассмотрим пример, как можно осуществить объединение ячеек таблицы в использовании сайта для того чтобы применить ему "резиновый" стиль. В первой строке находится четыре ячейки: левая содержит заголовок, правая хранит логотип, а две средних ячейки - это непозволительная роскошь, ведь для создания «резиновой новости» таблицы достаточно одной ячейки. Следовательно, объединим две левых ячейки в одну.

Добавление графических изображений на веб-страницу

Подготовимся к оформлению графического заголовка. Если Вы читаете наш сайт с самого начала, то помните что мы ранее создавали с Вами графические файлы. Теперь же графические файлы необходимо перенести в корневой каталог нашего сайта и разместить в соответствующих папках. Файл nadpis.gif, который содержит анимированиый заголовок к нашему сайту, расположим в папке grafika, а файл с роликом proktel.swf придется оставить в корневом каталоге ресурса, так как при его записи мы делали гиперссылку на страницу index.html без непосредственного указания пути.

Работаем с таблицами. Вставка и настройка таблиц

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

Adobe Dreamweaver: Определение свойств страниц

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

Одна страница макета для всех страниц сайта

Первая страница сайта как шаблон для последующих страниц.

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

Создание сайта в Adobe Dreamweaver

Программа Adobe Dreamweaver позволяет создавать сайт с одновременным размещением в Интернете либо с локальным сохранением страниц на рабочем компьютере и последующим их размещением на веб-сервере с помощью протокола FTP. И в том и в другом случае необходимо выполнить первоначальную настройку сайта.
Выполнив команду Сайт => Новый сайт, мы откроем окно создания нового сайта, диалоговые элементы которого и будем заполнять.

Первый запуск Adobe Dreamweaver. Начальные настройки

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

Dreamweaver - помощник любого веб-мастера

Продолжим знакомство с некоторыми методами создания веб-страниц и сайтов. Ранее были рассмотрены способы написания веб-страниц в текстовом редакторе Блокнот с применением языка гипертекстовой разметки HTML. А также мы познакомили Вас с языком JavaScript, где мы создавали сценарии с помощью инструмента Notepad++.

Интерфейс программы Adobe Flash

Начать знакомство с программой Adobe Flash, как всегда, придется с освоения интерфейса. Первоначально программный продукт Flash был реализован фирмой Macromedia, которую в дальнейшем купила компания Adobe. Несмотря на это, основные концепции самой программы и ее интерфейс остались почти не измененными с первых версий, соответственно, приемы работы, описанные в этой главе, подойдут к другим версиям.