Курсы "WEB дизайна" (Html, CSS, JavaScript)

Что такое веб-дизайн? С первого взгляда может показаться, что это графическое оформление, но сегодня в это понятие вкладывается гораздо большее значение, которое включает в себя несколько вполне самостоятельных направлений: графический интерфейс сайта, проектирование системы навигации, информационное наполнение сайта, «юзабилити» обозначающее удобство использования, дружелюбность и понятность интерфейса и многое другое. Совокупность всех этих направлений и называется «веб-дизайн».

Для занятия Веб-дизайном недостаточно одного знания программ, предназначенных для работы с графикой и художественных способностей. Конечно программированием занимаются профессиональные программисты, но и работа дизайнера невозможна без чёткого представления технологий Интернет, т.е. какими путями можно решить поставленную задачу или воплотить в действующую модель свои идеи, что влечёт за собой необходимость разбираться и в языках программирования, и в некоторых тонкостях серверных технологий. Он должен представлять себе, каким образом осуществляется передача данных в сети, как и в каком виде его разработки достигнут своего конечного пользователя – посетителя разрабатываемого сайта.

В конечном итоге, простая с первого взгляда задача «рисования» обрастает огромным количеством дополнительных требований, в основном – технического характера, имеющими с художественной стороной мало общего.

В итоге можно сказать, что веб-дизайн – это сочетание художественных способностей и широких знаний современных компьютерных технологий позволяют создавать сайты, которые запоминаются и заставляют посетителя возвращаться на них вновь.

Программа курса:

Веб-сайт - это совокупность веб-станиц, расположенных на своём или арендованном хостинге и доступной в сети Интернет. Стандартным языком для создания веб-страниц является HTML, возможности которого можно расширить с помощью XML, CSS, JavaScript.


1 Понятие WWW (Web). Понятие гипертекстовых документов и веб-сайтов.
2 Классификации веб-сайтов. Различные типы веб-сайтов, их назначение и использование.
3 Типы гипертекстовых документов (веб-страниц), их различия и сходства.
4 Где могут размещаться и храниться веб-страницы и сайты.
5 Понятие веб-сервера и принципы его взаимодействия с пользователем.
6 Распределение обязанностей специалистов, работающих в области Web.
7 Обзор программ (браузеров) для просмотра веб-сайтов.
8 Подбор аппаратного и программного обеспечения для работы над веб-сайтом.
9 Способы создания веб-сайтов: визуальный, работа с кодом, комбинированный.
10 Разработка структуры и этапы построения веб-сайта.
11 Информационное наполнение и взаимосвязи основных разделов и подразделов.
12 Обзор технологий гипертекстовой разметки HTML.

13 Язык HTML. Стандарты, структура документа, основные разделы кода веб-страницы, понятие тэгов.
14 Объявление типа документа. Варианты и стандарты.
15 Открытие блока HTML и начало блока заголовков.
16 Обзор заголовков гипертекстовых документов, их синтаксис и назначение
17 Обзор других тэгов, входящих в блок заголовков.
18 Тэг BODY. Обзор основных параметров тэга BODY и их использование.
19 Закрывающие тэги блоков HTML.
20 Создание шаблонного кода веб-страницы в Notepad++ и проверка его работы в браузере.
21 Обзор тэгов оформления, выделения текста, изменения его размеров и цвета.
22 Обзор тэгов разрыва строк и выделения блоков, их области применения.
23 Обзор тэгов создания списков различных типов.
24 Принципы вставки спецсимволов и тэги псевдографики. Понятие Unicode, его создание и применение.
25 Тэги вставки изображений на веб-страницы и их параметры. Обзор поддерживаемых графических форматов, их различия, ограничения и использование.
26 Понятие, использование и принципы построения таблиц. Обзор тэгов создания таблиц и их параметры.
27 Понятие гиперссылки. Типы и области применения гиперссылок. Тэги создания гиперссылок и их параметры.
28 Создание кода и разработка шаблона новостной ленты сайта.

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



