Изучив эту часть вы узнаете:

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

А Не Так:

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

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

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

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

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

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

Фреймы. Учимся с ними работать.

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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