Taula de continguts:
- Subministraments
- Pas 1: Inici
- Pas 2: configuració del fitxer HTML
- Pas 3: Configuració del fitxer CSS
- Pas 4: Bé, això va ser tot
Vídeo: Com fer un lloc web bàsic mitjançant el bloc de notes: 4 passos
2024 Autora: John Day | [email protected]. Última modificació: 2024-01-30 08:10
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
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
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
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
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.
Recomanat:
Com convertir text a àudio mitjançant el bloc de notes !!: 8 passos
Com convertir text a àudio mitjançant el bloc de notes !!: aquest instructiu us mostrarà com convertir text a àudio mitjançant el bloc de notes Si us plau, subscriviu-vos al meu canal Gràcies
Com fer un lloc web de tauler de missatges mitjançant PHP i MYSQL: 5 passos
Com fer un lloc web de taulers de missatges amb PHP i MYSQL: aquest instructiu us mostrarà com crear un lloc web de taulers de missatges amb php, mysql, html i css. Si no coneixeu el desenvolupament web, no us preocupeu, hi haurà explicacions i analogies detallades perquè pugueu entendre millor els conceptes. Estora
Fer un joc al bloc de notes i molt més: 10 passos
Fer un joc al Bloc de notes i molt més: aquest és el meu primer instructable. Així que si teniu algun suggeriment, si us plau comenteu-ho. Comencem! Quan tots sentim la paraula bloc de notes, pensem en algunes aplicacions inútils i avorrides per anotar coses. Bé, el bloc de notes és molt més que això. Podem controlar la nostra p
Creeu un xifratge de missatges senzill amb un bloc de notes: 5 passos
Crea un xifratge / desxifratge de missatges senzills mitjançant el bloc de notes: Hola, amb aquesta aplicació HTML simple podeu xifrar i desxifrar el vostre missatge per contrasenya. Primer de tot, us mostraré com crear-lo i després us mostraré com utilitzar-lo. Comencem
Feu que el vostre ordinador parli el que escriviu mitjançant el bloc de notes: 3 passos
Feu que el vostre ordinador parli el que escriviu mitjançant el bloc de notes: aquí teniu un codi interessant creat per fer que el vostre ordinador parli el que escriviu. Utilitzarem el bloc de notes per crear-lo. Comencem