MI PAGINA WEB
menu MI PAGINA WEB
DREAMWEAVER
En estos videos se va aprender a maneja dreanweaver, dreanweaver no es solo una herramienta para crear paginas HTML ni tampoco es una herramienta para programar es mucho mas que eso, cualquier sitio web va a estar compuesto de muchos archivos combinados en una pagina simple.
En dreamweaver también podemos agregar imágenes, textos, planos de situación, también hay una estructura en la cual podemos ver imágenes, gráficos. Podemos hacer paginas mas complejas, que combinen la utilizando tecnologías como flash, php, por ejemplo paginas mas compleja como video training en donde aparecen formularios, fotografías, textos, elementos de descargas para hacer videos pero además podemos crear sitios complejos utilizando menús espray, utilizando tecnologías como Áyax, flash y que tengan otros tipos de enlaces a otros sitios web.
Dentro de la pantalla de dreamweaver vamos a encontrar ventanas como:
PARA ARCHIBOS BASICOS (textos y datos)
Abrir un elemento resiente:
<!--[if !supportLists]-->Ø <!--[endif]-->Sitio completo/index.html
<!--[if !supportLists]-->Ø <!--[endif]-->CSS/desing
<!--[if !supportLists]-->Ø <!--[endif]-->Una carpeta que dice abrir
Crear nuevo
<!--[if !supportLists]-->Ø <!--[endif]-->HTML
<!--[if !supportLists]-->Ø <!--[endif]-->coldFusion
<!--[if !supportLists]-->Ø <!--[endif]-->PHP
<!--[if !supportLists]-->Ø <!--[endif]-->ASP VBScrib
<!--[if !supportLists]-->Ø <!--[endif]-->XSLT (pagina completa)
<!--[if !supportLists]-->Ø <!--[endif]-->CSS (formatear las paginas)
<!--[if !supportLists]-->Ø <!--[endif]-->Java Script
<!--[if !supportLists]-->Ø <!--[endif]-->XML
<!--[if !supportLists]-->Ø <!--[endif]-->MÁS…
PARA VIDEOS
Elementos destacados (videos)
<!--[if !supportLists]-->Ø <!--[endif]-->Archivos relacionados
<!--[if !supportLists]-->Ø <!--[endif]-->Vista en vivo
<!--[if !supportLists]-->Ø <!--[endif]-->Navegador de código
<!--[if !supportLists]-->Ø <!--[endif]-->Asistente conjunto de datos
<!--[if !supportLists]-->Ø <!--[endif]-->Widgets Web
<!--[if !supportLists]-->Ø <!--[endif]-->Compatibilidad con Javscript
También vamos a tener un menú el cual nos va ayudar, como son la nuevas funciones, recursos (foros en línea), dreamweaver Exchange, (enlaces).
Dreamweaver me da una serie de carpetas las cuales me van a permitir trabajar con enlaces a otros archivos, cuando empecemos a crear a un archivo nuevo, y para esto se necesita de crear un sitio web mediante la definición del sitio web mediante la definición avanzada o mediante la básica en este caso vamos a escoger la definición básica.
Lo primero que nos va a pedir es el nombre este nombre solo va a servir para mi y dreamweaver en concreto para distinguir unos sitios de otros
el programa permite diseñar una pagina con diferentes tipos de elementos como imágenes tablas hipervínculos todo en un sitio de trabajo el programa ya da el código HTML el diseñador solo tiene que organizar los elementos que a de colocar en la pagina web realizada en dreamweaver
el tamaño del sitio es variable no tiene amaño fijo depende de la forma en que se habrá la venta de inicio en internet se puede trabajar con diseño integrado o con ventanas también podemos escribir el código HTML o utilizar las ayudas que ofrece el programa que inserta un elemento y crea el código instantáneamente
también se puede trabajar con pestañas para tener un orden en el documento, se puede trabajar en sitios diferentes de entorno como diseñador y programador trabajar con programas adicionales de diseño y diferentes tipos como extensiones
ENTORNO DE TRABAJO
UTILIZACION DE PANELES
dreamweaver permite al programador de paginas web tener en un solo panel diferentes herramientas para la elaboración de tablas formularios y distintos tipos de elementos para la creación de una pagina web ordena el programa permite insertar color y modificar tamaño con facilidad sin tener el conocimiento de códigos en HTML el diseñador elabora una pagina web solo necesita conocer los paneles y el funcionamiento de cada elemento
paneles
-clásico
-programador
-programador avanzado
-diseñador
-diseñador condensado
también permite crear un entorno de trabajo para observar que es lo que contiene cada línea de código
dreamweaver permite al programador de paginas web tener en un solo panel diferentes herramientas para la elaboración de tablas formularios y distintos tipos de elementos para la creación de una pagina web ordena el programa permite insertar color y modificar tamaño con facilidad sin tener el conocimiento de códigos en HTML el diseñador elabora una pagina web solo necesita conocer los paneles y el funcionamiento de cada elemento
paneles
-clásico
-programador
-programador avanzado
-diseñador
-diseñador condensado
también permite crear un entorno de trabajo para observar que es lo que contiene cada línea de código
AYUDAS VISUALES Y DE PROGRAMACION
se debe tener en cuenta el trabajo el trabajo con ventanas para poder hacer un sitio web el programa dreamweaver permite inserta tablas de una forma fácil el programa da el código HTML y una visualización de la tabla para poderla modificar con forme a lo que la persona quiere realizar insertar imágenes con facilidad en cualquiera de las celdas que se escoja de la tabla insertada permite visualizar el contorno de trabajo con el modo mosaico y la visualización código para copiar un código HTML y pasarlo a un nuevo entrono de trabajo también ofrece modificar de posición la imagen o tabla permite opciones distintas para hacer comentarios permite corregir elementos o códigos que no están bien escritos y marcarlos para evitar errores también se puede ocupar códigos atreves de la opción caracteres ocultos, y así poder añadir reglas para tener un orden en el trabajo de diseño y añadir una imagen de fondo para el sitio que se esta creando.
Si lo haces en un servidor de paginas web te quedaría mejor la presentación
ResponderEliminarfalta el comentario de los tres videos de dreamweaver
ResponderEliminarNo te olvides que el contenido de los videos es para practicarlo en tu computador
ResponderEliminarBuen trabajo, pero aún falta frames en html
ResponderEliminar