Mi Proyecto del curso: Introducción al Desarrollo Web Responsive con HTML y CSS
por Edgar Augusto @eaugusto_7
- 191
- 2
- 1
Hola,
Como proyecto final quiero compartir mi sitio web personal, para el cual utilicé todo lo que vimos en el curso como base.
https://edgarcortes.com/
Eventualmente, tuve que investigar por fuera distintas metodologías de trabajo para darme una idea del cómo proceder con HTML/CSS, así como para realizar el formulario. De igual manera, tuve que recurrir a la documentación oficial que nos proporcionó Javier.
Ahora que tengo el sitio web terminado, me surgieron unas preguntas:
1) Siento que hice mucho código en CSS, al menos repito varios estilos, como el color de fondo, el tamaño de letra, etc. ¿Hay alguna forma de evitarlo? En otras palabras, ¿se puede asignar en CSS un estilo a una "variable", copiar dicha variable en donde lo requiera en el código y así cambiar una única vez el valor del estilo?
2) He subido mi sitio web a un hosting y me he visto en la necesidad de modificar/actualizar el código CSS repetidas veces, pero me doy cuenta de que los cambios no surten efecto de forma inmediata (cosa que no pasa con los archivos HTML). ¿Hay alguna instrucción/código para que los cambios en un archivo CSS surtan efecto en automático?
3) Observo que, al navegar en mi sitio web, el url siempre termina en .html, pero es algo que no veo en los demás sitios web. ¿A qué se debe y cómo podría cambiarlo para que no aparezca la extensión .html?
De antemano gracias Javier por el curso y por tu tiempo.
Saludos
1 comentario
htmlboy
Profesor Plus¡Hola! Buen trabajo. Respecto a tus dudas:
1- Puedes combinar clases para reutilizar los estilos que sean comunes y aplicar los estilos diferentes donde quieras. No hay límite en la cantidad de clases (separadas por espacios) dentro del atributo class.
2- La CSS debería cambiar igual que el HTML, pero tiende a cachearse en el navegador. Puedes evitar esto recargando la página con Control + Shift +R o Command + Shift + R.
3- Puedes configurar un servidor para que renombre las direcciones, de manera que en vez de ir a contacto.html, vayas a /contacto/. Depende de dónde lo hayas subido puede cambiar, pero probablemente podrás hacer esto con un archivo .htacess. Aquí una explicación en inglés de qué líneas agregar: https://perishablepress.com/change-file-extension-htaccess/
¡Un saludo!
Entra o únete Gratis para comentar