Diseño de Siitio Web

UNIVERSIDAD ESTATAL DE MILAGRO UNIDAD ACADMICA EDUCACIN SEMIPRESENCIAL Y A DISTANCIA
LICENCIATURA EN INFORMTICA Y PROGRAMACIN Seminario
Instructivo de
DISEO DE SITIO WEB
Elaborado por: MGTIC. Mirella Correa Peralta Docente UNEMI
2012
NDICE Introduccin .................................................................................................................................. 3 Objetivos de la asignatura ............................................................................................................. 4 INFORMACIN........................................................................................................................... 5 UNIDAD 1: Uso de Dreamweaver ........................................................................................ 6 Empezando con Dreamweaver ...................................................................................................... 6 Qu es un Sitio Web? ............................................................................................................. 6 Dreamweaver ................................................................................................................................ 6 Espacio de trabajo ......................................................................................................................... 7 Vista .............................................................................................................................................. 7 Barra de herramientas.................................................................................................................... 8 Diagramacin en una tabla ............................................................................................................ 9 Manejo de imgenes ...................................................................................................................... 9 Trabajando estilos de texto.......................................................................................................... 10 Crear un plantilla ......................................................................................................................... 10 Tipos de regiones de plantillas ................................................................................................ 10 Hipervnculo................................................................................................................................ 11 Vnculos .................................................................................................................................. 11 Administracin de archivos y carpetas........................................................................................ 11 Incorporar video flash ................................................................................................................. 11 Publicar una pgina web ............................................................................................................. 11 LECTURAS ............................................................................................................................ 11 UNIDAD 2: html......................................................................................................................... 19 UNIDAD 3: HTML - CSS .......................................................................................................... 21 Lecturas del captulo ................................................................................................................... 21 UNIDAD 4: Fireworks y Flash ................................................................................................... 23 Lecturas del captulo ................................................................................................................... 26 UNIDAD 5: Joomla - PHP - WAMP - Formularios en Dreamweaver ....................................... 28 Lecturas del captulo ................................................................................................................... 43 Bibliografa ................................................................................................................................. 45
INTRODUCCIN
El Diseo de Sitio Web es la ciencia que aporta no slo con una necesidad de obtener informacin sino una actividad trascendental porque se enva culta, valores, informacin, etc. estableciendo contacto con la realidad como base para la emisin de conocimientos y habilidades en las herramientas y procesos informticos para crear competencias que permitan utilizar software de composicin.
La asignatura Diseo de sitio web tiene como propsito aplicar las herramientas informticas para utilizar Dreamweaver, conocer cdigo HTML CSS, incorporando programas de Macromedia de Fireworks y Flash, conociendo a Joomla como herramienta de plantillas para organizar la informacin.
La asignatura se desarrolla en 5 unidades: UNIDAD 1: Introduccin conociendo Dreamweaver UNIDAD 2: HTML UNIDAD 3: CSS UNIDAD 4: Disear Pginas y Sitios Web UNIDAD 5: Joomla
Espero que el lector haga uso de este material slo como referencia adems se encuentra el material bibliogrfico del cual podrn consultar cualquier informacin; adems espero que me ayuden a mejorar el presente material de trabajo por lo que pongo a vuestra consideracin el correo electrnico: mcorreap@unemi.edu.ec
OBJETIVOS DE LA ASIGNATURA
Estimular el aprendizaje convirtiendo el aula en un espacio de debate y anlisis crtico, en el que cada estudiante exponga libremente sus ideas; desarrollando la capacidad de bsqueda de soluciones a problemas reales con responsabilidad y preservacin del medio ambiente. Desarrollar la capacidad y habilidades bsicas de planificar aplicando conceptos y tcnicas prcticas con el fin de generar solucin a problemas actuales para desarrollar pginas y sitios web relacionando con la realidad. Fundamentar las bases tericas que permitan al estudiante discernir sobre cdigos de HTML y CSS para su aplicacin en la prctica del ejercicio profesional. Fortalecer la cultura de investigacin y la consulta de informacin del uso de herramientas para aplicarlos en el Diseo de Sitio Web, que incluye mtodos de aplicacin en situaciones reales, con cumplimiento, compromiso, responsabilidad, y juicio del producto que se desarrolle.
INFORMACIN
En el instructivo material para el alumno, se presenta imgenes:
Lectura: corresponde a material de lectura importante para el desarrollo del captulo
Repaso y anlisis: comprende a actividades que debe desarrollarse e incluirse dentro del portafolio del curso
Conceptos bsicos: Trminos mnimos que el alumno debe conocer en el desarrollo del mdulo
Ejercicios: Resolviendo ejercicios que permita afianzar sus conocimientos
UNIDAD 1: USO DE DREAMWEAVER

