Учусь программировать

Шаг за шагом

Задание 1. Общие сведения.
1. Теоретические сведения

1.1. Что такое - интернет. Как он устроен.
1.2. Что такое – браузер. Какие они бывают.
1.3. Что такое адресная строка.
1.4. Что такое сайт, из чего он состоит. Структура сайта.
1.5. Что такое HTML, как создать страницу сайта на narod.ru через Управление файлами

2. Практическая работа

2.1. Создать страницу «Запоминайка» и сделать ссылку на эту страницу! Адрес завести латиницей: «zapominajka»
2.2. Создать папку для картинок «/1»
2.3. Загрузить 3 изображения в папку «/1» - иконку (значок), фоновое изображение (обои) и картинку на страничку.
2.4. Посмотреть, как можно скопировать HTML-код и изображение в браузере в документ Word и как его распечатать

Задание 2. Закрепление навыка работы с таблицей в HTML

1. Через редактор файлов создать страничку: «На ТЫ с интернетом». Адрес завести латиницей: «Na_tj_s_internetom».
2. Через правую кнопку мыши, открыть и скопировать HTML-код со странички «Запоминайка», вставить его на созданную страницу «На ТЫ с интернетом», заменив предыдущий.
3. Изменить название страницы с фразы «Запоминайка» на фразу «На ТЫ с интернетом». Изменить фразу в тексте: «Моя первая таблица» на фразу «Шаг за шагом»
4. Исправить ошибку в окончании тега размера шрифта букв в первой фразе «Учусь программировать». Добавить шпаргалку со словом «Ссылка на гл страницу».
5. Фразу со ссылкой «Главная страница» вывести в размер шрифта=3
6. Добавить 4 строчки в созданную таблицу, залить их белым цветом (=FFFFFF):
7. Первые два столбика объединить в один, а в третьем указать дату выполнения.
8. Подписать столбики
9. Заполнить строчки, используя новый тег
- новый абзац, (образец см. ниже). Четвертая строчка – пустая. (Размер шрифта – 3 и 4!!!). Использовать документ Word с этим заданием с рабочего стола, копируя с него задание! При копировании из текста убрать все лишние кавычки, иначе информация может отразиться не корректно!
10. После таблицы внеси шпаргалку, (см. ниже).
11. Сохранить изменения. Проверить ошибки. Открыть созданную страницу.
12. Скопировать HTML-код и изображение в браузере в документ Word и распечатать.

Задание 3. Коррекция рисунков, отображаемых на странице. Использование вспомогательных программ - растровых редакторов изображений.

1. Выйти в редактор файлов в Narod..ru, создать страницу «страничка о Тобольске» под адресом: «/Tobolsk.html».
2. в редакторе главной страницы сделать ссылку на «страничку о Тобольске»
3. Создать 5 таблиц с картинками в шахматном порядке. Подписать таблицы: «Старый Тобольск», «Новый Тобольск». «Микрорайон Менделеево», «Микрорайон Иртышский», «Разное», Изменить привязанный текст, к пустым фотографиям привязать картинку Привязать фразу «Тобольск. Здесь скоро будет фото»
4. В исходном изображении, используя вспомогательные программы - растровые редакторы изображений HP Image Zone и, или Paint.NET изменить размер до 1000px × 750px, сохранить в формате JPEG,
5. Полученное изображение изменить до размеров длина 100 х высота 75, сохранить в формате .gif. Вставить его в таблицу в соответствующие размеры окна, со ссылкой на основное фото в формате JPEG . Изменить привязанный текст .
6. Добавить строки в таблицу «Учусь программировать» и внести эти задания в таблицу. (Размер шрифта – 3 и 4!!!).
7. Использовать документ Word с этим заданием с рабочего стола, копируя с него задание! При копировании из текста убрать все лишние кавычки, иначе информация может отразиться не корректно!
8. Сохранить изменения. Проверить ошибки. Открыть созданную страницу.
9. Скопировать HTML-код и изображение в браузере в документ Word и распечатать. .

У меня сегодня день рождения!

Я сегодня одыхаю! .

Задание 4. Коррекция рисунков, отображаемых на странице. Использование вспомогательных программ - растровых редакторов изображений.

1. Выйти в редактор файлов в Narod..ru, в редакторе страницы «На ты с интернетом» копировать строчку: «Шаг за шагом», вставить ее ниже,
2. В полученном новом столбике 1 - изменить размер окна для изображения до размеров самого изображения. Для этого надо выйти в свойства изображения. Должно открыться вот такое окно Изменить привязанный текст на фразу «Картинка в первом столбике»
3. Столбик 2 – Вставить еще одно (любое новое, размером до 400х400) изображение, окно создать соответственно размеру рисунка. Рамку оставить. Изменить привязанный текст на фразу «Картинка во втором столбике»
4. Столбик 3. Копировать изображение под другим именем и изменить размер этого изображения, используя вспомогательные программы - растровые редакторы изображений HP Image Zone и, или Paint.NET до размеров длина 150 х высота 100. Вставить его в столбик 3 в соответствующие размеры окна. Рамку убрать. Изменить привязанный текст на фразу «Картинка в третьем столбике»
5. Добавить строки и внести эти задания в таблицу. (Размер шрифта – 3 и 4!!!).
6. Использовать документ Word с этим заданием с рабочего стола, копируя с него задание! При копировании из текста убрать все лишние кавычки, иначе информация может отразиться не корректно!
7. Сохранить изменения. Проверить ошибки. Открыть созданную страницу.
8. Скопировать HTML-код и изображение в браузере в документ Word и распечатать .