Holaaaaaa !! En este blog vamos a comenzar a aprender html5. Como muchos sabréis el html5 es un tipo de forma para la creación de paginas web mediante código.
Lo primero que tenemos que hacer es instalar un programa para poder empezar a usar el código html5.
En este caso, y como guía inicial ya que no soy ningún experto en diseño de páginas web vamos a empezar con instalar el programa Dreamweaver CS6. Este programa lo podemos descargar 30 días gratis con una versión gratuita que nos proporciona Adobe.
Podéis descargar el programa haciendo click aquí o en el siguiente enlace
Este programa lo usaremos para crear nuestra primera página web sencillita, que poco a poco iremos adornandola y mejorandola hasta tener una página web bonita. El kit de la cuestión es aprender =) y.. que mejor manera de hacerlo juntos no? jeje. Como bien he dicho este es una versión gratuita de 30 dias de prueba de Dreamweaver, pero si queréis buscarlo por internet para descargarlo full podéis hacerlo, yo de momento usaré este para más comodidad y confianza ^^
Pues bien, una vez hayamos descargado el instalador de la página de adobe que os he dejado ahí arriba, nos aparecerá el instalador del producto dreamweaver CS6 en el cual necesitaremos crearnos una cuenta para poder descargarlo. La cuenta no requiere de activación, así que solo nos toca preocuparnos por poner nuestros datos y la descarga comenzará :D
Si os pasa como a mi que tenéis una conexión lenta a internet (espero que no) xDD podeis hacer click al botón de ¿Qué es Dreamweaver? a la parte izquierda del menú de la instalación para informaros un poco de que va el tema. Si sois curiosos como yo y habéis echo click en el botón de ¿Qué es Dreamweaver? Veréis que hay mucha información y links que te dirigen hacia guías y introducciones básicas para comenzar a usar Dreamweaver CS6
Pues bien...!! Mientras se instala voy a leer más información y en un rato actualizaré la entrada!
Ya estoy por aqui!! He tardado poquito la verdad, como aún no se ha acabado de instalar explicaré como daremos nuestros primeros pasos para crear la estructura de nuestra web. En un principio toda página web debe de tener su propia estructura, y con html5 eso es lo que vamos a hacer. Crear la estructura de nuestra primera página web. Lo bueno de usar html5 es que tiene unas etiquetas muy básicas y es muy fácil de crear.
Para empezar a crear nuestra primera estructura de la página web usaremos la primera etiqueta, el Doctype.
El Doctype como no sabemos lo que és se puede explicar: Es la primera etiqueta en forma de declaración que va en una página web y que le dice al navegador qué especificación de HTML estamos usando.
El doctype empieza con <!DOCTYPE (debe ser escrito en mayúsculas)
Luego lo que empezaremos a usar son etiquetas como.. <header> <title> <body> <article> <footer> que la función que tienen estas etiquetas es la de crear una cabecera, un título de blog, el cuerpo y la estructura principal de la web, uno de sus artículos y el pié de página. Pero... todo esto lo explicaremos mejor luego, por el momento vamos a seguir con la instalación que al parecer ya termina!
Pues si! ha terminado. una vez se haya descargado todo el contenido de Dreamweaver CS6 tenemos que darle a la opción de "Probar" así nos aseguraremos de que tendremos nuestra versión gratuita durante 30 días, una vez finalizado ese plazo nos tendremos que buscar la vida en internet para conseguir el programa. Pero les aseguro que es muy fácil encontrar este tipo de programas gratis en los sitios web de descarga.
Aceptamos los términos de licencia de adobe, esa será nuestra próxima opción, click en el botón de "Aceptar". Una vez hayamos echo click y hayamos aceptado los términos nos pedirá que tenemos que iniciar sesión para poder avanzar y usar el programa. No os asusteis!! Recordais que uno de los primeros pasos que hemos echo ha sido crear una cuenta adobe? Pues tendremos que poner nuestra dirección de correo electrónico y la contraseña que creamos hace unos minutos. Una vez completado este paso le damos click en el botón Iniciar sesión:
Bien, una vez hemos iniciado la sesión podremos elegir la ubicación donde queremos guardar el Dreamweaver, yo en mi caso lo he instalado en Archivos de programa, vosotros podéis elegir donde querais. Seleccionais la ubicación y le dais al botón de "Instalar".
Una vez completada la instalación podremos acceder a Dreamweaver pulsando el botón "Iniciar versión de prueba" y nos aparecerá la siguiente imagen. Simplemente hay que darle al botón de aceptar sin cambiar ninguna de las casillas, dejarlo tal como viene que sería algo así:
Una vez hayamos aceptado el Editor predeterminado (la imagen de arriba) ya entraremos por fin al programa Dreamweaver! La instalación la hemos completado con éxito. Una vez estemos dentro de Dreamweaver, como podréis ver tiene una interfaz muy simple y cómoda que nos permitirá acceder a las opciones que deseemos rápidamente, esta interfaz es típica en los productos de adobe como por ejemplo photoshop CS3.
Seguimos con nuestro tutorial así que... Manos a la obra!
Nos aparecerá un recuadro bien grande una vez iniciado el Dreamweaver, en el que podemos ver la sección de "Crear nuevo" señalaremos la opción de HTML y así es como empezaremos nuestra página web, en la siguiente imagen os indico el botón:
Una vez creado nuestro nuevo HTML, nos Dreamweaver nos redirecciona directamente al que será nuestro lugar de trabajo! Os espero en la siguiente entrada donde explicaré con más detalles como empezaremos a trabajar y como haremos nuestra primera página web. Saludos!
No hay comentarios:
Publicar un comentario