Софт-Архив

Создать Html Учебник img-1

Создать Html Учебник

Рейтинг: 4.4/5.0 (1915 проголосовавших)

Описание

Создание электронного учебника (по HTML) в редакторе Microsoft Front Page

Создание электронного учебника (по HTML) в редакторе Microsoft Front Page Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже. Подобные документы

Среда визуального программирования Microsoft Office Front Page является средством для разработки программ, веб-приложений и сайтов для операционной системы Windows 95. Html-документ - текстовый файл, содержащий маркированный тегами форматирования текст.

курсовая работа [26,8 K], добавлен 21.01.2009

Объектно-ориентированное программирование. Особенности использования формата CHM, его преимущества. Создание электронного учебника на тему "Язык программирования C++" с помощью компиляции html-страниц. Правильное сочетание тегов, структура документа.

курсовая работа [1,0 M], добавлен 27.10.2012

Электронный учебник как средство самообразования. Основные этапы проектирования электронного учебника. Методика использования электронных учебников. Язык гипертекстовой разметки HTML. Структура электронного учебника по дисциплине "Численные методы".

дипломная работа [4,9 M], добавлен 02.05.2012

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

курсовая работа [3,4 M], добавлен 15.01.2010

Структурные элементы электронного учебника. Основные этапы разработки электронного учебника. Варианты структуры электронного образовательного издания. Подготовка электронного издания к эксплуатации. Методическое обеспечение электронного учебника.

презентация [506,5 K], добавлен 28.12.2014

Использование программы Microsoft Word 2010 при создании электронного учебника. Структура учебника, навигация, полнотекстный поиск, защита информации от изменений. Алгоритм разработки программного продукта. Описание технологических средств учебника.

контрольная работа [196,9 K], добавлен 06.05.2014

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

дипломная работа [86,7 K], добавлен 25.03.2013

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

дипломная работа [104,9 K], добавлен 02.05.2012

Электронный учебник как средство самообразования. Основные принципы самообразования. Этапы проектирования электронного учебника, построение интерфейса системы. Язык гипертекстовой разметки HTML. Структура электронного учебника по "Численным методам".

дипломная работа [5,9 M], добавлен 15.03.2012

Цели, задачи и компоненты информационной технологии управления. Разработка структуры сайта и программный код работы в HTML–редакторе: создание титульной страницы, документа с фреймами, связь информационных документов с помощью гипертекстовых ссылок.

курсовая работа [34,3 K], добавлен 11.08.2011

Содержание

Работа в редакторе должна начинаться с создания нового или открытия уже существующего сайта. Поэтому после загрузке редактора выберите пункт меню «Файл\Закрыть», а если это не очистило рабочую область, то «Файл\Закрыть веб-узел».

Рабочий стол . Обычно рабочий стол состоит из трех частей · Вид. Управляет отображением web-сайта. · Список файлов. Предназначен для быстрого перемещения между web-страницами сайта. При двойном щелчке на имени файла можно перейти к его редактированию. · Рабочая область. Представление этой части зависит от варианта, выбранного в разделе «Вид» Рассмотрим раздел рабочего стола «Вид». Возможны следующие представления рабочего стола. · Страница. В этом случае рабочая область предоставляет возможность разрабатывать текущую страницу. При этом на рабочей области присутствуют три закладки. Закладка «Обычный» позволяет редактировать страницу в режиме WISYWIG. Закладка «HTML» позволяет прочитать html-код текущей страницы и при необходимости его исправить. Закладка «Просмотр» предоставляет возможность увидеть как будет выглядеть web-страница в браузере.

· Папки. В этом случае рабочая область отображает сп и сок web-страниц сайта в виде таблицы с более подробными сведениями. При двойном щечке на имени web-страницы, п е реходим к ее редактиров а нию.

· Отчеты. В этом случае рабочая область отображает различную статистическую информацию о сайте, например, количество страниц, рису н ков и т.п.

· Гиперссылки. Этот режим предусматривает графич е ский режим для представления ссылок, в которых участвует тек у щая стр а ница.

· Переходы - визуальное представление карты са й та. Нами использ о ваться не будет.

· Задания. Предназначен для управлением разрабо т кой сайта, если в этой работе одновременно принимают участие множ е ство работников.

1.2. Начало создания веб-узла.

