- •Тема 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».
- •Теоретичні відомості
- •Тема: Налаштування сайту та його адміністративної панелі.
- •Тема: Публікації і сторінки.
- •Тема: Навігація.
- •Тема: Теми та дизайн сайту.
- •Завдання
- •Контрольні запитання
- •Словник термінів
- •Список використаних джерел
- •Навчальне видання
Тема: Публікації і сторінки.
Мета: Навчитись додавати публікації та сторінки та користуватись візуальним редактором тексту.
Теоретичні відомості
Публікації та сторінки є вмістом будь-якого веб-сайту. Саме завдяки їм до відвідувача сайту доноситься потрібна інформація.
Публікаціями в системі «WordPress» фактично називаються замітки новин, що розміщені на головній сторінці сайту. Щоб додати нову публікацію потрібно перейти в розділ «Публікації» та натиснути «Додати». В результаті отримаємо стрічку заголовку публікації та вікно візуального редактора.
Заголовок повинен бути коротким, а текст обмежень в кількості символів не має. Вікно візуального редактора має усі необхідні кнопки для форматування тексту. До того ж редактор підтримує форматування тексту при копіюванні з MS Word. Візуальний редактор також підтримує режим HTML. Щоб перейти до цього режиму варто лише натиснути на вкладку «HTML» вікна редактора.
Публікації можуть містити не тільки текст а й зображення. Для завантаження зображення потрібно натиснути на кнопку «Завантажити/Вставити»
Після натискання з’явиться вікно для завантаження файлу
Необхідний для розміщення файл можна просто перетягнути в область додавання та попередньо вказавши назву, опис та вибравши один із запропонованих розмірів натиснути «Вставити в публікацію».
Гіперпосилання бажано не вказувати, адже при умові коли воно вказане, то при натисканні на малюнок буде відкриватися його оригінал. Доречно використовувати гіперпосилання лише при розміщенні файлів у форматі Doc та PDF.
Новини на головній сторінці повинні розміщуватися у формі короткого викладу, а вже при натисканні на кнопку «Детальніше» показується увесь текст новини. Для цих цілей досить зручно використовувати інструмент візуального редактора «Вставити тег «Читати далі»»
Даний інструмент виводить в публікацію тільки той фрагмент тексту, що знаходиться перед ним.
Щоб опублікувати публікацію потрібно натиснути на кнопку «Опублікувати». Для перегляду результату потрібно натиснути «Попередній перегляд».
Також можна встановити видимість публікації «Публічно», «Захищена паролем» та «Приватна» та дату і час розміщення публікації. Приватна публікація доступна лише редакторам та адміністраторам сайту.
Щоб додати нову сторінку веб-сайту потрібно перейти в розділ «Сторінка» та натиснути «Додати». Процес редагування і розміщення сторінки аналогічний розміщенню публікації.
Налаштування відображення публікацій та сторінок знаходяться в пункті «Читання» розділу «Опції».
Саме в даному пункті можна визначити яку сторінку призначити головною (сторінка, що відкривається першою): сторінку з публікаціями чи статичну сторінку. За замовчуванням головною сторінкою є сторінка з публікаціями, але якщо потрібно щоб замість цієї сторінки відкривалась якась інша, то потрібно встановити перемикач в положення «Статичну сторінку» та обрати необхідну сторінку. Також в даному пункті можна задати кількість публікацій на одній сторінці.
Для налаштування медіафайлів, що можуть бути розміщені на сторінках та в публікаціях потрібно перейти в пункт «Медіафайли» розділу «Опції».
В даному пункті можна задати стандартні розміри зображень. Рекомендовані розміри для зображень:
Розміри мініатюр 200х300 пікселів.
Середній розмір 300х300 пікселів.
Великий розмір 640х480 пікселів.
Також можна вказати розширення для відео з Youtube.
Завдання
Створити сторінку із заголовком «Про автора», у вмісті якої буде розміщено фото та коротка інформація про автора.
Призначити головною сторінкою сайту статичну сторінку із заголовком «Про автора».
Створити ще дві сторінки із заголовками «Моя школа» та «Мої захоплення».
Контрольні запитання
Яка різниця між публікацією та сторінкою?
Для чого в публікації використовується тег «Читати далі»?
Що таке головна сторінка сайту та в якою вона може бути?
Які розміри рекомендовано використовувати для великих зображень?
Як переглянути створену сторінку чи публікацію?
Практична робота №4
