Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Similar a DREAMWEAVER.docx
Similar a DREAMWEAVER.docx (20)
Último
Último (20)
DREAMWEAVER.docx
- 1. DREAMWEAVER 1. DEFINICIÓN: Dreamweaver es la herramienta de diseñode páginas web más avanzada, tal comose ha afirmado en muchos medios. Aunque sea un experto programador de HTML el usuario que lo maneje, siempre se encontrarán en este programa razones para utilizarlo, sobre todo en lo que a productividad se refiere. 2. INTERFAZ DEL PROGRAMA: La Barra de Menú contiene opciones para ejecutar las distintas tareas del programa. La Barra de aplicaciones incorporó en la versión anterior de Dreamweaver contiene las vistas de trabajo, un manejador de extensiones y un administrador de sitios. La Barra de Herramienta de documento contiene iconos que nos permiten cambiar entre las distintasvistas de edición, vistas previa en multipantalla, acceso al título de la página, o realizar las distintas opciones de validación que nos ofrece el programa Los paneles se agrupanal costadoderecho de la ventana de documento, estos panelescontienenalgunos comandos que son usados para el trabajo diario. Los paneles pueden ampliarse y contraerse y desde el menú Ventana puede abrir cualquier panel que no esté visible. El selector de etiquetas permite identificar yseleccionar diferentesobjetos ysus etiquetas. Si el documento es una página vacía solose verá la etiqueta <body>, pero a medida que la pagina tenga más contenidoel selector ampliará la lista de etiquetas según dónde se sitúe el cursor. El panelInspector de propiedades muestra todas las propiedades y atributos del elemento seleccionado. Este es uno de los paneles más usados en el trabajo diario con Dreamweaver. La ventana de documentoofrece el contenido actual del documento con que estamos trabajando. La barra de estado que se encuentra debajo de la ventana de documento nos da información sobre el documento mismo. 3.HERRAMIENTAS DEL PROGRAMA:
- 2. Para ver u ocultar la barra de herramientas, elija en el menú Ver la opción Barra de herramientas. Para ver sólo código en la ventana de documento, haga clic en el botón Vista de código. Para ver una vista que contenga las vistas de Código y de Diseño, haga clic en el botón Vistas de código y diseño. Para ver sólo la vista de Diseño, haga clic en el botón Vista de diseño. Para introducir un título para el documento, utilice el campo Título. Si el documento ya tiene título, éste aparecerá en dicho campo. Para colocar, obtener o proteger un archivo, haga clic en el botón de menú de Estado de archivo. Para previsualizar o depurar un documento en un navegador, haga clic en Vista previa/depurar en navegador y elija uno de los navegadores enumerados en el menú emergente. Para actualizar la vista de Diseño, haga clic en el botón Actualizar vista de diseño. Para obtener información de referencia sobre código HTML, CSS y JavaScript, haga clic en el botón Referencia. Para desplazarse por el código, haga clic en el botón Navegación por el código. Para obtener más información, consulte Introducción al depurador JavaScript. Para mostrar u ocultar la regla, la cuadrícula ylas ayudas visuales, haga clic enel botónde menúOpciones. 4. ¿Qué es HTML? Ya sabes que el lenguaje HTML está basado en etiquetas que marcan el inicio y fin de cada elemento de la página Web. En el primer tema vimos como ejemplo las etiquetas que hay que incluir en el código HTML de una página para darle un título. Consistía simplemente en escribir el título deseado entre las etiquetas <TITLE > y </TITLE>.
- 3. HTML también dispone de códigos especiales para representar caráceteres especiales como pueden ser letras con acentos o no pertenecientes al alfabeto latino internacional, signos de puntuación o tipográficos y símbolos especiales que presenten un problema en HTML como < ó >, que podrían malinterpretarse por el inicio de una etiqueta. 5. ¿Qué es una página web? Una página web es un documento de texto con marcas. Las marcas permitenmodificar la presentacióndel documento, incluir elementos no contenidos en el texto (por ejemplo, imágenes), crear hiperenlaces, añadir significado al texto (todavía de forma limitada), etc. A las marcas se les llaman también etiquetas. Las páginas webestán pensadas para ser vistasmediante los programas llamados navegadores web. Los navegadores soncapaces de interpretar las marcas ypresentar el documento tal y como lo diseñó el autor. 6. ¿Qué es un sitio web? Un sitio web es un lugar virtual en la red que guarda contenido para que la gente tenga acceso a él, así de simple. Se conforma por varios documentos que se acomodan de manera organizada para que sea atractivovisualmente, dichos documentos se llamanpáginas web. Por lo tanto, un sitio web es la compilación organizada y estructurada de un determinado número de páginas web. Las páginas web de las que se conforma el sitio deben estar desarrolladas bajo un código llamado HTML y estar alojadas a un dominio que, en palabras simples, será el lugar que hará que el sitio web pueda visualizarse en cualquier tipode navegador web(hosting). 7. Estructura de una página web: Cabecera o header: normalmente se coloca en la parte superior de la página. Logo: es la marca o título que tiene la página Menú: es el elemento principal de navegación entre los apartados. Lo podemos encontrar también en el pie de página.
- 4. Cuerpo de la página o body: donde introducimos los contenidos principa les. Pie de página o footer: cierre, copyright, créditos. 8. Pasos para crear una página web: Definir la idea para el sitioweb Registrar unnombre de dominio. Adquirir hosting web. Elegir una plataforma yconstruir tu sitioweb. Publicar, crecer, monitorear, mejorar.