Для создания нового сайта используем пункт меню «Файл\Создать\Страница или веб-узел». При этом появляется окно для выбора типа сайта (см. рис.). Кроме того, необходимо указать папку, в которой будет размещен новый сайт. Лучше указать новую, еще не существующую папку. После нажатия кнопки «ОК» редактор создаст указанную папку, в ней разместит собственную служебную информацию и одну web-страницу с именем index.

1.3. Создание фона страницы

Теперь сделаем фон, для этого:

1. В меню Формат щелкаем Фон. Откроется окно Свойства страницы.

1. На вкладке Фон в разделе Форматирование нажимаем кнопку Обзор и выбираем рисунок из файла images в нашем веб-узле

2. Щелкаем ОК.

Сделаем заголовок в верхнем фрейме в виде бегущей строки. Бегущая строка - перемещающийся по заданным Вами правилам фрагмент текста.

1.4. Создание и форматирование таблиц.

1. Устанавливаем курсор в начале страницы.

2. В меню Таблица выделяем пункт Вставить, а затем выбираем команду Таблица. Появится следующее окно

3. В поле Число строк вводим число нужных строк.

4. В поле Число столбцов вводим число нужных столбцов.

5. В поле Выравнивание задаем положение таблицы на странице.

6. В поле Толщина границы вводим ширину (в точках) границы таблицы. Если граница не нужна, вводим значение 0.

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

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

9. Чтобы изменить ширину таблицы, выполните одно из следующих действий.

o Устанавливаем переключатель в точках и вводим предполагаемую ширину таблицы в точках.

o Устанавливаем переключатель в процентах и вводим процент от ширины экрана, который должна занимать таблица.

Примечание. Заданные для новой таблицы свойства будут использоваться по умолчанию при создании следующей таблицы. Также можно менять размер ячеек таблицы при помощи мыши.

Если мы создали таблицу, а нам необходимо вставить строку или столбец, или объединить ячейки, то поступаем следующим образом:

Добавление столбца в таблицу.

1. Выделяем любой столбец, установив курсор над ним (курсор должен принять вид ) и щелкаем левой кнопкой мыши.

2. Переместив курсор на выделенную область, щелкаем правой кнопкой мыши и в контекстном меню выбираем Добавить столбцы.

Добавление сроки в таблицу.

1. Выделяем строку таблицы, перед которой необходимо добавить новую. Для этого устанавливаем курсор на границу крайней левой ячейки данной строки (курсор должен принять вид ) и щелкаем один раз левой кнопкой мыши.

Примечание. Дополнительная строка по умолчанию будет вставлена над выделенной строкой.

2. Переместив курсор на выделенную область, щелкаем правой кнопкой мыши и в контекстном меню выбираем Вставить строку.

2. Переместив курсор внутрь выделенной строки или столбца, щелкаем правой кнопкой мыши и в контекстном меню выбираем Объединить ячейки.

Другие статьи, обзоры программ, новости

Учебник по HTML - создаём сайт сами

Учебник по HTML - создаём сайт сами

Создание любого сайта всегда начинается с проектирования, то есть вы должны точно понять как должен выглядеть ваш сайт, а уже потом приступают к его разметке с помощью HTML. Если вы уже точно знаете каким он должен быть и какая на нём будет информация, то начнём изучение HTML.

HTML (Hypertext Markup Language) - язык разметки гипертекста предназначенный для создания веб-страниц, которые в свою очередь образуют целый сайт. HTML ни в коем случае не является языком программирования, его следует именовать как "язык разметки", основное отличие в том, что в нём не существует никаких похожих конструкций и используется совсем другой синтаксис. В HTML есть одна "конструкция" - тег с помощью которых и размечается сайт. В следующей главе вы подробно узнаете об этом.

Спецификация

Как и любая новая технология HTML тоже в первое время постоянно менялся: менялись и правила написания тегов и даже сами теги. HTML терпел постоянные изменения, и в связи с этим изменялась и сама версия стандарта HTML. На данный момент самой устоявшейся версией оказалась HTML 4.01. именно её мы и будем рассматривать на протяжении всего учебника.

Также совсем недавно была введена новая версия HTML - HTML5. Этот стандарт принёс новые возможности, которых обычно не хватало в HTML 4.01. Основное внимание было уделено работе с мультимедиными файлами, появились новые элементы форм, а также были созданы специальные теги для вёрстки веб-страниц. К сожалению этот стандарт здесь не рассматривается.

Инструментарий

Язык HTML очень прост в изучении и для создания веб-страниц не требуются такие средства как компилятор или веб-сервер. Для полноценной работы с ним понядобятся всего лишь:

  • Текстовый редактор
  • Браузер

