Cascading Style Sheets

 

  1. Создать каталог Фамилия-CSS

  2. Познакомиться с материалом о Каскадных таблицах стилей.

  3. Заполнить Таблицу (используя при необходимости):

    • Статью о CSS в Википедиии

    • (!) Викиучебник по каскадным таблицам стилей: https://ru.wikibooks.org/wiki/CSS (там много "красных" (еще не созданных) страниц, которые ждут своего автора - может быть Вас? (засчитывается за написание статьи в Википедии...).

    • Справочник CSS: https://webref.ru/css

    Сохранить страницу с Таблицей как PDF-документ под именем ФамилияТ в каталоге Фамилия-CSS.

  4. В каталоге Фамилия-CSS, с помощью редактора MS FrontPage, создать страницу Фамилия-CSS.
    Заменить содержание контейнера <title></title>  на Фамилия Имя Отчество (свои собственные!)
    Внимание! Должна быть установлена кириллическая кодировка. Это прописывается руками (    <meta charset=windows-1251">) или через интерфейс программы: Файл / Свойства / Язык / Набор знаков - кириллица)
    На странице     Фамилия-CSS создать Таблицу
     Создавать таблицы удобно в режиме конструктора     (смена режимов: в нижней левой части в нижней части окна программы, см. рисунок) с помощью панели инструментов Таблицы (вызов панели: меню Сервис / команда Настройка.../ поставить флажок у Таблицы)

параметр

БрГУ

LinguaBrSU

По вашему выбору (название как гиперссылка)

Rules (правила)

 

 

 

Selectors (селекторы)

 

 

 

Declarations (объявления)

 

 

 

Font Size (размеры шрифтов)

 

 

 

Unique Colors уникальные цвета)

 

 

 

 

  1. С помощью сервиса осуществить CSS-ревизию трех сайтов (БрГУ имени А.С. Пушкина, LinguaBrSU и по вашему выбору - можно из списка наиболее популярных сайтов и фреймворков) и на странице Фамилия-CSS заполнить  созданную Таблицу.

  2. На странице Фамилия-CSS ввести 2 предложения

  • содержащее Ваши Фамилию Имя Отчество и  тезис о естественном интеллекте

  • содержащее Ваши Фамилию Имя Отчество и тезис об искусственном интеллекте

  1. Создать странице Фамилия-CSS стиль абзаца под именем Surname1 (должна быть Ваши Фамилия латиницей)
    Алгоритм создания стиля (в режиме Конструктор редактора     MS FrontPage: в меню Формат выбираем команду Стиль... / Создать.. / прописываем имя стиля и выбираем тип стиля Абзац \ Открываем меню Формат и делаем установки стиля для шрифта, абзаца и проч... / сохраняем). См. рисунок.
     Просмотреть код страницы, найти в нем сгенерированный программой стиль и ссылку на него.
    Применить к первому предложению (выделить текст и выбрать нужный стиль из списка (см. рисунок)).
     Просмотреть код страницы, найти в нем сгенерированную программой конструкуцию применения стиля к выделенному фрагменту.
    Выполнить сохранение страницы.

  2. Создать внешний стиль (файл c расширением *.css под именем Surname2 (должна быть Ваши Фамилия латиницей) и применить его ко второму тексту.

  3. Открыть файл и сохранить его в каталоге Фамилия-CSS. Переименовать его в Фамилия-текст.
     Отредактировать код страницы     Фамилия-текст, заменив везде "Орлова Ева Адамовна" на свои "Фамилия Имя Отчество" (в контейнерах  <title></title> и <h1 class...></h1>
    Скопировать из документа и вставить в код     страницы Фамилия-текст таблицу стилей (в коде отмечено куда ее вставлять). Сохранить и просмотреть результат
     Сохранить таблицу стилей text-surname в каталог Фамилия-CSS. Заменить в имени файла Surname  на свою фамилию латиницей. Вставить в код страницы Фамилия-текст ссылку на css-файл вида:

<link rel="stylesheet" href="text-surname.css">

Внимание! Имя файла стилей и долно соответствать имени в ссылке!
Сохранить файл и просмотреть результат (он должен быть таким)

  1. Скопировать и распаковать архив.
    Открыть страницу с меню (выполненном на     CSS), изучить код страницы и файла CSS-стиля, перенести меню на страницу Фамилия-CSS, проверить работоспособность.
    Переименовать файл стиля, заменив     Surname своей фамилией латиницей.
    Отредактировать код меню так, чтобы согласовать с новым именем файла.
    Заменить в заголовках закладок ФИО на акроним своих Фамилии Имени Отчества и дополнив меню новой закладкой (Повесть    -ФИО).
    Проверить работоспособность меню.
    Заполнить меню своим текстом, выбрав 5 произведений А.С. Пушкина из разных жанров и дав им краткую характеристику.
    Отредактировав код     css-файла - заменить цветовые настройки меню (цветовые таблицы, например, здесь)    .
    Почитать    : Руководство по цветовым функциям CSS (оригинал)

  2. Взглянуть на материал о SVG. Открыть страницу, познакомиться с ее кодом.
    Сохранить и распаковать в каталог     Фамилия-CSS  архив.
    Переименовать содержащиеся в нем файлы, заменив     Surname своей фамилией латиницей.
    Отредактировать  код веб-страницы (заменив текст на свои Фамилию и Имя, вписав свою Фамилию в контейнер     <title></title>.
    Проверить результат.
    Отредактировать код таблицы стилей так, чтобы в итоге получилось что-то похожее (или непохожее) на результат.

  3. Посетить сайт с онлайновым CSS-редактором csstypeset, ввести текст (в котором будут Ваши ФИО, дата и описание некоторго значимого для Вас события), форматируя его сгенерировать код CSS и сделать скриншот согласно образца (должны быть Ваши ФИО! и дата!).
    Сохранить как     PNG-документ под именем     ФамилияСкрин в каталоге     Фамилия-CSS

  4. Посетить ресурс с CSS-генератором (набор генераторов фрагментов кода различных свойтв, полезных в ежедневных ситуациях). Опробовать его (без отчёта).

  5. Попросить Алису (YaGPT) 1) задать 5 простых вопросов о CSS и 2) самой дать на них ответы. Сделать подписанные Фамилией скрины вопросов и ответов Алисы и сохранить их в каталоге Фамилия-CSS под именами: АлисаQ и АлисаA

  6. Открыть страничку Евы Орловой, посмотреть лучшие качества Орловой и код странички, а также код css-файла (OEA-style.css), который используется для создания оформления и анимации текста.  Сохранить страничку и css-файл в каталоге Фамилия-CSS. Отредактировать страничку так, чтобы везде (в тмо чиссле в именах файлов) были Ваши ФИО (а не Орловой) и указать пять своих лучших качеств (можно посмотреть, какие лучшие качества выделяет у девушки и юноши Алиса (YaGPT) и попробовать самим спросить у YaGPT. Отредактировать css-файл, заменив цвет шрифта +++. Отредактированные

  7. Отослать преподавателю письмо с отзывом и архивом каталога Фамилия-CSS.

  8. Готовить конспект ответов на экзаменационные вопросы.

Только для любопытных:

+++

 kmp