Создание сайта по просмотру Аниме

• Название: Создание сайта по просмотру Аниме
• Дата: 28.03.2023
• Размер: 258.94 Kb.
• Имя файла: sulu (1).docx
• Тип: Курсовая; #1020909
• страница: 1 из 4

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РЕСПУБЛИКИ КАЗАХСТАН

УПРАВЛЕНИЕ ОБРАЗОВАНИЯ ГОРОДА АЛМАТЫ

ИННОВАЦИОННЫЙ ТЕХНИЧЕСКИЙ КОЛЛЕДЖ ГОРОДА АЛМАТЫ


КУРСОВАЯ РАБОТА


на тему: Создание сайта по просмотру Аниме
Дисциплина: Web-программирование и Интернет технологии
Специальность: 1304000 – «Вычислительная техника и программное обеспечение»
Квалификация: 1304053 – «Техник по защите информации»

Выполнил(а): (Ф.И.О. обучающегося) Группа: ТЗИ-20Р Проверил (а): Аханкызы А. Дата защиты «16» марта 2023 г. Оценка ____________

АЛМАТЫ 2023

Содержание

ВВЕДЕНИЕ 3

1 ОСНОВНАЯ ЧАСТЬ 4

1.1 Web-программирование 4

1.2 Основы HTML 8

1.3Зачем нужен css 12

Внешняя таблица стилей представляет собой текстовый файл с расширением .css, в котором находится набор CSS-стилей элементов. Файл создаётся в редакторе кода, так же как и HTML-страница. Внутри файла могут содержатся только стили, без HTML-разметки. Внешняя таблица стилей подключается к веб-странице с помощью элемента , расположенного внутри раздела . Такие стили работают для всех страниц сайта. 14

К каждой веб-странице можно присоединить несколько таблиц стилей, добавляя последовательно несколько элементов , указав в атрибуте media назначение данной таблицы стилей. rel="stylesheet" указывает тип ссылки (ссылка на таблицу стилей). 14

HTML 14

Атрибут type="text/css" не является обязательным по стандарту HTML5, поэтому его можно не указывать. Если атрибут отсутствует, по умолчанию используется значение type="text/css". 14

Внутренние стили 14

Внутренние стили встраиваются в раздел HTML-документа и определяются внутри элемента . Внутренние стили имеют приоритет над внешними, но уступают встроенным стилям (заданным через атрибут style). 14

HTML 14

Встроенные стили 14

Когда мы пишем встроенные стили, мы пишем CSS-код в HTML-файл, непосредственно внутри элемента с помощью атрибута style:Правило @import 14

Правило @import позволяет загружать внешние таблицы стилей. Чтобы директива @import работала, она должна располагаться в таблице стилей (внешней или внутренней) перед всеми остальными правилами: 15

Правило @import также используется для подключения веб-шрифтов: 15

Виды селекторов 15

Селекторы представляют структуру веб-страницы. С их помощью создаются правила для форматирования элементов веб-страницы. Селекторами могут быть элементы, их классы и идентификаторы, а также псевдоклассы и псевдоэлементы. 15

Универсальный селектор 15

Соответствует любому HTML-элементу. Например, * {margin: 0;} обнулит внешние отступы для всех элементов сайта. Также селектор может использоваться в комбинации с псевдоклассом или псевдоэлементом: *:after {CSS-стили}, *:checked {CSS-стили}. 15

Селектор элемента 15

Селекторы элементов позволяют форматировать все элементы данного типа на всех страницах сайта. Например, h1 {font-family: Lobster, cursive;} задаст общий стиль форматирования всех заголовков h1. 15

Селектор класса 15

Селекторы класса позволяют задавать стили для одного и более элементов с одинаковым именем класса, размещенных в разных местах страницы или на разных страницах сайта. Например, для создания заголовка с классом headline необходимо добавить атрибут class со значением headline в открывающий тег и задать стиль для указанного класса. Стили, созданные с помощью класса, можно применять к другим элементам, не обязательно данного типа. 15

Инструкция пользования персональным компьютером 15

Если элемент имеет несколько атрибутов класса, их значения объединяются с пробелами. 15

Инструкция пользования персональным компьютером

15

Селектор идентификатора 15

Селектор идентификатора позволяет форматировать один конкретный элемент. Значение id должно быть уникальным, на одной странице может встречаться только один раз и должно содержать хотя бы один символ. Значение не должно содержать пробелов. 15

Нет никаких других ограничений на то, какую форму может принимать id, в частности, идентификаторы могут состоять только из цифр, начинаться с цифры, начинаться с подчеркивания, состоять только из знаков препинания и т. д. 15

Уникальный идентификатор элемента может использоваться для различных целей, в частности, как способ ссылки на конкретные части документа с использованием идентификаторов фрагментов, как способ нацеливания на элемент при создании сценариев и как способ стилизации конкретного элемента из CSS. 15

Селектор потомка 15

Селекторы потомков применяют стили к элементам, расположенным внутри элемента-контейнера. Например, ul li {text-transform: uppercase;} — выберет все элементы li, являющиеся потомками всех элементов ul. 16

Если нужно отформатировать потомки определенного элемента, этому элементу нужно задать стилевой класс: 16

p.first a {color: green;} — данный стиль применится ко всем ссылкам, потомкам абзаца с классом first; 16

p .first a {color: green;} — если добавить пробел, то будут стилизованы ссылки, расположенные внутри любого элемента класса .first, который является потомком элемента
; 16

.first a {color: green;} — данный стиль применится к любой ссылке, расположенной внутри другого элемента, обозначенного классом .first. 16

Дочерний селектор 16

Дочерний элемент является прямым потомком содержащего его элемента. У одного элемента может быть несколько дочерних элементов, а родительский элемент у каждого элемента может быть только один. Дочерний селектор позволяет применить стили только если дочерний элемент идёт сразу за родительским элементом и между ними нет других элементов, то есть дочерний элемент больше ни во что не вложен. 16

Например, p > strong — выберет все элементы strong, являющиеся дочерними по отношению к элементу p. 16

Сестринский селектор 16

Сестринские отношения возникают между элементами, имеющими общего родителя. Селекторы сестринских элементов позволяют выбрать элементы из группы элементов одного уровня: 16

h1 + p — выберет все первые абзацы, идущие непосредственно за любым элементом