Этого вполне достатчно. В качестве текстового редактора вы можете воспользоваться программой "Блокнот", хотя он не всегда удобен и при желании вы можете скачать какой-нибудь другой, например, Notepad++. Каким браузером пользоваться не имеет значения, это может быть как Google Chrome, так и Internet Explorer.

Учебник HTML

Этот учебник целиком и полностью посвящён языку HTML, без знаний которого не обойтись в создании какой либо веб-страницы. HTML язык - это основа, база которую просто таки необходимо знать любому начинающему веб-мастеру! Этот язык, сам по себе (в чистом виде), достаточно простой, думаю его с легкостью может освоить любой "продвинутый" шестиклассник. в тоже время он позволяет самостоятельно создавать полноценные страницы и сайты.

Рассчитан этот HTML учебник для начинающих "с нуля" людей, которые только только решили освоить веб-ремесло, поэтому старался писать его как можно более развернуто и что называется "доходчиво", в тоже время стараясь охватить весь курс до мелочей, так что может быть и опытный веб-мастер найдет в нём для себя что-то новое или будет использовать его в качестве "шпаргалки", изложенной в прилагаемом справочнике тегов. Где нет "воды" и нудноватого для уже опытного человека "разжёвывания" материала.

Ну и сразу к делу. начнем с классики..

Откройте блокнот, да да, тот самый блокнот. Пуск> Стандартные> Блокнот и напишите в нем следующий текст:

<html>

<head>

<title>Моя первая страничка</title>

</head>

<body>

Привет мир.

<br>

Меня зовут (здесь впишите Ваше имя), это моя первая страничка!

</body>

</html>

Далее, сохраните этот текст как html документ, название придумайте сами. главное чтобы расширение было html

Повторюсь, чтобы не было казусов. в блокноте кликаем по меню "Файл". выбираем "Сохранить как.." в строке "Имя файла" пишем: index.html. просто по умолчанию блокнот предлагает сохранить файл с расширением *.txt. а нам нужно расширение *. html

Далее открываем этот файл при помощи Вашего браузера. ну к примеру того же Internet Explorerа (правой кнопкой по нашему файлу. "Открыть с помощью.." Internet Explorer )

Поздравляю, Вы написали свою первую страничку.

Если в Вашей душе загорелась искорка, проснулась тяга к знаниям и творчеству, предлагаю планомерно ознакомится с главами этого учебника. В них на доступном языке с множеством примеров я постараюсь объяснить то, что мы только что написали, а так же как сделать этот документ более привлекательным, вставить в него графику, таблицы, прописать ссылки. в общем, сделать его полноценным сайтом, заслуживающим места во всемирной паутине.

Основы HTML

Учебник HTML: cоздать сайт самому, основы

Этот раздел представляет собой мой авторский учебник HTML я посвятил тем людям, которые захотели изучить основы HTML и самому создать свой первый сайт. Если ты новичок, который решил создать сайт бесплатно. самому, то этот материал нацелен точно на тебя. Я тоже когда-то решил создать свой сайт. и эти знания мне очень помогли.

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

Но, перед тем, как приступить к изучению основ HTML. мне надо тебе дать пару советов и наставлений.

Изучая данный раздел, ты должен осваивать статьи в том порядке, в каком я его составил (по содержанию). Если ты будешь следовать моим советам, и по тем шагам, что я организовал, тема будет усваиваться очень легко и быстро. Конечно я понимаю, что хочется узнать все быстро и сразу. Но не спеши, сосредоточься и ты все усвоишь.

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

Будь готов применять некоторые специальные (но не бойся, легкие тоже) программы для создания сайта и книги по вебдизайну. Но не раскатывай губу — ни одна программа не придумает и не создаст за тебя сайт. Программы для создания сайта лишь помогают в этом деле. Реализовать давнюю мечту «создание своего сайта» зависит только от тебя, твоего стремления и знаний.

Не стесняйся использовать и другую различную литературы, например, какой-нибудь учебник HTML. а также сайты, где подробно расписано, как создать свой сайт самому и как его развивать. То, что я описал в данном разделе, собрано чисто из моих личных знаний и опыта, я когда-то тоже прибегал к таким справочникам и многому у них научился. Если тебе что-то будет непонятно из моих материалов, ты в любой момент можешь обратится и к другим сайтам, где собраны материалы по HTML. Всегда и везде ты должен иметь под рукой подобные справочники, ведь никогда не знаешь, с какими вопросами и проблемами ты можешь столкнуться.

