2024
2023
2022
2021
2020
2019
2018
2017
Практикум 4. Задания
Создайте директорию public_html на своем диске H:\ (в корне Вашей домашней директории). Название и расположение должно быть в точности таким, как написано тут. В этой директории должны находиться все материалы, используемые в вашем сайте.
Создайте файл index.html: это будет заглавная страница вашего сайта. Поместите его в созданную на предыдущем шаге директорию public_html. Откройте файл index.html с помощью Far Manager и отредактируйте его, чтобы он стал настоящей HTML-страницей (см. подсказки):
В первой строке файла добавьте тэг <!DOCTYPE html>.
Добавьте в правильном порядке тэги <HTML>, <HEAD>, <BODY> и <TITLE>. В тексте тэга <TITLE> напишите что-то вроде "Учебный сайт Иванова Ивана" (конечно, с вашими фамилией и именем).
Добавьте в нужное место тэг <META> с указанием кодировки (например UTF-8). Сохраните файл в этой самой кодировке!
Добавьте горизонтальную линию в конец страницы (тэг <HR>)
После горизонтальной линии добавьте информацию о копирайте в таком виде: <символ копирайта> <Ваши Фамилия и имя>, текущий год. Ищите HTML-код для символа копирайта в интернете, например на этом полезном сайте.
Настройте цвет фона и шрифта вашей страницы (атрибуты тэга <BODY>: text и bgcolor). Убедитесь, что цвета получаются такими, что основной текст хорошо видно на выбранном фоне, и комбинация не режет глаза. Можете воспользоваться разумными палитрами, например на этом сайте.
(дополнительно) Выясните, что означают шесть символов в обозначении палитры, например "#26f49c".
Откройте получившийся файл с помощью Google Chrome или другого браузера. Убедитесь, что вы видите написанный вами текст, горизонтальную линию, символ копирайта и название всей страницы из тэга <TITLE>.
Добавьте информацию на эту страницу.
- Добавьте на страницу приветствие для посетителя и краткое описание (в свободном виде). Можете добавить другие элементы, которые, как Вы считаете, будут полезны впервые зашедшему на вашу страницу человеку.
- Помимо этого, на странице должны находиться гиперссылки на:
Страницу первого семестра (вы создадите эту страницу последним действием) – при планировке расположения учитывайте, что впоследствии потребуются ссылки на страницы второго, третьего и прочих семестров.
- Страницу "О себе" (см. ниже об этой странице).
Официальный сайт ФББ МГУ: http://fbb.msu.ru/.
Проверьте, что данная страница стала доступной в сети интернет. Для этого введите в поисковую строку браузера адрес http://kodomo.fbb.msu.ru/~nickname, где вместо nickname напишите Ваш логин в системе Kodomo. Также можно попробовать выбрать свою страницу в списке студентов на странице вашего курса.
Создайте страницу "О себе".
Скопируйте содержимое файла index.html в файл с названием about_me.html.
- Измените название страницы на подходящее для нее.
- Исправьте ссылку на эту страницу с заглавной страницы в соответствии с ее нынешним адресом и проверьте, что эта ссылка работает.
Замените содержимое страницы из тэга <BODY> на ту информацию о себе, которой вы хотели бы поделиться с возможным читателем, в ближайшей перспективе – с преподавателями. Обязательно вставьте ссылку на вашу студенческую почту: mailto:nickname@fbb.msu.ru> (если хотите, можете добавить и ссылку на личную почту). Приветствуется размещение фотографии на этой странице. Если свою фотографию вы размещать не хотите, вставьте на страницу любое другое изображение.
Создайте внутри директории public_html директорию для текущего семестра: term1.
Создайте страницу первого семестра.
Скопируйте содержимое файла index.html в файл с названием term1.html.
- Поместите этот файл в директорию первого семестра.
- Измените название страницы на подходящее для нее.
Замените содержимое страницы из тэга <BODY> на подходящее по содержимому страницы (например, описание того, с чем вы уже познакомились в этом семестре).
- Исправьте ссылку на эту страницу с заглавной страницы в соответствии с ее нынешним адресом и проверьте, что эта ссылка работает.