0 calificaciones0% encontró este documento útil (0 votos)
11 vistas3 páginas
El documento describe los principales cambios en el diseño de CSS con respecto a HTML, incluyendo etiquetas separadas para texto, código HTML y CSS en un solo documento, y comandos iniciales como color, display, justify-content y background-color. También describe el diseño visual propuesto para la página web, con botones de categoría con iconos y colores, un logo y menú superior alineado, y un menú sticky que sigue al usuario mientras hace scroll.
El documento describe los principales cambios en el diseño de CSS con respecto a HTML, incluyendo etiquetas separadas para texto, código HTML y CSS en un solo documento, y comandos iniciales como color, display, justify-content y background-color. También describe el diseño visual propuesto para la página web, con botones de categoría con iconos y colores, un logo y menú superior alineado, y un menú sticky que sigue al usuario mientras hace scroll.
El documento describe los principales cambios en el diseño de CSS con respecto a HTML, incluyendo etiquetas separadas para texto, código HTML y CSS en un solo documento, y comandos iniciales como color, display, justify-content y background-color. También describe el diseño visual propuesto para la página web, con botones de categoría con iconos y colores, un logo y menú superior alineado, y un menú sticky que sigue al usuario mientras hace scroll.
En el diseño del CSS los grandes cambios frente al html son los siguientes:
- Cada texto tendrá una etiqueta algunos como el texto normal
compartirán la misma etiqueta ya que no sería necesario crear diferentes para los textos normales y los títulos tendrán cada uno una etiqueta especial y los subtítulos compartirán la misma etiqueta si no es
- En un mismo documento pondremos el código de HTML y el CSS
juntandolo con el comando “style id=”css” “ así pudiendo editar todo en un mismo documento .html haciendo el proceso de comprobar los cambios realizados más sencillo
- De momento observado el documento html el número de etiquetas
serían de 6 para utilizar al principio y tener algo estable y un número aún indefinido a futuro
- Los principales comandos que se utilizarían de momento serían
los siguientes - color - display - flex-flow - justify-content - background-color - width - height - font-size - margin - padding-left - padding-right -text-aling -font-family Diseño de vista La página se vería de tal manera que para elegir a qué categorías queremos ir, tenemos que clickar encima de unos botones con forma de cuadrados con el nombre y un icono dentro del cuadrado con la forma de esa categoría y con diferentes colores.
Para la barra de inicio, la idea es poner una imagen del logo de la
empresa y que los diferentes apartados, el texto este puesto de tal manera que quede alineado y de un color que pegue con la estructura de la página web
Además de tener una barra que sigue al usuario cuando scrollea
denominada sticky menu o menú pegajoso para que si quiere ir a otras secciones de la página sin volver a arriba del todo solo que tenga que utilizar el menú pegajoso
En el final de la página, la idea que tenemos es poner los logos de
algunas de las marcas con las que trabaja la empresa aprovechando que con css podemos poner imágenes a nuestra página web