Напомню тебе, что какой сайт создать ты бы не решил (кстати, советую почитать мой материал на тему выбор темы для сайта), приготовся к любым капиталовложениям, ведь тебе надо будет купить домен и заказать хостинг (а том, какой хостинг лучше. бесплатный или платный, я описывал в статье «Как выбрать хостинг » и «Как купить домен »). Также тебе придется платить за интернет, покупать другие справочники, например книги по созданию сайтов и их продвижению. Но конечный выбор пути создания сайта лежит только за тобой. И не забывай, что на сайте можно не только раскошеливаться, но и зарабатывать! Об этом немного позже.

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

Основы HTML: содержание
    Отзывы и комментарии:

________________________________ Вы хотели начать зарабатывать без вложений, быстрым и доступным способом? Если да, то вам лучше обратиться сюда: http://idnag.ru Самый выгодный курс, как для новичка,так и для профессионала. Все способы заработка разработаны успешными профи в этом деле. ________________________________

Как создать электронный учебник

Как создать электронный учебник

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

Электронное пособие будет в формате html. Но при этом вам не понадобится изучать язык HTML. Итак, приступим.

Установка программы Turbo Site 1.7.1

Первое что нужно сделать, это скачать программу Turbo Site. И установить её на компьютер. Программу можно скачать по этой ссылке. По установке, проблем возникнуть не должно.

Создаём новый проект

Запускаем программу Turbo Site. И видим окно приветствия.

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

Выбираем оформление для электронного учебника

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

Например, такой (Condition ):

И нажмите кнопку Генерировать сайт. После этого электронный учебник сгенерируется, и активируются дополнительные кнопки.

Генерировать сайт – применяет все изменения. Нужно нажимать всегда, когда хотите закончить работу, и посмотреть текущий результат.

Открыть папку с сайтом – позволяет открыть папку со всеми файлами вашего учебника.

Просмотр сайта – открывает ваш учебник. Показывает текущий результат учебника в браузере.

Основные настройки электронного учебника

На вкладке Параметры сайта можно установить основные настройки электронного учебника.

Мы изменим только три основные настройки:  заголовок сайта, подзаголовок и подвал. Остальные настройки можете опробовать самостоятельно в процессе работы.

Добавляем страницы учебника

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

По умолчанию у вас уже создана главная страница(index). Можете начинать вводить данные с нее, но я обычно оставляю её для оглавления.

Нажмите кнопку Добавить. В левом окошке появится новая страница. Теперь в правую часть вставьте свой текст.

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

Так же не забывайте менять заголовки страниц.

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

Создаем страницу оглавления

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

Перейдите на первую страницу (index). В правой части напишите оглавление своего учебника.

И расставляем ссылки на страницы, согласно оглавлению: выделяем пункт оглавления – жмем кнопку ссылка – на страницу проекта – указываем ту страницу, на которую нужно ссылаться.

На вкладке Параметры сайта я заполнил еще 3 дополнительных поля шаблона.

Подводим итоги

Это был минимальный перечень действий, который необходимо выполнить, чтобы получился следующий электронный учебник:

Теперь электронный учебник находится в папке public_html. Чтобы его открыть, достаточно запустить внутри этой папки файл index.html .

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

Скачать учебник, описания, примеры, библиотеки

Скачать учебник, описания, примеры, библиотеки Учебники HTML

Полный справочник по HTML-тегам от Александра Климова. стили CSS, цвета и фильтры, события в формате помощи windows (.chm).

Это не сухое изложение всего подряд, это попытка поработать на ассоциациях, сделать все более легко запоминающимся. Обучение по шагам. Учебник в формате html-страниц.

Это руководство задумано как учебник по языку разметки с практическим уклоном для тех, кто хочет публиковать документацию любого рода в глобальной компьютерной сети Интернет. Руководство в формате html-страниц.

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

Небольшое справочное руководство по HTML тегам в формате MS Word.

Полная спецификация HTML 4.01 от W3C датированная 24.12.1999г. Спецификация в формате html-страниц.

Учебник HTML + CSS с примерами, справочник по созданию Web-сайтов. Учебник в формате html-страниц.

Учебник в формате Word.

Учебники CSS

Справочник по CSS 2 в формате помощи windows (.chm).

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

Спецификация CSS2 от W3C, датированная 12.05.1998г.

Учебники JavaScript

Описание JavaScript версии 1.5 от Netscape.

