Підписи до слайдів:
Створення Web-сайтів реалізується з використанням мови розмітки гіпертекстових документів HTML. Технологія HTML полягає в тому, що в звичайний текстовий документ вставляються керуючі символи (теги) і в результаті ми отримуємо Web-сторінок.
Вид Web-сторінки задається тегами, які полягають в кутові дужки. Теги можуть бути поодинокими або парними, для яких обов'язкова наявність відкриває і закриває тегів (така пара тегів називається контейнером). Закриває тег містить прямої слеш (/) перед позначенням.
HTML-код сторінки поміщається всередину контейнера Тема Web-сторінки полягає в контейнер Назва Web-сторінки міститься в контейнері Комп'ютер
Розмір шрифту для наявних в тексті заголовків задається тегами від (найбільший) до (найдрібніший) Все про комп'ютер Задати тип вирівнювання заголовка для тега заголовка дозволяє атрибут ALIGN Вирівнювання по правій межі вікна реалізується за допомогою запису ALIGN = "right", а по центру - ALIGN = "center" Bce про комп'ютер
За допомогою тега FONT і його атрибутів можна задати параметри форматування шрифту будь-якого фрагмента тексту. Атрибут FACE дозволяє задати гарнітуру шрифту (наприклад, FACE = "Arial"), атрибут SIZE - розмір шрифту (наприклад, SIZE = 4), атрибут COLOR - колір шрифту (наприклад, COLOR = "blue") Bce про комп'ютер Тема доцільно відокремити від решти змісту сторінки горизонтальною лінією за допомогою одиночного тега
Поділ тексту на абзаци проводиться за допомогою контейнера Помістимо на титульну сторінку текст, розбитий на абзаци з різним вирівнюванням:
Комп'ютер Bce про комп'ютер
Ha цьому сайті ви зможете отримати різну інформацію про комп'ютер, його програмному забезпеченні і цінах на комп'ютерні комплектуючі.
Термінологічний словник познайомить вас з комп'ютерними термінами, а також ви зможете заповнити анкету.
Вставка зображень Для вставки зображення використовується тег з атрибутом SRC Пояснювальний текст виводиться за допомогою атрибута ALT. значенням якого є текст, що пояснює, що мав би побачити користувач на малюнку:
Розташувати малюнок щодо тексту різними способами дозволяє атрибут ALIGN тега. який може приймати п'ять різних значень: ТОР (верх), MIDDLE (середина), BOTTOM (низ), LEFT (зліва) RIGHT (праворуч).
Гіперпосилання Перша титульна сторінка повинна надавати відвідувачеві Web-сайту можливість почати подорож по сайту. Для цього на титульну сторінку повинні бути поміщені гіперпосилання на інші сторінки сайту.
Заголовок сторінки Створити порожні сторінки «Програми», «Словник», «Комплектуючі» і «Анкета» і зберегти їх в файлах з іменами software. htm. glossary. htm. hardware. htm і anketa. htm в каталозі сайту.
Панель навігації Панель навігації буде являти собою абзац, вирівняний по центру, в якому покажчики гіперпосилань розділені пробілами ( nbsp): [Програми] nbsp [Словник] nbsp [Комплектуючі] nbsp [Анкета]
[Програми] nbsp [Словник] nbsp [Комплектуючі] nbsp [A нкет a]
Списки Список розташовується всередині контейнера. а кожен елемент списку визначається тегом. За допомогою атрибута TYPE тега можна задати тип нумерації: арабські цифри (за замовчуванням), "I" (римські цифри), "а" (малі літери) і т.д. Програмне забезпечення- Системні програми
- прикладні програми
- системи програмування
Сторінку «Словник» ми представимо у вигляді словника комп'ютерних термінів. Для цього використовуємо контейнер списку визначень. Усередині нього текст оформляється у вигляді терміна, який виділяється непарним тегом. і визначення, яке слід за тегом Процесор Центральний пристрій комп'ютера, що виробляє обробку інформації в двійковому коді. Оперативна пам'ять Пристрій, в якому зберігаються програми і дані.
Форми Форма полягає в контейнер Текстові поля: створюються за допомогою тега зі значенням атрибута TYPE = "text". Атрибут NAME є обов'язковим і служить для ідентифікації отриманої інформації. Значенням атрибута SIZE є число, що задає довжину поля введення в символах. Для того щоб анкета «читалася», необхідно розділити рядки за допомогою тега перекладу рядка.
Перемикачі та Група перемикачів ( «радіокнопок») створюється за допомогою тега зі значенням атрибута TYPE = "radio". Всі елементи в групі повинні мати однакові значення атрибута NAME. Наприклад, NAME = "group". Ще одним обов'язковим атрибутом є VALUE. якому дамо значення "schoolboy", "student" і "teacher". Значення атрибута VALUE має бути унікальним для кожної «радиокнопки», так як при її виборі саме вони передаються сервера.
Вкажіть, до якої групи користувачів ви себе відносите: учень студент вчитель
Прапорці Якщо із запропонованого переліку він потрібно вибрати одночасно кілька варіантів, то їх позначають прапорцями. Прапорці створюються в тезі значенням атрибута TYPE = "checkbox". Прапорці, об'єднані в групу, можуть мати однакові значення атрибута NAME. Наприклад, NAME = "group". Ще одним обов'язковим атрибутом є VALUE. якому дамо, наприклад, значення "www", "e - mail" і "ftp".
Поля списків З'ясуємо, який з браузерів воліє відвідувач сайту. Перелік браузерів представимо у вигляді списку, з якого можна вибрати тільки один варіант. Для реалізації такого списку використовується контейнер. в якому кожен елемент списку визначається тегом. Обираний за замовчуванням елемент задається за допомогою атрибута SELECTED.
Який із браузерів ви віддаєте перевагу?
Текстова область Створюється така область за допомогою тега з обов'язковими атрибутами: NAME. задає ім'я області, ROWS. визначальним число рядків, і COLS - число стовпців області. Яку ще інформацію ви хотіли б бачити на нашому сайті?
Відправка даних з форми Відправка введеної в форму інформації або очищення полів від вже введеної інформації здійснюється за допомогою кнопок. Кнопки створюються за допомогою тега. Для створення кнопки, яка відправляє інформацію, атрибуту TYPE необхідно присвоїти значення "submit", а атрибуту VALUE. який задає напис на кнопці, - значення "Відправити". Для створення кнопки, яка здійснює очищення фор-ми, атрибуту TYPE необхідно присвоїти значення "reset", а атрибуту VALUE - значення "Очистити".
Домашнє завдання вивчити умовні позначення і значення тегів (контейнерів)
По темі: методичні розробки, презентації та конспекти
Урок з використанням модульної технологіі.На мій погляд, використання модульної технології дозволяє: • підвищити мотивацію учнів в освоєнні не тільки знань, а й ключових компетенцій; • будує.
Відкритий урок з інформатики на тему "Розробка Web-сайтів з використанням мови розмітки гіпертексту HTML"
Відкритий урок з інформатики на тему "Розробка Web-сайтів з використанням мови розмітки гіпертексту HTML" Цілі уроку: Повторення основних принципів побудови сайтів, структури HTML-документа.
Розробка Web-сайтів з використанням мови розмітки гіпертексту HTML
Презентація для 8 класу "Розробка Web-сайтів з використанням мови розмітки гіпертексту HTML".
Розробка web-сайтів з використанням мови розмітки гіпертексту HTML
На вивчення цієї теми в навчальному плані відводиться чотири навчальні години (три теоретичних уроку і один урок - практична робота). Даний план-конспект є першим з трьох теоретичних уроків по да.
Практична робота «Розробка Web-сайту»
Практична робота «Розробка Web-сайту».
Залікова робота "Технічне завдання на розробку web-сайту".
Цілі проекту. познайомити учнів з найбільш поширеними методами збору інформації та її подання ;: навчити використовувати різні технології для подання зібраних дан.