🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
1 introduccion a dreamweaver
1.
2. ¿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.
3. 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.
4. 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.
5. FUNCIONFUNCION
ESES
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.
6. ¿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.
7. ¿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.
8. EXISTEN 2 FORMAS DE CREAR PAGINAS WEBEXISTEN 2 FORMAS DE CREAR PAGINAS WEB
Por códigoPor código
Por DiseñoPor Diseño
9. 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. .
10. 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>
11. EJEMPLOS DE BUENAS PRACTICAS DEEJEMPLOS DE BUENAS PRACTICAS DE
DISEÑO WEBDISEÑO WEB
12. EJEMPLOS DE MALAS PRACTICAS DE DISEÑOEJEMPLOS DE MALAS PRACTICAS DE DISEÑO
WEBWEB