Презентация по информатике на тему: "Основы сайтостроения"
презентация к уроку
В данной презентации представлен материал для проведения теоретического занятия по теме: "Основы сайтостроения. Построение персональной страницы".
Скачать:
Вложение | Размер |
---|---|
![]() | 1.42 МБ |
Предварительный просмотр:
Подписи к слайдам:
WEB -САЙТЫ И WEB -СТРАНИЦЫ Web-сайт состоит из Web -страниц, объединенных гиперссылками. Web -страницы могут быть интерактивными и могут содержать мультимедийные и динамические объекты.
Создание Web -сайтов реализуется с использованием языка разметки гипертекстовых документов html . Технология html состоит в том, что в обычный текстовый документ вставляются управляющие символы (тэги) и в результате мы получаем Web -страницу.
Вид Web -страницы задается тэгами, которые заключаются в угловые скобки. Тэги могут быть одиночными или парными, для которых обязательно наличие открывающего и закрывающего тегов (такая пара тэгов называется контейнером ). Закрывающий тэг содержит прямой слэш (/) перед обозначением.
Малый информационный объем; Возможность просмотра в различных операционных системах ДОСТОИНСТВА WEB -СТРАНИЦЫ
-код страницы помещается внутрь контейнера < html > html Заголовок W eb -страницы заключается в контейнер < head > Название W eb -страницы содержится в контейнере < title > < html > < head > < title >Компьютер
Основное содержание страницы помещается в контейнер < body > < html > < head > < title >Компьютер < body > Все о компьютере
Заголовки. Размеры шрифтов заголовков задаются парами тэгов от <Н1> (самый крупный) до <Н6> (самый мелкий). Шрифт. Некоторые тэги имеют атрибуты, которые являются именами свойств и могут принимать определенные значения. С помощью тэга font и его атрибутов можно задать параметры форматирования шрифта. < h 1 >Все о компьютере РАЗМЕР ШРИФТА
С помощью тэга font и его атрибутов можно задать параметры форматирования шрифта любого фрагмента текста. Атрибут face позволяет задать гарнитуру шрифта (например, face =" Arial ") Атрибут size — размер шрифта (например, size = 4 ), атрибут color — цвет шрифта (например, color =" blue ") < font color =" blue "> < h 1 align =" center "> Bc ё о компьютере Заголовок целесообразно отделить от остального содержания страницы горизонтальной линией с помощью одиночного тэга < HR > ФОРМАТИРОВАНИЕ ШРИФТА
Атрибут COLOR позволяет задавать цвет шрифта (например, col 0 r ="blue"). Значение атрибута COLOR можно задать либо названием цвета (например, "red", "green", "blue" и т. д.), либо его шестнадцатеричным значением. Шестнадцатеричное представление цвета использует RGB-формат "#RRGGBB", где две первые шестнадцатеричные цифры задают интенсивность красного (red), две следующие - интенсивность зеленого (green) и две последние - интенсивность синего (blue) цвета. Минимальная интенсивность цвета задается шестнадцатеричным числом 00, а максимальная - FF. Например, синий цвет задается значением "#0000FF". ЦВЕТ
Задать тип выравнивания заголовка для тэга заголовка позволяет атрибут align Выравнивание по правой границе окна реализуется с помощью записи align =" right ", а по центру — align =" center “ < h 1 align =" center "> Bc ё о компьютере ВЫРАВНИВАНИЕ
Отделение заголовка от остального содержания страницы производится с помощью горизонтальной линии – ТЭГ
ГОРИЗОНТАЛЬНАЯ ЛИНИЯ
Разделение текста на абзацы производится с помощью контейнера < p > Поместим на титульную страницу текст, разбитый на абзацы с различным выравниванием: АБЗАЦЫ
< html > < head > < title >Компьютер < body > < font color ="blue"> < h 1 align ="center">Bce о компьютере < HR > < p align ="left"> Ha этом сайте вы сможете получить различную информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие. < p align ="right">Терминологический словарь познакомит вас с компьютерными терминами, а также вы сможете заполнить анкету. < /body >
ВСТАВКА ИЗОБРАЖЕНИЙ Для вставки изображения используется тэг < IMG > с атрибутом SRC Поясняющий текст выводится с помощью атрибута ALT , значением которого является текст, поясняющий, что должен был бы увидеть пользователь на рисунке:
Фоновое изображение – это графический файл с небольшим рисунком, который многократно повторяется, заполняя все окно браузера независимо от его размеров. Графика, используемая в качестве фоновой, задается в теге < body >. Предварительно подготовив и сохранив в рабочей папке графический файл фонового рисунка. УСТАНОВКА ФОНОВОГО ИЗОБРАЖЕНИЯ НА WEB- СТРАНИЦЕ
Расположить рисунок относительно текста различными способами позволяет атрибут align тэга < IMG >, который может принимать пять различных значений: top (верх), middle (середина), bottom (низ), left (слева) right (справа). ВЫРАВНИВАНИЕ ИЗОБРАЖЕНИЙ
ГИПЕРССЫЛКИ Первая титульная страница должна предоставлять посетителю Web -сайта возможность начать путешествие по сайту. Для этого на титульную страницу должны быть помещены гиперссылки на другие страницы сайта.
ССЫЛКА НА ЭЛЕКТРОННЫЙ АДРЕС
< А HREF=" mailto:mailbox@provaider.ru">E-mail : mailbox@provaider.ruСПИСКИ Список располагается внутри контейнера < OL > , а каждый элемент списка определяется тэгом < LI >. С помощью атрибута TYPE тэга < OL > можно задать тип нумерации: арабские цифры (по умолчанию), " I " (римские цифры), "а" (строчные буквы) и т.д. Программное обеспечение
- Системные программы
- Прикладные программы
- Системы программирования
Вложенный ненумерованный список располагается внутри контейнера < UL >, а каждый элемент списка определяется также тэгом < LI >. С помощью атрибута TYPE тэга < UL > можно задать вид маркера списка: " disc " (диск), " square " (квадрат) или " circle " (окружность). Для прикладных программ: < UL > < LI TYPE =" square "> текстовые редакторы; < LI TYPE =" square "> графические редакторы; < LI TYPE =" square "> электронные таблицы; < LI TYPE =" square "> системы управления базами данных.
По теме: методические разработки, презентации и конспекты