Elaborar juicios de valor sobre situaciones, hechos de Dreamweaver estableciendo los criterios que va a utilizar con el diseo de una pgina web para aplicarlo en la etapa profesional
EMPEZANDO CON DREAMWEAVER

Introduccin
Qu es una Pgina web? Una pgina Web, tambin conocida como una pgina de Internet, es un documento electrnico adaptado para la Web, pero normalmente forma parte de un sitio Web. Su principal caracterstica son los hipervnculos de una pgina, siendo esto el fundamento de la Web. Qu es un Sitio Web? Una coleccin de pginas web relacionadas y comunes a un dominio de Internet o subdominio en la World Wide Web en Internet. La organizacin de un sitio sirve para administrar, compartir y mantener vnculos entre los archivos de forma automtica Un sitio consta de: Carpeta local o sitio local Carpeta remota o sitio remoto Los modos para crear un sitio web son: Modo bsico Modo avanzado
DREAMWEAVER
Es una aplicacin en forma de suite (basada en la forma de estudio de Adobe Flash) que est destinada a la construccin, diseo y edicin de sitios, videos y aplicaciones Web basados en estndares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems) es el programa ms utilizado en el sector del diseo y la programacin web, por sus funcionalidades, su integracin con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estndares del World Wide Web. Se presenta: Barra de titulo Barra de men Panel insertar Barra de herramientas de documento
Regla horizontal y vertical Ventana del documento Paneles acoplables Panel archivos Panel de propiedades Barra de estado
Espacio de trabajo
Vista
Tiene dos modos para visualizar el documento en el cual estamos trabajando: Vista Diseo Vista Cdigo
Barra de herramientas
Mostrar vista de cdigo, muestra la vista Cdigo en la ventana de documento. Mostrar vistas de cdigo y diseo, muestra la vista Cdigo en una parte de la ventana de documento y la vista Diseo en la otra parte. Cuando seleccione esta vista combinada, se encontrar disponible la opcin Vista de diseo encima del men Ver. Utilice esta opcin para especificar qu vista debe aparecer en la parte superior de la ventana de documento. Mostrar vista de diseo, muestra la vista Diseo en la ventana de documento. Depuracin del servidor, muestra un informe que le ayudar a depurar la pgina de ColdFusion actual. El informe contiene los errores de la pgina, si los hay. Ttulo del documento, permite introducir un ttulo para el documento, que aparecer en la barra de ttulo del navegador. No hay errores de comprobacin de navegador, permite comprobar la compatibilidad con distintos navegadores. Validar formato, validar el documento actual o una etiqueta seleccionada. Administracin de archivos, muestra el men emergente Administracin de archivos. Vista previa/Depurar en explorador, ver una vista previa del documento o depurarlo en un navegador. Seleccione un navegador en el men emergente. Actualizar vista de diseo, actualiza la vista Diseo tras realizar cambios en la vista Cdigo.
Barra de estado
Barra insertar
Inspector de propiedades
Panel de archivos
Diagramacin en una tabla

Las tablas son una herramienta perfecta para organizar datos de manera ordenada. Podemos usarlas tambin para definir la estructura de las pginas. Permiten insertar datos, as como controlar la disposicin de los elementos de las pginas. Podemos utilizar las tablas como una herramienta de diseo, pero tambin para organizar informacin. Las tablas presentan informacin tabulada, es decir, usando filas y columnas, las cuales nos servirn para crear varias reas donde se mostrarn los contenidos, maquetados como si fuera una revista o un portal, para obtener una libertad en la colocacin de los distintos elementos de la pgina.
Tabla, es la interseccin de una o varias filas, cada una de las cuales consta, a su vez de una o ms celdas. Aunque las columnas no suelen especificarse explcitamente en el cdigo HTML. Para la diagramacin de tablas se puede efectuar por 3 mtodos: Modo estndar Modo ampliada, para seleccionar elementos de las tablas o colocar el punto de insercin de forma precisa Modo diseo, permite dibujar, cambiar el tamao y mover cuadros en la pgina
La tabla anidada es una tabla que est dentro de otra tabla, donde el ancho de la tabla estar limitado por el ancho de la celda en que aparezca. Adems se puede combinar y dividir celdas
Manejo de imgenes
Las imgenes se utilizan para aadir interfaces grficas, atractivo visual o elementos de diseo interactivo. Los tipos de imgenes son: Vectoriales En mapa de bits Formato de imgenes Gif Jpeg Png
Trabajando estilos de texto

