Язык разметки гипертекста НТМL. С чего начать? 1 шаг 1. Запустить «Блокнот» (пуск-стандартные-блокнот) 2. Сохранить в своей папке документ с параметрами:

Презентация:



Advertisements
Похожие презентации
Язык разметки гипертекста НТМL. С чего начать? 1 шаг 1. Запустить «Блокнот» (пуск-стандартные-блокнот) 2. Сохранить в своей папке документ с параметрами:
Advertisements

Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! Структура HTML-документа.
HTML. Первые шаги.
Урок по информатике Разработка учителя информатики средней школы 1 г. Приволжска Твельневой Т.А. Создание Web-страницы Цель урока: познакомить учащихся.
Язык разметки гипертекста HTML. Основные понятия WWW (World Wide Web) – «Всемирная паутина» – система Интернет, предназначенная для гипертекстового связывания.
Язык разметки гипертекста HTML. Язык разметки гипертекстовых документов HTML (HyperText Markup Language). Если Вы хотите стать Web - дизайнером, то вы.
РАЗРАБОТКА WEB-САЙТОВ.. Создание Web-сайтов реализуется с помощью языка разметки гипертекстовых документов HTML. Тэги – инструкции браузеру, указывающие.
Язык разметки гипертекста HTML Учитель информатики МОУ СОШ 5 г.Сегежи В.В.Меньшиков.
Уроки сайтостроения «Структура html- документа». Что такое Интернет? Интернет, словно город, состоит из домиков – сайтов, которые, в свою очередь, состоят.
Знакомство с языком HTML Гипертекст – это электронный документ, который содержит гиперссылки на другие документы. Гипертекстовый документ предназначен.
Публикация во Всемирной паутине реализуется в форме WEB – сайтов. Сайт является интерактивным средством представления информации. WEB - сайт состоит из.
Web - страницы и Web - сайты. Структура Web – страницы. Форматирование текста на Web – странице.
СОЗДАНИЕ WEB-СТРАНИЦ С ПОМОЩЬЮ OpenOffice.org. ТЭГИ (дескрипторы) – это команды, определяющие внешний вид Web – документа и формирующие связи с другими.
О.Б.Богомолова Web-конструирование на HTML, 2008 г. ГОУ СОШ 1909 г. Москвы учитель Пакульских Е.В.
Web-страницы и Web-сайты. Структура Web- страницы.
Апрапрапрап. 1.HTML – язык разметки гипертекстовых страниц 2.Основные тэги для создания Web- страницы 3.Гиперссылки 4.Вставка графических изображений.
Семинар Создание Web-страниц с помощью FrontPage Йошкар-Ола 2001.
Командное Меню. Строка заголовка Строка меню Границы окна Рабочее поле окна.
Создание WEB-страниц. HTML – язык разметки гипертекстовых документов (расширение файла htm или html). Браузер – программа для просмотра web-страниц.
С ИСПОЛЬЗОВАНИЕМ ЯЗЫКА ГИПЕРТЕКСТОВОЙ РАЗМЕТКИ ДОКУМЕНТА HTML Создание Web - страницы.
Транксрипт:

Язык разметки гипертекста НТМL

С чего начать? 1 шаг 1. Запустить «Блокнот» (пуск-стандартные-блокнот) 2. Сохранить в своей папке документ с параметрами: - имя файла:index.html - тип файла: все файлы 3. Закрыть сохранённый документ.

2 шаг Открыть свою папку. Открыть файл с именем index.html В открывшемся окне программы Internet Explorer вызвать контекстное меню ( щёлкнуть правой кнопкой мыши в рабочем поле окна) Выбрать команду: Просмотр html кода

3 шаг В открывшемся окне «Блокнота» с именем index набрать текст программы на языке HTML. Сохранить файл (файл - сохранить). начало web-документа конец web-документа начало заголовка конец заголовка текст заголовка Структурные парные теги Тег – инструкция браузеру

4 шаг Перейти в окно Internet Explorer и обновить страницу. После этого в строке заголовка появится название новой web-страницы

5 шаг Зададим цвет нашей страницы при помощи тега ( название цвета по-английски) Снова сохраним файл index. Снова обновим web-страницу. Фон страницы стал серым (silver-серый, серебряный). Выберите любой цвет для вашей странички!

6 шаг Цвет текста Наберите текст после этого тега Перед текстом вставим тег Для отделения текста горизонтальной чертой используется тег

7 шаг Начало нового абзаца текст

Вставка рисунков 8 шаг Для вставки изображения используется тег Для выравнивания изображения использовать добавление align Для вставки фоновой картинки: ggfrtgtg

Создание гиперссылок 9 шаг Создайте 3 новых файла: List1. html List2. html List3. html [ игры ]&nbsp[ истории ] &nbsp[ новости ]

Ссылки по изображению 10 шаг Меню сайта в виде картинок:

Ссылка на главную страницу 11 шаг

Создание таблиц 12 шаг Одна строка, в ней 3 столбца =90% 123

Вставка рисунка в ячейку таблицы 13 шаг

Вставка бегущей строки и звука шаг 14 text !!!!! Между !!!!!