Содержание
- 2. Web-сайт – це сукупність Web-сторінок, які об’єднані однією загальною темою
- 3. Шаблони Web-сторінок
- 4. Сайт-візитка
- 5. Інформаційний сайт
- 6. Інтернет-портал
- 7. Інтернет-магазин
- 8. Основи мови HTML: теги, атрибути тегів, коментарі
- 9. Html-документ – це звичайний текстовий документ, що містить спеціальні команди для розмітки тексту (теги). HTML-файл має
- 10. ТЕГИ Тег – інструкція броузеру, яка вказуює спосіб відображення тексту.
- 11. Тег завжди починається зі знаку «меньше» ( ) Наприклад: ПРАВИЛО ЗАПИСУ ТЕГІВ
- 12. ТЕГИ ТЕГ одинарні парні (контейнер) відкриваючий закриваючий
- 13. СТРУКТУРНІ ТЕГИ Весь вміст файла інтернету-сторінки заключається в контейнер ... , вказуючи броузеру, що даним текстом
- 14. СТРУКТУРНІ ТЕГИ Базова структура HTML-документа має такий вигляд:
- 15. КОМЕНТАРІ - напівтег використовується для додавання коментарів на сторінці, тобто для корисних пояснень, які не показуються
- 16. ПРИКЛАД HTML-ДОКУМЕНТУ Моя перша Інтернет-сторінка! Це моя перша спроба роботи в Web-дизайні. Можливо, сторінка пока ще
- 17. Практичне завдання
- 18. Перед початком роботи ми створюємо на комп'ютері окрему папку для майбутньої сторінки: Робочий стіл\Папка з власним
- 19. Завантажуємо стандартну програму Блокнот і вводимо теги для створення базової структури HTML сторінки
- 20. Створюємо заголовок для нашої Web-сторінки, для цього необхідно ввести назву між тегами «Заняття 1»
- 21. Зберігаємо документ: Файл → Сохранить Как (File -> Save as) з ім'ям: index.html
- 22. Заванажуємо броузер – Internet Explorer Відкриємо в броузері наш документ: Файл - Открыть - кнопка Обзор
- 25. При перегляді Web-сторінки ми бачимо, що вона вже має і’мя
- 26. Переходимо безпосередньо до заповнення нашої сторінки, тобто до тіла документа. Всі теги, розташовані між , -
- 29. Змінюємо колір шрифту текст
- 32. Створюємо колір тексту для всього документу
- 35. Створення фону
- 38. Створення абзаців, використовуємо тег текст
- 39. Центрувати текст: текст Вирівнювати по лівому краю документу: текст Вирівнювати текст по правому краю документу: текст
- 42. Також для вирівнюювання тексту можна використовувати тег . Всі чотири значення атрибуту align можна вживати з
- 45. Створення заголовків тег - текст текст текст текст текст текст
- 48. Встановлюємо розмір шрифта тег – атрибут – size текст текст текст текст текст текст текст
- 51. Створення стилю для шрифта Напівжирний текст Похилий текст (курсив) Підкреслений текст Перекреслений
- 54. Тип шрифту тег – face атрибут – Arial текст
- 57. Вставлення малюнка
- 58. Якщо картинка лежить в піддиректорії, то посилання на неї виглядатиме так: Якщо картинка лежить на рівень
- 60. Розташування тексту поряд з картинкою, використовують атрибут align, який відповідає за вирівнювання.
- 61. Задаємо параметри розташування тексту біля малюнка та розмір малюнка
- 63. Атрибут vspace - задає відстань між текстом і малюнком – по вертикалі Атрибут hspace- задає відстань
- 64. р
- 66. Атрибут alt - короткий опис картинки alt="Наша емблема">
- 69. Картинку можна зробити фоном документа Дана дія прописується у відкриваючому тегі body background=“Малюнки/Емблема.png">
- 71. Створення таблиць Таблиця задається тегом Рядок таблиці Стовпець (комірка) таблиці
- 74. Колір фону таблиці задається атрибутом bgcolor="цвет_фона“ Фон можна задати для таблиці в цілому, для ряду, для
- 77. Задати фон для рядка атрибут bgcolor ми прописуємо для тега – : tr bgcolor="#FFCC33"> фон для
- 78. Задаємо висоту і ширину таблиці використовуємо відомі нам вже атрибути height і width висота і ширина
- 80. Вирівнювання тексту в комірках
- 81. Вертикальне вирівнювання задається наступним атрибутом - align="middle“ Top – вгорі Bottom – внизу Горизонтальне вирівнювання вмісту
- 84. Створення рамки для таблиці Рамка вводиться параметром border
- 87. Колір рамки
- 90. Лінія і не вимагає закриваючого тега: У лінії є багато різних параметрів: (center или left) (ширина
- 92. Створення форм Всі елементи створення поля введення і кнопок, задаються за допомогою тегів та
- 108. Скачать презентацию