Dreamweaver ofrece varios comandos o herramientas que permiten aplicar formato mediante estilos CSS o etiquetas HTML a texto
Dreamweaver no mantiene el formato de texto aplicado en la aplicacin de la cual estamos copiando el documento, pero conserva los saltos de lnea; adems, de forma predeterminada aplica un formato mediante estilo en cascada CSS. Los estilos CSS brindan a los diseadores y desarrolladores Web un mejor control sobre el diseo de la pgina web, a la vez que permite utilizar funciones mejoradas de las cuales facilita la accesibilidad y reducen el tamao del archivo. Se puede insertar caracteres especiales de texto (como entidades de HTML).
Con Dreamweaver se pude: Dar formato al texto Crear listas Configurar las propiedades de la pgina Formato de encabezados Formato de hipervnculos Administrar los estilos
Crear un plantilla
La plantilla es un documento que creamos con una apariencia y caractersticas determinadas las que posteriormente servirn de modelo para crear nuevos documentos o pginas web. Los documentos creados en base a una plantilla tienen una estructura y apariencia comunes. Estos documentos estn ligados a la plantilla, de tal modo que al modificar la plantilla todos los documentos vinculados a esta, tambin sufrirn las mismas modificaciones.
Tipos de regiones de plantillas Entre las regiones se encuentra: Regin no editable o bloqueada Regin editable Regin repetida
Hipervnculo
Vnculos Dreamweaver crea los vnculos con otras pginas del sitio, empleado rutas relativas a documentos. Tambin podemos indicar a Dreamweaver que cree vnculos nuevos utilizando relativas a la raz del sitio. Se puede: Aadir hipervnculos utilizando el comando hipervnculo Crear vnculos entre pginas Vnculos dentro de una pgina creando anclaje con nombre Vnculos de correo electrnico Vnculo a un archivo de descarga Mapas de imagen
Administracin de archivos y carpetas

Mediante el panel de archivos podemos abrir, cambiarle el nombre, aadir, mover o eliminar archivos.
Incorporar video flash

Podemos insertar archivos SWF u objetos de Flash, pelculas Quicktime, applets de Java, controles ActiveX y otros objetos de audio o video en un documento de Dreamweaver Un Plug-in es una aplicacin adicional que interacta con otra aplicacin para aportarle una funcin o utilidad especfica. Esta aplicacin adicional es ejecutada por la aplicacin principa. Los tpicos tienen la funcin de reproducir determinados formatos de grficos, reproducir datos multimedia, como archivos de sonido, video y animacin, para poderlos reproducir requiere tener instalado el programa Flash y reproductor multimedia. Las pelculas Flash son animaciones, que al igual que los botones y el texto Flash, tiene la extensin SWF. Es frecuente verlas en las pginas iniciales de los sitios web.
Publicar una pgina web

