11 класс. Создание web - страниц. Практическая работа №1

Разработка 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> добавьте следующий текст:

Динамическое программирование - это способ решения сложных задач путём сведения их к более простым подзадачам того же типа. Такой подход впервые применил американский математик Р. Беллман. Его идея состояла в том, что оптимальная последовательность шагов оптимальна на любом участке. Например, в задачах поиска оптимального маршрута по графу или нахождению количества программ исполнителя. В информатике динамическое программирование часто сводится к тому, что мы храним в памяти решение задач меньшей размерности, что ускоряет выполнение программы, если использовать рекурсивную функцию.

Для справки:

Оптимальный - наиболее приемлемый, самый благоприятный, наилучший</</font> для чего-либо.

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

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

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

<FONT color=" maroon ">ДИНАМИЧЕСКОЕ ПРОГРАММИРОВАНИЕ

FONT>

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

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

<P align="left">

Динамическое программирование - это способ решения сложных задач путём сведения их к более простым подзадачам того же типа.

P>

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

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

<P>

Такой подход впервые применил американский математик Р. Беллман. Его идея … что ускоряет выполнение программы, если использовать рекурсивную функцию.

P>

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

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

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

bgcolor="FFFFCC">

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

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

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

Р. Беллман. ">

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

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" >

Сохраните, просмотрите и т. д.