Cómo hacer un sitio web básico usando el Bloc de notas: 4 pasos
Cómo hacer un sitio web básico usando el Bloc de notas: 4 pasos

Tabla de contenido:

Anonim
Cómo hacer un sitio web básico usando el Bloc de notas
Cómo hacer un sitio web básico usando el Bloc de notas

Alguien se ha preguntado

"¿Cómo hago un sitio web con un programa de escritura básico?"

Bueno, obviamente, no específicamente …

De todos modos, aquí te mostraré cómo hacer un sitio web BÁSICO usando solo el bloc de notas.

Suministros

Para este proyecto necesitará:

-un gran cerebro

-bloc

-quizá una hoja de trucos de comandos HTML y CSS

-mucha paciencia

Paso 1: el comienzo

El comienzo
El comienzo

Abra el bloc de notas. De hecho, ábrelo dos veces. Estarás codificando 2 archivos al mismo tiempo.

Ahora, guarde ambos archivos. Uno será [nombre de archivo].html y el otro será [nombre de archivo].css

Paso 2: Configurar el archivo HTML

Configuración del archivo HTML
Configuración del archivo HTML

En el archivo HTML, escriba en la primera línea "" omitir una línea

línea 2 -

línea 3 - [nombre de la página]

línea 4 -

línea 5 -

saltar una línea

línea 6 -

línea 7 -

[lo que quieres en la primera línea. este es texto normal.]

línea 8 -

línea 9 -

Ahora, edite dónde coloco los mensajes en

EXPLICACIÓN - - -

indica el inicio del código.

indica el inicio del encabezado.

indica lo que se mostrará en el nombre de la pestaña

+ otro código en el enlace vinculará la hoja de estilo css al html para estilos.

termina la declaración.

termina la declaración del encabezado

indica el comienzo del texto / código del cuerpo

es el comienzo del párrafo del texto que aparecerá cuando ejecute el código html.

lo adivinaste. termina las declaraciones del cuerpo

significa el final del código.

Paso 3: Configurar el archivo CSS

Configuración del archivo CSS
Configuración del archivo CSS

en la primera línea del archivo CSS, ponga (@charset "utf-8";)

línea 2 - cuerpo

línea 3 {fondo: [lo que quieres como color de fondo]

línea 4 -}

línea 5 - h1 {

línea 6 - familia de fuentes: negrita

línea 7 -}

Puede agregar más variables y cambiar mis notas entre

Paso 4: Bueno, eso fue todo

Bueno, eso fue todo
Bueno, eso fue todo

Si lo desea, puede utilizar una guía mejor como "Conceptos básicos del diseño web" de vishalapr

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

Además, tenga en cuenta que el bloc de notas no le muestra dónde falla su código.

Es por eso que se recomienda el software de codificación de sitios web.