Введение в JAVASCRIPT ДЛЯ МАГА, Стефан Кох, описание, перевод Р. Усманова, апрель 1998. Очень толковое руководство по JavaScript, насыщенное большим количеством примеров с подробными комментариями к ним

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

Удобное руководство по языку JavaScript, содержит языковые понятия и встроенный полноценный справочник.

В этой книге рассматривается использование ядра и клиентского JavaScript версии 1.3.

Книга о разработке игр и приложений на JavaScript. В книге встречается множество отсылок к авторам различных публикаций и экспертам фронтенд-разработки. Также затрагивается тема кроссплатформенной разработки на JavaScript для различных устройств, XSS атаки, обфускация кода, и конвертирования HTML в EXE, HTA, CHM и т.п. Читать онлайн на сайте автора.

Учебники PHP

Скачать самоучитель PHP (463Kb) от softtime.ru [2213]

Системы управления сайтом (CMS)

В этом разделе Вы не найдете сложные системы управления контетном типа Joomla, Wordpress, Dupal и тому подобные. Здесь размещены простенькие CMS, разобраться в которых достуднодаже начинающему WEB-разработчику. Если Вам нужны более мощьные системы обратите внимание на раздел сайта CMS .

Cистема управления сайтом (CMS) с открытым исходным кодом на PHP, полностью русская, не использует баз данных.

Более сложная система управления сайтом с плугинами и темами AlberT-EasySite. С открытым исходным кодом на PHP.

С помощью скрипта Club v.1.0 Вы можете создать на своем сайте: Клуб, Клан, Фотоальбом чата, Закрытую часть сайта (для "избранных" посетителей) и т.д. Регистрация, закачка фотографий, статистика, общение, внутренний ICQ сервер и множество других утилит, скрипт просто в настройке и установке.

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

Различные PHP-скрипты

C помощью этого скрипта вы легко можете сделать на своем сайте маленький "матюгальник", куда посетители сайта могли бы быстро высказать свое мнение.

Данное программное обеспечение предназначено для создания интернет-сервиса по организации автоматического обмена WMZ WMR, WMZ WME, WMR WME на веб-сайтах. Такой обмен позволяет владельцам сайтов получать прибыль в виде комиссионных.

В базе данных определено два типа записей: для частных и офисных телефонных номеров.

Возможности скрипта: HTTP, WhoIs, Finger, DNSquery, NS lookup, Ping, Host, Tranceroute. Реализован на Perl.

Скрипт генерирует HTML таблицу из загруженного рисунка. Реализован на PHP. Описание здесь.

Это скрипт, использует PHP и SQL, позволяет обмениваться ссылками с другими сайтами и определять какой объем трафика они присылают.

Первые шаги - Учебник (руководство) по хтмл (html)

