fbpx
Volver a Curso

Curso profesional de HTML y CSS.

0% Completado
0/0 Steps
  1. Antes de empezar el curso.

    Grupos y foros.
  2. Módulo 1 - Desarrollo web
    1.1 Sitios Web
    4 Temas
    |
    1 Cuestionario
  3. 1.2 Lenguajes
    4 Temas
    |
    1 Cuestionario
  4. 1.3 Herramientas
    3 Temas
  5. Módulo 2 - HTML
    2.1 Estructura
    5 Temas
    |
    1 Cuestionario
  6. 2.2 Contenido
    6 Temas
    |
    1 Cuestionario
  7. Descargar material 1
  8. Módulo 3 - CSS
    3.1 Estilos
    2 Temas
  9. 3.2 Referencias
    2 Temas
  10. 3.3 Propiedades
    12 Temas
    |
    1 Cuestionario
  11. 4.1 Cajas
    1 Tema
    |
    1 Cuestionario
  12. Módulo 4 - Diseño web
    4.2 Modelo de caja tradicional
    4 Temas
    |
    1 Cuestionario
  13. 4.3 Modelo de caja flexible
    2 Temas
    |
    1 Cuestionario
  14. 5.1 Web móvil
  15. Despedida del curso
  16. Descargar material 2
  17. Descargar material 3
  18. Módulo 5 - Diseño web adaptable
    Proyecto 1 - Netflix
    13 Temas
  19. Final del curso
    Proyecto 2 - Azul Web
    6 Temas
  20. Proyecto final
    2 Temas
  21. Encuesta
Lección Progreso
0% Completado

Los sitios web están compuestos de múltiples archivos que se van descargando mediante visitamos las páginas, el ir cambiando de página se le conoce como navegar. Cada página es un archivo, y para crear un sitio web completo tenemos que crear tantos archivos como tantas páginas deseemos incluir. Cada página también puede incluir otros archivos, como imágenes, videos, etc. estos también los debemos de incluir. 

En la imagen que podemos ver arriba de este texto tenemos 5 archivos que se encuentran en la carpeta principal, todos estos archivos cuentan con una extensión .php ya que cuentan con código PHP para ciertas funciones, pero los archivos podrían ser .html si solo queremos mostrar código HTML, CSS y JavaScript. 

Nuestro archivo index.html es nuestra página principal, “index” es un nombre especial ya que se reconoce como pagina principal y aunque existan varios archivos en la misma carpeta, como en este caso, el archivo que se muestra primero es el index. También tenemos el archivo cursos.php que es otra página del sitio, así como enviar.php y mail.php. El archivo .htaccess es especial y en este caso lo usamos para colocar ciertas reglas para nuestro servidor. 

Las carpetas que se muestran en la imagen cuentan con archivos que complementan nuestro sitio, “img” guarda todas las imágenes de nuestro sitio web, “css” guarda todas nuestras hojas de estilo .css y “js” todos nuestros archivos con código JavaScript. Más adelante vamos a explicar que es cada tipo de archivo y para qué sirve.