Оглавление:

Как создать простой веб-сайт с помощью блокнота: 4 шага
Как создать простой веб-сайт с помощью блокнота: 4 шага

Видео: Как создать простой веб-сайт с помощью блокнота: 4 шага

Видео: Как создать простой веб-сайт с помощью блокнота: 4 шага
Видео: Я сделал сайт за 10 минут! 2024, Ноябрь
Anonim
Как создать простой веб-сайт с помощью блокнота
Как создать простой веб-сайт с помощью блокнота

Кто-нибудь задавался вопросом

"как мне сделать веб-сайт из простой программы письма?"

Ну, конечно, не специально …

В любом случае, здесь я покажу вам, как создать сайт на БЕЙСИКЕ, используя только блокнот.

Запасы

Для этого проекта вам понадобятся:

-большой мозг

-блокнот

-может быть шпаргалка по командам HTML и CSS

-много терпения

Шаг 1. Начало

Начало
Начало

Откройте блокнот. Собственно, откройте его дважды. Вы будете кодировать 2 файла одновременно.

Теперь сохраните оба файла. Один будет [имя файла].html, а другой - [имя файла].css.

Шаг 2: Настройка файла HTML

Настройка файла HTML
Настройка файла HTML

В HTML-файле напишите в первой строке "" пропустите строку

строка 2 -

строка 3 - [название страницы]

строка 4 -

строка 5 -

пропустить строку

строка 6 -

строка 7 -

[то, что вы хотите в первой строке. это обычный текст.]

строка 8 -

строка 9 -

Теперь отредактируйте то место, где я помещаю сообщения в

ОБЪЯСНЕНИЕ - - -

указывает начало кода.

указывает начало заголовка.

указывает, что будет отображаться в названии вкладки

+ другой код в ссылке свяжет таблицу стилей css с html для стилей.

заканчивает заявление.

завершает заявление заголовка

указывает начало основного текста / кода

- это начало абзаца текста, который будет отображаться при запуске HTML-кода.

ты угадал. он заканчивает тело заявления

означает конец кода.

Шаг 3: Настройка файла CSS

Настройка файла CSS
Настройка файла CSS

в первой строке файла CSS поместите (@charset "utf-8";)

строка 2 - корпус

строка 3 {фон: [желаемый цвет фона]

строка 4 -}

строка 5 - h1 {

строка 6 - font-family: bold

строка 7 -}

Вы можете добавить больше переменных и изменить мои заметки между

Шаг 4: Ну вот и все

Ну вот и все
Ну вот и все

Если хотите, можете использовать более качественное руководство, например «Основы веб-дизайна» от vishalapr.

www.instructables.com/Web-Designing-Basics…

Кроме того, помните, что блокнот не показывает вам, где ваш код идет не так.

Вот почему рекомендуется программное обеспечение для кодирования веб-сайтов.

Рекомендуемые: