05. septiembre 2015

Crea tu pagina en html con Dreamweaver (1)

PRIMER PASO PARA CREAR TU PROPIA PAGINA EN HTML

Bueno vamos a crear una pagina con Dreamweaver 8 este es el primer articulo en donde les muestro los primeros pasos para empezar a construir tu propia pagina si aun no tiene Dreamweaver puedes descargarlo aqui mismo en una articulo anterior del blog ve a la seccion de programas para computadora (programas PC) y sigue los pasos para la instalacion correcta, es muy facil es una descarga directa sin anuncios solo me gustaria que dejen algun comentario eso es lo unico que pido para conocer sus opiniones y saber si les interesa el tema.

Esta pagina que vamos a crear va a ser sencilla para que todos los que quieren aprender a utilizar dreamweaver no se les dificulte y si tienen alguna duda con gusto responderé en los comentarios.

Para comenzara a crear nuestra pagina en HTML debemos crear una carpeta que le pondremos de nombre "Mi-pagina-web" y dentro de esa carpeta vamos a crear otra con nombre "img".

Estas carpertas las vas a crear en el escritorio, ya que asi vamos a tener acceso mas rapido a ellas.

Despues de esto vamos a abrir el programa dreamweaver 8 y en la columna de crear nuevo eliges HTML para abrir un nuevo documento en blanco, enseguida vas a la parte superior izquierda y en archivo eliges Guardar como... para guardar este documento dentro de la carpeta que creamos primero llamada mi-pagina-web y le ponemos de nombre index.html.

Ya tenemos el archivo HTML ahora vamos a crear su hoja de estilos CSS y con esto ya tendremos lo necesario para seguir trabajando. Continuamos a crear una etiqueta div, en la parte de arriba eliges insertar luego objeto de diseño y por ultimo etiqueta div, en el espacio de ID le escribes container o contenedor que es lo mismo pero en ingles te recomiendo que trabajes con el ingles por que tienes que aprender de alguna manera, es si o si porque todo el lenguaje html esta basado en palabras escritas en ingles pero bueno siguiendo con el tema despues de escribir la ID container das aceptar y ya tendrás la primera etiqueta en tu archivo html se ve a simple vista porque lleva un texto que te lo indica ahora vas a dar click derecho sobre esa etiqueta y eliges estilos css - nuevo y te debe aparecer un cuadro con el nombre de la etiqueta y un hashtag al principio asi #container , en la opcion de abajo debe decir "nuevo archivo de hoja de estilos" y enseguida das aceptar y te aseguras que se guarde dentro de la carpeta en la que guardamos el archivo html que obviamente no va estar visible ya que son diferentes tipos de archivos pero bueno lo guardas con nombre de estilos.css .

Regresando en dreamweaver tenemos una ventana con muchas funciones en la columna de Categoria vamos a Cuadro y escribimos 0 (cero) donde dice relleno y margen en todas sus casillas ahora abajo damos aplicar y luego aceptar con esto terminamos solo hace falta guardar los cambios que hemos hecho y para eso vamos a dar click en una imagen pequeña de un mundito (globo terraquio) y eliges vista previa en chrome y das aceptar a las ventanas que salen, se encuentra en la parte de arriba de tu archivo, abajo te dejo una galeria de imagenes de lo mas importante que hicimos puedes mirar para guiarte, y el siguiente articulo vamos a crear las etiquetas pincipales que conforman una pagina web.