- •Тема 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».
- •Теоретичні відомості
- •Тема: Налаштування сайту та його адміністративної панелі.
- •Тема: Публікації і сторінки.
- •Тема: Навігація.
- •Тема: Теми та дизайн сайту.
- •Завдання
- •Контрольні запитання
- •Словник термінів
- •Список використаних джерел
- •Навчальне видання
Переваги табличної верстки
Табличний спосіб верстки досить довго практикувався в сайтобудівництва, так як використовував при створенні дизайну досить прості методики розміщення на сторінці різного роду елементів.
За наявності великої кількості налаштувань, особливо це стосується нульової кордону, яка дозволяла використовувати таблицю в ролі невидимо модульної сітки, на основі якої додавалися зображення, тексти, а також інші елементи дизайну сторінки.
Модульна сітка на основі однієї колонки.
Така модульна сітка використовується при створенні веб - сайтів не досить часто. У першу чергу це обумовлено тим, що посилання і тексти набагато зручніше розміщувати в різних колонках, тим самим розділяючи їх.
Саме тут і прийшла на допомогу таблична верстка, адже таблиці відмінно підходять як многоколонной модульна сітка, а кожна клітинка є окремою колонкою, що дає можливість створювати як двох - так і трехколонние макети документів .
«Гумовий» макет на основі таблиць .
Незамінними є таблиці при створенні так званого « гумового» макету, висота і ширина якого є прив'язаними до вікна інтернет- браузера.
Використовуючи параметр таблиць, який дає можливість задавати розміри таблиці в процентному співвідношенні, такий дизайн може займати все незайняте простір.
«Склеювання» картинок завдяки нульовому кордоні.
Досить часто зображення розрізають на кілька фрагментів, після чого знову їх збирають в єдине ціле, змінюючи окремі фрагменти або виробляючи їх заміну іншим картинками.
Завдяки нульової кордоні при табличній верстці це можна досить просто зробити, необхідно всього лише розмістити картинки в необхідних осередках і виставити кордон на нуль. Ось основні переваги табличної верстки сайту.
4 Основних недоліка табличної верстки
У попередній сттаті ми розглянули основні переваги табличної верстки, однак так само є й недоліки. В даній статті ми їх розглянемо.
Першим основним недоліком є занадто довге завантаження Однією з особливостей таблиць є те, що до тих пір, поки не завантажиться остання буква внизу таблиці, вміст, розміщене в осередках, що не буде показано.
Дане «поведінку» таблиць обгрунтовується тим, що для правильного форматування, браузер спочатку отримує інформацію про таблицю, і тільки після починає завантажувати вміст комірок.
Затримка при завантаженні таблиць досить добре відчувається, коли таблиця занадто велика по висоті.
2. Громіздкість коду
Так як побудова таблиці в HTML має досить складну структуру завдяки вкладеним тегам, це додатково збільшує розмір коду і збільшує складність при внесенні додаткових параметрів або їх зміну .
Досить часто, щоб досягти необхідного результату, доводиться виробляти вкладення однієї таблиці всередину іншої, що також збільшує розміри коду.
3. Погіршення індексації пошуковими системами
Через те, що текстове наповнення розміщується в окремих осередках таблиць, у вихідному коді воно може розміщуватися з великою відстанню один від одного. Таке розміщення інформації дещо ускладнює процес індексування сторінки пошукачами. В результаті чого сторінці стає трохи складніше потрапити за ключовими словами в першу десятку пошукової видачі.
4. Невідповідність специфікаціям
На сьогоднішній день HTML і CSS стандарти занадто часто почали застосовуватися оптимізаторами. Поштовхом до такого розвитку подій є активний розвиток XML і XHTML, у яких досить «жорсткі» вимоги до вихідного коду сторінок.
Що ж можна сказати про табличній верстці ? Якщо відштовхуватися від вимог специфікацій, то таблиці повинні застосовуватися тільки для розташування в них табличних даних, інші способи застосування таблиць неприйнятні.
