Com fer un lloc web bàsic mitjançant el bloc de notes: 4 passos
Com fer un lloc web bàsic mitjançant el bloc de notes: 4 passos

Taula de continguts:

Anonim
Com fer un lloc web bàsic mitjançant el bloc de notes
Com fer un lloc web bàsic mitjançant el bloc de notes

Algú s’ha preguntat

"com puc crear un lloc web d'un programa bàsic d'escriptura?"

Bé, òbviament, no específicament …

De totes maneres, aquí us mostraré com fer un lloc web BASIC només mitjançant el bloc de notes.

Subministraments

Per a aquest projecte necessitareu:

-un gran cervell

-notepad

-Potser un full de trucs d'ordres HTML i CSS

-molt de paciència

Pas 1: Inici

El començament
El començament

Obre el bloc de notes. En realitat, obriu-lo dues vegades. Codificareu dos fitxers al mateix temps.

Ara deseu els dos fitxers. Un serà [nom del fitxer].html i l’altre serà [nom del fitxer].css

Pas 2: configuració del fitxer HTML

Configuració del fitxer HTML
Configuració del fitxer HTML

Al fitxer HTML, escriviu a la "" primera línia per saltar una línia

línia 2 -

línia 3 - [nom de la pàgina]

línia 4 -

línia 5 -

saltar una fila

línia 6 -

línia 7 -

[el que voleu a la primera línia. aquest és un text normal.]

línia 8 -

línia 9 -

Ara, editeu on he posat els missatges

EXPLICACIÓ - - -

indica l'inici del codi.

indica l'inici de la capçalera.

indica el que es mostrarà al nom de la pestanya

+ un altre codi a l'enllaç enllaçarà el full d'estil CSS a l'html per als estils.

finalitza la declaració.

finalitza la declaració de capçalera

indica l'inici del text / codi del cos

és l'inici del paràgraf del text que apareixerà quan s'executi el codi html.

ho has endevinat. acaba les declaracions del cos

significa el final del codi.

Pas 3: Configuració del fitxer CSS

Configuració del fitxer CSS
Configuració del fitxer CSS

a la primera línia del fitxer CSS, poseu (@charset "utf-8";)

línia 2 - cos

línia 3 {fons: [el que voleu com a color de fons]

línia 4 -}

línia 5 - h1 {

línia 6 - font-family: negreta

línia 7 -}

Podeu afegir més variables i canviar les meves notes entre

Pas 4: Bé, això va ser tot

Bé, això va ser tot
Bé, això va ser tot

Si voleu, podeu utilitzar una guia millor com ara "Conceptes bàsics de disseny web" de vishalapr

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

A més, tingueu en compte que el bloc de notes no us mostra on el vostre codi funciona malament.

És per això que es recomana un programari de codificació de llocs web.