Изучив данный курс вы узнаете:

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

Что такое расширение файла. Как с ними работать и какие настройки нужно произвести в операционной системе, чтобы в дальнейшем у нас проблем не было.

Как указать путь к файлу, что это такое и.т.д.

Цвета в веб-дизайне. Как задаются и как узнать код любого цвета, который вы только можете увидеть на экране монитора.

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

В Интернете очень важно уметь делать файлы маленькими по объему. Я расскажу какие программы могут нам в этом помочь и как с ними работать.

Работа в Интернет не мыслима без браузеров. Что это такое, какими из них лучше всего пользоваться, как их нужно настроить? Ответы на эти вопросы вы найдете в этой главе.

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

Как правильно работать с электронной почтой, автоматизировать процесс разбора писем и не терять на этом драгоценные часы своего свободного времени.

Примерно такие темы будут подниматься в этом курсе. Переходим к следующему.

Изучив данный курс вы узнаете:

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

Основной принцип работы с HTML-документами, какими программами пользоваться и что делать, чтобы все заработало.

Основные определения HTML. Согласитесь, что мы с вами должны говорить на одном языке? Иначе, как нам вообще друг-друга понимать?

Самые главные тэги на HTML-странице. Без них у вас ничего работать не будет.

Как делать комментарии в коде и зачем они нужны.

Строка, от которой зависит, будет ли ваш HTML-документ в дальнейшем отображаться правильно.

Задаем заголовок для HTML-страницы.

Устанавливаем кодировку. Если это сделать не правильно, то вы рискуете, что у ваших посетителей текст на вашем сайте будет выглядеть примерно вот так:

Как задать ключевые слова и описание страницы для того, чтобы их хорошо индексировали поисковые системы (Yandex, Rambler, и.т.д.).

Как установить цвет фона страницы.

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

А Не Так:

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

Работаем с HTML-списками. Делаем квадратный, круглый или нумерованные маркеры. Как сделать так, чтобы нумерация начиналась не с единицы, а с любой другой цифры и др. вопросы.

Работаем с графикой в HTML. Как правильно вставить рисунок, какие размеры у него должны быть, сколько места занимать, как сделать его обтекаемым текстом, установить отступы от текста и.т.д.

Как создать ссылку? Что это такое.

• Сделать, чтобы она открывалась в новом окне;
• Меняла свой цвет, когда на нее наводишь курсор мыши;
• Как сделать ссылку для перехода в любое место этого же документа (ссылка якорь)
• Как сделать ссылку на скачивание файла
• Как сделать рисунок, который будет ссылкой

Таблицы. Почему они так популярны в веб-строительстве. Учимся их создавать, меняем цвет, размер, количество ячеек, объединяем ячейки и.т.д.

Фреймы, почему они так редко используются. Учимся с ними работать.

Эти и многие другие темы будут разбираться в курсе по HTML. Переходим к следующему курсу.

Изучив данный курс вы узнаете:

Что же такое этот CSS? Неужели возможностей HTML для создания веб-страниц не достаточно?

Как создать CSS - документ? Как с ним работать?

Как вставить CSS-код в HTML документ. Есть несколько способов, как это сделать, у каждого из них есть свои особенности, которые нужно обязательно знать.

Как подготовить HTML-документ, прежде чем вставлять в него CSS-код. Если этого не сделать, в дальнейшем можно потерять много времени.

Основные правила написания кода CSS. Изучаем орфографию.

Как меняя всего несколько символов в коде CSS, можно поменять оформление и стиль на сотнях страницах вашего сайта.

Учимся работать над оформлением текста с помощью CSS: меняем размер, цвет, тип шрифта, задаем отступ красной строки.

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

Создадим ссылку, которая меняет свое оформление взависимости от положения курсора мыши (на ссылке, за ссылкой, нажимаем на ссылке и после того, как ее посетили).

Размещаем любой элемент HTML-страницы там, где нам нужно. Указываем его размеры, обтекание, выравнивание, отступы (внешние и внутренние), и.т.д.

Как создавать рамки при помощи стилей CSS. Сплошная, точечная и пунктирная рамка. Причем, такие рамки можно будет применять практически к любому элементу HTML-страницы (абзацу, таблице, рисунку, заголовку, и.т.д.).

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

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

И другие вопросы.

Изучив данный курс вы узнаете:

Что такое HTML-редактор? Стоит ли им вообще пользоваться? На каком продукте остановиться? Где скачать программу?

Сразу же решаем проблему с кодировкой, чтобы все символы в наших документах отображались правильно и так, как нам это необходимо.

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

Как не терять время на набор тэгов, которые мы изучим в курсе по HTML. Пусть программа сама набирает их и вставляет там, где это необходимо.

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

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

Как в Dreamweaver присоединить стили CSS к веб-странице. Возможности работы с CSS. Оказывается, что помнить все свойства языка совсем не обязательно.

Иногда бывает необходимо импортировать (экспортировать) данные для html-страницы из других программ ( Word, Excel, и др.). Я расскажу как это сделать.

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

Изучив данный курс вы узнаете:

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

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

Чем растровая графика отличается от векторной? Этот момент очень важно понимать.

Основы работы с графическим редактором Photoshop. Мы научимся и узнаем:

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

- Что такое слой. Это одно из самых главных понятий. Если не научиться работать со слоями, то ничего стоящего нарисовать не получиться.

- Изучаем основные инструменты для рисования.

Где и как можно найти подходящую (на любую тематику) для вашего сайта картинку.

Кроме того, мы научимся адаптировать эту картинку к условиям Интернета, т.е. уменьшим ее размер, а качество останется практически тем же.

Изучив данный курс вы узнаете:

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

Чтобы сайт был рабочим, удобным и современным, важно сразу определиться с его структурой. Нужно правильно расположить все файлы, создать правильные папки и.т.д. Как наметить структуру сайта? Какие папки должны быть у вас на сайте? Что и где будет храниться?

Создаем полностью рабочий сайт сразу же у вас на домашнем компьютере. Этот сайт будет поддерживать язык веб-программирования PHP, базы данных MySQL. Работать с таким сайтом вы сможете без подключения к Интернету.

Создаем логотип для нашего сайта

Пошагово и наглядно я покажу, как правильно и быстро создать такой логотип для своего сайта в программе Adobe Photoshop.

Как разместить логотип на сайте.

Я покажу, как правильно вставить картинку на сайт, чтобы ее размер не зависел от разрешения экрана.

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

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

Как создать выпадающее меню на основе CSS.

Создаем навигацию (меню) которое затем можно было легко изменить и изменения сразу же бы применились на все 100 и более страниц вашего сайта. Причем никаких языков веб-программирования я при этом не использую.

Учимся на практическом примере быстро и грамотно загружать данные на ваш сайт. Какими программами нужно при этом пользоваться.

Где будет храниться ваш сайт в сети? Что такое хостинг и домен? Определяемся и принимаем правильное решение.

Как размещать и хранить статьи на сайте.

Создаем особую структуру документов и размещаем на сайте свои статьи.

Верстка сайта с помощью CSS. В 1 колонку, 2 колонки, 3 колонки.

Как создать свою рассылку. Выбираем подходящий нам сервис и размещаем форму подписки на сайте.

Изучив данный курс вы узнаете:

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

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

Создаем красивое Flash-меню для вашего сайта.

Как создать ИНТЕРНЕТ-Магазин и сколько это будет стоить? Последовательность действий при его установке.

Как сделать форму для отправки e-mail сообщений прямо с сайта.

Как защитить e-mail адрес от спам – ботов.

Я расскажу об основах создания баннеров для ваших сайтов. Мы с вами попробуем их создать.