104546
столько раз учителя, ученики и родители
посетили сайт «Инфоурок»
за прошедшие 24 часа
+Добавить материал
и получить бесплатное
свидетельство о публикации
в СМИ №ФС77-60625 от 20.01.2015
Дистанционные курсы профессиональной переподготовки и повышения квалификации для педагогов

Дистанционные курсы для педагогов - курсы профессиональной переподготовки от 6.900 руб.;
- курсы повышения квалификации от 1.500 руб.
Престижные документы для аттестации

ВЫБРАТЬ КУРС СО СКИДКОЙ 50%

ВНИМАНИЕ: Скидка действует ТОЛЬКО сейчас!

(Лицензия на осуществление образовательной деятельности № 5201 выдана ООО "Инфоурок")

ИнфоурокИнформатикаКонспектыПрактикум по созданию веб-страниц на языке HTML (часть 3)

Практикум по созданию веб-страниц на языке HTML (часть 3)

библиотека
материалов
Скачать материал целиком можно бесплатно по ссылке внизу страницы.

Практикум по созданию веб-страниц

(часть III)

  1. Создайте внешнюю каскадную таблицу стилей, назвав её style.css и подключите ко всем созданным ранее HTML-страницам (link).

  2. Создайте фоны HTML-страниц, чтобы они соответствовали городам. Для этого присвойте тегам body соответствующие классы (class=): armyansk, evpatoria, kerch, simferopol, yalta, crimea.

    • Для тега body установите цвет фона – Moccasin

    • Для класса simferopol установите цвет фона – Moccasin, фоновым рисунком установите Simferopol_f.jpg, находящийся в папке image, отменив его повторение и закрепив его по центру страницы.

    • Аналогичные действия проделайте для классов armyansk, evpatoria, kerch, yalta, crimea, установив в качестве фоновых изображений соответственно Armyansk_f.jpg, Evpatoriya_f.jpg, Kerch_f.jpg, Yalta_f.jpg, Crimea_f.jpg.

  3. Создайте для таблиц городов классы arm, evp, ker, sim, yal и установите с помощью CSS цвет заливки таблиц соответственно: Aqua, Goldenrod, Powderblue, Cadetblue, Lightsteelblue.

  4. Для ячеек заголовка (th) установите следующие свойства текста: начертание – полужирный курсив, вес текста – жирный, размер – 15рх, шрифт – arial.

  5. Для обычных ячеек (td) установите следующие свойства: начертание – курсив, размер – 13рх, шрифт – Comic Sans MS, выравнивание – по центру.

  6. Для ячеек, содержащих названия городов, создайте класс, назвав его head_1, и установите для него следующие свойства: цвет текст – Firebrick, начертание – курсив, размер – 35рх, шрифт – Comic Sans MS.

  7. Для ячеек, содержащих текст «Общие сведения о городе», создайте класс, назвав его head, и установите для него следующие свойства: цвет текст – Firebrick, начертание – курсив, размер – 20рх, шрифт – arial.

  8. Для ссылок на странице menu.htm создайте класс, назвав его menu, и установите следующие свойства для псевдоклассов ссылок:

    • непосещённая ссылка: цвет текст – Firebrick, начертание – курсив, размер – 15рх, шрифт – Comic Sans MS, декорирование текста – отменено;

    • посещённая ссылка: аналогично;

    • активная ссылка: цвет текст – SandyBrown, начертание – курсив, размер – 15рх, шрифт – Comic Sans MS, декорирование текста – отменено;

    • наведённая ссылка: цвет текст – Chocolate, начертание – курсив, размер – 15рх, шрифт – Comic Sans MS, разрежение текста – 5рх, декорирование текста – отменено;

  9. Для текста на странице Crimea_f.jpg определите класс, назвав его main, и установите для него следующие свойства: заливка текста цветом – Lavender, начертание – курсив, размер – 20рх, шрифт – Comic Sans MS, выравнивание текста – по ширине страницы, отступ красной строки – 50рх. Установите отступ текста от краёв страницы (;) соответственно: сверху – 50рх, справа – 50рх, снизу – 0рх, слева – 50рх.

Краткое описание документа:

Практикум по созданию веб-страниц на языке HTMLсостоит из трех частей и рассчитан на несколько уроков.

В результате выполнения данного практикума учащиеся должны получить мини-сайт, состоящий из 16 страниц, объединённых фреймовой структурой.

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

Общая информация

Номер материала: 161598

Вам будут интересны эти курсы:

Курс повышения квалификации «Методика преподавания информатики в начальных классах»
Курс повышения квалификации «Основы создания интерактивного урока: от презентации до видеоурока»
Курс повышения квалификации «Организация работы по формированию медиаграмотности и повышению уровня информационных компетенций всех участников образовательного процесса»
Курс «Оператор персонального компьютера»
Курс «1С: Предприятие 7.7»
Курс «WEB-ВЕРСТКА (HTML, CSS)»
Курс повышения квалификации «Сетевые и дистанционные (электронные) формы обучения в условиях реализации ФГОС по ТОП-50»
Курс повышения квалификации «Развитие информационно-коммуникационных компетенций учителя в процессе внедрения ФГОС: работа в Московской электронной школе»
Курс повышения квалификации «Использование компьютерных технологий в процессе обучения в условиях реализации ФГОС»
Курс повышения квалификации «Применение MS Word, Excel в финансовых расчетах»
Курс профессиональной переподготовки «Управление в сфере информационных технологий в образовательной организации»
Курс профессиональной переподготовки «Теория и методика обучения информатике в начальной школе»
Курс профессиональной переподготовки «Математика и информатика: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Современные тенденции цифровизации образования»
Курс повышения квалификации «Современные языки программирования интегрированной оболочки Microsoft Visual Studio C# NET., C++. NET, VB.NET. с использованием структурного и объектно-ориентированного методов разработки корпоративных систем»
Оставьте свой комментарий
Для того чтобы задавать вопросы нужно авторизироватся.
Включите уведомления прямо сейчас и мы сразу сообщим Вам о важных новостях. Не волнуйтесь, мы будем отправлять только самое главное.