Учебник по Html для чайников - Оглавление
  • Ступенька 1 - "Основной инструментарий, учимся работать руками".

  • Ступенька 3 - "Обязательные тэги. Зачем телу голова, а голове тело?"

    Простейшие.

  • Ступенька 4 - "Раскрась сам. Изменяем цвет текста".

  • Ступенька 5 - "Как изменять цвет фона страницы. Немного об этике цветов".

  • Ступенька 6 - "Параграфы и DIV. Учимся выравнивать текст".

  • Ступенька 7 - "Что такое заголовки и как задавать размер буковок".

  • Ступенька 8 - "Курсив, жирный текст, подчеркнутый и другие".

  • Ступенька 9 - "Стандартные шрифты. Как прописать свой шрифт".

  • Ступенька 10 - "Что такое путь? Как вставлять картинки".

  • Ступенька 11 - "Что можно сделать с картинкой. Картинка, как фон документа, и т.д.".

  • Ступенька 21 - "Учимся создавать таблицы".

  • Ступенька 22 - "Учимся создавать таблицы" продолжение.

  • Ступенька 23 - "Таблицы, вертикальное выравнивание (valign)".

  • Ступенька 24 - "Таблицы, учимся растягивать ячейки (rowspan, colspan)".

  • Ступенька 24-2 - "Дополнительная глава. Ответы на домашнее задание".

  • Ступенька 25 - "Таблицы, что такое cellspacing и cellpadding. Что делать с пространством".

  • Ступенька 26 - "Вложенные таблицы и некоторые нюансы".

  • Ступенька 29 - "Спецсимволы, или головная боль".

  • Ступенька 30 - "О линиях. Просто и полезно".

  • Ступенька 31 - "Как убрать отступы (поля) документа, topmargin, leftmargin, marginwidth, marginheight".

  • Ступенька 32 - "О списках. Неупорядоченные списки".

  • Ступенька 33 - "Упорядоченные списки. Ремарка: что такое спецификация и консорциум".

  • Ступенька 34 - "Cпецифические тэги, бегущая строка текста".

  • Ступенька 35 - "Вступление. Зачем они (фреймы) нужны."

  • Ступенька 36 - "Учимся создавать фреймы".

  • Ступенька 37 - "Учимся создавать фреймы" продолжение.

  • Ступенька 38 - "Учимся создавать фреймы" продолжение.

  • Ступенька 39 - "Убираем полосу прокрутки, избавляемся от рамок, регулируем ширину полей фрейма".

  • Ступенька 40 - "При нажатии на ссылку документ открывается в другом фрейме, в полное окно".

  • Ступенька 41 - "Последняя глава о фреймах. Что такое IFrame".

    Объекты, скрипты и другие средства, чтобы оживить наш документ.

  • Учебник HTML: Создание таблиц - Как создать сайт инструкции CSS, учебники HTML, примеры

    Учебник HTML. Создание таблиц

    Одним из наиболее мощных и широко применяемых в HTML средств являются таблицы. Понятие табличного представления данных не нуждается в дополнительном пояснении. В HTML таблицы используются не только традиционно, как метод представления данных, но и как средство форматирования Web-страниц, задания взаимного расположения элементов страницы. При просмотре такого документа сразу не видно, что для его построения используется таблица, так как рамки вокруг её ячеек не прорисовываются.

    Создание простейших HTML-таблиц.

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

    Описание таблиц должно распологаться внутри раздела документа <BODY>. Документ может содержать произвольное число таблиц, причём допускается и вложенность таблиц друг в друга. Каждая таблица должна начинаться тэгом <TABLE> и завершаться тэгом </TABLE>. Внутри этой пары тэгов располагается описание содержимого таблицы. Любая таблица состоит из одной или нескольких строк, в каждой из которых задаются данные для отдельных ячеек.

    Каждая строка начинается тэгом <TR> (Table Row) и завершается тэгом </TR>. Отдельная ячейка в строке обрамляется парой тэгов <TD> и </TD> (Table Data) или <TH> и </TH> (Table Header). Тэг <TH> используется обычно для ячеек-заголовков таблицы, а <TD> - для ячеек-данных. Различие в использовании заключается лишь в типе шрифта, используемого по умолчанию для отображения содержимого ячеек, а также расположению данных внутри ячейки. Содержимое ячейки типа <TH> отображается полужирном шрифтом (Bold) шрифтом и располагается по центру. Ячейки, определённые тэгом <TD> по умолчанию отображают данные, выровненные влево и посередине в вертикальном направлении.

    Тэги <TH> и <TD> не могут появляться вне описания строки таблицы <TR>. Завершающие коды </TR>. </TD> и </TH> могут быть опущены. В этом случае концом описания строки или ячейки является начало следующей строки или ячейки, или конец таблицы. Завершающий тэг таблицы </TABLE> не может быть опущен.

    Количество строк в таблице определяется числом открывающих тэгов <TR>. а количество столбцов - максимальным количеством <TD> или <TH> среди всех строк. Часть ячеек могут не содержать никаких данных, такие ячейки описываются парой следующих подряд тэгов <TD> </TD>. Если одна или несколько ячеек, располагающихся в конце какой-либо строки, не содержит данных, то их описание может быть опущено, а браузер автоматически добавит требуемое количество пустых ячеек. Отсюда следует, что построение таблиц, в которых в разных строчках располагается различное количество столбцов одного и того же размера, не разрешается.

    Таблица может иметь заголовок, который заключается в пару тэгов <CAPTION> и </CAPTION>. Описание заголовка таблицы должно располагаться внутри тэгов <TABLE> и </TABLE> в любом месте, однако вне области описания любого из тэгов <TR>. <TD> или <TH>. Согласно спецификации языка HTML расположение описания заголовка регламентировано более строго: оно должно располагаться сразу же после тэга <TABLE> и до первого <TR>. Мы рекомендуем придерживаться этого правила.

    По умолчанию текст заголовка таблицы располагается над ней (align="top") и центрируется в горизонтальном направлении.

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

    Этих седений вполне достаточно для построения элементарных таблиц.

    Приведём пример простейшей таблицы состоящий из двух строк и двух столбцов :