Компьютерные курсы Comp-As_1
Курс для школьников «Web-дизайн»
(рекомендуемый возраст 6-11 класс)
Учебный курс предназначен для школьников 6-11 классов, которые интересуются компьютерными технологиями. С развитием информационных технологий каждая компания имеет свой сайт в интернете, и спрос на специалистов, которые умеют создавать или поддерживать сайты, растет каждый день. Многие из школьников хотят сами создать свой сайт. Этот курс именно для них. Возможно, этот курс станет основой их будущей профессии, ведь интернет технологии развиваются семимильными шагами, и Web-разработчики востребованы на рынке труда.
Целью преподавания является формирование у школьников понятия о структуре сайтов, расположенных в сети интернет, умения создавать их самостоятельно и выкладывать в интернет.
Задачи дисциплины следующие:
- Освоить язык гипертекстовой разметки HTML, познакомиться с версткой с помощью CSS.
- Научиться обрабатывать растровые изображения в Adobe Photoshop, подготавливать графику для размещения в сети Интернет.
- Изучить принципы разработки макета сайта.
На курсе «Web-дизайн» дети изучат:
– язык HTML, основные возможности CSS;
– возможности Photoshop, приемы обработки графических изображений;
– верстать веб-страницы, создавать и использовать CSS;
– создавать графические изображения, преобразовывать графические объекты;
– создавать, редактировать элементы дизайна, работать в графических редакторах.
Раздел 1. Язык разметки гипертекстаHTML
– общие понятия
– структура HTML-документа
– понятие тега
– формирование абзацев и заголовков
– работа со шрифтами
– концепция списков в HTML
– нумерованные списки
– маркированные списки
– параметры элемента списка
– многоуровневые списки
– списки определений
– характеристика графических стандартов
– вставка графики в HTML-документ
– описание графики в HTML-документе
– параметры тега <img>
– карты-изображения
– создание ссылок
– закладки
– ссылки-изображения
– простое меню. Иерархия.
– создание таблиц
– создание сложных таблиц
– оформление таблиц
– вложенные таблицы.
– структура пользовательских форм
– элементы форм и их связь с языками программирования
– Создание и типы META-тегов
– принцип работы CSS
– подключение и 3 базовых селектора
– групповые селекторы
– селекторы потомков
– псевдоселекторы ссылок
– семейство шрифтов
– размер шрифта
– жирный, курсив, подчеркивание
– выравнивание и красная строка
– высота строки, расстояние между строками.Сокращенная запись.
– рамки. Работа со списками.
– margin и padding
– ширина и высота блока, выравнивание
– блочные и встроенные элементы
Фоновый цвет и изображение:
– повтор фонового изображения
– позиционирование фонового изображения. Фиксация фона.
– краткая запись фоновых свойств
– создание простого каркаса на основе float. Очистка обтекания.
– видимость элементов
– табличная верстка
– блочная верстка. Другие виды версток.
– позиционирование (введение)
– абсолютное позиционирование
– относительное позиционирование
– фиксированное позиционирование
Хостинг, поддержка сайта.
Раздел 3. Графический пакетPhotoshop
Работа с макетом сайта .
– создание и редактирование текста
– добавление графики
– нарезка макета на отдельные элементы веб-страницы