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

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



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

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

Язык разметки гипертекста НТМ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 !!!!! Между !!!!!

Задание на ПК Папка МЕНЮ – ФОТОГАЛЕРЕЯ Создать в файле index.html меню из 3-х фотографий школы. Скопировать меню на страницы l1.html, l2.html,l3.html. На каждой странице сделать фотогалерею в виде таблицы. Все фото подписать.