29 Обзор тэгов создания карты сайта и их параметров. Пример создания карты сайта.
30 Основные Понятия и типы фреймов. Тэги создания фреймов и их параметры.
31 Пример создания фреймовой структуры сайта. Плавающие фреймы.
32 Использование мультимедиа на веб-сайте. Обзор тэгов для размещения аудио- и видео файлов, а также Flash - анимации на веб-страницах и их параметры.
33 Понятие и применение комментариев HTML. Обзор тэгов для вставки комментариев и ограничения их использования.

Скрипт - это компьютерная программа, представляющая собой последовательность команд, которые выполняются при
загрузке страницы или при взаимодействии пользователя с веб-сайтом. Выполняет функции, которые невозможно реализовать средствами обычного html (статического гипертекста).


34 Понятие, типы и назначение скриптов.
35 Понятие и использование форм на веб-страницах.
36 Принципы взаимодействия формы со скриптами.
37 Обзор тэгов для создания элементов формы (текстовых полей, выпадающих списков и т.д.).
38 Введение в JavaScript, его назначение и области применения.
39 Объектная модель веб-страницы и браузера. Примеры объектов.
40 Понятие, типы и использование событий на веб-страницах. Примеры использования некоторых событий.
41 Создание интерактивных объектов на веб-странице.
42 Создание всплывающих окон и их использование.

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



43 Понятие, область применения и принципы построения каскадных таблиц стилей (CSS).
44 Использование CSS на веб-страницах, способы задания стилей и оформления отдельных элементов.
45 Обзор инструкций CSS для оформления, изменения размеров и цвета текста.
46 Обзор инструкций CSS для установки фоновых изображений и их параметры.
47 Понятие и использование обрамления. Обзор инструкций CSS для создания обрамлений и их параметры.
48 Понятие, инструкции и использование трёхмерного позиционирования объектов веб-страницы с помощью CSS.
49 Управление отображением элементов страницы с помощью CSS.
50 Обзор инструкций управления отображением и их взаимодействие со скриптами.
51 Примеры управления отображение объектов (создание исчезающих и меняющихся объектов).
52 Понятие и использование фильтров CSS. Инструкции и примеры создания фильтров.
 

Шаблон сайта - это готовый сайт, который осталось перенести на сервер и наполнить своим содержанием. Его можно изменить, чтобы дизайн и расположение элементов больше соответствовали корпоративному стилю и предпочтениям владельца.



53 Типы шаблонов и способы работы с ними.
54 Разработка и изготовление собственных шаблонов веб-страниц и целых сайтов. Автоматизация создания и редактирования веб-сайтов.
55 Обзор популярного визуального веб редактора: Macromedia Dreamweaver. Его преимущества и недостатки.
56 Создание вебстраницы с помощью шаблонов в визуальных редакторах. Редактирование выбранного шаблона веб-страницы и его адаптация под свои нужды в среде визуальных редакторов.
57 Создание или изменение текстового наполнения шаблона, дополнения и уточнения. Инструменты для оформления текста.
58 Создание и редактирование гиперссылок в среде визуального редактора. Создание и редактирование гипертекстовых меню в шаблоне веб-страницы.
59 Создание собственных элементов и вставка их в шаблон. Разработка остальных страниц веб-сайта на базе данного шаблона.

Размещение сайта на сервере - это завершающий этап разработки сайта. Для этого нужно: выбрать место, где он будет находится (как правило используют хостинг), выбрать адрес сайта (доменное имя сайта), скопировать файлы сайта на хостинг и установить, если необходимо. После этих процедур ваш сайт будет доступен в интернете.


60 Способы доступа к сайту (по имени или IP- адресу).
61 Выбор и регистрация доменного имени сайта.
62 Понятие и типы хостинга. Выбор хостинга для размещения своего сайта.
63 Обзор программного обеспечения для закачки файлов сайта на сервер и работа с ним.
64 Размещение сайта на сервере.
65 Понятие, назначение и использование систем управления контентом (CMS).
66 Тестирование работы веб-сайта на сервере. Возможные ошибки и недочёты.

Надежда Рыморева

Контактные данные:
(066)000-00-00;    (093)000-00-00
(067)000-00-00;
ул. ___________ 0, офис 000
computer.courses.promin@gmail.com
 Анжелина
Главная