Съдържание:

Как да направите основен уебсайт с помощта на Notepad: 4 стъпки
Как да направите основен уебсайт с помощта на Notepad: 4 стъпки

Видео: Как да направите основен уебсайт с помощта на Notepad: 4 стъпки

Видео: Как да направите основен уебсайт с помощта на Notepad: 4 стъпки
Видео: Top 5 preinstalled useful Windows 10 programs 2024, Юни
Anonim
Как да си направим основен уебсайт с помощта на Notepad
Как да си направим основен уебсайт с помощта на Notepad

Чудил ли се е някой

"как да направя уебсайт от основна програма за писане?"

Е, очевидно, не конкретно …

Както и да е, тук ще ви покажа как да направите основен уебсайт, използвайки само бележник.

Консумативи

За този проект ще ви трябва:

-голям мозък

-ноутбук

-може 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 - семейство шрифтове: удебелен

ред 7 -}

Можете да добавите още променливи и да промените бележките ми между

Стъпка 4: Е, това беше

Е, това беше
Е, това беше

Ако искате, бихте могли да използвате по -добро ръководство като „Основи на уеб проектирането“от vishalapr

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

Внимавайте също, че бележникът не ви показва къде кодът ви се обърка.

Ето защо се препоръчва софтуер за кодиране на уебсайтове.

Препоръчано: