Тема 7. Використання таблиць при розробці Інтернет-сторінок. Публікація web-сторінки

Якщо вам потрібно помістити на обмеженому просторі Web-сторінки безліч цифрових (і не тільки цифрових) даних, немає кращого засобу, ніж таблиця. Якщо вам необхідно створити гарний список, знову на допомогу приходить таблиця. Якщо вам потрібно точно позиціонувати текст і графіку відносно один одного, знову ж таки незамінна таблиця. Таблиці заполонили Web-документи.

Створювати таблиці, вводячи HTML-код вручну, дуже трудомістко. Dreamweaver значно полегшує працю Web-дизайнера, дозволяючи вкласти в текст таблицю декількома клацаннями миші. Точно так само просто змінити властивості як самої таблиці, так і будь-який її рядки або осередку. І вже зовсім просто розміщувати в елементах таблиці потрібний вміст: текст, графіку, інші таблиці і все, чим багатий HTML і що прийде в голову Web-дизайнеру.

У цій темі ми розглянемо основні моменти роботи з таблицями. Ми навчимося їх створювати, форматувати, розміщувати в них корисне вміст, працювати з осередками і рас-дивимося всі їхні переваги й недоліки.

Отже, майже всі сторінки нашого Web-сайту створені. Що далі? А далі - останній етап роботи. Що він в себе включає? Але перш ніж ми почнемо формувати наш перший справжній сайт, з'ясуємо, що ж таке Web-сайт і як він публікується в Мережі. Після того як сайт створений, його потрібно опублікувати на Web-сервері. І зробити це можна трьома різними способу-ми. Перш, ніж почати керувати сайтом, його необхідно зареєструвати в Dreamweaver. Поки що Dreamweaver не знає, що набір сторінок, які ми створили під час попередніх занять, - насправді сайт. І, відповідно, він веде себе, ніби ніякого сайту немає.

ТЕМАТИКА СЕМІНАРСЬКИХ ЗАНЯТЬ

Модуль 1

Основи роботи в Інтернет. Інтернет-браузери. Інтернет в бізнесі.

Тема семінару 1 Інформаційні мережі електроного бізнесу та моделі ведення електроної комерції

Мета семінару: Дати визначення електроної комерції(ЕК) та її складуючі. Визначення участників ділових операцій та розглянути різноманітні електроні торгові площадки (ЕТП). Характеристики основних ЕТП моделей В2В, В2С, С2С.

План

1. Тенденції та динаміка розвитку ринку ЕК.

2. Переваги та недоліки ЕК.

3. Особливості основних ЕТП моделей в Україні.

Питання для самоконтролю

1. История развития электронной коммерции;

2. Особенности электронной коммерции;

3. Интернет-магазин, как одно из эффективных средств электронной коммерции;

4. Интернет-аукционы – механизм работы;

5. Категории электронной коммерции по целевой аудитории

Тема семінару 2

Створення Інтернет-сторінок за допомогою HTML

Мета семінару: Навчитися розробляти Інтернет-сторінки за допомогою HTML. Створити основні елементи Інтернет-сторінки, використовуючи різноманітні тегі

План

1. Створити нову HTML-сторінку.

2. Створити заголовок першого рівня (тег <H1>) та відцентрувати його.

3. Створити маркований (<ul> <li> </li> </ul>) та нумерований (<ol> <li> </li> </ol>) списки.

4. Створити гіпертекстове посилання (тег <a href="/">) з останнього пункту нумерованого списку.

5. Розмістити зображення на Інтернет-сторінці (тег <img src="/" />).

6. Зробити розміщене зображення гіперпосиланням та відцентруйте його.

7. Створити фон Інтернет-сторінки жовтим, колір невідвіданих гіперпосилань – червоним, відвіданих – синім.

8. Оформити в абзац () текст, що представлен нижче, словосполучення «гипертекстовая ссылка» виділити зеленим кольором. Приклад тексту:

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

9. Зберегти створену Інтернет-сторінку в персональній папці в файлі з розширенням html.

Питання для самоконтролю

1. Що таке HTML;

2. Що таке теги и які типи тегів ві знаєте;

3. Тегі фізичного та логічного форматування;

4. Тегі вставки зображення та гіперпосилання;

5. Що таке гіперпосилання, та які вони бувають;

6. Обов’язковий та необов’зковий атрибути тегів;

Тема семінару 3

Модульна тестова робота №1

Мета семінару: Модульне тестове оцінювання отриманих знань в рамках першого модуля «Основи роботи в Інтернет. Інтернет-браузери. Інтернет в бізнесі».

План

1. Розв’язання 20 випадкових тестових завдань з існуючого банку питань.

2. Питання існують двох видів: 1 правильна відповідь з декількох, та декілька правильних відповідей з багатьох.

3. Відповідь рахується правильною, якщо:

• В першому типі питань – обрано одну вірну відповідь – кожна вірна відповідь 1 бал, обрання декількох відподей автоматично рахується помилкою, та оцінюється в 0 балів.

• В другому типі питань – обрано всі вірні відповіді – кожне питання – 1 бал, обрано 1 вірну відповідь та 1 невірну з 2 вірних – оцінка – 0,5 бала, якщо обрано більш ніж 2 варіанта, або невірних відповідей більше ніж вірних – відповідь рахується не вірною, та за питання нараховується 0 балів.