Curso de HTML – Iniciando el Proyecto | Creación de directorios

Navegación del curso 
 

Ya hemos aprendido muchas cosas sobre HTML. Sabemos: 
 

• La estructura de una página HTML.
• ¿Qué son las etiquetas y los elementos?
• Explicación detallada de algunas de las Etiquetas Básicas más utilizadas.
• Creó nuestra primera página web para imprimir «¡Hola mundo!» en diferentes tamaños.

Requisitos previos : antes de comenzar el proyecto, primero debemos descargar un editor de código adecuado para escribir nuestro código. Algunos editores de texto HTML populares se dan a continuación:

• Código VS
• Bloc
• Bloc de notas++
• Texto sublime 3
• Átomo

Comencemos ahora con el proyecto que vimos en la introducción de este curso. 

El primer paso a tomar será crear los directorios. Es decir, las carpetas y archivos que necesitamos crear para escribir códigos y mantenerlos estructurados para un proyecto bien compilado y limpio. A continuación se muestra la lista de archivos y carpetas necesarios: 
 

Puede ver claramente en la imagen de arriba las carpetas y archivos que hemos usado en el proyecto en la barra lateral izquierda del editor. Pero aquí surgen algunas preguntas: 
 

• ¿Por qué es importante crear tantas carpetas?
• ¿Cuál es la convención a seguir para crear carpetas?
• ¿Existe alguna convención de nomenclatura para nombrar las carpetas y los archivos?

Entonces, estas son algunas preguntas básicas que surgen en la mente de todos los que están creando un proyecto por primera vez. 

Respuestas : 
 

1. Si no desea crear ninguna carpeta y, en cambio, mantener todos los archivos, imágenes, etc. en el directorio raíz y vincularlos correctamente donde sea necesario, su proyecto seguirá funcionando bien. Pero eso no es suficiente. Crear carpetas separadas para un conjunto separado de archivos hace que las cosas estén organizadas y sean fácilmente comprensibles para los demás. Por ejemplo, mantener todas las imágenes en una carpeta separada con el nombre «imagen», mantener todas las hojas de estilo en una carpeta llamada «CSS», etc.
2. No existe una convención estándar para hacer esto. Cada organización crea su propio conjunto de reglas para mantener las cosas estructuradas. Pero el enfoque básico que se sigue es mantener carpetas separadas para un conjunto separado de archivos como se explicó anteriormente.
3. Nuevamente, no existe ninguna convención estándar para nombrar los archivos y carpetas, excepto «index.html». La página denominada “index.html” es la base de un proyecto que el navegador considera como página de inicio. Por lo tanto, debe nombrar su página de inicio como «index.html» y para el resto de archivos y carpetas, puede nombrarlos como mejor describa el contenido que tienen.

Profundicemos ahora en detalles sobre los directorios que creamos para nuestro proyecto: 
 

• proyecto de muestra : este es el directorio raíz de nuestro proyecto que contendrá todas las carpetas y archivos que crearemos durante la construcción del proyecto.
• css : esta carpeta contendrá todos los archivos CSS que usaremos para diseñar nuestro proyecto. Por ahora, hemos mantenido esta carpeta vacía.
• fonts : esta carpeta contendrá todos los archivos de fuentes utilizados en el proyecto.
• imágenes : Esta carpeta consta de todas las imágenes que se utilizarán en el proyecto. Por ahora, esto está vacío.
• index.html : La página denominada “index.html” es la base de un proyecto que el navegador considera como página de inicio. Todo lo que hay dentro de esto se representará cuando nuestro sitio web se cargue en el navegador.