УЕБ ДИЗАЙН Коста Гъров, Ангел Ангелов Галина-Момчева Гърдева, Красимир Харизанов ИЗКУСТВА ЕООД www.izkustva.net София 1700; Студентски град ул.
Download ReportTranscript УЕБ ДИЗАЙН Коста Гъров, Ангел Ангелов Галина-Момчева Гърдева, Красимир Харизанов ИЗКУСТВА ЕООД www.izkustva.net София 1700; Студентски град ул.
Slide 1
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 2
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 3
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 4
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 5
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 6
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 7
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 8
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 9
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 10
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 11
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 12
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 13
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 14
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 15
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 16
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 17
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 18
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 19
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 2
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 3
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 4
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 5
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 6
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 7
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 8
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 9
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 10
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 11
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 12
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 13
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 14
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 15
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 16
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 17
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 18
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
Slide 19
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Учебното помагало е посветено на изучаването
на темата Уеб дизайн и е предназначено за учениците,
изучаващи Информационни технологии в българските
училища. Акцентът в обучението е поставен върху
планирането, проектирането, графичния дизайн и
изграждането на уеб сайтове чрез използването на
съвременни уеб технологии и стандарти. Специално
внимание е отделено и на работата със системи за
управление на съдържание като средство за създаване
на динамични и лесни за поддръжка уеб сайтове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
УВОД
Модули 8. клас:
• Архивиране на данни; Компютърни системи; Операционна система;
• Компютърни мрежи; Създаване и публикуване на интернет страници; Работа по
проект
Модули 9. клас:
• Информационни технологии и компютърни системи; Текстообработка;
• Компютърна графика; Електронни таблици; Интегриране
Модули 10. клас:
• Бази от данни; Компютърна презентация
• Компютърни мрежи; Интегриране на дейности
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Съдържание
Планиране на уеб сайт
Предварителна подготовка.
Избор на име на уеб сайт.
Проектиране и графичен дизайн на уеб сайт
Проекиране и създаване на графичен модел.
Изграждане, публикуване и тестване на уеб сайт
Специализирани софтуерни средства за създаване на уеб сайтове.
Основни тагове в HTML за форматиране, мултимедия и хипервръзки.
Каскадни стилове.
Валидиране на уеб страницата.
Системи за управление на уеб сайт
Същност, предназначение и архитектура.
Сигурност в уеб:
Общи проблеми и решения за повишаване сигурността на уеб сайтовете.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Планиране на уеб сайт;
Съдържание на уеб сайта
Целева група
Ключови послания
Избор на технологии
•Избор на технология за реализация
HTML, CSS, Javascript
Adobe Flash
Php и MySQL
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПЛАНИРАНЕ НА УЕБ САЙТ
Основни дейсноти :
•Инструменти за проектиране на информационно
съдържание на сайт.
Онлайн инструменти (Grapholite.com)
Инсталационни инструменти (MockupBuilder.сом)
визуализация през различни браузъри.
•Възможностите за регистриране на сайт с подходящо
домейн име и хостинг план.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб сайт;
Основни акценти в сайта(навигация);
Структура на информацията;
Видове информация в сайта;
Ключови послания;
Технологии;
Целева група.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Изисквания на ниво уеб страница
Проектиране на основните страници
Проектиране на основите цветове
Проектиран вида и формата на текста
Проектиране вида и форма на графиките
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ПРОЕКТИРАНЕ И ГРАФИЧЕН ДИЗАЙН НА УЕБ САЙТ
Основни дейсноти :
•Определяне на композиция
Paint.Net
Gimp
InkSpace
•Определяне на цветова схема
Неутрални цветове
Топли цветове
Студени цветове
•Шрифтове
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• WYSIWYG редактори за изграждане на уеб сайтове
Онлайн – BuildorPro.com,CSSDesck.com, и др.
Десктоп приложения – Dreamweaver, Amaya,
Kompozer и др.
• Текстови редактори за създаване на уеб сайтове
Notepad++
Netbeans
PSPad
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
•
•
Основни HTML тагове за форматиране на текст;
Основни HTML тагове за форматиране на таблици;
Основни HTML тагове за мултимедия;
Основни HTML тагове за хипервръзки;
Основни HTML тагове за изображения
Каскадни стилове.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
•
•
•
•
Валидиране;
Посредством браузърни инструменти
Онлайн валидиране на html и css код
Тестване;
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ИЗГРАЖДАНЕ, ПУБЛИКУВАНЕ И ТЕСТВАНЕ НА УЕБ САЙТ
Основни дейсноти :
• Публикуването на уеб сайтове
Избор на хостинг план
Избор на домейн име
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Инсталиране на система за управление на уеб
съдържание: joomla, Drupal, Wordpress и др;
Обзор
Възможности
Ограничения
Приложимост
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИСТЕМИ ЗА УПРАВЛЕНИЕ НА УЕБ САЙТ
Основни дейсноти :
• Работа с FTP клиент – FileZila, WinSCP и др.
• Управление на интерфейсни шаблони;
• Управление на страници;
• Управление на модули.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
СИГУРНОСТ В УЕБ
Основни дейсноти :
• Сертификати за сигурност;
Безплатни
Платени
• Публичен ключ за достъп (CAPTCHA);
• Плъгини за допълнителна защита;
• Създаване на резервно копие на сайт.
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
ТЕХНОЛОГИИ И ПРОДУКТИ
Обработка на растерни изображения:
Paint.Net, Gimp, PixLR ...
Създаване и обработка на векторни изображения:
InkScape, Gimp, Corel Draw, PowerPoint, Freehand, Inkspace, Google sketchup ...
Цифрова обработка на звук:
Audacity, Wavepad Sound Editor, Cut-mp3.com, Acoustica Basic Edition, Tunekitten
Audio Editor, MP3 Cutter, MP3Gain, Audio Joiner, Reaper, Wavosaur ...
Създаване на видеоклип:
VideoPad Editor, DVDStyler ...
Мултимедийни продукти:
Mediator 9, Install Creator, Format Factory, Hypercard, Authorware, IconAuthor,
FreeStudioManager, MyMorph, XnView, Amaya ...
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
CD КЪМ УЧЕБНОТО ПОМАГАЛО
Мултимедия
• Документи
• Филми
• Музика
Програми
• Audacity
• VideoPad Editor
• Format Factory
• Install Creator
Разпределение
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85
УЕБ ДИЗАЙН
Коста Гъров, Ангел Ангелов
Галина-Момчева Гърдева, Красимир Харизанов
www.it.izkustva.net
www.izkustva.net
ИЗКУСТВА ЕООД
www.izkustva.net
София 1700; Студентски град
ул. Д-р Йордан Йосифов 8Б
[email protected]
[email protected]
02/ 943 47 24
02/ 943 47 85