Методика освоения новых программ

Лабораторная работа № 23

Тема: Способы И СРЕДСТВА Сотворения И СОПРОВОЖДЕНИЯ Веб-сайта.

Цель работы:Знакомство с общими принципами сотворения WEB-страниц и базисными тегами языка HTML.

1) Ознакомиться Н. Угринович и др. «Практикум по информатике и информационным технологиям», глава 8, п. 8.1, 8.2.

2) Теоретические сведения

HTML — это теговый язык разметки документов. Элементы — это структуры, которые обрисовывают отдельные Методика освоения новых программ составляющие HTML-документа. Элемент состоит из 3-х частей: исходного тега, содержимого и конечного тега. Тег— это особый текст, заключенный в угловые скобки "". Конечный тег имеет то же имя, что исходный тег, но начинается с косой черты "/". Атрибуты элемента определяют его характеристики. Значение атрибута может быть заключено в одинарные либо двойные Методика освоения новых программ кавычки. Порядок следования атрибутов в теге не важен. Атрибут действует от открывающего тега, в каком он задан, до закрывающего, либо только снутри тега, если тег не имеет парного.

Базовые теги
Тип документа Начало и конец файла атрибуты
Имя документа Должно быть в заголовке
Заголовок Описание документа
Тело Содержимое странички Методика освоения новых программ

Оформление тела Интернет-страницы

Атрибут Действие Значения атрибута
BACKGROUND="URL" Фоновая картина *.jpg, *.gif, .png, графический файл размещен в одной папке с Вашим документом
BGCOLOR="цвет " Цвет фона
TEXT=”color” Цвет текста
LEFTMARGIN="40" Определяет ширину левого и правого полей документа Пикселы
MARGINWIDTH="40" Определяет ширину верхнего и нижнего полей Методика освоения новых программ документа Пикселы

Таблица цветов НТМL

pink Розовый blue голубий
cyan колер бирюзового teal ярко-голубой
orange Оранжевый gray сероватый
brown Карий yellow желтоватый
fuchsia ярко-фиолетовый olive оливковый
aqua Бирюзовый purple фиолетовый
silver серый red красноватый
black Темный green зеленоватый

3) Практическая часть

Задание 1.

1. Создание простейшей Интернет-страницы:

Сделайте стандартный текстовый файл Методика освоения новых программ.

Откройте его редактором "Блокнот".

Поначалу напечатайте главные теги:


Добро пожаловать !!!

Здрасти!!!

Сохраните документ с расширением *.htm.

2. Сделайте интернет-страницу с оформленным фоном и текстом.

HTML-код будет смотреться последующим образом:



...
Текст документа (5-6 предложений на всякую тему).
...

Сохраните документ с расширением *.htm.

3. Без помощи других сделайте две интернет-страницы Методика освоения новых программ с различными фонами и цветами текстов (5-6 предложений).

Для того, чтоб отформатировать текст, который будет размещаться на вашей интернет-странице, нужно пользоваться последующими тегами:

Форматирование
Заглавия * - от 1 до 6 Эталон определяет 6 уровней заголовков
Конец строчки
Начало абзаца

Выравнивание *-ALIGN= LEFT|CENTER|RIGHT По левому краю, по правому, по центру
Цитата Обычно выделяется отступом Методика освоения новых программ
Шрифт
Жирный
Курсив
Размер шрифта От 1 до 7
Цвет шрифта

Задание 2.Форматирование текста.

1. На базе первой простейшей Интернет-страницы сделайте текстовый документ, имеющий последующее оформление:

Устройства компьютера(заголовок 1)

Наружные (заголовок 2)

Принтер, сканер, монитор, клавиатура. (размер - 8, цвет голубий, шрифт Arial)

Внутренние(заголовок 2)

Винчестер, материнская плата, видеоплата.

Устройство компьютера

Наружные

Принтер Методика освоения новых программ, сканер, монитор, клавиатура

Внутренние

винчестер материнская плата видеоплата

2. Без помощи других сделайте Интернет-страницу, на которой будет изображен текст в последующем виде:

Методика освоения новых программ

Знакомство с примерами, шаблонами и эталонами документов.

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

Опыты с пробными документами.

Цель опыта – проверка деяния команд редактирования.

Самую важную роль в оформлении странички играют иллюстрации.

Для размещения рисунков в документе служит одиночный тег , который должен непременно содержать атрибут SCR=, значение которого составляет адресок файла изображения.

Изображение переносится на страничку с сохранением размеров. Нужные размеры рисунка можно задать Методика освоения новых программ при помощи атрибутов WIDTH= (ширина) и HEIGHT= (высота).

Другой текст – словесное описание изображения задаётся с помощью атрибута ALT=.

Для сотворения гиперссылки в документе употребляются теги и . Текст ссылки помещается меж этими тегами. Для того, чтоб указать адресок, на который показывает ссылка, нужен атрибут HERF=. Некие гиперссылки могут Методика освоения новых программ указывать на определённое место снутри странички (якоря). Для него является неотклонимым атрибут NAME=. Значением этого атрибута является имя якоря, которое может состоять только из латинских букв и цифр и не должно содержать пробелов.

В качестве гиперссылки можно использовать изображения. Для этого теги разметки изображения должны быть помещены меж тегами гиперссылок.

Задание Методика освоения новых программ 3.

В собственной папке сделайте 2 документа в программке Блокнот, на базе которого можно сделать Интернет-страницу. (Сделайте заголовок, тело).

В папку скопируйте две рисунки (огромную для фона и небольшую) и одну анимацию, переименуйте их соответственно paint1.gif, paint2.gif, anim.gif. (Расширения должны быть надлежащими вашим изображениям).

На Методика освоения новых программ базе первого документа сделайте страничку, содержащую все скопированные вами изображения. Код для разметки Интернет-страницы будет последующим:

ИЗОБРАЖЕНИЕ1

Сохраните этот документ под именованием document1.

2-ой документ должен содержать ссылку на этот документ, при нажатии на которую появится перечень. Код тела этой интернет-страницы обязан иметь вид:

Ссылка

Без помощи других постройте Методика освоения новых программ две Интернет-страницы. 1-ая должна содержать 5-6 предложений, касающихся темы изображений, 3 рисунки, 2 анимации и маленькой объяснительный текст. 2-ая – ссылку на 1-ый документ.


metodika-obucheniya-pismu-va-ilyuhinoj.html
metodika-obucheniya-prizhku-v-visotu-s-mesta.html
metodika-obucheniya-rasskazivaniyu-po-kartinam-v-raznih-vozrastnih-gruppah.html