Презентация на тему"Основы общей эпизоотологии" по дисциплине "Болезни рыб"
В презентации представлены вопросы общей эпизоотологии при заболеваниях рыб. Дано определение эпизоотологии, проявление эпизоотического процесса, возникновение и течение эпизоотий, источники, фак...
Презентация к открытому уроку на тему: "ОСНОВЫ КОРМЛЕНИЯ СЕЛЬСКОХОЗЯЙСТВЕННЫХ ЖИВОТНЫХ"
Нестандартная подача материала на уроках, использование современных коммуникативных приемов в образовательном процессе способствуют формированию интереса к дисциплине....

Презентация на тему "Основы алгоритмизации"
Презентация на тему "Основы алгоритмизации". Содержит освещение основных понятий темы, раскрывает свойства алгоритмов, способы их записи: словесно-формульный, блок-схемный, с использованием специальны...

Презентации к урокам по теме «Основы программирования на языке Basic»
СПБ ГБОУ СПО Колледж Строительной Индустрии и Городского Хозяйства, Тема работы: пакет презентаций к урокам по теме «Основы программирования на языке Basic»...

Презентация элективного курса по теме "Основы контактной сварки"
Теоретическое занятие элективного курса по профессии «Сварщик»...

Презентация по информатике на тему: "Основы работы в Windows"
В данной презентации представлен материал для проведения теоретического занятия по теме: "Основы работы в Windows"...
Презентация урока по информатике для студентов 1 курса по теме «Основы работы в программе MS Excel»
Excel — это мощный табличный процессор, который используется для обработки и анализа данных. Он позволяет пользователям создавать и редактировать электронные таблицы, в которых данные организова...