Web-сайты и Web-страницыWeb-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут быть интерактивными и могут содержать мультимедийные и динамические объекты.
Слайд 2Web-сайты и Web-страницы Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут
быть интерактивными и могут содержать мультимедийные и динамические объекты.
Слайд 3Создание Web-сайтов реализуется с использованием языка разметки гипертекстовых документов HTML.
Технология HTML состоит в том, что в обычный текстовый документ
вставляются управляющие символы (тэги) и в результате мы получаем Web-страницу.
Слайд 4Вид Web-страницы задается тэгами, которые заключаются в угловые скобки. Тэги могут
быть одиночными или парными, для которых обязательно наличие открывающего и
закрывающего тегов (такая пара тэгов называется контейнером). Закрывающий тэг содержит прямой слэш (/) перед обозначением.
Слайд 5HTML-код страницы помещается внутрь контейнера Заголовок Web-страницы заключается в контейнер
Название Web-страницы содержится в контейнере < TITLE >
Компьютер
Слайд 6Основное содержание страницы помещается в контейнер
Компьютер
Все о компьютере
Сохранить файл
под именем index.htm в папке сайта.
Слайд 7Размер шрифта для имеющихся в тексте заголовков задается тэгами от
(самый крупный) до (самый мелкий) Все о
компьютереН1> Задать тип выравнивания заголовка для тэга заголовка позволяет атрибут ALIGN Выравнивание по правой границе окна реализуется с помощью записи ALIGN="right", а по центру — ALIGN="center“
<Н1 ALIGN="center">Bce о компьютереН1>
Слайд 8С помощью тэга FONT и его атрибутов можно задать параметры
форматирования шрифта любого фрагмента текста. Атрибут FACE позволяет задать гарнитуру
шрифта (например, FACE="Arial"), атрибут SIZE — размер шрифта (например, SIZE=4), атрибут COLOR — цвет шрифта (например, COLOR="blue")
<Н1 ALIGN="center">Bce о компьютереН1>
Заголовок целесообразно отделить от остального содержания страницы горизонтальной линией с помощью одиночного тэга
РАБОТА С ЗАГОЛОВКОМ ЗАКОНЧЕНА!
Слайд 9Разделение текста на абзацы производится с помощью контейнера
Поместим на
титульную страницу текст, разбитый на абзацы с различным выравниванием:
Слайд 18Списки Список располагается внутри контейнера , а каждый элемент списка
определяется тэгом . С помощью атрибута TYPE тэга можно
задать тип нумерации: арабские цифры (по умолчанию), "I" (римские цифры), "а" (строчные буквы) и т.д. Программное обеспечение
Системные программы
Прикладные программы
Системы программирования
Слайд 19 Вложенный ненумерованный список располагается внутри контейнера , а каждый
элемент списка определяется также тэгом . С помощью атрибута TYPE
тэга
можно задать вид маркера списка: "disc" (диск), "square" (квадрат) или "circle" (окружность). Для прикладных программ:
текстовые редакторы;
графические редакторы;
электронные таблицы;
системы управления базами данных.
Слайд 20Страницу «Словарь» мы представим в виде словаря компьютерных терминов. Для этого
используем контейнер списка определений . Внутри него текст оформляется в
виде термина, который выделяется непарным тэгом
, и определения, которое следует за тэгом
Процессор
Центральное устройство компьютера, производящее обработку информации в двоичном коде. Оперативная память
Устройство, в котором хранятся программы и данные.
Слайд 21Формы Форма заключается в контейнер Текстовые поля: создаются с помощью
тэга со значением атрибута TYPE="text". Атрибут NAME является обязательным
и служит для идентификации полученной информации. Значением атрибута SIZE является число, задающее длину поля ввода в символах. Для того чтобы анкета «читалась», необходимо разделить строки с помощью тэга перевода строки .
Слайд 23Переключатели Группа переключателей («радиокнопок») создается с помощью тэга со
значением атрибута TYPE="radio". Все элементы в группе должны иметь одинаковые
значения атрибута NAME. Например, NAME="group". Еще одним обязательным атрибутом является VALUE, которому присвоим значения "schoolboy", "student" и "teacher". Значение атрибута VALUE должно быть уникальным для каждой «радиокнопки», так как при ее выборе именно они передаются серверу.
Слайд 25Флажки Если из предложенного перечня он нужно выбрать одновременно несколько вариантов,
то их помечают флажками. Флажки создаются в тэге
значением атрибута TYPE="checkbox". Флажки, объединенные в группу, могут иметь одинаковые значения атрибута NAME. Например, NAME="group". Еще одним обязательным атрибутом является VALUE, которому присвоим, например, значения "www", "e-mail" и "ftp".
Слайд 29Текстовая область Создается такая область с помощью тэга с обязательными
атрибутами: NAME, задающим имя области, ROWS, определяющим число строк, и
COLS — число столбцов области. Какую еще информацию вы хотели бы видеть на нашем сайте?
Слайд 30Отправка данных из формы Отправка введенной в форму информации или очистка
полей от уже введенной информации осуществляется с помощью кнопок. Кнопки
создаются с помощью тэга . Для создания кнопки, которая отправляет информацию, атрибуту TYPE необходимо присвоить значение "submit", а атрибуту VALUE, который задает надпись на кнопке, — значение "Отправить". Для создания кнопки, которая производит очистку формы, атрибуту TYPE необходимо присвоить значение "reset", а атрибуту VALUE - значение "Очистить".
Слайд 31ДОМАШНЕЕ ЗАДАНИЕ выучить условные обозначения и значения тэгов (контейнеров)
Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания: