2024
2023
2022
2021
2020
2019
2017
2016
Практикум 4. Задания
В рамках этого практикума Вам надо будет создать заготовки трех страниц вашего будущего персонального учебного сайта, а именно главную страницу, страницу "О себе" и страницу первого семестра. Перед выполнением заданий рекомендуется ознакомиться с подсказками.
Расположение персональных страниц
Создайте папку public_html внутри вашей домашней папки на kodomo. Все материалы вашего сайта (странички, картинки, дополнительные файлы, и т.д.) должны будут располагаться внутри public_html.
Ваша домашняя папка (директория) на kodomo имеет адрес /home/students/y18/YOUR-KODOMO-LOGIN.
Как правило, в этой папке Вы оказываетесь сразу после подключения к kodomo по ssh (через PuTTY, WinSCP, и т.д.).
Эта же папка доступна в компьютерном классе под Windows как диск H:\ .
NetBox по-умолчанию открывает не домашнюю папку, а корневую (/). Поэтому далее Вам надо перейти в папку home/students/y18/YOUR-KODOMO-LOGIN, чтобы оказаться в домашней директории.
Теперь можете переходить к созданию HTML страниц.
Формальные требования к страницам
Чтобы пройти проверку (в основном автоматическую), каждая из ваших страниц должна содержать:
Указание на тип файла (<!DOCTYPE html> в первой строке файла).
Указание на кодировку файла (тэг <meta> в нужном месте). Призываю Вас использовать кодировку utf-8. Использовать другую кодировку можно только в случае, если Вы можете обосновать, почему это лучше. Файл должен быть сохранен в указанной кодировке!
Страница должна удовлетворять всем требованиям к страницам HTML версии 5, т.е. быть "валидной". Проверить свою страницу на валидность можно здесь. Страница должна проходить проверку без ошибок (Error), предупреждения (Warning) можете игнорировать. Не стесняйтесь писать преподавателям, если валидатор выдает ошибку, а Вы никак не можете понять, почему.
Содержательное название страницы (в теле тэга <title>, что-то вроде "Ivanov, Main Page" или "Иванов, Главная страница")
Заголовок страницы (в теле тэга <h1>, что-то вроде "Учебный сайт Иванова Ивана").
"Подвал" (тэг <footer>). В подвале должна быть информацию о копирайте в таком виде: <символ копирайта> <Ваши фамилия и имя>, текущий год. Ищите HTML-код для символа копирайта в интернете, например здесь.
Потренируйте свою силу воли и не форматируйте свою страницу (расположение элементов, шрифт, цвета и т.д.). Форматировать HTML страницы рекомендуется с помощью CSS, а это тема одного из следующих занятий. Однако Вам никто не запрещает продумать будущий дизайн Вашего сайта (можно, например, на бумажке нарисовать 
).
Названия файлов и содержание страниц
1. Главная страница.
Файл страницы должен называться index.html и располагаться непосредственно в папке public_html.
Страница должна содержать приветствие для посетителя и краткое описание (в свободном виде). Можете добавить другие элементы, которые, как Вы считаете, будут полезны впервые зашедшему на вашу страницу человеку.
Помимо этого, на странице должны находиться гиперссылки на:
Страницу первого семестра (см. ниже) – при планировке расположения учитывайте, что впоследствии потребуются ссылки на страницы второго, третьего и прочих семестров (ну или не понадобятся
![:\](/wiki-data/kodomo_theme/img/ohwell.png ":\")
). - Страницу "О себе" (см. ниже об этой странице).
Официальный сайт ФББ МГУ: http://www.fbb.msu.ru/.
Можете сформировать навигационную панель (меню), содержащую перечисленные ссылки (тег <nav>). Или разместить эти ссылки в разных разделах страницы, например, ссылки на страницы семестров в меню, а ссылки "о себе" и на сайт ФББ на "чердаке" (<header>) или в "подвале" (<footer>) страницы.
2. Страница "О себе".
Файл страницы должен называться about_me.html и располагаться непосредственно в папке public_html.
Страница должна содержать ту информацию о Вас, которой Вы хотели бы поделиться с возможным читателем, в ближайшей перспективе – с преподавателями. Обязательно вставьте ссылку на вашу студенческую почту: mailto:login@fbb.msu.ru (если хотите, можете добавить и ссылку на личную почту). Приветствуется размещение фотографии на этой странице. Если свою фотографию почему-либо размещать не хотите, вставьте на страницу любое другое изображение.
Страница должна содержать ссылку на главную страницу для удобства навигации.
3. Страница первого семестра.
Файл страницы должен называться index.html, как и в случае главной страницы, но располагаться он должен в папке term1 внутри папки public_html. Разумеется, папку term1 надо предварительно создать. В этой папке будут располагаться все страницы и файлы, посвященные первому семестру вашего обучения.
На странице первого (и любого другого) семестра главным образом будут располагаться ссылки на отчеты по будущим практикумам, которые Вы будете оформлять в виде HTML страниц. Но на странице должно быть и краткое описание, например, можно вкратце описать то, с чем Вы уже познакомились в этом семестре.
Страница должна содержать ссылку на главную страницу для удобства навигации.
После создания страницы
Страницы можно (нужно?) создавать в любом другом месте, например, на своем домашнем компьютере. В процессе создания их можно проверять, открывая с помощью браузера (Chrome, Firefox или другого). Убедившись, что страница отображается правильно, можно скопировать её на kodomo в нужную папку (public_html). После этого необходимо проверить, что страница стала доступной в сети интернет. Для этого введите в поисковую строку браузера адрес https://kodomo.fbb.msu.ru/~login, где вместо login напишите Ваш логин в системе kodomo. Также можно попробовать найти ссылку на свою страницу в списке студентов на странице вашего курса.
Срок выполнения заданий – утро дня следующего занятия. Это означает, что к этому моменту три страницы: ваша заглавная страница, страница первого семестра и «О себе» должны быть доступны через Интернет, при этом все гиперссылки должны правильно работать.