Для роботи локальних веб-сторінок на вашому жорсткому диску веб-сервери не потрібні.
Перш ніж купувати доменне ім’я та налаштовувати веб-сайт у постачальника послуг Інтернету (ISP), подумайте про використання локальних веб-сторінок для виконання простих завдань, пов’язаних із Інтернетом. Локальні веб-сторінки дозволяють створювати корисні веб-додатки, фотогалереї та медіаплеєри, які запускаються у вашому браузері. Ви навіть можете додати їх у закладки для швидкого доступу. Локальні веб-сторінки також корисні для аналізу інших веб-сайтів та покращення ваших навичок веб-розробки.
Крок 1
Відкрийте редактор HTML або Блокнот і вставте наступний код у новий документ.
Відео дня
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> >
Це створить порожній HTML-документ без елементів або елементів керування.
Крок 2
Додайте наступний код нижче
тег:Моя пісня 1
Це вбудовує музичний плеєр на веб-сторінку. Замініть «Моя пісня» назвою, що описує аудіофайл на жорсткому диску або в Інтернеті. Замініть "xyz.mp3" фактичною назвою файлу або URL-адресою аудіофайлу. Налаштуйте параметри висоти та ширини, щоб контролювати розміри програвача.
Крок 3
Додайте цей код під попередній блок коду:
Це поміщає на сторінку два зображення. Замініть "myImage1.jpg" і "myImage2.jpg" іменами двох зображень на жорсткому диску або URL-адресами файлів зображень в Інтернеті. Щоб створити галерею зображень, створіть доп теги, які вказують на інші файли зображень.
Крок 4
Додайте цей код під попередній блок коду:
Мій сайт 1
/>Замініть «Мій сайт 1» на назву одного з ваших улюблених веб-сайтів. Замінити "http://www.xyz.com" з URL-адресою сайту. Створіть додаткові посилання, використовуючи той самий формат.
Крок 5
Збережіть файл із розширенням .html. Це створює файл HTML, який ваш браузер розпізнає як веб-сторінку.
Крок 6
Відкрийте браузер і виберіть «Файл», а потім «Відкрити». З'явиться вікно вибору файлу.
Крок 7
Перейдіть до файлу HTML і виберіть його. Натисніть «ОК», щоб закрити вікно. Відкриється локальна веб-сторінка та відобразить ваші заголовки, текст, музичні програвачі, фотографії та посилання. Натисніть кнопку відтворення на аудіо, щоб запустити його.
Крок 8
Додайте сторінку в закладки. Доступ до нього в майбутньому, вибравши закладку.
Порада
Це простий приклад, який ілюструє техніку, яка використовується для додавання корисних об’єктів та елементів керування на просту локальну веб-сторінку. Додайте додаткові музичні плеєри, щоб створити список відтворення. Додати більше теги для створення бібліотеки фотографій. Створіть особисту стартову сторінку, додавши більше посилань на веб-сайти. Налаштуйте сторінку за допомогою інших елементів HTML, елементів керування та таблиць стилів. Натисніть «Перегляд», а потім «Джерело», щоб переглянути джерело будь-якої веб-сторінки в Інтернеті. Скопіюйте вихідний код, вставте його в порожній HTML-файл і збережіть. Потім ви можете вивчати код і вивчати нові методи кодування.
