Основы HTML. Разработка Web-сайта - презентация, доклад, проект скачать

Нажмите для полного просмотра!

Основы HTML. Разработка Web-сайта, слайд №1

Основы HTML. Разработка Web-сайта, слайд №2

Основы HTML. Разработка Web-сайта, слайд №3

Основы HTML. Разработка Web-сайта, слайд №4

Основы HTML. Разработка Web-сайта, слайд №5

Основы HTML. Разработка Web-сайта, слайд №6

Основы HTML. Разработка Web-сайта, слайд №7

Основы HTML. Разработка Web-сайта, слайд №8

Основы HTML. Разработка Web-сайта, слайд №9

Основы HTML. Разработка Web-сайта, слайд №10

Основы HTML. Разработка Web-сайта, слайд №11

Основы HTML. Разработка Web-сайта, слайд №12

Основы HTML. Разработка Web-сайта, слайд №13

Основы HTML. Разработка Web-сайта, слайд №14

Основы HTML. Разработка Web-сайта, слайд №15

Основы HTML. Разработка Web-сайта, слайд №16

Основы HTML. Разработка Web-сайта, слайд №17

Основы HTML. Разработка Web-сайта, слайд №18

Основы HTML. Разработка Web-сайта, слайд №19

Основы HTML. Разработка Web-сайта, слайд №20

Основы HTML. Разработка Web-сайта, слайд №21

Основы HTML. Разработка Web-сайта, слайд №22

Основы HTML. Разработка Web-сайта, слайд №23

Основы HTML. Разработка Web-сайта, слайд №24

Основы HTML. Разработка Web-сайта, слайд №25

Основы HTML. Разработка Web-сайта, слайд №26

Основы HTML. Разработка Web-сайта, слайд №27

Основы HTML. Разработка Web-сайта, слайд №28

Основы HTML. Разработка Web-сайта, слайд №29

Основы HTML. Разработка Web-сайта, слайд №30

Основы HTML. Разработка Web-сайта, слайд №31

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему Основы HTML. Разработка Web-сайта. Доклад-сообщение содержит 31 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1

Описание слайда:

Слайд 2

Описание слайда:

Web-сайты и Web-страницы Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут быть интерактивными и могут содержать мультимедийные и динамические объекты.

Слайд 3

Описание слайда:

Создание Web-сайтов реализуется с использованием языка разметки гипертекстовых документов HTML. Создание Web-сайтов реализуется с использованием языка разметки гипертекстовых документов HTML. Технология HTML состоит в том, что в обычный текстовый документ вставляются управляющие символы (тэги) и в результате мы получаем Web-страницу.

Слайд 4

Описание слайда:

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

Слайд 5

Описание слайда:

HTML-код страницы помещается внутрь контейнера HTML-код страницы помещается внутрь контейнера Заголовок Web-страницы заключается в контейнер Название Web-страницы содержится в контейнере < TITLE > Компьютер

Слайд 6

Описание слайда:

Основное содержание страницы помещается в контейнер Основное содержание страницы помещается в контейнер Компьютер Все о компьютере

Слайд 7

Описание слайда:

Размер шрифта для имеющихся в тексте заголовков задается тэгами от (самый крупный) до (самый мелкий) Размер шрифта для имеющихся в тексте заголовков задается тэгами от (самый крупный) до (самый мелкий) Все о компьютере Задать тип выравнивания заголовка для тэга заголовка позволяет атрибут ALIGN Выравнивание по правой границе окна реализуется с помощью записи ALIGN="right", а по центру — ALIGN="center“ Bce о компьютере

Слайд 8

Описание слайда:

С помощью тэга FONT и его атрибутов можно задать параметры форматирования шрифта любого фрагмента текста. Атрибут FACE позволяет задать гарнитуру шрифта (например, FACE="Arial"), атрибут SIZE — размер шрифта (например, SIZE=4), атрибут COLOR — цвет шрифта (например, COLOR="blue") С помощью тэга FONT и его атрибутов можно задать параметры форматирования шрифта любого фрагмента текста. Атрибут FACE позволяет задать гарнитуру шрифта (например, FACE="Arial"), атрибут SIZE — размер шрифта (например, SIZE=4), атрибут COLOR — цвет шрифта (например, COLOR="blue") Bce о компьютере Заголовок целесообразно отделить от остального содержания страницы горизонтальной линией с помощью одиночного тэга

Слайд 9

Описание слайда:

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

Слайд 10

Описание слайда:

Компьютер Bce о компьютере Ha этом сайте вы сможете получить различную информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие. Терминологический словарь познакомит вас с компьютерными терминами, а также вы сможете заполнить анкету.

Слайд 11

Описание слайда:

Вставка изображений Для вставки изображения используется тэг с атрибутом SRC

Слайд 12

Описание слайда:

Расположить рисунок относительно текста различными способами позволяет атрибут ALIGN тэга , который может принимать пять различных значений: Расположить рисунок относительно текста различными способами позволяет атрибут ALIGN тэга , который может принимать пять различных значений: ТОР (верх), MIDDLE (середина), BOTTOM (низ), LEFT (слева) RIGHT (справа).

Слайд 13

