-= сам сделай сайт! =-

Руководство по Html.

Инструментарий. Основные понятия.

  • Ступенька 1 - "Основной инструментарий, учимся работать руками".
  • Ступенька 2 - "Хтмл - язык ли? Гуси, гуси , тэги, tag`и".
  • Ступенька 3 - "Обязательные тэги. Зачем телу голова, а голове тело?"

  • Простейшие.
    Ступенька 4 - "Раскрась сам. Изменяем цвет текста".
  • Ступенька 5 - "Как изменять цвет фона. Оранжевый галстук".
  • Ступенька 6 - "Параграфы. Учимся выравнивать текст".
  • Ступенька 7 - "Что такое заголовки и как задавать размер буковок".
  • Ступенька 8 - "Курсив, жирный текст, подчеркнутый и другие".
  • Ступенька 9 - "Что такое путь?" Как вставлять картинки".
  • Ступенька 10 - "Что можно сделать с картинкой".
  • Ступенька 11 - "Ссылка и как с нею бороться".
  • Ступенька 12 - "Может ли картинка быть ссылкой".
  • Ступенька 13 - "Куда податься, на что ссылаться. Новое окно".
  • Ступенька 14 - "Что такое списки, или Он меня посчитал".
  • Ступенька 15 - "О линиях. Просто и полезно".
  • Ступенька 16 - "Спецсимволы или Головная боль".

    Таблицы.
  • Ступенька 17 - "Учимся создавать таблицы".
  • Ступенька 18 - "Учимся создавать таблицы" продолжение.
  • Ступенька 19 - "Таблицы, вертикальное выравнивание (valign)".
  • Ступенька 20 - "Таблицы, учимся растягивать ячейки (rowspan, colspan)"
  • Ступенька 21 - "Таблицы, что такое cellspacing и cellpadding. Что делать с пространством".
  • Ступенька 22 - "Вложенные таблицы и некоторые нюансы".
  • Ступенька 23 - "О рамках таблиц, и брюзжание о таблицах напоследок".

    Фреймы.
  • Ступенька 24 - "Вступление. Зачем они (фреймы) нужны."
  • Ступенька 25 - "Учимся создавать фреймы".
  • Ступенька 26 - "Учимся создавать фреймы" продолжение.
  • Ступенька 27 - "Учимся создавать фреймы" продолжение.
  • Ступенька 28 - "Параметры тэга Frame. Убираем полосу прокрутки, избавляемся от рамок, регулируем ширину полей фрейма".
  • Ступенька 29 - "Как делать так, чтобы при нажатии на ссылку документ открывался в другом фрейме, в полное окно".
  • Ступенька 30 - "Последняя глава о фреймах. Что такое IFrame. Несколько ссылок напоследок.".

    Дополнительные.
  • Ступенька 31 - "Форматирование текста. Тэги Big, Small, Strike (или S), Sub и Sup" (крупный, малый текст, перечеркнутый, верхний и нижний индексы).
  • Ступенька 32 - Завершение обтекания текстом объекта (картинки).
  • Ступенька 33 - Навигационные карты. Map. Как сделать часть картинки ссылкой.
  • Ступенька 34 - Навигационные карты 2.
  • Ступенька 35 - Навигационные карты 3.
  • Ступенька 36 - Ссылка внутри документа, якоря, anchor.
  • Ступенька 37 - Как убрать отступы (поля) документа, topmargin, leftmargin, marginwidth, marginheight.
  • Ступенька 38 - Cпецифические теги, бегущая строка текста.

    Примечания.
  • Примечание (1) - Как сохранить документ, как html-файл в блокноте.
  • Примечание (2) - Несколько ссылок на тему "История HTML".
  • Примечание (8) - Работа со шрифтами (ссылки).
  • Примечание (11) - Подсказка к текстовой ссылке
  • Примечание (11) - Дополнительные опции Mailto.
  • Примечание (12) - Как задавать цвет рамок вокруг картинки? И нужны ли рамки?
  • Примечание (24) - "Фреймы хорошо, или все же плохо?"

    Карта сайта
    Всё о PHP | .

  • .
     
     

    Главная | Оглавление | Словарь

    Итак, для начала создай на диске отдельную директорию (папку) для будущей страницы (порядок прежде всего:).

    D:\первые шаги\

    Теперь откроем блокнот (notepad) и скопируем туда следующий текст:


    <html>
    <head>
    <title>Мой первый шаг </title>
    </head>
    <body>
    Здравствуйте, это моя первая страница.
    <br>
    Добро пожаловать! :)
    </body>
    </html> (прим.)



    А теперь сохраним этот документ, присвоив ему имя *.html (прим.)

    D:\первые шаги\index.html

    Теперь откроем, допустим, Internet Explore (не закрывайте блокнот, он нам еще пригодится).

    Файл - Открыть - кнопка Обзор - Наш документ (index.html).

    Если мы чего-то изменили в нашем *.html документе (в блокноте), то, чтобы посмотреть как это выглядит в Internet Explorer, надо не забывать нажимать в IE (Internet Explorer) кнопку ОБНОВИТЬ (тоже самое касается других броузеров:) Если изменений не видно, то это значит, что вы где-то что-то неправильно написали, или забыли сохранить документ:)

    Посмотрим теперь, что у нас получилось, и разберемся как оно так получилось:)

    Шагнуть на следующую ступеньку

    стеновые ячеистые блоки | каталог заз сенс | чери тигго | Несколько элементарных правил: во-первых, не забывать сохранять файлы, правильно называть их и организовывать в папки и каталоги; во-вторых, своевременно переводить потерявшие оперативное значение файлы с жестких
    информационные сайты. каталог ссылок. Ремонт квартир и офисов в нижнем тагиле.. Каталог организаций, которые рекомендуют услуги и товары на рынке стройматериалов москвы. О каталогах "стройка", "строитель" (выпуски в москве, районах). Аналитические публикации (архив с 1999г.).
    новости. Notebooka.ru - ноутбуки и аксессуары. Очередное пополнение нашего каталога! Пост гость on 28.11.08 21:23 (151 прочитано) наш каталог пополнился компаниями apple и amoi.. Другие новости раздела: новости сайта.
    сотовые телефоны. каталог ссылок. Sots.ru - сотовые телефоны, ремонт... Справочник телефонов, характеристики и описания, руководства, рекомендации. Каталоги по настройке mms, wap, gprs... Иллюстрированный каталог: дисплеи, корпуса, шлейфы и пр. Детали; оборудование для ремонта мобильных телефонных аппаратов.

    Hosted by uCoz