lunes, 23 de julio de 2018

HTML/CSS


HTML/CSS

HTML/css

(navegación)



html5 y en conjunto con CSS3, define los nuevos estándares de desarrollo web, rediseñando el código para resolver problemas y actualizándolo así a nuevas necesidades. No se limita solo a crear nuevas etiquetas o atributos, sino que incorpora muchas características nuevas y proporciona una plataforma de desarrollo de complejas aplicaciones web (mediante los APIs).


Menú vertical:  crearemos menú vertical con HTML y css (hoja de estilo), para ello tendremos que abrir nuestro programa Dreamweaver o el que guste para elabora una página, ya teniendo abierto nuestro programa empezamos a digitar su contenido, en este caso tendremos menús:

Y aquí se muestra como es que se observa nuestro menú vertical en el navegador de Google:



PASO2:  ahora vamos añadir hoja de estilos, externa y para que vea la hoja de estilo solo de damos una ruta o dirección en <head>, y comenzamos a darle estilo a nuestro menú con código en la hoja de estilo:




 RESULTADO:  Y el resultado que nos mostrara en el navegador Google después que hayamos hecho lo anterior es el siguiente:


Menú Horizontal:  luego de haber echo nuestro menú vertical, ahora haremos algo similar, pero en forma horizontal, y para ello cambiaremos unos códigos en nuestra hoja de estilos:

 RESULTADO:  Y el resultado que nos mostrara en el navegador Google después que hayamos hecho los cambios correspondientes es el siguiente:


PAGINA CULTURE_BBC

PASO1: abriremos nuestro programa Dreamweaver para luego codificar nuestro contenido, donde habrá diferentes etiquetas:



PASO2: luego de haber escritos los códigos necesarios para poder construir y obtener nuestro objetivo, se añade una hoja de estilos que estará de forma externa dentro de una carpeta.





PASO3: luego de haber ya enlazado ala hoja de estilos, solo añadiremos códigos para que darle un estilo distinto a nuestra página:





RESULTADO:  Y el resultado final después de haber realizado lo necesario es el siguiente:


------> ARCHIVOS CLIC AQUÍ

--------->  BBC CULTURE




No hay comentarios:

Publicar un comentario