El Àrtic - WEB
1. Tenemos que hacer una animación usando el programa Hype , Es un programas muy util ya que traduce el codigo flash a html , en el cual podemos obtener resultados increíbles en nuestras paginas web.
2. Iniciamos Dreamweaver y creamos un nuevo archivo HTML , y configuramos el sitio a nuestro ordenador , añadiendo una carpeta que se llame IMG. El archivo html recibirá el nombre de index.html
3. Después tenemos que crear nuestra pagina de estilos CCS.
¿Para que? Muy sencillo nuestra pagina esta compuesta por diferentes bloques , y para darles a los bloques una medida , el color de fondo ...
· Utilizaremos <divs> de ID para definir los bloques.
· Utilizamos <divs> de Classe para definir la tipografia con la que queremos trabajar.
Luego en la pagina html tendremos que cambiar, h1 , p .....
4. Como creamos los divs 2 formas
- Dibujando el Div manualmente desde la avanzada tabla de diseño.
- Directamente usando la herramientas div y poniendo parámetros y medidas.
5. Guardamos nuestros estilos ccs en el sitio y lo enlazamos a nuestro principal archivo html llamado index.html
6. El siguiente paso es insertar los divs creados de la pagina css a html.
¿Como? <div> Insertar texto </div>
7. Añadimos imágenes igual que un div. (Dibujado o creando con parámetros)
¿Cosas a tener en cuenta? Al insertar imágenes tenemos que tener en cuenta su posicionamiento , tendrán que estar en posición relative . También tenemos que tener en cuenta el z-index , que es ordenamiento por capas dentro de dreamweaver.
Problemas durante el Ejercició:
- Aparentemente parece una practica difícil , pese a que no me dio tiempo a acabarlo antes de la fecha de entrega volví a comenzar la practica de nuevo por mi cuenta para poder agilizarme en la creación de divs , me halle con las siguientes dificultades. Al principio Creaba la pagina css bien pero no sabia bien como insertarla dentro de la pagina html. Eso quizás me penalizo en la fecha de entrega , ahora que ya e conseguido empezar y acabar el ejercicio en el tiempo que tengo libre me dado cuenta de que es mas fácil de lo que me parecia.
Conclusiones : Una buena practica combinando Hype + Html + Css , Pero creó que hemos tenido poco tiempo para su creación.
2. Iniciamos Dreamweaver y creamos un nuevo archivo HTML , y configuramos el sitio a nuestro ordenador , añadiendo una carpeta que se llame IMG. El archivo html recibirá el nombre de index.html
3. Después tenemos que crear nuestra pagina de estilos CCS.
¿Para que? Muy sencillo nuestra pagina esta compuesta por diferentes bloques , y para darles a los bloques una medida , el color de fondo ...
· Utilizaremos <divs> de ID para definir los bloques.
· Utilizamos <divs> de Classe para definir la tipografia con la que queremos trabajar.
Luego en la pagina html tendremos que cambiar, h1 , p .....
4. Como creamos los divs 2 formas
- Dibujando el Div manualmente desde la avanzada tabla de diseño.
- Directamente usando la herramientas div y poniendo parámetros y medidas.
5. Guardamos nuestros estilos ccs en el sitio y lo enlazamos a nuestro principal archivo html llamado index.html
6. El siguiente paso es insertar los divs creados de la pagina css a html.
¿Como? <div> Insertar texto </div>
7. Añadimos imágenes igual que un div. (Dibujado o creando con parámetros)
¿Cosas a tener en cuenta? Al insertar imágenes tenemos que tener en cuenta su posicionamiento , tendrán que estar en posición relative . También tenemos que tener en cuenta el z-index , que es ordenamiento por capas dentro de dreamweaver.
Problemas durante el Ejercició:
- Aparentemente parece una practica difícil , pese a que no me dio tiempo a acabarlo antes de la fecha de entrega volví a comenzar la practica de nuevo por mi cuenta para poder agilizarme en la creación de divs , me halle con las siguientes dificultades. Al principio Creaba la pagina css bien pero no sabia bien como insertarla dentro de la pagina html. Eso quizás me penalizo en la fecha de entrega , ahora que ya e conseguido empezar y acabar el ejercicio en el tiempo que tengo libre me dado cuenta de que es mas fácil de lo que me parecia.
Conclusiones : Una buena practica combinando Hype + Html + Css , Pero creó que hemos tenido poco tiempo para su creación.
Aquí dejo unas fotografías de como se creo la pagina web .
· Creación paginas maestras
·Creación estilos css
·Modo mostrar diseño ( Aquí no estaba acabada )
·Código HTML ( Aquí no estaba acabada )
Comentarios
Publicar un comentario