Администраторы группы

  • Аватар

Как создать простой сайт. Основы языка HTML

Открытая группа активность: 0 сек. назад

Assignment Meta

Задание3. Язык HTML (продолжение)

Задание на урок.

- открыть файл первой страницы своего сайта index.html в браузере – ПКМ по файлу – Открыть с помощью – Mozilla Firefox

- открыть файл первой страницы своего сайта index.html в gedit – ПКМ по файлу – Открыть с помощью – gedit

На прошлом уроке Вы уже создали свою первую страницу. Сегодня нужно будет доработать имеющуюся интернет-страницу – добавить картинку для каждого одноклассника в списке (6 одноклассников)
1. Заголовок
Слово «Анкета» (цвет красный)
2. Текстовый абзац
Краткая информация о себе – фамилия, имя, отчество, место рождения, Ваши интересы и увлечения
3. Заголовок «Мои одноклассники» (бегущая строка)
4. Нумерованный список одноклассников (достаточно 6 человек)(Как делать списки)
5. Для каждого из одноклассников добавить изображение (изображение должно быть размером 100х100 пикселей, находиться по центру страницы) (Как вставлять картинки) (Как настроить размер картинки)
6. Оформить текст разным цветом и размером шрифта.
7. Установить фон для всей страницы
8. Сделать картинку фоновым изображением

Как выполнить задание

На этот раз Вам будет необходимо добавить 6 изображений на свою страницу и разместить ее в интернете.
1. На рабочем столе уже должен быть каталог Вашего сайта с именем ‘Фамилия Имя сайт’. Файл index.html должен находится именно в этой папке.
2. В папку ‘Фамилия Имя сайт’ поместить 6 файлов с изображениями для своих одноклассников (скачиваем картинки из интернета по обычным правилам – ПКМ по картинке – Save Image As..)
3. Используя текстовый редактор gedit (пуск – инструменты – gedit), доработайте index.html в соответствии с заданием

Если при открытии своей страницы вместо понятного текста в окне браузера Вы видите крякозябры
- вариант 1: измените кодировку в браузере
Вид – Кодировка – Юникод (UTF-8) (View-Character Encoding – Unicode)
- вариант 2: можно добавить в раздел head следующий тег
<meta content="text/html"; charset="utf-8">

Полезные ссылки для выполнения задания

Как создать простую интернет-страничку
Основы HTML
Простой и подробный пошаговый учебник по HTML