01_Problem_set_1_guidelines

=Домашнее задание 1. HTML-страница=

1. Установите себе на компьютер/ноутбук редактор **notepad++** (погуглите). Если вы Mac-овод, то установите себе редактор TextWrangler.

2. Скачайте файл и откройте его в notepad++ (правая кнопка - Открыть с помощью...). Откройте тот же файл в браузере.

3* (делать не нужно!). Задание "невалидный код" (см. Вложенные теги). Файл изначально содержит невалидный код в зоне списков, помеченных кружком. Это связано с тем, что теги  и  не вложены друг в друга, как требуется. Попробуйте решить эту проблему. Сохраните отредактированный файл в текстовом редакторе, в браузере обновите страницу (F5) и посмотрите на результат.

4. Создайте персональную веб-страницу на основе шаблона. Вместо вопросов впишите свои ответы, квадратные скобки уберите. Любая креативность, как в содержании, так и в оформлении, приветствуется и даже ожидается (стихами и прозой). Не забудьте вставить на страницу фотографию, по которой вас смогут легко опознать ваши преподаватели. Тег для вставки фотографии: , где myface.jpg -- имя файла с фотографией, а дальше в пикселях указываются ширина и высота фотографии (выставите эти значения так, чтобы фотография отображалась без искажений).

5. Если вы уже знаете HTML (и CSS), при желании можете показать свои умения преподавателю, улучшив внешний вид файла за счет форматирования.

> **дропбокс** заведен, в нем видна ваша папка по курсу вида n1_annasmirnova > Как это сделать? (папка видна после того, как вы примете приглашение, высланное по электронной почте, на домашний и/или университетский адрес) > внутри вашей папки есть папка Unit1 (если ее нет, нажмите кнопку с плюсиком в верхнем меню).
 * Check list**: выполнение первого классного и домашнего задания (папка Unit1 дропбокса).
 * при просмотре страницы в браузере можно увидеть вашу фотографию и информацию о вас (пример страницы)
 * в папку загрузите 2 файла, отредактированную страничку **HTML** mypersonalpage.html и файл с фотографией.

Возможные проблемы

Об отображении фотографии: Если фотография лежит в той же папке, что и страничка, в качестве пути к фото может быть указано просто имя файла (с расширением); когда Вы откроете страничку, браузер будет искать фото в той же папке, где и сама страница. Если на локальном компьютере, сервере и т.д. в папке со страницей нет фото с тем же названием, то оно не откроется -- поэтому страницу надо пересылать вместе с фото. Не забудьте положить фотографию в дропбокс в Unit 1! Даже если вы укажете полный путь к фотографии на вашем локальном компьютере, я не смогу увидеть ее в интернете. В принципе, можно указать путь к внешнему хранилищу, например, , но имейте в виду, что пути к фотографиям в VK и других социальных сетях часто меняют, да и вы сами можете удалить ее, забыв, что на нее стоит ссылка в другом документе.

В самом дропбоксе ваш html-файл будет отображаться неправильно - вьюер файлов очень примитивный. Но преподаватель будет смотреть файлы на своем компьютере - там все будет в порядке.

1. Основные теги структуры файла:
.... (заголовок: название файла и как его дальше загружать/интерпретировать) ..... (основное тело файла)

2. Самые простые теги форматирования:
.... - границы абзаца - перенос строки (не имеет закрывающего тега) курсив, жирный, подчеркнутый, зачеркнутый.

NB Важно: закрывающие теги и вложенные теги.
Все теги (кроме переноса строки и некоторых тегов форматирования таблиц) должны иметь закрывающий тег. Теги должны быть вложены друг в друга, как контейнеры: ........................ -- правильно ......................... -- неправильно.