Entradas

Comenzamos a programar

Para empezar a programar tenemos una estructura que siempre se repite. Hay que tener en cuenta que en HTML, las etiquetas siempre se abren  se cierran cada vez. Cualquier editor de texto es válido para escribir código HTML. Estructura <html> <head> <title>Dani's live</title> <body>      <h1>Dani's live</h1>          <h2>Dani</h2>          <p>Un joven con <strong>inquietudes</strong></p>          <h2>Sus <em>aficiones</em></h2>          <p>baile, kung-fu</p> </body> </head> </html> Primeros paso en HTML

HTML

HTML son las siglas de HyperText Markup Language , que puede traducirse como lenguaje de marcas o marcado de hipertexto. El lenguaje HTML se emplea para crear las páginas web. Es muy fácil ver el código HTML de una página web, la opción exacta cambia de un navegador a otro y también puede cambiar de una versión a otra de un mismo navegador, pero suelen tener un nombre similar: Ver código fuente de la página en Google Chrome y Mozilla Firefox. Ver código fuente en Internet Explorer y Opera. El lenguaje HTML tiene muchas etiquetas, pero aplicando el Principio de Pareto (la regla del 80-20), sólo hay que conocer bien el 20% de las etiquetas, ya que con ellas se crea el 80% del contenido de las páginas web. Las etiquetas más importantes son: html head meta title link style script body p a strong em img form input select textarea table tr th td blockquote hr ul ol li div span En el siguiente enlace vemos un breve resumen de la historia del lengu

Prototipado de una web

Un paso importante y que siempre tendría que ser el primero al plantear una web, es el prototipado. Plasmamos en papel el esqquema de nuestra futura web  planteamos todas sus partes y su funcionamiento, es conocido como wireframe. Prototipo Maquetas          Baja fidelidad:      -sketch                                        -Wireframes         Alta fidelidad        -Prototipo funcional

Creación de páginas web

Diferencias entre desarrollo web y diseño web. Diseño web: Es el elemento gráfico de un sitio web, es necesario tener conocimientos de diseño gráfico  programas de diseño (Photoshop, GIMP, etc...) No es necesario saber programación y no es necesario código. Desarrollo web: Es necesario un lenguaje de programación, tiene diferentes partes.    -Parte cliente: la que se vemos en la web, (HTML, CSS, Jacascript, DOM)    -Parte servidor:           -Script, PHP, ASP, ASP.NET; JSP, PERL, y coldfusion)           - Diseño y desarrollo de bases de datos.           - Seguridad. -Parte cliente-servidor: Interactuan las dos partes. Creación de páginas web conceptos.
Módulo 2 -Conocer las fases de una web -Estructura básica de una web -Aprender a hacer webs sencillas con encabezados, párrafos y listas. -Aprender a crear enlaces entre diferentes páginas que forman un sitio web. -Conocer algunos editores de código HTML.
Este blog funciona como libro de apuntes o notas para futuras referencias o necesidad de repasar conceptos.