Spisu treści:

Jak zrobić prostą stronę internetową za pomocą Notatnika: 4 kroki
Jak zrobić prostą stronę internetową za pomocą Notatnika: 4 kroki

Wideo: Jak zrobić prostą stronę internetową za pomocą Notatnika: 4 kroki

Wideo: Jak zrobić prostą stronę internetową za pomocą Notatnika: 4 kroki
Wideo: Strona internetowa od zera. Cały kod HTML 1/4 2024, Czerwiec
Anonim
Jak zrobić podstawową stronę internetową za pomocą Notatnika
Jak zrobić podstawową stronę internetową za pomocą Notatnika

Czy ktoś się zastanawiał?

„Jak zrobić stronę internetową z podstawowego programu do pisania?”

Cóż, oczywiście, nie konkretnie…

Tak czy inaczej, tutaj pokażę jak zrobić stronę BASIC używając tylko notatnika.

Kieszonkowe dzieci

Do tego projektu będziesz potrzebować:

-duży mózg

-notatnik

-może ściągawka z poleceń HTML i CSS

-dużo cierpliwości

Krok 1: Początek

Początek
Początek

Otwórz notatnik. Właściwie otwórz go dwukrotnie. Będziesz kodować 2 pliki jednocześnie.

Teraz zapisz oba pliki. Jednym z nich będzie [nazwa pliku].html, a drugim [nazwa pliku].css

Krok 2: Konfiguracja pliku HTML

Konfigurowanie pliku HTML
Konfigurowanie pliku HTML

W pliku HTML napisz w pierwszej linii ""pomiń linię

linia 2 -

wiersz 3 - [nazwa strony]

linia 4 -

linia 5 -

pomiń linię

linia 6 -

linia 7 -

[co chcesz w pierwszej linii. to jest zwykły tekst.]

linia 8 -

wiersz 9 -

Teraz edytuj miejsce, w którym umieszczam wiadomości w

WYJAŚNIENIE - - -

określa początek kodu.

określa początek nagłówka.

określa, co pokaże się na nazwie karty

+inny kod w linku połączy arkusz stylów css z html dla stylów.

kończy oświadczenie.

kończy oświadczenie nagłówka

określa początek tekstu podstawowego / kodu

to początek akapitu tekstu, który pojawi się po uruchomieniu kodu HTML.

zgadłeś. kończy wypowiedzi ciała

oznacza koniec kodu.

Krok 3: Konfiguracja pliku CSS

Konfigurowanie pliku CSS
Konfigurowanie pliku CSS

w pierwszym wierszu pliku CSS umieść (@charset "utf-8";)

linia 2 - ciało

linia 3 {background: [jaki chcesz jako kolor tła]

wiersz 4 - }

linia 5 - h1 {

linia 6 - rodzina czcionek: pogrubiona

wiersz 7 - }

Możesz dodać więcej zmiennych i zmienić moje notatki pomiędzy

Krok 4: Cóż, to było to

Cóż, to było to
Cóż, to było to

Jeśli chcesz, możesz skorzystać z lepszego przewodnika, takiego jak „Podstawy projektowania stron internetowych” autorstwa vishalapr

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

Uważaj również, że notatnik nie pokazuje, gdzie twój kod się nie udaje.

Dlatego zalecane jest oprogramowanie do kodowania stron internetowych.

Zalecana: