Первые шаги — Учебник (руководство) по хтмл (html). Ступенька 1-ая.
Учебник по Html для чайников. Инструментарий.
Ступенька 1-ая.Порядок прежде всего, поэтому перед началом работы мы создадим на нашем компьютере отдельную папку для будущей страницы.
D:\первые шаги\
У себя на компьютере я создала такую папку на диске D, и назвала ее Первые Шаги. Вы, естественно, можете создать вашу папку, где угодно, и назвать ее, как угодно. Теперь откроем блокнот – notepad (start – programs – accessories – notepad или пуск – программы – стандартные – блокнот) и скопируем туда следующий текст:
<html>
<head>
<title>Мой первый шаг </title>
</head>
<body>
Здравствуйте, это моя первая страница.
<br>
Добро пожаловать! 🙂
</body>
</html> (посмотреть)
Сохраним этот документ, присвоив ему имя *.html
D:\первые шаги\index.html
Многие читатели спотыкаются на фразе: «А теперь сохраним этот документ, присвоив ему имя *.html«, они пишут письма, о том, что у них получается сохранить, только как текстовой документ *.txt, а вот как *.html — никак. Чтобы в дальнейшем избежать этого глупого недоразумения, я и пишу это примечание.
Если вы сохраняете документ, через Файл -> Сохранить (File -> Save), то, естественно, что он сохраняется как *.txt. Надо сохранять ваш документ следующим образом:
— Файл -> Сохранить Как (File -> Save as)
— Дальше вводите имя своего документа, например: index.html (а не просто index; приписочка *.html должна быть обязательно).
— Если вы уже сохранили ваш документ, как *.html, то при внесении изменений в этот документ вы можете уже сохранять их через Файл -> Сохранить (File -> Save).
Вот и все. Надеюсь, теперь у всех все будет в порядке.
Теперь откроем броузер, допустим, Internet Explorer (не закрывайте блокнот, он нам еще пригодится), и откроем в броузере наш документ.
Файл — Открыть — кнопка Обзор — Наш документ (index.html)
File – Open – Browse – index.html
Если мы чего-то изменим в нашем *.html документе (в блокноте), то, чтобы посмотреть, как это выглядит в нашем броузере, надо не забывать нажимать в броузере кнопку ОБНОВИТЬ. Если изменений не видно, то это значит, что вы где-то что-то неправильно написали, или забыли сохранить документ.
Посмотрим теперь, что у нас получилось, и разберемся, как оно так получилось 🙂
serblog.ru
Полагаете, что создавать веб-сайты очень сложно? Ошибаетесь! С появлением HTML5, новейшей версии стандарта HTML, создавать и настраивать веб-страницы стало проще, чем когда-либо. С помощью этой замечательной книги, написанной простым и понятным языком, вы освоите искусство веб-дизайна, изучите основы HTML5 и CSS3 и научитесь создавать собственные сайты.
Основные темы книги:
Эд Титтел работает в компьютерной индустрии почти 30 лет. Автор более 140 книг. Крис Минник руководит компанией Minnick Web Services. Преподает, читает лекции, дает консультации в области веб-программирования и пишет книги. Автор книги JavaScript для чайников. Книга обсуждается в отдельном сообщении в блоге Виктора Штонда. Расскажи про книгу своим друзьям и коллегам: Твитнуть Нравится |
Первые Шаги — Учебник по Html для чайников — Книги — Библиотека
Инструментарий. Основные понятия.
Ступенька 1 — «Основной инструментарий, учимся работать руками».
Ступенька 2 — «Что такое тэги?».
Ступенька 3 — «Обязательные тэги. Зачем телу голова, а голове тело?»
Простейшие.
Ступенька 4 — «Раскрась сам. Изменяем цвет текста».
Ступенька 5 — «Как изменять цвет фона страницы. Немного об этике цветов».
Ступенька 6 — «Параграфы и DIV. Учимся выравнивать текст».
Ступенька 7 — «Что такое заголовки и как задавать размер буковок».
Ступенька 8 — «Курсив, жирный текст, подчеркнутый и другие».
Ступенька 9 — «Стандартные шрифты. Как прописать свой шрифт».
Ступенька 10 — «Что такое путь? Как вставлять картинки».
Ступенька 11 — «Что можно сделать с картинкой. Картинка, как фон документа, и т.д.».
Ступенька 12 — «О любителе сосисок и принудительном прерывании обтекания текстом картинки».
Ступенька 13 — «Ссылка и как с нею бороться».
Ступенька 14 — «Ссылка на е-майл. Подсказка к текстовой ссылке».
Ступенька 15 — «Может ли картинка быть ссылкой».
Ступенька 16 — «Куда податься, на что ссылаться. Новое окно при нажатии на ссылку».
Ступенька 17 — «Карты. Как часть картинки сделать ссылкой».
Ступенька 18 — «Карты. Как часть картинки сделать ссылкой 2».
Ступенька 19 — «Карты. Как часть картинки сделать ссылкой 3».
Ступенька 20 — «Закладка. Как сделать ссылку внутри документа».
Таблицы.
Ступенька 21 — «Учимся создавать таблицы».
Ступенька 22 — «Учимся создавать таблицы» продолжение.
Ступенька 23 — «Таблицы, вертикальное выравнивание (valign)».
Ступенька 24 — «Таблицы, учимся растягивать ячейки (rowspan, colspan)».
Ступенька 24-2 — «Дополнительная глава. Ответы на домашнее задание».
Ступенька 25 — «Таблицы, что такое cellspacing и cellpadding. Что делать с пространством».
Ступенька 26 — «Вложенные таблицы и некоторые нюансы».
Ступенька 27 — «О рамках таблиц, и брюзжание о таблицах напоследок».
Ступенька 28 — «Создаем простой сайт с таблицами».
Дополнительные.
Ступенька 29 — «Спецсимволы, или головная боль».
Ступенька 30 — «О линиях. Просто и полезно».
Ступенька 31 — «Как убрать отступы (поля) документа, topmargin, leftmargin, marginwidth, marginheight».
Ступенька 32 — «О списках. Неупорядоченные списки».
Ступенька 33 — «Упорядоченные списки. Ремарка: что такое спецификация и консорциум».
Ступенька 34 — «Cпецифические тэги, бегущая строка текста».
Фреймы.
Ступенька 35 — «Вступление. Зачем они (фреймы) нужны.»
Ступенька 36 — «Учимся создавать фреймы».
Ступенька 37 — «Учимся создавать фреймы» продолжение.
Ступенька 38 — «Учимся создавать фреймы» продолжение.
Ступенька 39 — «Убираем полосу прокрутки, избавляемся от рамок, регулируем ширину полей фрейма».
Ступенька 40 — «При нажатии на ссылку документ открывается в другом фрейме, в полное окно».
Ступенька 41 — «Последняя глава о фреймах. Что такое IFrame».
Объекты, скрипты и другие средства, чтобы оживить наш документ.
Ступенька 42 — «Немного об объектах. Вставка объектов в наш документ при помощи тэга OBJECT».
Ступенька 43 — «Вставка объектов в наш документ при помощи тэга EMBED. Разница между OBJECT и EMBED».
Ступенька 44 — «Что такое таблицы стилей и для чего они нужны (CSS — Cascading Style Sheets)».
Ступенька 45 — «Как внедрять таблицы стилей (CSS) в наш документ».
Ступенька 46 — «Что такое скрипты. Как внедрять скрипты в html-документы».
Формы.
Ступенька 47 — «Формы. Введение в тему».
Ступенька 48 — «Элементы формы. Создание простой формы».
Ступенька 49 — «Элементы формы. Создание формы поиска».
Ступенька 50 — «Элементы формы. Создание опроса».
Вы можете скачать весь учебник себе на компьютер.
info.ucoz.ru