Катанов Александр Гребешков Александр. 2 Содержание: 1.Введение………………………………………………………………….......3-4 2.Построение: а)Главные тэги…………………………………………………….......6.

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



Advertisements
Похожие презентации
Ключевые слова 1.WWW 2.Структура Web-страницыHTML 3.HTML-редактор 4.Цветовые схемы 5.гиперссылка.
Advertisements

HyperText Markup Language. Содержание: Введение Начало работы !DOCTYPE.
Web-сайты и Web- страницы. Web-страницы - специальные файлы, написанные на языке HTML (HyperText Markup Language - язык разметки гипертекста). Браузер.
Инструментальные средства создания Web-сайтов
О.Б.Богомолова Web-конструирование на HTML, 2008 г. ГОУ СОШ 1909 г. Москвы учитель Пакульских Е.В.
Создание сайтов. Основы языка разметки гипертекстовых документов HTML.
Powerpoint Templates Page 1 Язык разметки гипертекста HTML.
Создание сайта. 1. Первый документ Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать ! :)
ВВЕДЕНИЕ В Задачи урока Сформировать представление о языке HTML Познакомиться с понятиями: тег, верстка, разметка. Cделать пробную страницу на языке HTML.
Урок по информатике Разработка учителя информатики средней школы 1 г. Приволжска Твельневой Т.А. Создание Web-страницы Цель урока: познакомить учащихся.
это десятки миллионов Web-серверов Интернета, содержащих Web-страницы, в которых используется технология гипертекста. Технология WWW позволяет создавать.
Основы языка гипертекстовой разметки. Web - сайты и Web – страницы.
Уроки сайтостроения «Структура html- документа». Что такое Интернет? Интернет, словно город, состоит из домиков – сайтов, которые, в свою очередь, состоят.
Основные теги HTML. Язык HTML HTML не является языком программирования, он предназначен для разметки текстовых документов. HTML состоит из тегов. Основным.
Язык разметки гипертекста НТМL. С чего начать? 1 шаг 1. Запустить «Блокнот» (пуск-стандартные-блокнот) 2. Сохранить в своей папке документ с параметрами:
Web-документ (или Web-страница) - это гипертекстовый документ, содержащий в себе ссылки на различные информационные ресурсы: другие Web-документы, графические,
Лекция 1 Основные понятия и определения Гвасалия Дарья Александровна.
«Творческим считается любое действие, которое эффективно и вызывает удивление» Дж. Брунер Web-страницы создаются с использованием языка разметки гипертекстовых.
Занятие 7 Таблицы и списки. Создание нумерованных и маркированных списков Список всегда располагается между открывающим и закрывающим тегом списка: и.
Основы HTML. HTML (Hyper Text Markup Language) язык разметки гипертекста Web-страницы.
Транксрипт:

Катанов Александр Гребешков Александр

2 Содержание: 1.Введение………………………………………………………………… Построение: а)Главные тэги…………………………………………………… б)Ссылки…………………………………………………………………7 в)Таблицы………………………………………………………… г)Фреймы……………………………………………………………….10 3.Заключение……………………

3 Введение World Wide Web (Web) - это сеть информационных ресурсов. Каждый ресурс в Web - документ HTML, изображение, видеоклип, программа и т.д. Чтобы представить информацию для глобального использования, нужен универсальный язык, который понимали бы все компьютеры. Языком публикации, используемым в World Wide Web, является HTML (HyperText Markup Language - язык разметки гипертекстов). Используя этот язык в стандартной программе Блокнот, мы написали свой сайт.сайт То, как будут выглядеть картинки, текст и другие элементы на странице, и как они будут располагаться относительно друг друга, определяют метки (tags или тэги). Тэга – это зарезервирумое слово или команда, которая предназначена для удобства разметки. Сами тэги не отображаются на странице. Отображается только, то что находится внутри них. Тэг – это контейнер, который может содержать внутри себя тэги. И так html предназначен для написание страниц, которые можно расположить в Интернете. А сам сайт характеризуется несколькими связанными между собой гиперссылками страницами.

4 Построение Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! :) посмотреть Создание сайта можно делать на многих программах (например: Блокнот, Microsoft Word, Macromedia HomeSite и др.). Расширение у документа должно быть *.html или *.htm Расположение тэг должно быть последовательным (например... ). - открывающий. - закрывающий.

5 Главные тэги - тэг с которого всё начинается (так сказать начало). - голова документа (в этой тэге размещается служебная информация.). - этот тэг предназначен для изменения заголовка окна страницы. Дальше идет тэг - тело документа. То что располагается между этой тэгой, непосредственно содержание документа. В этом тэге можно вписывать дополнения. Т.е. можно изменить цвет фона или изменить шрифт и т.д.

6 Ссылки Интернет страничка может состоять из нескольких документов. Один из них главный - он открывается первым и должен обязательно лежать на вашем сайте в интернете. Остальные документы могут лежать в одной директории (папке), а могут в разных. При помощи ссылок мы связываем эти документы. Ссылкой может быть текст (фраза, слово), а может быть и картинка. Тэг делает ссылкой заключенную в него картинку или фразу (текст). Ссылка на текст описывается так: мои фотографии Ссылка на картинку так:

7 Таблицы Таблицы задаются тэгом : !!! Но таблицы состоят из столбцов и строчек. И надо обязательно указывать сколько их. Прописываются они тэгами : - строчка таблицы. - столбец таблицы. Перед вами таблица состоящая из двух строчек и трех столбцов.

8 Таблицы В тэге и под тэгами таблицы можно вписывать дополнения. Например ширину, высоту, толщину и др. Например изменение высоты и длинны делается так:. Так же столбцы и строчки можно совмещать в одну. Ну если вам надо получить таблицу как на картинке. То для этого существуют дополнения к подтэгам таблицы colspan (определяет количество столбцов, на которые простирается данная ячейка) и rowspan (количество рядов).

9 Фреймы Фреймы позволяют нам открыть в окне браузера – не одно, а одновременно несколько документов (т.е. он делит окно браузера на два или несколько частей). Фрейм обозначается. Фреймом окно браузера можно делить по-разному. Так же у фреймов имеются атрибуты, которыми задаются размеры окон, их высота и длинна и т.д. Например атрибут rows говорит нам что фреймы будут располагаться горизонтально, так же в нем надо прописывать высоту фреймов. А атрибут cols расскажет, что фреймы будут отображаться вертикально. Между и надо указать в каком окне, какой документ будет отображаться. Это можно сделать с помощью где вместо * надо в писать путь к документу.

10 Заключение Существует много инструментов для верстки веб-страниц, с каким из них будете работать вы - выбирать вам же. Мы рекомендуем вам опробовать разные редакторы, и только тогда уже решать, с каким вам лучше работать. Редакторы для верстки веб-страниц бываю двух типов: визуальные (Macromedia Dreamweaver MX, Adobe GoLive и LiveMotion, Hotdog и др.) и текстовые (Homesite, HTML Pad, Notepad) В данном проекте была кратко представлена информация о верстке веб-страниц в программе Notepad он же Блокнот. В этой программе нет никаких функций, которые облегчат вашу жизнь, но зато эта программа есть в Стандартных на компьютере у каждого пользователя. С нее можно начать свои первые шаги в написании кода, а затем уже сменить её на более понравившийся редактор. Мы когда-то сами начинали с Блокнота :)