Html для чайников книга – Html — Html 2.0

Первые шаги - Учебник (руководство) по хтмл (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 и CSS3 для чайников


Полагаете, что создавать веб-сайты очень сложно? Ошибаетесь! С появлением HTML5, новейшей версии стандарта HTML, создавать и настраивать веб-страницы стало проще, чем когда-либо. С помощью этой замечательной книги, написанной простым и понятным языком, вы освоите искусство веб-дизайна, изучите основы HTML5 и CSS3 и научитесь создавать собственные сайты.

  • Освойте язык разметки. Изучите синтаксис языков HTML5 и CSS3, познакомьтесь со структурой типовых веб-страниц и создайте свой первый веб-сайт "с нуля".
  • Начните создавать веб-страницы. Познакомьтесь с HTML-тегами, применяемыми для создания заголовков и тела веб-страниц, и научитесь форматировать абзацы и другие текстовые контейнеры, а также добавлять на веб-страницы ссылки и таблицы.
  • Сделайте свой сайт привлекательным. Чтобы привлечь как можно больше посетителей на сайт, добавьте на него гиперссылки, изображения, звук, видеоклипы и потоковое медиа.
  • Используйте стили CSS. Применяйте таблицы стилей CSS для макетирования веб-страниц и улучшения внешнего вида сайта.
  • Будьте мобильными. Разрабатывайте сайты, предназначенные для просмотра на экранах мобильных устройств.

Основные темы книги:

  • создание веб-страниц
  • форматирование веб-страниц с помощью (X)HTML
  • просмотр и публикация веб-страниц в Интернете
  • применение метаданных поисковыми системами
  • управление текстовыми блоками, списками и таблицами
  • создание ссылок на документы и другие веб-сайты
  • настройка стилевых правил CSS
  • что можно, а чего нельзя делать с помощью HTML

Эд Титтел работает в компьютерной индустрии почти 30 лет. Автор более 140 книг.

Крис Минник руководит компанией Minnick Web Services. Преподает, читает лекции, дает консультации в области веб-программирования и пишет книги. Автор книги JavaScript для чайников

.

Книга обсуждается в отдельном сообщении в блоге Виктора Штонда.


Расскажи про книгу своим друзьям и коллегам:

Твитнуть


Нравится

www.dialektika.com

Первые Шаги - Учебник по 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

Оставить комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *