Интернет-портал MegaWEB содержит много ресурсов для веб-мастеров, интернет-разработчиков, веб-дизайнеров и seo-оптимизаторов. Это видеоуроки, книги и справочники в формате ebook: PDF-CHM-DJVU, а также программы и утилиты для того, чтобы сделать сайт или раскрутить сайт в сети Интернет.
Элективный курс «Web-конструирование»
Версия для печати и PDA
Элективный курс «Web-конструирование» предназначен для всех тех, кто желает освоить технологию конструирования сайтов, а самое главное – принять на вооружение и начать использовать правила дизайна, которые не просто увеличивают число посетителей гипертекстовых страничек, но и улучшают "экологию" глобальной информационной сети Интернет. Описывается веб-пространство и средства навигации, рассматривается создание одностраничных и многостраничных документов, демонстрируется работа с таблицами стилей CSS. Немалое внимание уделяется графике: графическим форматам, подбору цветов, оптимизации графического контента. Анализируются типовые ошибки начинающих веб-мастеров и приводится методика оценки качества сайта.
Структура курса «Web-конструирование»
Основы Web: сайты, навигаторы и навигация
Понятие web-пространства
Понятие сайта
Понятие гиперссылки
Просмотр сайта
Разнообразие браузеров
Два тормоза сайтостроения
Управление браузером Microsoft Internet Explorer
Стоимость просмотра сайта
Устройство сайта
Что нужно, чтобы самому написать сайт
Построение одностраничного документа
Простейшая HTML-страничка
Структура HTML-кода
Как работает браузер
Улучшенная HTML-страничка
Принудительный разрыв строки
Структура и вид документа
Программирование вывода текста
Цвет фона и цвет шрифта
Оформление отдельных элементов текста
Кодирование списков
Стиль записи гипертекстового кода
Отладка гипертекстового кода
Проект 1. Разработка одностраничного документа
Построение многостраничного документа
Основные сведения о гипертекстах
Кодирование гипертекстовых переходов
Структура сайта
Проект 2. Разработка многостраничного документа
Графика на гипертекстовых страницах
Какой графический формат использовать
Как кодировать картинки
Фон страницы
Подготовка графики для Web
Компьютерные цвета
Анатомия графических форматов
Растровая и векторная графика
Графический текст
Антиалиасинг
Анимированные изображения
Оптимизация графики
Картинки как «заплаты»
Проект 3. Веселый зоопарк
Работа с таблицами
Что такое таблица
Как задать таблицу
Атрибуты тега <TABLE>
Атрибуты тега <TR>
Атрибуты тегов <TD> и <TH>
Дизайн таблицы
Многоликие таблицы
Строим «резиновый» сайт
Проект 4. Разработка сайта-визитки
Типичные ошибки сайтостроителей
Оценка сайта
Дизайн: стиль оформления, навигация, геометрия страниц, графика, мультимедиа, кроссбраузерность
Содержание: антигуманность, структура, качество изложения
Грамматика и точки в заголовках
Рецепт удобного сайта
Главные составляющие удобного сайта
Постоянные элементы
Навигационные элементы глубоких иерархий
Навигация, основанная на визуальной метафоре
Авторская подпись
Внешние ссылки
Главная страница
Текст на сайте
Проект 5. Создание макета большого сайта
CSS в HTML-коде
Некоторые особенности технологии CSS
Стиль для отдельного тега
Стиль для отдельного HTML-файла
Стиль для нескольких HTML-файлов
Комбинирование стилей
Обзор CSS-свойств
Единицы измерения
Шрифт: font-family и font-size
Цвет
Текст: letter-spacing, line-height и text-align
Поля и рамки: border-style, border-color, border-width, margin и padding
Вид: width и height
Основы построения CSS
Наследование
Контекстные селекторы
Классы
Теги <DIV> и <SPAN>
Каскадирование
Проект 6. Создание сайта со стилями
Изучение курса «Web-конструирование» не предполагает и не требует от читателя никаких предварительных знаний по HTML, CSS, проектированию сайтов, дизайну, а также программированию. Но кое-что вы должны уметь делать, как пользователь компьютера: создавать тексты на компьютере, редактировать графическую информацию, переключаться между окнами приложений и переносить информацию через буфер обмена из одного окна в другое.