Описание слайда:

Гиперссылки Первая титульная страница должна предоставлять посетителю Web-сайта возможность начать путешествие по сайту. Для этого на титульную страницу должны быть помещены гиперссылки на другие страницы сайта.

Слайд 14

Описание слайда:

Заголовок страницы Создать пустые страницы «Программы», «Словарь», «Комплектующие» и «Анкета» и сохранить их в файлах с именами software.htm, glossary.htm, hardware.htm и anketa.htm в каталоге сайта.

Слайд 15

Описание слайда:

Панель навигации Панель навигации будет представлять собой абзац, выровненный по центру, в котором указатели гиперссылок разделены пробелами ( ): [Программы] [Словарь] [Комплектующие] [Анкета]

Слайд 16

Описание слайда:

[Программы] [Словарь] [Комплектующие] [Aнкетa]

Слайд 17

Описание слайда:

Ссылка на электронный адрес E-mail: mailbox@provaider.ru

Слайд 18

Описание слайда:

Списки Список располагается внутри контейнера , а каждый элемент списка определяется тэгом . С помощью атрибута TYPE тэга можно задать тип нумерации: арабские цифры (по умолчанию), "I" (римские цифры), "а" (строчные буквы) и т.д. Программное обеспечение Системные программы Прикладные программы Системы программирования

Слайд 19

Описание слайда:

Вложенный ненумерованный список располагается внутри контейнера , а каждый элемент списка определяется также тэгом . С помощью атрибута TYPE тэга можно задать вид маркера списка: "disc" (диск), "square" (квадрат) или "circle" (окружность). Вложенный ненумерованный список располагается внутри контейнера , а каждый элемент списка определяется также тэгом . С помощью атрибута TYPE тэга можно задать вид маркера списка: "disc" (диск), "square" (квадрат) или "circle" (окружность). Для прикладных программ: текстовые редакторы; графические редакторы; электронные таблицы; системы управления базами данных.

Слайд 20

Описание слайда:

Страницу «Словарь» мы представим в виде словаря компьютерных терминов. Страницу «Словарь» мы представим в виде словаря компьютерных терминов. Для этого используем контейнер списка определений . Внутри него текст оформляется в виде термина, который выделяется непарным тэгом , и определения, которое следует за тэгом Процессор Центральное устройство компьютера, производящее обработку информации в двоичном коде. Оперативная память Устройство, в котором хранятся программы и данные.

Слайд 21

Описание слайда:

Формы Форма заключается в контейнер Текстовые поля: создаются с помощью тэга со значением атрибута TYPE="text". Атрибут NAME является обязательным и служит для идентификации полученной информации. Значением атрибута SIZE является число, задающее длину поля ввода в символах. Для того чтобы анкета «читалась», необходимо разделить строки с помощью тэга перевода строки .

Слайд 22

Описание слайда:

Пожалуйста, введите ваше имя: E-mail:

Слайд 23

Описание слайда:

Переключатели Переключатели Группа переключателей («радиокнопок») создается с помощью тэга со значением атрибута TYPE="radio". Все элементы в группе должны иметь одинаковые значения атрибута NAME. Например, NAME="group". Еще одним обязательным атрибутом является VALUE, которому присвоим значения "schoolboy", "student" и "teacher". Значение атрибута VALUE должно быть уникальным для каждой «радиокнопки», так как при ее выборе именно они передаются серверу.

Слайд 24

Описание слайда:

Укажите, к какой группе пользователей вы себя относите: Укажите, к какой группе пользователей вы себя относите:

Слайд 25

Описание слайда:

Флажки Если из предложенного перечня он нужно выбрать одновременно несколько вариантов, то их помечают флажками. Флажки создаются в тэге значением атрибута TYPE="checkbox". Флажки, объединенные в группу, могут иметь одинаковые значения атрибута NAME. Например, NAME="group". Еще одним обязательным атрибутом является VALUE, которому присвоим, например, значения "www", "e-mail" и "ftp".

Слайд 26

Описание слайда:

Какие из сервисов Интернета вы используете наиболее часто: Какие из сервисов Интернета вы используете наиболее часто:

Слайд 27

Описание слайда:

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

Слайд 28

Описание слайда:

Какой из браузеров вы предпочитаете? Какой из браузеров вы предпочитаете? Internet Explorer Internet Explorer Netscape Navigator Opera Neo Planet

Слайд 29

Описание слайда:

Текстовая область Создается такая область с помощью тэга с обязательными атрибутами: NAME, задающим имя области, ROWS, определяющим число строк, и COLS — число столбцов области. Какую еще информацию вы хотели бы видеть на нашем сайте?

Слайд 30

Описание слайда:

Отправка данных из формы Отправка введенной в форму информации или очистка полей от уже введенной информации осуществляется с помощью кнопок. Кнопки создаются с помощью тэга . Для создания кнопки, которая отправляет информацию, атрибуту TYPE необходимо присвоить значение "submit", а атрибуту VALUE, который задает надпись на кнопке, — значение "Отправить". Для создания кнопки, которая производит очистку формы, атрибуту TYPE необходимо присвоить значение "reset", а атрибуту VALUE - значение "Очистить".