1 introduccion a dreamweaver

13

Transcript of 1 introduccion a dreamweaver

¿QUÉ ES DREAMWEAVER?¿QUÉ ES DREAMWEAVER?

Dreamweaver CS5 es un software fácil de usar que permite crear páginas web profesionales. Se puede crear tablas, editar marcos, trabajar con capas, insertar comportamientos JavaScript, etc.., de una forma muy sencilla y visual.

CARACTERÍSTICASCARACTERÍSTICAS

Compatibilidad con CMS integrada. Es una interfaz o programa que nos permite gestionar el contenido de un sitio web.

Integración Adobe Browserlab, es un servicio en línea de Adobe, que nos permite comparar cómo se ve una misma página web en las distintas versiones de Internet Explorer, Firefox y Safari, bajo los sistemas operativos de Windows o Mac OS.

Configuración sencilla de sitios. Ahora resulta más sencillo configurar nuestro sitio local y remoto. Ya que se han simplificado las opciones esenciales, y distinguido más las opciones avanzadas y poco importantes.

Sugerencias de código. las sugerencias de código incluyen nuestras clases personalizadas, y los comandos y funciones propios de los distintos CMS soportados.

FUNCIONFUNCIONESES

Editar páginas web

Crear páginas web mediante el código HTML es más costoso que hacerlo utilizando un editor gráfico. Hoy en día existe una amplia gama de editores de páginas web, como pueden ser Microsoft Expresion Web, Amaya, Bluefish, NVU, KompoZer o Quanta Plus.

Para poder poner una página web en Internet, es necesario contratar a alguna empresa con servidores que pueda alojarla y hacerla accesible desde Internet las 24 horas del día.

No se recomienda utilizar hospedaje gratuito para la página de una empresa, aunque sí es aceptable para una página personal, sobre todo al comienzo.

¿CÓMO CREAR UN SITIO WEB EN DREAMWEAVER?¿CÓMO CREAR UN SITIO WEB EN DREAMWEAVER?

Para trabajar de una manera eficaz tendrá que definir siempre un sitio local para cada sitio Web que cree. Para ello accede a la ventana de sitio, puede acceder desde:

Sitio / Nuevo sitio.desde el botón x situado en la esquina inferior derecha de la ventana.

luego parecerá una ventana en la que rellenar los datos del sitio En la casilla “Nombre del sitio”, hay que poner el nombre que quieras poner

para el sitio. En “Carpeta raíz local” hay que poner la dirección local del sitio. Es decir, hay

que hacer una carpeta para el sitio y buscarla pulsando en el icono que pone una carpeta.

En Dirección HTTP, hay que poner la dirección del site en Internet. Puede dejarse en blanco.

-La casilla Caché debe dejarse siempre activada, para que Dreamweaver pueda actualizar rápidamente los vínculos al mover, cambiar el nombre o eliminar un archivo. Y por último le damos al botón aceptar.

La ventana de Sitio ya mostrará una lista de todas las carpetas y archivos contenidos en el sitio local , en ella también actúa podremos copiar, pegar, eliminar, mover y abrir archivos del mismo modo que en el escritorio del PC.

¿PARA QUE NOS SIRVE ¿PARA QUE NOS SIRVE DREAMWEAVER?DREAMWEAVER?

Dreamweaver es la herramienta de desarrollo Web líder del mercado y permite a sus usuarios diseñar, desarrollar y mantener de forma eficaz sitios y aplicaciones Web basados en normas.Con Dreamweaver , los desarrolladores Web lo abarcan todo, desde la creación y mantenimiento de sitios Web básicos hasta aplicaciones avanzadas compatibles con las mejores prácticas y las tecnologías más recientes. Es el principal programa para la creación de sitios web y aplicaciones.

El programa es realmente muy completo y sus nuevas versiones son cada vez más sencillas, aunque siempre necesitarás conocer algo del tema para poder utilizarlo. Buscando en Internet podrás encontrar varios tutoriales que te ayudarán a comenzar a utilizar este programa.

EXISTEN 2 FORMAS DE CREAR PAGINAS WEBEXISTEN 2 FORMAS DE CREAR PAGINAS WEB

Por código Por código

Por DiseñoPor Diseño

EL CODIGO HTMLEL CODIGO HTML

HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una serie de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc. .

ESTRUCTURA BASICA DE UNA PAGINA WEBESTRUCTURA BASICA DE UNA PAGINA WEB

<html><html><head><head><title> Es el titulo que va en el navegador</title><title> Es el titulo que va en el navegador</title></head></head><body><body>Aquí va todo el contenido de mi webAquí va todo el contenido de mi web</body></body></html></html>

EJEMPLOS DE BUENAS PRACTICAS DE EJEMPLOS DE BUENAS PRACTICAS DE DISEÑO WEBDISEÑO WEB

EJEMPLOS DE MALAS PRACTICAS DE DISEÑO EJEMPLOS DE MALAS PRACTICAS DE DISEÑO WEBWEB

http://marinvirtualtech.host22.com

/