- •Тема 1. Теорія веб-програмування
- •1.Загальне поняття про веб-програмування
- •2. Історія
- •1971-1989 Рік – перший обмін повідомленнями.
- •1995-1996 Рр. Мова програмування JavaScript. Каскадна таблиця стилів. Flash.
- •2000 Рік (травень) – реліз php4.
- •2000 Рік (грудень) – w3c та JavaScript.
- •2005 Рік – упровадження технології web 2.0.
- •3. Засоби веб-програмування
- •4. Система керування вмістом
- •Тема 2. Мова гіпертекстової розмітки html
- •1. Основні поняття мови html.
- •2. Історія розвитку html.
- •3. Розмітка
- •4. Елементи html-документа
- •5. Редактори html-документів
- •Wysiwyg-редактори
- •Редактори, що працюють з вихідним кодом
- •Тема 3. Система управління вмістом Joomla
- •Складові cms-системи
- •2. Системні вимоги до встановлення cms Joomla
- •3. Інсталяція cms Joomla
- •5. Адміністрування cms Joomla
- •Тема 4. Проектування сайтів
- •2. Класифікація web-сайтів (за призначенням)
- •2.1. Класифікація за призначенням
- •2.2 Класифікація сайтів за технологіями, що використовуються
- •Тема 5. Структура процесу розробки web-сайтів та web-додатків
- •1 Структура процесу розробки
- •2 Технічне завдання на розробку
- •2.1. Етапи та терміни створення сайту:
- •Структура сайту інституту
- •Наукові школи
- •Центри та лабораторії
- •Напрями наукових досліджень
- •Конференції та семінари
- •Видавнича діяльність
- •Контакти Тема 6. Ергономічні обмеження та рекомендації при web–дизайні
- •1. Обмеження по кількості елементів керування
- •2 Обмеження по розташуванню елементів керування
- •3. Обмеження по інформаційному наповненню
- •4. Графіка та текст.
- •5. Часові обмеження
- •1. Психогенний вплив
- •2. Колір при Web-дизайні
- •Тема 7. Програмування мовою html 5
- •П'ять речей, які треба знати про html5
- •2. Вам не треба відкидати наявне
- •3. Легко почати
- •4. Це вже працює
- •Перевірка технологій html5
- •10 Порад для створення html5-шаблонів
- •Можливі експерименти з html5
- •Переваги табличної верстки
- •4 Основних недоліка табличної верстки
- •Оптимізація html коду
- •Практичні завдання Розділ і. Лабораторна робота №1. Розробка структури сайту
- •Хід роботи
- •Визначення мети створення сайту та його тематики.
- •2. Визначення структури сайту
- •3. Визначення ключових слів
- •4. Добір доменного імені сайту.
- •Лабораторна робота №2. Основи використання дескрипторів мови html
- •Хід роботи
- •Теги форматування
- •Атрибут тега ul type відповідає за вигляд маркеру:
- •Встановлення кольору фону
- •Лабораторна робота №3. Створення веб-сторінки мовою html.
- •Хід роботи
- •Лабораторна робота №4. Робота з таблицями у html.
- •Хід роботи
- •Елементи таблиці
- •Атрибути елемента table
- •Атрибути елементів рядків і стовпців
- •Колір у таблицях
- •Об'єднання комірок таблиці
- •Контрольні запитання
- •Лабораторна робота №5. Використання зображень та посилань на веб-сторінці.
- •Теоретичні відомості
- •Зовнішні посиланн
- •Внутрішні посилання
- •Завдання: Створити галерею учнів 9 класів.
- •Питання для самоконтролю
- •Лабораторна робота №6. Створення персонального сайту за допомогою системи ucoz
- •Хід роботи
- •(Для завершення реєстрації перейти за цим посиланням:)
- •Індивідуальне завдання
- •Лабораторна робота №7. Налагодження модулів персонального сайту в системі ucoz
- •Хід роботи
- •Індивідуальні завдання
- •Розділ іі.(практичне застосування) Комплекс практичних робіт по створенню веб-сайту за допомогою системи управління контентом «WordPress»
- •Практична робота №1 Тема: Встановлення локального сервера. Встановлення україномовної версії «WordPress».
- •Теоретичні відомості
- •Тема: Налаштування сайту та його адміністративної панелі.
- •Тема: Публікації і сторінки.
- •Тема: Навігація.
- •Тема: Теми та дизайн сайту.
- •Завдання
- •Контрольні запитання
- •Словник термінів
- •Список використаних джерел
- •Навчальне видання
2 Технічне завдання на розробку
Технічне Завдання на розробку сайту інституту природничо-математичної та технологічної освіти
2.1. Етапи та терміни створення сайту:
Загальний термін робіт по створенню сайту становить Т днів:
Т1 днів - дизайн оригінал-макету, розробка і озвучування флеш-презентації, верстка статичного шаблону першої та внутрішньої сторінок сайту
Т2 днів - програмування, підключення адміністраторського модуля, верстка контенту.
Перелік етапів розробки сайту:
- Розробка концепції сайту, інформаційне проектування, оформлення
- Розробка дизайну сайту.
- Створення працюючого шаблону сайту.
- Програмування та підключення адміністраторського модуля.
- Підготовка, редагування, верстка і налаштування контенту сайту під пошукові системи.
- Публікація сайту на сервері, тестування, прописка в пошукових системах і каталогах Yandex, Google і інших.
2.2. Технологічні вимоги:
2.1. Сайт розробляється під базову роздільну здатність екрана 800х600 пкс або 1024x768 пкс (залежно від передбачуваної цільової аудиторії компанії).
2.2. Коректне відображення популярними браузерами Mozilla FireFox, Internet Explorer, Opera, GoogleChrome, тощо.
2.3. Використання відповідних кольорів і емблеми інституту.
2.4. Обов'язкова візуальна підтримка дій користувача - «Інтерактив» (візуальне відображення активних, пасивних посилань; чітке позначення місцезнаходження користувача).
2.5. Мета-теги і контент сайту на етапі виготовлення сайту повинні бути налаштовані для пошукових систем, щоб забезпечити просування сайту за ключовими словами в пошукових системах Yandex, Google.
2.3. Структура та опис сайту:
Структура сайту інституту
Головна
Новини
Про інститут
Загальні відомості
Керівництво
Структура
Факультети
Фізико-математичний
Про факультет
Керівництво
Кафедри
Кафедри інформатики та ІКТ
Кафедра вищої математики
Кафедра фізики і астрономії та методики їх викладання
Природничо-географічний факультет
Про факультет
Керівництво
Кафедри
Кафедра біології та методики її навчання
Кафедра географії та методики її навчання
Кафедра загального землезнавства та геології
Кафедра хімії, екології та методики їх навчання
Технолого-педагогічний факультет
Про факультет
Керівництво
Кафедри
Кафедра теорії та методики навчання технологій
Кафедра техніко-технологічних дисциплін, охорони праці та безпеки життєдіяльності
Кафедра професійної освіти та комп'ютерних технологій
Наука
Наукові школи
Наукова школа Коберника О.М.
Наукова школа Азізова Т.Н.
Наукова школа Кіпніса Л.А.
Наукова школа Мартинюка М.Т.
Центри та лабораторії
Науково-дослідна лабораторія «Проблеми технологічної освіти учнів загальноосвітньої школи»
Наукова лабораторія «Екологія і освіта»
Наукова лабораторія «Геологічна лабораторія»
Наукова лабораторія «Проблем оптимізації родючості ґрунтів»
Планетарій
Науково-дослідний центр «Інформаційно-комунікаційні технології в навчанні фізики і астрономії»
Науково-методичний центр «Вивчення народних ремесел у школі»
