Cамоучитель по созданию сайтов


              

Cамоучитель по созданию сайтов

Начнем с конца
Адрес в Интернете
Где найти сервер для публикации
Как отправить материалы серверу

Доменные имена
Регистрация имен
Как написать вебстраницу
Простой текст загруженный в броузер
Теги HTML
Простейшая страничка текст и заголовок
Страничка отформатированная с помощью тега
Та же страничка в форматированием текста узком окне броузера
Обзор программ для просмотра вебстраниц
Различия между броузерами

Броузер Internet Explorer
Броузер Netscape Navigator
Другие свойства просмотра
Простейшие средства создания вебстраниц
Код HTML в текстовом редакторе Блокнот
Вебредактор TextPad
Вебредактор Arachnophilia
Вебредакторы типа WYSIWYG
Редактор Star Office
Netscape Composer

Создание вебстраниц при помощи программы Allaire Homesite/Cold Fusion
Работа с файлами
Работа с проектами
Схема сайта
Прочие вкладки
Панель редактирования
Автоматизация ввода
Диалоговые окна редактирования тегов
Создание графических карт ссылок
Предварительный просмотр страницы

Как создают вебстраницы
От автора
Самое главное на любой вебстранице — гиперссылки
Применение внутренних гиперссылок
Гиперссылки в пределах сайта
Внешние гиперссылки
Применение гиперссылок для связей с удаленными серверами
Как создать списки на вебстранице
Маркированные и нумерованные списки
Применение маркированного и нумерованного списков

Применение вложенных списков
Использование списка терминов
Создание таблиц
Иллюстрация
Формирование структуры таблицы
Основные атрибуты таблицы
Иллюстрация
Иллюстрация
Иллюстрация
Иллюстрация

Иллюстрация
Иллюстрация
Иллюстрация
Иллюстрация
Управление шириной столбцов
Объединение ячеек
Пример объединения ячеек таблицы
Анализ примера
Основные средства языка HTML
Простейшее форматирование текста

Управление выравниванием текста
Иллюстрация применения атрибута ALIGN
Оформление абзацев
Оформление заголовков
Горизонтальная линейка
Применение заголовочных стилей
Управление шрифтом
Применение зачеркнутого текста
Цветовое оформление
Дополнительные варианты оформления

Отображение исходного кода программ в броузере
Графические форматы Интернета
Формат GIF
Страничка с круглой фотографией
Общий вид программы WWW Gif Animator
Формат JPEG
Графические элементы оформления вебстраниц
Линейки и буквицы
Графические маркеры
Оформление кнопок

Подготовка рисунков в программе Xara Webstyle
Выбор шаблона
Настройка параметров рисунка
Выбор способа сохранения
Подготовка рисунков в программе Adobe Photoshop
Основное окно программы Adobe Photoshop
Пример 1 Создание градиентного фона
Инструменты программы Adobe Photoshop
Создание нового изображения в программе Photoshop
Пример 2 Подготовка круглой фотографии

Исходная
Очистка
Фотография ненужных областей
Выбор цвета который будет отображаться как прозрачный
Пример 3 Подготовка рисунков произвольной формы
Подготовка изображения произвольной формы
Изменение размера изображения в программе Photoshop
Пример 4 Совмещение изображений
Первая исходная фотография для монтажа
Вторая исходная фотография для монтажа

Обтравка изображения по контуру
Двухслойное изображение в программе Photoshop
Эффект зеркального отражения одного из слоев
Список слоев в программе Photoshop
Числовые преобразования в программе Photoshop
Перемещение слоя
Изменение масштаба
Перемещение слоя за рамки кадра
Удаление “лишней” тени из слоя
Окно настройки эффектов применительно к слою изображения

Наложение тени на слой если потребуется Перед вторым изображения
Законченная композиция после кадрирования
Пример 5 Украшение изображения мелкими деталями
Пример 6 Заливка и заполнение объектов текстурами
Исходный снимок
Результат заливки
Пример 7 Наложение текста
Ввод текста в программе Adobe Photoshop
Наложение текста на фотографию
Придание тексту рельефности

Надпись с наклоном
Заключение
Перемещение выделенной области в одном слое
Графика на вебстранице
Основные способы применения графики
Фоновое изображение
Фоновый рисунок
Не самое удачное применение фонового рисунка
Графические иллюстрации
Пример странички с фоновым рисунком и иллюстрацией

Изображениекарта
Изображение компьютера из которого мы будем делать
Страничка с графической картой ссылок
Определение стилей в специальной таблице
Стили элементов
Стили классов
Внешние стилевые таблицы
Обзор других возможностей стилевых таблиц
Размещение блоков текста
Как можно организовывать загрузку разделов

Добавим на страничку блок гиперссылок
Добавление фонового рисунка
Позиционирование блока гиперссылок
Оформление текста
Декоративное оформление текста
Содержание