Los pasos para publicar una pgina web son: Obtener un hospedaje web, existen los gratuitos y de pago Contratar una cuenta Publicar una pgina web
LECTURAS
Diseo de pgina web para ambientes virtuales de aprendizaje http://site.ebrary.com/lib/unemisp/docDetail.action?docID=10125759&p00=web (Garca Alicia, 2004) Etapas en la creacin de un sitio web, http://redalyc.uaemex.mx/redalyc/src/inicio/ArtPdfRed.jsp?iCve=16114409
Repaso y Anlisis
1. 2. Crear un sitio web para el proyecto MASCOTITA Crear la tabla de COLEGIO
3.
Crear la pgina MASCOTITAS
4. 5.
Modificar una imagen Aplicar un estilo al proyecto
6.
Crear una plantilla para nuestro sitio
7. 8. 9.
Contestar preguntas de un control de lectura Crear vnculos del sitio realizado. Crear su propio sitio web (www.galeon.com) http://galeon.hispavista.com/mirellacorrea/
Conceptos bsicos
FTP Internet Web Sitio Web Pgina Web Hipervnculo - Vnculos Etiquetas html CSS HTML Plantilla Dominio Subdominio Hospedaje web
TEST DE CONTESTAR
1. Defina con sus palabras: a) Qu entiende por una pgina Web b) Tipos de navegadores utiliza con frecuencia o conoce c) Diferencia entre un Sitio Web y un Sitio de Dreamweaver d) Diferencia entre los modos de crear un Sitio nos brinda Dreamweaver e) Mencione algunas caractersticas de las imgenes vectoriales y en mapa de bits f) Por qu no es recomendable insertar imgenes PNG en una pgina web
g) De qu forma interacta Dreamweaver con Fireworks h) Menciona los pasos para abrir el panel Estilos CSS i) j) Menciona los pasos para crear una lista anidada: Menciona los pasos para abrir el cuadro de dilogo Propiedades de pgina
k) Por qu es importante incluir una plantilla a nuestro sitio? l) Cuntos tipos de regiones se pueden incluir en una plantilla?
m) Cul es la diferencia entre una regin editable y una regin repetida? n) Con que fin separamos un documento de la plantilla de la que fue creada? o) Menciona los pasos para abrir el panel Archivos p) Menciona los pasos para eliminar un archivo o carpeta 2. Relacione los siguientes conceptos de la derecha con el que le corresponda a la izquierda:
Pgina Web Navegador Sitio Web Editor de Pginas Web
Documentos vinculados. Dreamweaver. Internet Explorer, Netscape. Documento de tipo HTML.
3. Marque verdadero o falso: ( ( ( ( ( ( ( ( ( ( ( ( ( ( ) El panel archivos nos permite visualizar los archivos y carpetas que
estn asociados a nuestro sitio ) El cuadro de dilogo Administrar Sitios no nos permite crear nuevos
sitios ) En la elaboracin del boceto de nuestras pginas Web, debemos incluir
elementos tales como texto, imgenes, botones e hipervnculos. ) Una tabla consta de una o varias filas, cada una de las cuales consta, a
su vez, de una o ms celdas. ) El ancho de una tabla anidada estar limitado por el ancho de la celda
en la que aparece. ) ) Dreamweaver es principalmente un editor de imgenes Dentro de Dreamweaver tambin podemos modificar el tamao de
imgenes ) ) Fireworks nos permite optimizar imgenes Para definir un texto como hipervnculo, se debe colocar un smbolo de
nmero (#) en la propiedad vnculo ) El panel Estilos CSS permite supervisar las reglas y propiedades CSS que
afectan al documento ) Podemos crear una plantilla de dos formas: Convirtiendo un documento
existente en plantilla o crear una plantilla nueva en blanco ) La opcin _blank, del campo Dest del panel Propiedades, indica que el
documento vinculado se visualizar en una nueva ventana. ) La opcin _parent, del campo Dest del panel Propiedades, indica que el
documento vinculado se visualizar en la ventana completa del navegador. ) Al hacer clic en un vnculo de Correo Electrnico se abre una ventana
de mensaje en blanco, utilizando el programa de correo asociado al navegador del usuario. ( ) No es posible copiar una imagen con Zonas interactivas de un
documento a otro, ni copiar una o ms zonas interactivas de una imagen y pegarlas en otra imagen. ( ) El campo Archivo especifica la ruta del archivo de documento Flash
(FLA) origen.
15 mcorreap@unemi.edu.ec - 2012
Los plugins tpicos tienen la funcin de reproducir determinados
formatos de grficos, reproducir datos multimedia, como archivos de sonido, video y animacin tridimensional, etc. ( ( ) Incluir un sonido agradable, apropiado al contenido de la pgina, puede
hacerla ms atractiva. ) El campo Escala del panel Propiedades, determina cmo se ajusta la
pelcula a las dimensiones establecidas por los cuadros de texto de Ancho y Alto. 4. Complete Los modos de visualizacin y manipulacin de tablas que ofrece Dreamweaver son: a. b. c. Una tabla .. es una tabla que est dentro de otra tabla. A los comandos Dividir celda y Combinar celdas, los podemos encontrar en el men . > . El Panel de............nos permite establecer las propiedades de una imagen. La propiedad........... especifica el archivo de origen para la imagen. El botn........... aparece a la derecha de los cuadros de texto An (Ancho) y Al (Alto) siempre y cuando se le haya hecho alguna modificacin a los valores de la imagen seleccionada. Dreamweaver permite insertar texto fcilmente en un documento escribindolo directamente, ..........o.. El comando Archivo > Guardar como plantilla, sirve para El comando Plantillas > Nueva regin editable, sirve para .. El comando Modificar > Plantillas > Quitar formato de plantilla, sirve para . El comando Modificar > Plantillas > Actualizar pginas, sirve para Podemos aadir texto o imagen de . para establecer un vnculo con otro documento o archivo.
Para abrir el cuadro de dilogo Insertar hipervnculo, podemos realizar uno de los siguientes procedimientos: a. b. Podemos utilizar el panel Propiedades para crear vnculos, desde un texto o una imagen seleccionados, utilizando los conos y Los con .. permiten establecer marcadores en un documento que, generalmente, son colocados en un tema especfico. Para crear un Anclaje con nombre, podemos realizar: El cuadro de dilogo ... de .. nos consultar si deseamos guardar o slo abrir el archivo que estamos descargando. Un . es una aplicacin adicional que interacta con otra aplicacin para aportarle una funcin o utilidad especfica. Las . son animaciones que frecuentemente encontramos en las pginas iniciales de los sitios web a modo de presentacin hacia los usuarios. Los formatos de Sonido ms habituales en Internet son, fundamentalmente: a. b. c.
Los formatos de vdeo que suelen utilizarse en Internet son: a. b. c.
5. Coloca el nombre de: Los siguientes comandos:
a. b. c.
a. b.
c. d.
a. b. Las opciones
UNIDAD 2: HTML
Analizar las caractersticas de etiquetas, texto, listas, imgenes, tablas, formularios, hiperenlace, javascrit, marcos, pginas web dinmicas que fundamentan HTML relacionando con el uso de Dreamweaver para aplicar en el diseo de pginas.
Introduccin HTML - Estructura interna de HTML - Head, Body - Etiquetas fundamentales - Texto y su presentacin - La alineacin - Caracteres especiales - Listas - Imgenes - Tablas - Formularios - Hiperenlaces - Javascript - Marcos - Pginas web dinmicas
Repaso y Anlisis
1. Prctica de las etiquetas de HTML
Conceptos bsicos
Etiquetas de HTML
Sopa de letras
UNIDAD 3: HTML - CSS

Distinguir entre hechos del uso del CSS y HTML usando el Dreamweaver, desarrollando habilidades en el diseo de pginas web dinmicas.
HTML y CSS Vincular CSS Crear pginas con CSS Estilos en cascada Formato a texto y CSS Crear y administrar CSS Configurar las preferencias de estilos CSS - Crear nueva regla CSS - Propiedades de estilo CSS Aplicar, eliminar o cambiar el nombre de los estilos de clase - Diseo de pginas con CSS - Bloques de diseo CSS - El modelo de de caja - estndares web y validacin
Lecturas del captulo

http://es.html.net/tutorials/css/
Repaso y Anlisis
1. Consulte 5 referencias en relacin al problema de investigacin
Conceptos bsicos
CSS Pginas Teora Marco terico Perspectiva terica Referencia
Espina de pescado
Tema:
UNIDAD 4: FIREWORKS Y FLASH

Distinguir entre hechos e hiptesis sobre el alcance de la utilidad de editor grfico y de animacin aplicando FIREWORKS y FLASH (Macromedia) desarrollando habilidades en el diseo de pgina web.
Fireworks Es un programa que nos sirve para disear y producir elementos grficos para la Web que nos proporciona herramientas con las cuales podemos crear y editar imgenes vectoriales y de mapa de bits, podemos disear efectos web, y optimizar elementos grficos con el fin de incrementar su calidad y de reducir su tamao de archivo. En su entorno de trabajo presenta: El panel o inspector de propiedades La barra de herramientas del documento El panel de herramientas Con Fireworks se puede: Trabajar con capas Importar exportar imgenes
Procesamiento de imgenes
El proceso por lotes es un mtodo til para convertir, automticamente, un grupo de archivos grficos, aplicando configuraciones de optimizacin personalizados. Las opciones que ofrece son las siguientes: Procesar archivos por lotes Exportar por lotes Escala por lotes Creacin de galera de imgenes
Filtro de imgenes
Los efectos automticos se pueden aplicar a los objetos seleccionados directamente desde el panel de propiedades. Fireworks actualiza efectos automticamente, es posible cambiar sus opciones en cualquier momento o reorganizar el orden de los efectos para experimentar con un efecto combinado. Lo que permitir efectuar: Aplicar filtro automtico a objetos seleccionados Ajuste de brillo y contraste Ajuste de matiz y saturacin Aplicacin de relieve Aplicacin de desenfoque gaussiano Aplicacin de sombra y luces
Efecto de imgenes
Los efectos son un conjunto de atributos que podemos aadir a nuestros objetos vectoriales, imgenes de mapa de bits y textos. Los efectos nos ayudan a mejorar nuestros proyectos en Fireworks dndoles una apariencia mucho ms agradable, los efectos pueden ser: fundido de imgenes y mscaras.
Divisiones, botones y mens Las divisiones Son objetos web que definen reas interactivas en un grfico web. Las divisiones cortan la imagen en varias secciones, a las que es posible aplicar comportamientos de animacin y vnculos. Adems, podemos exportar cada seccin con diferentes parmetros. Los botones Son objetos web que conducen a otras pginas o documentos web. Su aspecto suele varias segn el movimiento del mouse u otras acciones del usuario, como un clic, a modo de indicador visual de interactividad. Los mens emergentes O desplegables aparecen en el navegador cuando el usuario mueve el puntero sobre un objeto web, o hace clic en l. Los mens permiten organizar las opciones de navegacin dentro de nuestra pgina web. Los elementos de estos mens pueden incluir vnculos URL.
Flash
Es una herramienta de edicin que realiza animaciones simples hasta complejas aplicaciones web interactivas. Las aplicaciones de flash pueden enriquecerse aadiendo imgenes, sonido y video. Su entorno incluye: La barra de men La lnea de tiempo, consta de 3 partes: Los fotogramas, contenidos en cada capa aparecen en una fila a la derecha del nombre de la capa y vienen delimitados por lneas verticales (rectngulos) El encabezado de la lnea de tiempo, situado en la parte superior de la lnea de tiempo indica los nmeros de fotogramas Los nmeros de fotogramas, que permiten saber qu nmero tiene asignado cada fotograma, cuando dura o cuando aparece en la pelcula El escenario, es el rea donde se coloca el contenido grfico Las capas, cada capa tiene su propia lnea del tiempo Los paneles, son un conjunto de comando agrupados segn su funcin.
Herramienta de diseo Flash brinda varias herramientas para dibujar formas libres o lneas precisas y trazados a los cuales les podemos aadir rellenos, como son: Herramienta de seleccin Herramienta de subeleccin Herramienta de transformacin Herramienta de dibujo Herramienta de trazado de vectores Herramienta de texto
Animaciones y operaciones bsicas Las operaciones bsicas incluye el definir: 24 mcorreap@unemi.edu.ec - 2012
Fotogramas clave, es un fotograma en el que se definen cambios en la animacin, los fotogramas que tienen contenido se representan con un crculo relleno, y los sin contenido se representa mediante un crculo vaco. Interpolacin La interpolacin de movimiento es un tipo de animacin en la que un objeto se mueve de una posicin a otra. Las interpolaciones de movimiento se indican con un punto negro en el fotograma clave inicia, y los fotogramas interpolados intermedios tienen una flecha negra con un fondo azul claro. Tambin las pelculas de flash pueden efectuar interpolacin de movimiento aplicando color y tamao.
Filtros
Es poder realizar efectos que antes ameritaban tener imgenes adicionales para dar un toque ms orientado al diseo
Smbolos
Provienen de objetos que hemos creado utilizando las herramientas que nos proporciona Flash, estos objetos al ser transformados en smbolos, son incluidos en una biblioteca en el momento en que son creados, lo que permite que sean utilizados en varias ocasiones, ya sea en la misma o en otra pelcula.
En Flash podemos encontrar dos tipos de bibliotecas, las bibliotecas comunes y de ejemplos y aquellas asociadas a las pelculas que hemos creado. Todas ellas las tenemos a nuestra disposicin para utilizar los smbolos que contienen: botones, clips o grficos. 25 mcorreap@unemi.edu.ec - 2012
La diferencia entre smbolo e instancia, aunque parece que sean lo mismo, la importancia de esta distincin es que cuando utilicemos un smbolo que hayamos creado previamente en una pelcula, al modificarlo se modificar la instancia, mientras que el objeto seguir intacto, tal y como era en el momento de su creacin, de manera que podremos volverlo a utilizar en otro momento.
Botones
Los botones de flash son objetos grficos a los que podemos asignar diferentes estados (normal, sobre, presionado...) y que cuando los pulsemos (o pasemos por encima), se ejecuten determinadas acciones.
Sonidos
Corresponde a insertar archivos de sonido dentro la pelcula de flash

Lectura de FLASH y sus caractersticas
Repaso y Anlisis
1. 2. 3. 4. 5. 6. 7. 8. 9. Realizar un logo de un colegio Crear un logo para el sitio web Aplicar al objeto de texto al texto DISEO WEB y aplicar los filtros de sombra y relieve elevado Aplicar a una imagen una mscara Crear botones y men emergente para el proyectoweb FLASH, efecte una animacin de movimiento Efectuar, un trazado de una imagen Efectuar un rebote de una esfera como animacin Control de lectura de flash
Conceptos bsicos
Vectores Mapa de bits Escala Capa (fireworks) Importar Exportar Animacin Flash Fireworks Fotograma Botones Sonidos Intervalos Instancia
TEST
Conteste: Explique con sus propias palabras que es Firewoks? Mencione dos herramientas de seleccin de vectores y dos herramientas de seleccin de Mapa de bits? Mencione la utilidad de cada una de las siguientes herramientas: o La herramienta Puntero: o La herramienta Escala: o La herramienta Pluma: o La herramienta Cubo de Pintura: o La herramienta Cuentagotas: Cules son las funciones bsicas de una capa? Complete El comando Archivo > Importar, sirve para .. El comando Archivo > Exportar, sirve para
Flash
Conteste: Qu aplicaciones podemos crear en Macromedia Flash? Qu es el escenario? Qu son las Capas? Qu son los botones? Qu son instancias? Qu son los fotogramas?
UNIDAD 5: JOOMLA - PHP - WAMP - FORMULARIOS EN DREAMWEAVER

Juzgar mediante pautas internas el grado probable de exactitud a partir del cuidado puesto en la precisin de la aplicacin, informaciones y documentacin concerniente a la funcionalidad de Joomla y formularios de Dreamweaver para el desarrollo dinmica de un sitio web.
Joomla Joomla es un sistema de gestin de contenidos que puede ser utilizado independientemente. Entre sus ventajas est la de permitir integrar, aadir o editar el contenido de un sitio web de manera sencilla. Es un cdigo abierto programado mayoritariamente en PHP bajo una licencia GPL. Este administrador de contenidos puede trabajar en redes locales (intranet o internet) y requiere de una base de datos creada con un gestor MySQL, as como de un servidor HTTP Apache.
Caractersticas Diseado Lanzamiento inicial ltima versin estable Gnero Programado en Sistema operativo Licencia Joomla Group 17 de agosto de 2005 2.5.4 Sistema de gestin de contenidos PHP AJAX JAVASCRIPT Multiplataforma GNU General Public License
Instalacin de Joomla
APACHE - MYSQL (base de datos)
El index. Php
La hoja de estilos en Joomla
Acabados de la plantilla
Acabados Cabecera Cuerpo de pgina Men Parmetros
Conexin de base de datos con Dreamweaver - php y mysql - Crear juego de registros

http://joomlaspanish.org/
Repaso y Anlisis
1. 2. 3. Establezca la poblacin y muestra de su problema de investigacin Construya una matriz de datos Elabore uno o varios instrumentos de medicin de resultados para su problema de investigacin
4. 5.
6.
Elabore un anlisis de resultados aplicando un instrumento de medicin de resultados Definir los usuarios de su problema objeto de estudio Elabore un cronograma, presupuesto y bibliografa
Conceptos bsicos
Base de datos Error estndar Muestra Poblacin Seleccin aleatoria Unidad de anlisis Representatividad Categora Escala de likert Confiabilidad Codificacin Cuestionario Evidencia Entrevista Matriz de datos
Medicin Vista de los datos Medida de estabilidad Tabulacin Media Mediana Coeficiente Moda Grficas Intervalo de confianza Desviacin estndar Varianza Cuerpo del documento Reporte de investigacin Usuarios - receptores
BIBLIOGRAFA
De la Cruz Villar, J. (2010). Adobe Dreamweaver CS5. Lima: Megabyte. De la Cruz, J. (2004). PHP y MYSQL. Lima: Macro. EIRL, E. E. (2008). Experto en Diseo de Pginas Web. Surquillo: Macro. Garca, A. (2002). Redalyc. Recuperado el 17 de Mayo de 2012, de http://redalyc.uaemex.mx/redalyc/src/inicio/ArtPdfRed.jsp?iCve=16114408 J, P. (2005). Redalyc. Recuperado el 10 de mayo de 2012, de http://site.ebrary.com/lib/unemisp/docDetail.action?docID=10088264&p00=planteamiento%20del %20problema Joomla. (2012). joomlaspanish. Recuperado el 17 de Mayo de 2012, de http://joomlaspanish.org/ Lancker, L. V. (2009). books. Recuperado el 17 de Mayo de 2012, de http://books.google.com.ec/books?id=KHxbVn4Wp4YC&printsec=frontcover&dq=html&hl=es& sa=X&ei=NJ-1T5rEL4HHgAe0jv33Dw&ved=0CD0Q6AEwAg#v=onepage&q=html&f=false Oscar, Z. (2005). http://redalyc.uaemex.mx/redalyc/src/inicio/ArtPdfRed.jsp?iCve=179421472004. Recuperado el 18 de mayo de 2012 P, J. (2010). Redalyc. Recuperado el 17 de mayo de 2012, de http://redalyc.uaemex.mx/redalyc/src/inicio/ArtPdfRed.jsp?iCve=21416138015 Ponce, R. (2004). Ebrary. Recuperado el 17 de Mayo de 2012, de Ebrary: http://site.ebrary.com/lib/unemisp/docDetail.action?docID=10125759&p00=web POST, D. y.-L. (2009). Recuperado el 18 de mayo de 2012, de http://onlinelibrary.wiley.com/doi/10.1111/j.1564-9148.2009.00050.x/pdf Sawyer McFarland, S. (2009). Dreamweaver CS4. Madrid: Anaya Multimedia.

Diseño de Siitio Web

Caricato da

Informazioni sul documento

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Diseño de Siitio Web

Caricato da

Copyright:

Formati disponibili

UNIVERSIDAD ESTATAL DE MILAGRO UNIDAD ACADMICA EDUCACIN SEMIPRESENCIAL Y A DISTANCIA

LICENCIATURA EN INFORMTICA Y PROGRAMACIN Seminario

Elaborado por: MGTIC. Mirella Correa Peralta Docente UNEMI

Lectura: corresponde a material de lectura importante para el desarrollo del captulo

Ejercicios: Resolviendo ejercicios que permita afianzar sus conocimientos

UNIDAD 1: USO DE DREAMWEAVER

EMPEZANDO CON DREAMWEAVER

Diagramacin en una tabla

Trabajando estilos de texto

Administracin de archivos y carpetas

Incorporar video flash

Publicar una pgina web

Crear la pgina MASCOTITAS

Modificar una imagen Aplicar un estilo al proyecto

Crear una plantilla para nuestro sitio

Pgina Web Navegador Sitio Web Editor de Pginas Web

Documentos vinculados. Dreamweaver. Internet Explorer, Netscape. Documento de tipo HTML.

sitios ) En la elaboracin del boceto de nuestras pginas Web, debemos incluir

Los plugins tpicos tienen la funcin de reproducir determinados

Los formatos de vdeo que suelen utilizarse en Internet son: a. b. c.

5. Coloca el nombre de: Los siguientes comandos:

UNIDAD 3: HTML - CSS

Lecturas del captulo

UNIDAD 4: FIREWORKS Y FLASH

Lecturas del captulo

UNIDAD 5: JOOMLA - PHP - WAMP - FORMULARIOS EN DREAMWEAVER

APACHE - MYSQL (base de datos)

La hoja de estilos en Joomla

Lecturas del captulo

Potrebbero piacerti anche