Как создать локальную веб-страницу

...

Локальные веб-страницы на вашем жестком диске не нуждаются в веб-серверах для работы.

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