Разработка Web-сайтов. Тема - Основные тэги HTML. 11 кл

Задание № 1: Создать структуру Web-страницы.

1. В своей папке создайте папку Создание Web-сайта.

2. Запустите текстовый редактор Блокнот .

3. Введите HTML-код, задающий структуру Web-страницы:

(Ваша фамилия и имя)

ДИНАМИЧЕСКОЕ ПРОГРАММИРОВАНИЕ

5. Сохраните файл с именем Структура.

6. Скопируйте созданный файл, переименуйте копию в index.html.

Задание №2: Редактирование Web-страницы.

1. Откройте файл index.html с помощью браузера.

2. Для редактирования откройте этот же файл с помощью «Блокнот».

3. Текст ДИНАМИЧЕСКОЕ ПРОГРАММИРОВАНИЕ поместите в контейнер<H1>…H1>. Сохраните файл Блокнота, обновите Web -страницу и выясните, что изменилось.

4. После закрывающего тега H1> добавьте тег <HR>. Выясните, что изменилось.

5. После <HR> добавьте следующий текст:
Динамическое программирование – это способ решения сложных задач путём сведения их к более простым подзадачам того же типа. Такой подход впервые применил американский математик Р. Беллман. Его идея состояла в том, что оптимальная последовательность шагов оптимальна на любом участке. Например, в задачах поиска оптимального маршрута по графу или нахождению количества программ исполнителя. В информатике динамическое программирование часто сводится к тому, что мы храним в памяти решение задач меньшей размерности, что ускоряет выполнение программы, если использовать рекурсивную функцию.
Для справки:
Оптимальный - [link] для чего-либо.

6. Сохраните текст в Блокноте, сверните его, обновите страницу браузера, просмотрите изменения.

Задание № 3: Форматирование Web-страницы.

1. Добавьте выделенные строки в текст Web-страницы.

<FONT color=” maroon ”>

2. Добавьте выделенные строки в текст Web-страницы

<P align=”left”>
Динамическое программирование – это способ решения сложных задач путём сведения их к более простым подзадачам того же типа.
P>
Просмотрите изменения.
3. Добавьте выделенные строки в текст Web-страницы.
<P align=”justify”>
Такой подход впервые применил американский математик Р. Беллман. Его идея … что ускоряет выполнение программы, если использовать рекурсивную функцию.

P>
Просмотрите изменения.

4 [pic] . Самостоятельно оформите текст примерно так, как в рамке ниже:

5. Добавьте выделенные строки в текст Web-страницы
bgcolor="FFFFCC">

Просмотрите изменения.

6. Найдите фото Р. Беллмана в интернете. сохраните в свою папку с Web-страницей.

7. Добавьте выделенные строки в текст Web-страницы (вместо *** вставьте имя сохранённого изображения).

[pic] Р. Беллман. ”>
Просмотрите изменения.

8. Закройте файлы, сохранив их. Ваша Web-страница готова к просмотру.

Задание № 4.

Исследуйте команду отображающую рисунок:
<IMG src=”***.jpg” width=”200” height=”150” border=”1” align=”right” alt=”КОМПЬЮТЕР”>
Справа налево убирайте по одной команде и просматривайте результат.Например:
а) <IMG src=”*.jpg” width=”200” height=”150” border=”1” align=”right” >
Сохраните, просмотрите и т. д.