Если Вы хотите изучить HTML, для того чтобы научиться самостоятельно создавать сайты, то первым делом Вам нужно освоить базовые понятия языка HTML. Как и в любом деле, в HTML есть основа, которую необходимо усвоить, а состоит она вот из каких элементов:
html таблица - большинство сайтов построено с помощью таблиц, поэтому их необходимо хорошо знать.
теги htm - что такое теги и какие из них нужно знать.
1. Вы видите процесс создания сайта на своём экране, при этом Вы можете повторять все действия за автором, просто время от времени останавливая видеоролик.
2. Вы слышите подробные аудио-комментарии человека, который показывает Вам как сделать сайт самому.
3. Информация усваивается сразу из двух источников - слух и зрение.
4. С видеоуроками процесс обучения настолько интересен, что порой Вы даже не будете замечать как быстро и легко прошли несколько часов обучения. С текстовыми учебниками обычно тянет в сон уже через 15 минут.
5. Вы в любой момент можете проматать ролик назад и прослушать непонятный момент ещё раз.
6. При возникновении трудностей, Вы всегда можете связаться с автором уроков и выяснить интересующие вопросы. В случае же текстового учебника это практически невозможно.
7. Вы будете изучать только те части языка и программ необходимых для создания сайта, которые действительно надо знать, и которые часто применяются на практике, а не уже давно устаревшие тэги и функции, которые сплошь и рядом встречаются в обычных учебниках.
8. Автор курсов - человек, который уже много лет занимается разработкой сайтов в России, поэтому материал подается с учетом наших стандартов (кодировок и т.д.), а не так как во многих учебниках, которые являются всего лишь переводами западных авторов.
Представляю Вам коллекцию видеокурсов на DVD - "Все Технические Моменты Онлайн Бизнеса в Видеоформате".
Первый курс этой коллекции называется "Как создать свой сайт".
В курс вошли 12 уроков общей продолжительностью 3 часа 46 минут 14 секунд.
Урок 1 - Вступление. (10 минут 38 секунд)
Из данного урока Вы узнаете:
Какую версию
данного языка Вы будете изучать.
Почему
этот курс так Важен с точки зрения фундамента, без которого невозможно
двигаться дальше. Вы узнаете, какие части этого языка мы будем изучать,
а какие опустим (я думаю, Вы тоже видели толстые учебники по этому языку,
80 % которых - просто чушь). Мы изучим только то, что Вам действительно
нужно (то, что реально применяется на практике).
Почему
в разных браузерах одна и та же HTML страничка выглядит по разному и
как этого избежать.
Урок 2 - Изучаем основы. Создаем каркас страницы. (15 минут 38 секунд)
Из данного урока Вы узнаете:
Что такое тэг,
зачем он нужен и чем парный тэг отличается от непарного.
Какую строку в обязательном
порядке нужно вставлять в самый верх любой HTML страницы и как она расшифровывается
(без вставки этой строки некоторые браузеры Ваших посетителей не смогут
её верно отобразить).
Какие корневые
тэги должна содержать HTML страница в обязательном порядке.
Как задаётся название
документа, каким тэгом указывается кодировка, какие кодировки существуют
и какую из них лучше использовать (если Вы этого не знаете, то Ваши
страницы могут работать в неправильной кодировке и отображать многие
символы "криво").
Что такое мета
тэги и для чего они нужны.
Куда вносятся ключевые
слова и описание страницы, которые будет обрабатывать поисковый робот.
Что
такое атрибут тэга и для чего он применяется (одно из базовых понятий,
поэтому Вы должны его очень хорошо знать).
Урок 3 - Продолжаем движение. Учимся работать с текстом. (11 минут 8 секунд)
Из данного урока Вы узнаете:
Как сохранять
html страницу и тестировать её в браузере (без постоянного контроля
результатов, невозможно создать что-то стоящее).
Как правильно разбивать
текст на абзацы.
Как создавать
заголовки ко всему тексту и отдельным параграфам (как малые, так и большие).
Какие атрибуты применяются
для выравнивания текста и заголовков (по левому, правому краям и по
центру).
Что
такое тэг переноса строки и где он применяется.
Урок 4 - Работаем со списками. (9 минут 4 секунды)
Из данного урока Вы узнаете:
С помощью каких
тэгов задаются нумерованные и маркированные списки.
Какими тэгами задаются
элементы списка, и с помощью какого атрибута задается вид номеров либо
маркеров (со списками Вы будете работать часто, поэтому важно их знать).
Как задать начальный
номер списка (полезно, когда Ваш список должен начинаться не с 1-го
номера, а с 5-го..)
Как создаются
вложенные списки.
Урок 5 - Учимся работать с внешним видом текста. (6 минут 28 секунд)
Из данного урока Вы узнаете:
Каким тэгом в
HTML задается внешний вид текста. Какие шрифты лучше использовать для
Вашего сайта (электронных книг). Как менять цвет и размер шрифта.
Как выделять
участки текста жирным или курсивом.
Урок 6 - Работаем с изображениями и логическими тэгами. (14 минут 40 секунд)
Из данного урока Вы узнаете:
Что такое логический
тэг и для чего он обычно применяется.
Как вставлять изображения
на Вашу HTML страницу. Какие атрибуты необходимо обязательно задавать,
чтобы изображение правильно отображалось браузером (если Вы не знаете
этой тонкости, то изображения будут подгружаться неоптимально).
Как правильно
задать обтекание текста вокруг изображения (по левому краю, по правому,
без обтекания).
Какие атрибуты необходимо
использовать для задания полей вокруг изображения (чтобы текст не прилипал
к изображению с боков).
Как задать альтернативный
текст для изображения (пригодится, если пользователь просматривает Ваш
сайт с отключенным показом картинок).
Как задать рамку вокруг
изображения (очень часто используемый приём).
Как
вставлять цветные линии (см. ниже) в Ваши страницы.
Урок 7 - Работаем с фундаментом гипертекста - ссылками. (29 минут 30 секунд)
Из данного урока Вы узнаете:
Как создаются
ссылки.
Чем отличаются друг от
друга и как создаются абсолютные и относительные ссылки (не зная этого
момента, Вы рискуете создать нерабочие ссылки).
Как создавать
так называемые "якоря". К примеру, на самом верху страницы
Вы ставите якорь, а в самом низу ставить ссылку "вернуться к началу",
которая ведет на якорь. При нажатии, пользователь попадет на самый верх.
Какие атрибуты есть у
ссылок, которые позволят Вам регулировать открытие новой страницы (в
новом окне, либо в том же самом), задать название страницы, на которую
Вы ссылаетесь и пр.
Как создавать
ссылки на email адреса (при нажатии по такой ссылке, запускается почтовый
клиент с заполненными полями получателя и темы).
Как создавать ссылки
в виде Javascript команд (в уроке мы с Вами создадим такую ссылку, при
нажатии на которой будет выскакивать приветствие).
Как
задавать цвет ссылок в разные моменты времени (когда по ссылке ещё не
нажимали, когда на ссылку наведена мышь, в момент нажатия, когда по
ссылке уже нажимали).
Урок 8 - Покоряем таблицы. (27 минут 52 секунды)
Из данного урока Вы узнаете:
Почему таблицы
стали очень популярными в деле создания сайтов.
С помощью каких тэгов
создаются таблицы и по какому принципу в них распределяются ряды и столбцы
и какими тэгами они определяются (пропустив этот момент, Вы рискуете
так и не понять работу таблиц на должном уровне).
Как объединять
строки и столбцы (важнейший момент, без знания которого невозможно полностью
использовать всю мощь таблиц).
Как управлять шириной
и высотой таблицы и отдельных ячеек.
Как изменять
фон таблиц и отдельных ячеек, задавая любой цвет или фоновое изображение.
Как изменять расстояние
между ячейками и внутренние отступы для каждой ячейки (если Вы не знаете
этих функций, Ваши таблицы будут неполноценными).
Как задавать
рамку для всей таблицы и отдельных ячеек, а затем управлять её толщиной
и цветом.
Как управлять
выравниванием таблиц и вкладывать одну таблицу в другую (очень важно
уметь работать с вложенными таблицами, иначе о качественных сайтах можно
забыть).
Урок 9 - Пару слов о фреймах. (17 минут 52 секунды)
Из данного урока Вы узнаете:
Что такое фреймы,
какие достоинства и недостатки они имеют и почему в большинстве случаев
их не стоит использовать.
Как создавать фреймы,
и какие тэги нужно для этого использовать.
Как наладить
взаимодействие между фреймами.
В уроке
Вы увидите процесс создания страницы из шести фреймов и поймёте, какие
тэги и атрибуты для этого используются.
Урок 10 - Вставляем внешние объекты и Javascript команды. (11 минут 34 секунды)
Из данного урока Вы узнаете:
Какие особенности
следует учитывать при вставке объектов и почему не следует заучивать
все атрибуты тэга, который отвечает за вставку внешних объектов.
Как вставлять flash ролики
в HTML страницу, и какие при этом параметры нужно обязательно учитывать
(иначе, Ваш flash объект может не проигрываться).
Как вставлять
скрипты, написанные на языке JavaScript и делать это таким образом,
чтобы браузеры, которые не поддерживают эту технологию не вставали в
ступор.
Какие атрибуты понадобятся
Вам для привязки JavaScript программы к какому-нибудь событию (к примеру,
пользователь вводит в форму обратной связи свои данные и при неправильном
вводе получает соответствующее сообщение).
Как
вынести JavaScript программу в отдельный фаил, который затем можно вызывать
одной строчкой.
Урок 11 - Много много слов о формах. (48 минут 52 секунды)
Из данного урока Вы узнаете:
Как устроен механизм
форм и почему сам язык HTML мало что определяет в работе с формами (если
Вы этого не знаете, Ваши формы просто не будут работать).
Как происходит формирование
специальных переменных и как они отправляются дальше (если упустить
данный момент, то Ваши формы могут работать неправильно).
С помощью какого
тэга создаются формы. Какие обязательные атрибуты этого тэга нужно указывать
(без этих атрибутов, форма вообще не будет работать).
Как установить формат,
в котором данные из формы будут передаваться обработчику (какие вообще
форматы существуют и чем они отличаются друг от друга).
С помощью какого
тэга создается большинство элементов формы и какой атрибут этого тэга
является обязательным (если Вы его не укажите, то правильно обработать
форму не получится).
Как создавать: текстовые
поля, поля для ввода пароля, радиокнопки, флажки множественного выбора,
выпадающие списки (где можно выбрать как один пункт, так и несколько),
большие области для ввода текста (к примеру, для ввода дополнительной
информации о Вашем клиенте).
Как создавать
кнопки (как обычные, так и в виде изображения) отправки данных.
Как создавать обработчик
для формы.
Как
протестировать форму на локальном компьютере.
Урок 12 - Изучаем язык в боевых условиях. (22 минуты 58 секунд)
Весь данный урок составлен как разбор одного достаточно известного сайта. В уроке будет показан исходный код страницы и подробно разъяснено назначение того или иного тэга.
Этот урок является закрепляющим и даёт некоторые знания, которые остались за бортом теоретической части.
Узнать подробнее про коллекцию видеоуроков