Как создать локальную веб-страницу
Перед покупкой доменного имени и настройкой веб-сайта у поставщика услуг Интернета (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 и сохраните. Затем вы можете изучить код и освоить новые методы кодирования.