
Оглавление:
2025 Автор: John Day | [email protected]. Последнее изменение: 2025-01-23 15:04

Кто-нибудь задавался вопросом
"как мне сделать веб-сайт из простой программы письма?"
Ну, конечно, не специально …
В любом случае, здесь я покажу вам, как создать сайт на БЕЙСИКЕ, используя только блокнот.
Запасы
Для этого проекта вам понадобятся:
-большой мозг
-блокнот
-может быть шпаргалка по командам HTML и CSS
-много терпения
Шаг 1. Начало

Откройте блокнот. Собственно, откройте его дважды. Вы будете кодировать 2 файла одновременно.
Теперь сохраните оба файла. Один будет [имя файла].html, а другой - [имя файла].css.
Шаг 2: Настройка файла HTML

В HTML-файле напишите в первой строке "" пропустите строку
строка 2 -
строка 3 - [название страницы]
строка 4 -
строка 5 -
пропустить строку
строка 6 -
строка 7 -
[то, что вы хотите в первой строке. это обычный текст.]
строка 8 -
строка 9 -
Теперь отредактируйте то место, где я помещаю сообщения в
ОБЪЯСНЕНИЕ - - -
указывает начало кода.
указывает начало заголовка.
указывает, что будет отображаться в названии вкладки
+ другой код в ссылке свяжет таблицу стилей css с html для стилей.
заканчивает заявление.
завершает заявление заголовка
указывает начало основного текста / кода
- это начало абзаца текста, который будет отображаться при запуске HTML-кода.
ты угадал. он заканчивает тело заявления
означает конец кода.
Шаг 3: Настройка файла CSS

в первой строке файла CSS поместите (@charset "utf-8";)
строка 2 - корпус
строка 3 {фон: [желаемый цвет фона]
строка 4 -}
строка 5 - h1 {
строка 6 - font-family: bold
строка 7 -}
Вы можете добавить больше переменных и изменить мои заметки между
Шаг 4: Ну вот и все

Если хотите, можете использовать более качественное руководство, например «Основы веб-дизайна» от vishalapr.
www.instructables.com/Web-Designing-Basics…
Кроме того, помните, что блокнот не показывает вам, где ваш код идет не так.
Вот почему рекомендуется программное обеспечение для кодирования веб-сайтов.
Рекомендуемые:
Как создать простую веб-страницу с помощью скобок для начинающих: 14 шагов

Как создать простую веб-страницу с использованием скобок для начинающих: Введение Следующие инструкции содержат пошаговые инструкции по созданию веб-страницы с использованием скобок. Brackets - это редактор исходного кода, основной упор делается на веб-разработку. Это бесплатное программное обеспечение с открытым исходным кодом, созданное Adobe Systems
Как преобразовать текст в аудио с помощью Блокнота !!: 8 шагов

Как преобразовать текст в аудио с помощью блокнота !!: это руководство покажет вам, как преобразовать текст в аудио с помощью блокнота. Пожалуйста, подпишитесь на мой канал Спасибо
Как создать двумерный персонаж с помощью контроллера символов в Unreal Engine 4 с помощью Visual Script для ПК: 11 шагов

Как создать 2-мерный персонаж с помощью контроллера символов в Unreal Engine 4 с помощью Visual Script для ПК: Как создать 2-мерный персонаж с контроллером символов в Unreal Engine 4, используя визуальный скрипт для ПК Привет, я Джордан Стелц. Я занимаюсь разработкой видеоигр с 15 лет. В этом уроке вы узнаете, как создать базового персонажа с помощью
Заставьте компьютер говорить то, что вы печатаете, с помощью блокнота: 3 шага

Заставьте ваш компьютер говорить то, что вы печатаете, с помощью блокнота: Вот один интересный код, созданный нами, чтобы ваш компьютер говорил то, что вы печатаете. Мы будем использовать блокнот для его создания. Давайте начнем
Как добавить «Открыть с помощью блокнота» для щелчка правой кнопкой мыши: 11 шагов

Как добавить "Открыть с помощью блокнота" для щелчка правой кнопкой мыши: я лично ненавижу использовать "открыть с помощью" из-за времени, даже если это всего несколько секунд, и необходимости помнить, где именно определенная программа находится в моем каталоге . Это покажет вам, как добавить ЛЮБУЮ программу в контекстное меню