MANUAL DE DREAMWEAVER. Índice

Save this PDF as:
 WORD  PNG  TXT  JPG

Tamaño: px
Comenzar la demostración a partir de la página:

Download "MANUAL DE DREAMWEAVER. Índice"

Transcripción

1

2 Índice UNIDAD 1 ÁREA DE TRABAJO Y GESTIÓN DE ARCHIVOS EN EL SITIO LOCAL... 1 INTRODUCCIÓN... 1 ENTORNO DE TRABAJO... 1 ELEMENTOS DE LA VENTANA... 3 LOS PANELES... 4 INSPECTOR DE PROPIEDADES... 4 PANEL ARCHIVOS... 4 PANEL ACTIVOS... 5 PANELES INSPECTOR DE ETIQUETAS... 5 PANEL HISTORIAL... 5 PANEL CSS... 5 PANEL INSPECTOR DE CÓDIGO... 6 PANEL MARCOS... 6 DISPOSICIÓN DE PANELES... 6 MENÚS... 6 MENÚS CONTEXTUALES... 6 AYUDA... 6 METODOLOGÍA DE TRABAJO EN UNA WEB... 7 PLANIFICACIÓN DE UN SITIO WEB... 7 DEFINICIÓN DE UN SITIO WEB O SITIO LOCAL... 8 INTRODUCCIÓN... 8 CREAR UN SITIO LOCAL... 8 CREAR UN SITIO LOCAL MEDIANTE EL ASISTENTE... 8 CREAR UN SITIO LOCAL MEDIANTE UNA CARPETA EN EL DISCO DURO... 9 CÓMO SUBIR LAS PÁGINAS AL SERVIDOR CONFIGURAR EL SERVIDOR ACCESO A NUESTRO LUGAR EN EL SERVIDOR SUBIR LOS ARCHIVOS AL SERVIDOR BAJAR ARCHIVOS DESDE EL SERVIDOR TRABAJAR EN MODO EXPANDIDO GESTIÓN DE ARCHIVOS EN EL SITIO LOCAL AÑADIR ARCHIVOS/CARPETAS AL SITIO LOCAL ESTABLECER LA PÁGINA PRINCIPAL CAMBIAR EL NOMBRE DE UN ARCHIVO BORRRAR ARCHIVOS/CARPETAS TRABAJAR CON LAS PÁGINAS COMENTARIOS SOBRE LAS CARPETAS CARPETAS DE IMÁGENES TÍTULO DE PÁGINA Y NOMBRES DE ARCHIVO GUARDAR PÁGINAS ABRIR PÁGINAS EXTERNAS VISTA PREVIA EN EL NAVEGADOR Página -I-

3 UNIDAD 2 CREACIÓN DE PÁGINAS: PROPIEDADES ESTABLECER EL TAMAÑO DE UNA PÁGINA INTRODUCCIÓN PROPIEDADES DE UNA PÁGINA APLICAR FONDOS DE COLOR A LA PÁGINA APLICAR FONDOS BITMAP ESCRITURA DEL TEXTO INSERTAR SALTOS DE PÁRRAFO Y DE LÍNEA INSERTAR LÍNEAS HORIZONTALES INSERTAR IMÁGENES INSERTAR VÍNCULOS RESUMEN CONCEPTOS GENERALES: EDICIÓN FORMATOS Y PANEL PROPIEDADES SUGERENCIAS EN LA CONFECCIÓN DE LA WEB GUÍA PARA COMPONER CON ESTILO UNIDAD 3 ESTILOS CSS INTRODUCCIÓN COMENTARIOS SOBRE ESTILOS ELEMENTOS DE CONTROL PARA CSS EL PANEL DE ESTILOS CSS EL MODO ACTUAL DEL PANEL CSS EL MODO TODO DEL PANEL CSS CREAR ESTILOS INTERNOS CON PROPIEDADES DE PÁGINA CREAR ESTILOS INTERNOS CON EL BOTÓN NUEVA REGLA CSS EDICIÓN DE ESTILOS CSS CREAR ESTILOS EXTERNOS CSS APLICAR UNA HOJA DE ESTILOS EXTERNA A OTRAS PÁGINAS CONVERTIR UN ESTILO CSS INTERNO EN EXTERNO ANEXO: RESUMEN SOBRE HOJAS DE ESTILO CSS ESTILOS CSS DE MUESTRA DISEÑOS PREFIJADOS UNIDAD 4 ENLACES O VÍNCULOS INTRODUCCIÓN RUTAS RELATIVAS Y ABSOLUTAS ASIGNAR UN VÍNCULO VÍNCULOS DE TEXTO CAMBIO DE ATRIBUTOS PARA LOS VÍNCULOS DE TEXTO ENLAZAR CON LA FUNCIÓN SEÑALAR ARCHIVO ENLAZAR CON LA FUNCIÓN BUSCAR ARCHIVO CREAR ENLACES DE CORREO ELECTRÓNICO CREAR MARCADORES EN EL DOCUMENTO ACTUAL CREAR MARCADORES A OTRA PÁGINA DEL SITIO LOCAL VÍNCULOS CON ARCHIVOS Página -II-

4 CREAR VÍNCULOS GRÁFICOS ASIGNACIÓN DE DESTINO A LOS VÍNCULOS CREAR UN ENLACE A UNA PÁGINA FUERA DEL SITIO LOCAL CREAR ENLACES A ARCHIVOS COMPRIMIDOS MAPA DE IMÁGENES EDITAR LAS ZONAS SENSIBLES CREACIÓN DE BARRAS DE NAVEGACIÓN ADMINISTRACIÓN DE LOS VÍNCULOS EDITAR VÍNCULOS EN MAPA DEL SITIO CAMBIAR UN VÍNCULO EN TODO EL SITIO UNIDAD 5 TABLAS CREAR TABLAS SELECCIONAR UNA TABLA SELECCIONAR FILAS, COLUMNAS Y CELDAS AÑADIR FILAS Y COLUMNAS ELIMINAR FILAS Y COLUMNAS DIVISIÓN Y COMBINACIÓN DE CELDAS CAMBIAR EL TAMAÑO DE FILAS, COLUMNAS CELDAS Y TABLAS CAMBIAR EL TAMAÑO DE UNA TABLA CAMBIAR EL TAMAÑO DE FILAS Y COLUMNAS IGUALAR ANCHOS DE COLUMNA DE CÓDIGO Y VISUALES AMPLIAR CELDAS DE UNA TABLA IMPORTAR DATOS A LA TABLA ORDENAR EL CONTENIDO DE LAS TABLAS TABLAS ANIDADAS TABLAS DE DISEÑO CREAR CELDAS EN LA TABLA DE DISEÑO DETALLES DE LAS TABLAS Y CELDAS CUADRÍCULA CAMBIAR EL TAMAÑO DE LAS TABLAS Y LAS CELDAS EN EL MODO DISEÑO MOVER TABLAS Y CELDAS UNIDAD 6 IMÁGENES INTRODUCCIÓN PREPARACIÓN DE LAS IMÁGENES PARA LA WEB INSERTAR IMÁGENES CAMBIAR EL TAMAÑO DE LA IMAGEN ALINEACIÓN DE IMÁGENES COLOCAR UN BORDE A LAS IMÁGENES NOMBRAR Y ETIQUETAS DE TEXTO PANEL DE ACTIVOS: GESTIÓN DE IMÁGENES MARCADORES DE POSICIÓN VISTA PREVIA DE IMÁGENES CREAR THUMBNAILS DE MODO AUTOMÁTICO: ÁLBUM DE FOTOS Página -III-

5 IMÁGENES DE SUSTITUCIÓN GIF S ANIMADOS UNIDAD 7 MARCOS INTRODUCCIÓN INSERCIÓN DE UN CONJUNTO DE MARCOS PREDEFINIDO INSERCIÓN MANUAL DE MARCOS SELECCIONAR MARCOS: EL PANEL MARCOS GUARDAR UN CONJUNTO DE MARCOS RESUMEN: CÓMO GUARDAR UN CONJUNTO DE MARCOS Y ESTABLECER DESTINOS PROPIEDADES DE LOS MARCOS PROPIEDADES DEL CONJUNTO DE MARCOS EJEMPLO DE MARCOS UNIDAD 8 FORMULARIOS INTRODUCCIÓN FUNCIONAMIENTO DE LOS FORMULARIOS CREAR UN FORMULARIO OBJETOS DEL FORMULARIO CAMPOS DE TEXTO DE UNA LÍNEA CAMPOS DE TEXTO DE VARIAS LÍNEAS CASILLAS DE VERIFICACIÓN BOTONES DE OPCIÓN GRUPOS DE OPCIÓN ELEMENTOS DE LISTA/MENÚ BOTONES DE FORMULARIO CAMPO DE IMAGEN CAMPO DE ARCHIVO JUEGO DE CAMPOS CAMPO OCULTO MENÚ DE SALTO GESTIÓN DE LOS FORMULARIOS CGI PRUEBA DE FORMULARIOS UNIDAD 9 ELEMENTOS DE EDICIÓN EL PANEL HISTORIAL AUTOMATIZACIÓN DE TAREAS LOS COMANDOS BUSCAR Y REEMPLAZAR BUSCAR Y REEMPLAZAR ETIQUETAS VISTAS DISEÑO, DIVIDIR Y CÓDIGO EDICIÓN DEL CÓDIGO EL SELECTOR DE ETIQUETAS INSERCIÓN Y EDICIÓN DE ETIQUETAS LA VENTANA SELECTOR DE ETIQUETAS QUICK TAG EDITOR FRAGMENTOS Página -IV-

6 UNIDAD 10 PLANTILLAS Y BIBLIOTECAS INTRODUCCIÓN CREAR UNA PLANTILLA DESDE CERO CREAR PLANTILLAS A PARTIR DE UN DOCUMENTO CREAR UNA PLANTILLA DESDE LA BARRA INSERTAR CREAR PÁGINAS DESDE UNA PLANTILLA DEFINICIÓN DE LAS REGIONES EDITABLES ELIMINAR REGIONES EDITABLES BIBLIOTECAS CREACIÓN DE ELEMENTOS DE BIBLIOTECA COLOCAR ELEMENTOS DE BIBLIOTECA MODIFICAR ELEMENTOS DE BIBLIOTECA RECUPERAR ELEMENTOS DE BIBLIOTECA UNIDAD 11 MULTIMEDIA INTRODUCCIÓN INSERTAR ANIMACIONES FLASH INSERTAR TEXTO FLASH INSERTAR BOTONES FLASH INSERTAR VÍDEO INCRUSTAR VÍDEO EN UNA PÁGINA WEB VÍNCULO A UN ARCHIVO DE VÍDEO FLASH VÍDEO INSERTAR SHOCKWAVE INSERTAR SONIDO INCRUSTAR AUDIO EN UNA PÁGINA WEB VÍNCULO A UN ARCHIVO DE AUDIO INSERTAR APPLET DE JAVA INSTALAR Y UTILIZAR EXTENSIONES CÓMO INSTALAR LAS EXTENSIONES UNIDAD 12 ENTORNO SPRY SPRY WIDGETS BARRA DE MENÚS DE SPRY NAVEGACIÓN POR FICHAS ACORDEÓN DE SPRY PANEL DE CONTRACCIÓN SPRY SPRY Y LOS FORMULARIOS CAMPO DE TEXTO DE VALIDACIÓN SPRY SELECCIÓN DE VALIDACIÓN SPRY ÁREA DE TEXTO DE VALIDACIÓN CASILLAS DE VERIFICACIÓN Página -V-

7 DREAMWEAVER Unidad 1 ÁREA DE TRABAJO Y GESTIÓN DE ARCHIVOS EN EL SITIO LOCAL INTRODUCCIÓN Dreamweaver es un editor para el diseño de sitios Web con una interfaz gráfica que permite visualizar automáticamente el código y el diseño de la página que vamos creando. ENTORNO DE TRABAJO Cuando se inicia Dreamweaver se muestra un asistente con el que podemos crear un documento vacío y acceder a los documentos que hayamos creado recientemente así como trabajar con plantillas, hojas de estilo, marcos, etc Si seleccionamos la opción HTML en la columna central, crearemos un nuevo documento vacío en el que partiendo de cero podemos crear una página en lenguaje HTML. También disponemos de opciones para iniciar una página en lenguajes para programación de sitios dinámicos (PHP, ASP, etc..) En la columna de la izquierda, aparece un listado de los documentos guardados recientemente, pudiendo abrir cualquiera de ellos. Página - 1 -

8 En la columna de la derecha disponemos de una serie de plantillas predeterminadas para crear páginas con hojas de estilo CSS, páginas con marcos, páginas prediseñadas, etc..para empezar a trabajar con una página en blanco, pulsar en la opción Crear nuevo>html, veremos la ventana de trabajo en Dreamweaver con una página en blanco. Además aparecen una serie de paneles repartidos por la pantalla que podemos abrir, cerrar desde el menú Ventana o cambiar de tamaño haciendo uso del ratón. En la parte inferior aparece el panel de Propiedades y en el lateral, entre otros, el panel Archivos, CSS, etc.. en función de lo que hayamos activado en el menú Ventana. En la parte superior de la pantalla tenemos la barra de menús que da acceso a todas las opciones del programa (muchas de las cuales son accesibles desde los diferentes paneles). Debajo de la barra de menús se encuentra la barra de herramientas Insertar con los elementos comunes que podemos insertar en una página Web, como son: - Común: para insertar los elementos básicos en una página web, como los hipervínculos, tablas, imágenes, multimedia, fecha, etc.. - Diseño: para trabajar más específicamente con tablas, capas, marcos, etc.. Página - 2 -

9 - Formularios: para trabajar con los elementos típicos de los formularios - Datos: insertar objetos de datos y elementos dinámicos. - Spry: contiene botones para crear páginas Spry, objetos de datos y widgets de Spry - Texto: con las opciones de texto más habituales - Favoritos: permite agrupar y organizar en un lugar común los botones de la barra Insertar que utilicemos con más frecuencia. Para añadir la categoría favoritos, pulsar con el botón derecho del ratón en la barra insertar y activar la opción Personalizar favoritos. Seleccionar los elementos deseados y agregar con el botón de la flecha. Si necesitamos agrupar todas las barras Insertar para que aparezcan como fichas activar Mostrar como fichas o bien Mostrar como menú (utilizando el botón derecho del ratón). ELEMENTOS DE LA VENTANA La ventana principal de Dreamweaver contiene los siguientes elementos: Barra Estándar Barra Documento Selector de etiquetas HTML Barra de estado Tamaño de la ventana Tamaño y tiempo de carga Página - 3 -

10 La barra Documento (en la parte superior): que contiene los botones con las diferentes vistas del documento (código, dividir y diseño), permite añadir un título a nuestro documento, administrar archivos y realizar una vista previa en nuestro navegador entre otras opciones. Si hacemos clic con el botón derecho del ratón sobre la barra Documento, se pueden activar el resto barras comunes entre otras la barra Estándar con las opciones típicas de Windows tales como Nuevo, Abrir, Guardar, Copiar, Pegar, etc.. En la Barra de estado vemos: o cada una de las etiquetas HTML que se van generando a medida que introducimos elementos en nuestra página, pudiendo seleccionar la etiqueta y modificarla, se trata del Selector de etiquetas. o La casilla Tamaño de ventana para ver el tamaño de la ventana con el que estamos trabajando en ese momento. o La casilla Tamaño y tiempo de carga en el navegador, para tener una idea aproximada del tiempo que tardará en cargarse nuestra página. El tiempo de carga dependerá de la velocidad de conexión o el módem. LOS PANELES Para activar los distintos paneles seleccionar el menú Ventana A. INSPECTOR DE PROPIEDADES Se puede abrir mediante el menú Ventana>Propiedades o bien pulsando Control + F3. Desde este panel se pueden examinar y editar las propiedades de cada elemento que seleccionemos en una página. El contenido del inspector variará en función del elemento seleccionado. La flecha de ampliación del panel (situada en la parte inferior del inspector), se amplia para ver más propiedades. El icono nos permitirá insertar directamente etiquetas HTML en la ventana flotante que aparece. El icono de la parte derecha permite controlar los paneles. B. PANEL ARCHIVOS Se utiliza para realizar las operaciones de mantenimiento de archivos, creación de documentos HTML, organización de páginas, movimientos de archivos y creación de carpetas. También permite transferir archivos entre los sitios local y remoto, es decir, entre la carpeta que tenemos en nuestro disco duro y nuestro servidor de internet. Además en este panel se puede ver un sitio local en forma de mapa visual de iconos vinculados, para agregar nuevos archivos a un sitio y para modificar, agregar o quitar vínculos. Con la tecla F8 podemos hacer visible el panel de archivos. Página - 4 -

11 C. PANEL ACTIVOS Se llama Activos a los diversos elementos que se almacenan en un sitio, como pueden ser las imágenes, vídeos, animaciones Flash, colores, etc y se encuentran clasificados en categorías. Mediante las herramientas de este panel podemos, entre otras acciones, seguir la pista de los colores utilizados en las páginas, insertar imágenes y elementos Flash y gestionar la biblioteca de elementos. D. PANELES INSPECTOR DE ETIQUETAS Agrupa los paneles Atributos y Comportamientos. Mediante el panel Atributos podemos editar etiquetas HTML y objetos mediante una hoja de propiedades. El panel Comportamientos permite al usuario interactuar con la página para realizar determinadas tareas, como por ejemplo una opción de menú en una página o cuando se pasa el ratón por encima de un elemento para que muestre una imagen o reproduzca un sonido. E. PANEL HISTORIAL Muestra una lista de todas las operaciones realizadas en el documento activo desde que éste se ha creado abierto, se trata en definitiva como una grabadora que va almacenando todo lo que vamos haciendo durante nuestra sesión de trabajo. F. PANEL CSS Agrupa en principio los paneles Estilos CSS y Elementos PA. El panel de estilos CSS se utiliza para crear, editar y quitar estilos CSS (hojas de estilo en cascada), los cuales permiten generar efectos de texto y controlar la colocación de los elementos de pantalla, ajuste de márgenes, propiedades de fuentes y texto, etc... El panel Elementos PA se utiliza para el control de capas en Dreamweaver. Una capa es un elemento que puede contener cualquier tipo de objeto y es susceptible de desplazarse por cualquier parte del documento. Página - 5 -

12 G. PANEL INSPECTOR DE CÓDIGO Permite ver y editar el código de lo que realizamos en la página en una ventana independiente de la principal. Para abrir el panel del inspector de código ir al menú Ventana>Inspector de código o pulsar la tecla F10. H. PANEL MARCOS Muestra una representación de los marcos del documento de una manera visual pudiendo seleccionar los mismos para editar o ver sus propiedades. DISPOSICIÓN DE LOS PANELES Para desplazar los paneles a otro sitio de la pantalla ( o convertirlos flotantes), arrastrar del extremo punteado que aparece a la izquierda de la barra de título del panel y soltar en otra posición. Posición de arrastre Para desplegar un panel, basta con hacer clic en la flechita pequeña situada a la izquierda del nombre del panel y la misma acción para cerrar el panel. Cuando el panel está desplegado, a la derecha de la barra de título aparece un pequeño símbolo que da acceso a un menú contextual. Para cerrar todos los paneles a la vez y trabajar más cómodamente pulsar la tecla F4 y la misma tecla para volver a visualizarlos. MENÚS EN DREAMWEAVER MENÚS CONTEXTUALES Los menús contextuales aparecen al hacer clic con el botón derecho del ratón sobre un determinado elemento de la página y nos proporcionan una serie de comandos para llevar a cabo determinadas acciones. AYUDA EN DREAMWEAVER Pulsando la tecla F1 se accede a la ayuda principal del programa, organizada como una página Web. Además de la tecla F1, el icono que se encuentra en un panel, inspector o ventana nos muestra la ayuda para ese elemento en cuestión. Página - 6 -

13 METODOLOGÍA DE TRABAJO EN DREAMWEAVER PLANIFICACIÓN DE UN SITIO WEB A la hora de realizar un sitio Web debemos planificarlo antes de comenzar a añadir elementos, tenemos que tener claro el número de páginas que va a contener, qué va a aparecer en cada una de ellas, a quién está destinado, cuál es el propósito, etc.. Es preciso tener en cuenta lo siguiente: Crear el sitio en papel antes de comenzar a trabajar con Dreamweaver, indicando los temas que vamos a tratar y organizarlos en categorías. Dibujar un organigrama de la Web representando las páginas con rectángulos (ver figura) y utilizar flechas para señalar los hipervínculos. Una vez decidido el contenido de las páginas, tenemos que crearlas, para ello, escribiremos el texto, el diseño de los gráficos y los archivos de audio y vídeo necesarios.. Pensar en la audiencia que observará nuestra página. Una vez planificado el sitio Web, la mecánica de trabajo con Dreamweaver es la siguiente: 1º. Crear un nuevo sitio. 2º. Crear la(s) carpetas y archivos que van a constituir nuestro sitio Web. 3º. Configurar los diferentes elementos básicos de la página (imagen o color de fondo, colores y tipos de letra, márgenes, tamaño de la página, etc..). 4º. Introducir en cada página los elementos que deseemos (texto, imágenes, vínculos, capas, animaciones, sonidos, etc..) 5º. Continuar creando la totalidad de las página que conformen nuestro sitio Web, procurando dar un formato homogéneo a los distintos encabezados y párrafos de cada página (adjuntar estilos). 6º. Comprobar el buen funcionamiento de todos los vínculos. 7º. Comprobar la compatibilidad con diferentes navegadores. 8º. Alojar el sitio Web en el servidor al que estemos suscritos. Página - 7 -

14 DEFINICIÓN DE UN STIO WEB O SITIO LOCAL INTRODUCCIÓN Un documento de Dreamweamer es cada página que realizamos dentro de la ventana de trabajo. El conjunto de páginas con elementos multimedia enlazadas entre sí constituyen un Sitio web. Lo usual es disponer de una página principal conteniendo los temas o apartados principales de la web desde la que accedemos a las diferentes páginas para desarrollar cada uno de esos temas de forma individual. Es conveniente, por otra parte, con vistas a tener organizado nuestro sitio, agrupar en una sola carpeta todas las imágenes que aparecen en la diferentes páginas, agrupar en otra todos los archivos de sonido, plantillas, animaciones, etc.. El lugar en el disco duro en donde se almacenan el conjunto de documentos y archivos que conforman la totalidad de una web se le llama Sitio Local o carpeta Raíz Local. Será una réplica del Sitio remoto, que es el sitio real del servidor Web al que accederán los visitantes. La creación de un sitio local, comprendido en la carpeta raíz local dentro de la que se establece la estructura de archivos y carpetas del sitio, evitará el acceso a cualquier archivo ubicado fuera de la carpeta raíz local. Los archivos del disco duro que no se encuentren en la carpeta raíz local no estarán disponibles para el servidor remoto. Es aconsejable definir un sitio local en nuestro ordenador antes de empezar a crear páginas, gráficos y demás elementos. El nombre de una carpeta raíz es simplemente para fines de gestión de archivos (no estará disponible para los visitantes de la página) y puede ser el nombre del sitio respectivo o cualquier otro nombre que deseemos. CREAR UN SITIO LOCAL Podemos crear un sitio local de varios modos: Mediante el asistente Sitio de Dreamweaver Mediante la creación de carpetas previas en el disco duro. CREAR UN SITIO LOCAL CON EL ASISTENTE SITIO DE DREAMWEAVER 1. En la ventana principal de la aplicación de Dreamweaver seleccionar una de estas dos opciones: Menú Sitio>Nuevo sitio.. Menú Sitio>Administrador de sitios >botón Nuevo >Sitio 2. Se abre el asistente con dos fichas; Básicas y Avanzadas. Seleccionar Básicas y en esta ventana tenemos que escribir el nombre que vamos a poner al sitio (que puede coincidir con el nombre de la carpeta raíz local) y la dirección URL en donde se alojará nuestro sitio en el servidor de Internet (de momento no poner nada). Pulsar el botón Siguiente. 3. En el siguiente paso del asistente, seleccionar No deseo utilizar una tecnología de servidor, la otra opción es la que debemos seleccionar cuando se trate de páginas Web dinámicas creadas con tecnologías de servidor como PHP, ASP, etc.., pulsar el botón Siguiente. 4. En este paso podemos decidir entre Editar copias locales en mi equipo y luego cargarlas al servidor cuando estén listas (crear las páginas en nuestro PC y luego subirlas al servidor) o Editar directamente en el servidor utilizando la red local, seleccionar la primera opción. En el apartado En qué lugar del equipo desea almacenar los archivos?, por defecto asigna el nombre del sitio (paso 2) a la carpeta raíz local. Página - 8 -

15 Debemos especificar la carpeta del disco duro en donde almacenaremos las páginas y elementos de nuestro sitio, para ello pulsar en el botón. Si queremos poner el mismo nombre al sitio y a nuestra carpeta raíz local pulsar el botón Siguiente. 5. En el siguiente paso del asistente en el apartado Cómo conecta con su servidor remoto? Seleccionar Ninguno en el desplegable, o bien indicar cómo nos vamos a conectar con el servidor remoto para enviarle todas las páginas y archivos de nuestra Web, lo usual suele ser vía FTP, en ese caso debemos rellenar todos los datos con la información que nos facilite la empresa que gestiona el servidor. Una vez introducidos los datos, pulsar en el botón Conexión de prueba para conectar con el servidor. Pulsar el botón Siguiente. 6. En el último paso del asistente se muestra la información que hemos configurado para nuestro sitio. Pulsar el botón Completado para finalizar. En el panel de Archivos aparece el nombre del sitio creado y la carpeta raíz local en la que iremos incluyendo las páginas y elementos de nuestro sitio (comprobar si está seleccionada la opción Vista local en la casilla de la derecha). 7. Si posteriormente deseamos realizar alguna modificación, seleccionar el menú Sitio>Administrador sitios y en el cuadro de diálogo Administrador de sitios pulsar el botón Editar o bien el botón Quitar si queremos eliminar el sitio creado. Dentro de la carpeta raíz local ir creando nuevas carpetas para organizar los contenidos del sitio Web, para ello seleccionar la carpeta raíz y con el botón derecho Nueva Carpeta. Para crear una página nueva seleccionar Nuevo archivo. CREAR UN SITIO LOCAL MEDIANTE LA CREACIÓN DE LA CARPETA PREVIA EN EL DISCO DURO. 1. Dentro de la aplicación de Dreamweaver seleccionar en el panel de Archivos la pestaña Archivos y posteriormente la unidad deseada (C:,D:,etc..) 2. Con el botón derecho del ratón en la unidad seleccionada elegir Nueva carpeta y poner un nombre a la que será la carpeta raíz local (puede coincidir con el nombre que le pongamos al sitio). 3. Seleccionar el menú Sitio>Nuevo sitio, en el asistente escribir un nombre para el sitio (puede ser el mismo de la carpeta raíz u otro distinto) y pulsar el botón Siguiente. 4. En el siguiente paso seleccionar No deseo utilizar una tecnología de servidor y pulsar el botón Siguiente. 5. En este paso del asistente elegir Editar copias locales en mi equipo y luego cargarlas al servidor cuando estén listas (crear las páginas en nuestro PC y luego subirlas al servidor)y en el apartado En qué lugar del equipo desea almacenar los archivos? Pulsar en el icono botón Siguiente. y seleccionar la carpeta que hemos creado en el paso -2-, pulsar el 6. En el siguiente paso del asistente en el apartado Cómo conecta con su servidor remoto? Elegir de la lista Ninguno y pulsar el botón Siguiente. 7. Para finalizar, pulsar el botón Completado. Página - 9 -

16 CÓMO SUBIR LAS PÁGINAS AL SERVIDOR A. CONFIGURAR EL SERVIDOR Nuestro proveedor de internet nos deberá proporcionar los datos de conexión al servidor. Los datos necesarios para un sistema de transferencia FTP (File Transfer Protocol) son los siguientes: Servidor FTP: podría ser parecido a ftp.nombre.com, usuario.servidor.org,etc.. Directorio del servidor: es la carpeta donde se ubicarán nuestra páginas y archivos, p. ej. \html, public_html, etc.. Usuario: es el nombre de usuario que nos ha asignado el servidor, p. ej. Jetxe Contraseña: es la clave para que podamos acceder a los archivos de nuestra Web en el servidor Una vez introducidos los datos pulsar en el botón Prueba o Conexión de prueba. B. ACCESO A NUESTRO LUGAR EN EL SERVIDOR Una vez configurada la conexión al servidor, es preciso conectarnos a él para llevar los archivos y páginas a la carpeta que nos han asignado en su disco duro. Pasos: 1. En el panel Archivos pulsar en el icono Conectar al servidor remoto. 2. En el panel se puede ver la carpeta del servidor en donde podremos alojar nuestros archivos y la casilla desplegable derecha deberá mostrar la opción Vista remota. 3. Si en la casilla seleccionamos la opción Vista local, lo que veremos serán los archivos y páginas que tengamos alojados en el sitio local de nuestro disco duro. C. SUBIR LOS ARCHIVOS AL SERVIDOR Una vez tengamos nuestras páginas y archivos del sitio web creados, debemos depositarlos (subirlos) en el servidor. Pasos: 1. En el panel de Archivos seleccionar la opción Vista local para visualizar los archivos y páginas que tengamos alojados en el sitio local de nuestro disco duro. Página

17 2. Pulsar el icono Colocar y, tras realizarse la conexión con el servidor y solicitarnos conformidad para colocar todo el sitio en dicho servidor, comenzará la transferencia de archivos desde el sitio local al sitio remoto. 3. Una vez finalizada la transferencia, seleccionar la opción Vista remota en la casilla de la derecha en el panel Archivo para ver todos los archivos ya ubicados en el servidor y dentro de la carpeta que hayamos asignado al definir el sitio. Esta carpeta nos la ha asignado la empresa proveedora de Internet. Las carpetas del sitio local y del sitio remoto se muestran coloreadas en verde y amarillo respectivamente. D. BAJAR LOS ARCHIVOS DESDE EL SERVIDOR Para trasladar los archivos existentes en el servidor hasta el sitio local en nuestro disco duro, hay que realizar el proceso inverso al que acabamos de ver. Pasos: 1. En la casilla de la derecha seleccionar la opción Vista remota para visualizar los archivos y páginas que tengamos alojados en el servidor. 2. Hacer clic en el icono Obtener archivos y, tras solicitar conformidad, se realizará la conexión con el servidor y comenzará la transferencia de archivos desde el servidor al sitio local. TRABAJAR EN MODO EXPANDIDO Dreamweaver utiliza un sistema parecido al de otros programas FTP, como p. ej. Cute FTP para la transferencia de archivos del ordenador local al ordenador remoto. En el panel de Archivos, pulsar en el icono Expandir/Contraer. En la parte izquierda de la pantalla tenemos una vista del ordenador remoto o servidor, en tanto que en la parte derecha observamos el contenido de nuestro sitio local. Desde esta vista podemos realizar las transferencias de archivos hacia y desde el servidor utilizando respectivamente los iconos Cargar y Obtener, pero también arrastrando los archivos de un lado al otro (de izq. a der. bajamos archivos al sitio local y de der. a izq. subimos al servidor). El panel de Archivos en modo ampliado también permite: Actualizar: las listas de elementos que aparecen en los directorios local y remoto (aunque esta operación está configurada automáticamente). Archivos del sitio: muestra la estructura de archivos de los sitios local y remoto en las dos mitades de la pantalla. Servidor de prueba: muestra la estructura de directorios del servidor de prueba y del sitio local. Sólo se utiliza para la creación de páginas dinámicas. Página

18 Mapa del sitio: muestra una representación gráfica del sitio basándose en los vínculos entre las páginas. Necesitamos establecer una página como principal previamente para ver el mapa del sitio. Permite seleccionar páginas, abrir una página para editarla, añadir nuevas páginas al sitio, crear vínculos entre archivos y cambiar títulos de página. Proteger y desproteger archivos: se utilizan para proteger y desproteger archivos en el servidor. GESTIÓN DE ARCHIVOS EN EL SITIO LOCAL AÑADIR ARCHIVOS Y/O CARPETAS AL SITIO LOCAL Una vez definido el sitio local necesitamos crear las carpetas y las páginas que contiene ese sitio. A la página principal o de Inicio de nuestro sitio le pondremos el nombre de archivo que indique nuestro proveedor de Internet, normalmente recibe alguno de estos nombres; index.html, welcome.html, default.html o home.html. Para añadir páginas a nuestro sitio existen varios métodos: A. DESDE EL PANEL DE ARCHIVOS 1. En el panel Archivos, activar la Vista local y pulsar en el icono 2. Seleccionar Archivo>Nuevo archivo o Nueva carpeta 3. Aparece un nuevo archivo con el nombre por defecto untitled.html También desde el panel Archivos Seleccionar el sitio local (CARPETA RAÍZ)creado con el botón derecho del ratón y elegir la opción Nuevo archivo o Nueva carpeta del menú contextual. B. DESDE EL MENÚ ARCHIVO DE LA APLICACIÓN DE DREAMWEAVER 1. Seleccionar menú Archivo>Nuevo 2. En la ventana Nuevo documento, elegir Página en blanco y en la columna Tipo de página: seleccionar HTML (o cualquier otro diseño predeterminado) y pulsar el botón Crear. 3. Aparece un nuevo archivo con el nombre por defecto untitled.html 4. En este caso no aparece el nuevo archivo en la ventana del sitio hasta que lo guardemos con el menú archivo>guardar como y la extensión htm o html. ESTABLECER LA PÁGINA PRINCIPAL Para indicar cuál será la página principal del resto de páginas de nuestro sitio: 1. En el panel Archivos, seleccionar con el botón derecho el nombre del archivo que deseamos convertir en página de inicio o principal. 2. Seleccionar la opción Establecer como página principal. CAMBIAR EL NOMBRE DE UN ARCHIVO Hacer dos clic despacio (no doble clic) sobre el archivo deseado o seleccionarlo con el botón derecho del ratón y en el menú contextual Edición>Cambiar nombre Página

19 BORRAR ARCHIVOS Y/O CARPETAS En el panel Archivos, seleccionar individualmente o en grupo (tecla CONTROL y clic) los archivos y/o carpetas deseados. TRABAJAR CON LAS PÁGINAS Para editar los archivos de las páginas, en el panel Archivos hacer doble clic sobre el nombre del archivo deseado. Posteriormente se puede cambiar entre las páginas abiertas seleccionándolas desde las pestañas que muestra la barra de Documento. COMENTARIOS SOBRE LAS CARPETAS A la hora de crear carpetas debemos tener en cuenta que éstas se ubican siempre a partir del nivel de carpeta que tengamos seleccionado. En general, las carpetas de contenidos, Imágenes, animaciones, etc.. crearlas a partir del directorio raíz (sitio local). CARPETAS DE IMÁGENES Para almacenar las imágenes en el interior de una carpeta es preferible utilizar uno de estos métodos: En Mi PC o explorador de Windows, seleccionar el archivos(s) de la carpeta deseada y copiarlos al portapapeles(control + C ) y, posteriormente en la carpeta deseada del sitio local pegarlos(control + V) En el panel Archivos, localizar la carpeta que contiene las imágenes y copiarlas al portapapeles (Control + C). Seleccionar posteriormente nuestro sitio y pegarlas en la carpeta deseada(control + V) Menú Insertar>Imagen, seleccionar de la carpeta deseada la(s) imagen(s) y pulsar Aceptar. Posteriormente indicar la ruta de destino donde deseamos insertar las imágenes. TíTULO DE PÁGINA Y NOMBRES DE ARCHIVO Cuando se accede a una página para su edición, en la barra de Documento de DW se muestra Documento sin título, esto se debe a que cada página además de tener un nombre de archivo, debe tener un título identificativo de la página (no tiene por qué ser el mismo que el del archivo). Para asignar un título a la página, hacer clic en la casilla Título: de la barra Documento y poner un nombre. También se puede seleccionar el menú Modificar<Propiedades de la página>título codificación y poner un nombre en la casilla Título. GUARDAR PÁGINAS Es recomendable guardar el trabajo que realicemos en las páginas mediante el menú Archivo>Guardar o Guardar como Siempre que modifiquemos un documento y no esté guardado aparece un asterisco (*) junto al nombre del archivo, que desaparece al guardarlo. Página

20 Si hemos creado varias páginas sin tener un sitio local definido: 1. Crear primero el sitio local (ver CREAR UN SITIO LOCAL) 2. Abrir una a una las páginas y seleccionar menú Archivo>Guardar como e ir guardando cada una de las páginas en la capeta del sitio local. 3. Tras solicitarnos autorización para actualizar los vínculos el panel Archivos reflejará los cambios automáticamente. ABRIR PÁGINAS EXTERNAS Se pueden aprovechar otras páginas que tengamos almacenadas en el disco, que pueden proceder de internet y las hemos almacenado en un disco o simplemente páginas de otro sitio que queremos utilizar en el nuevo sitio. Es imprescindible para poder abrir una página Web externa en DW que esté guardada previamente en disco. Para guardar una página de internet en disco seleccionar en el menú Archivo>Guardar y en la casilla Tipo de archivo: Página Web completa Pasos: 1. Abrir el sitio local 2. Menú Archivo>Abrir y seleccionar de la unidad correspondiente el archivo deseado. 3. Una vez cargada la página, podemos modificarla, eliminar información, seleccionar elementos para copiarlos en otra página, ver su código HTML, etc.. 4. Para integrar la página en nuestro sitio local, seleccionar menú Archivo>Guardar como, seleccionar nuestra carpeta del sitio local o bien pulsar el botón Raíz del sitio y asignar un nombre de archivo. VISTA PREVIA EN EL NAVEGADOR Para comprobar cómo se verán nuestras páginas en uno o varios navegadores verificar el correcto funcionamiento de las mismas, podemos hacer uso de la vista previa. 1º. Definir los diferentes navegadores, para ello en el menú Archivo>Vista previa en el navegador>editar lista de navegadores para ver la ventana Preferencias. 2º. Pulsar el botón + para añadir nuevos navegadores e indicar su ubicación en el disco duro estableciendo si queremos que actúen como navegador principal o secundario. 3º. Una vez definidos los navegadores, para ver las páginas pulsar la tecla F12 Página

21 Unidad 2 CREACIÓN DE PÁGINAS: PROPIEDADES En esta unidad vamos a ver los elementos básicos para crear páginas sencillas utilizando formatos y colores. ESTABLECER EL TAMAÑO DE LA PÁGINA INTRODUCCIÓN Los monitores tienen mucho en común con las TV. En el caso de los monitores CRT están formados por un tubo de rayos catódico también llamados tubo de vacío (dentro del tubo es casi un vacío perfecto). Los de color se obtienen mediante 3 cañones de electrones. Estos bombardean la placa de fósforo en la parte interior de la pantalla y liberan puntitos de luz a color rojo, verde y azul (RGB) llamados Píxel. La resolución se caracteriza por los píxel representados en horizontal y vertical un ejemplo es la resolución 800X600 osea 800 píxels en horizontal y 600 píxels en vertical. A más resolución más píxels representados. A la hora de crear páginas Web conviene utilizar un tamaño adecuado para que puedan verse correctamente en las resoluciones de monitor más corrientes. En este sentido la resolución óptima para la gran mayoría de monitores sería de 800 x 600 píxeles. Configurar primero el tamaño de la página antes de comenzar, para ello: 1. Antes de seleccionar el tamaño debemos visualizar el área de trabajo en modo no expandido 2. Seleccionar en la barra de estado de la ventana del documento la flecha desplegable 3. Activar la opción Editar tamaños > 800 x 600 Maximizado (opción recomendada) o 1024 x 768 PROPIEDADES DE UNA PÁGINA Para establecer las propiedades generales de una página podemos utilizar alguno de estos métodos: Botón Propiedades de página en el panel Propiedades Menú Modificar>Propiedades de página En la ventana del documento hacer clic con el botón derecho y seleccionar Propiedades de página. Veremos el cuadro de diálogo Propiedades de la página, donde se pueden aplicar en las distintas categorías, las fuentes y los encabezados, colores para los vínculos, los fondos, etc.. APLICAR FONDOS DE COLOR SÓLIDO A LA PÁGINA Botón Propiedades de página>color de fondo>seleccionar la paleta de colores APLICAR FONDOS BITMAP Las imágenes deberán estar en formato GIF, JPEG o PNG. Si la imagen es más grande que la resolución empleada no cabrá y si es más pequeña se repetirá como un mosaico en toda la ventana. Página

22 Para aplicar una imagen de fondo, botón Propiedades de página>imagen de fondo>seleccionar la imagen: De la carpeta imagen del sitio De otra carpeta, en ese caso guardarla en el directorio Imagen del sitio ESCRITURA DEL TEXTO Se puede teclear directamente el texto o copiar texto al portapapeles de otra aplicación con las opciones Copiar o Cortar y Pegar posteriormente en DW en la posición donde se encuentre el cursor. Aunque forma de controlar los atributos de texto es similar a la de los procesadores de texto se utiliza el panel Propiedades, menú Texto o la ficha Texto de la barra Insertar. INSERTAR SALTOS DE PÁRRAFO Y DE LÍNEA Para insertar un salto de párrafo pulsar la tecla Intro. Para bajar sólo una línea cada vez, mantener la tecla de Mayúscula pulsada y tecla Intro. Para añadir espacios en blanco pulsar las teclas Control + Mayúscula + Barra espaciadora INSERTAR LÍNEAS HORIZONTALES 1. Ir al menú Insertar>HTML>Regla horizontal 2. Seleccionar la línea y modificar sus atributos(ancho, alto, alineación,etc..) en el panel Propiedades La inserción de líneas horizontales provoca el desplazamiento hacia abajo del texto que se encuentre por debajo de la línea (equivalente a la tecla Intro) ACTIVIDAD 1 Crear un sitio con el nombre Aula_1 que contenga cuatro páginas llamadas home.html, derecho.html. protocolo.html y ofimática.html. Añadir al sitio una carpeta llamada Images para alojar tres imágenes descargadas previamente de nuestro equipo. Establecer la página de home.html como documento principal y asignarle de título Prácticas de Secretariado. Añadir al resto de páginas y establecer un título para cada una de ellas además de un color de fondo. Posteriormente guardar todas las páginas. INSERTAR IMÁGENES La unidad 4 correspondiente al tratamiento de las imágenes, trata en profundidad el tema. Vamos a ver aspectos generales de cómo se inserta una imagen en un documento. Para ello: 1. Situar el cursor en la posición deseada. 2. Seleccionar menú Insertar>Imagen pulsar el icono en la barra Insertar>Común 3. En la ventana que aparece elegir la ruta y el nombre de archivo en donde se encuentra la imagen a colocar. Si el archivo no está ubicado en el sitio local, veremos una serie de ventanas que nos permitirán copiar el archivo en el lugar que deseemos de nuestro sitio local (normalmente en la carpeta destinada a las imágenes) Página

23 INSERTAR VÍNCULOS La unidad 3 correspondiente al tratamiento de las imágenes, trata en profundidad el tema. Vamos a ver algunos aspectos de los vínculos. Para ello: Un vínculo es un enlace entre dos lugares de tal manera que al hacer clic en un elemento de la página (texto o imagen) se acceda automáticamente a otro lugar de la página, a otra página de nuestro sitio, a una imagen ampliada, una dirección de correo, etc.. 1. Seleccionar el texto al que queremos aplicar el vínculo. 2. En el panel Propiedades aparece una casilla llamada Vínculo en la que escribiremos la ruta que contiene el documento al que accederemos o bien habiendo clic en la carpeta ACTIVIDAD 2. También podemos seleccionar un texto o imagen, pulsar la tecla Mayúscula y arrastrar hacia un archivo en el panel Archivos. Asimismo se puede seleccionar el texto o imagen y arrastrar el icono (que aparece a la derecha de la casilla Vínculo) hacia el archivo deseado en el panel Archivos. Seleccionar el sitio Aula_3 en el panel de archivos y hacer doble clic en el archivo home.html. Introducir el texto Secretariado de Dirección BILBAO y poner un tamaño de 24, alinear al centro y ponerlo en negrita. En el panel Propiedades seleccionar un color de fondo cakee y para el texto color marrón. Introducir el texto Esta es una práctica de documento web de la escuela de Secretariado. En este ejercicio practicaremos con los formatos, imágenes y vínculos. En la unidad 2 estudiaremos los estilos. Para ello debajo de todas las páginas hemos insertado palabras que serán futuros enlaces. Seleccionar este párrafo y establecer lo siguiente: o Fuente (panel Propiedades); Verdana a 14 píxeles en negrita y cursiva o Color del texto blanco y alineado a la izquierda Abrir las otras páginas y copiar en ellas el texto Secretariado de Dirección y añadir a su derecha el nombre de la materia. En la parte inferior de cada página escribir las materias de las otras páginas, posteriormente guardar todo. Insertar una línea horizontal en todas las páginas debajo de cada encabezado Guardar en la carpeta images, tres fotos del Gugenheim, Puppie y la vista de Bilbao desde Artxanda e insertarlas en las páginas correspondientes justo debajo de la línea horizontal. Asignar a todas las imágenes : o un ancho y alto de 100 x 100 o alinear la imagen a la izquierda o introducir en cada imagen un comentario sobre la misma de un par de líneas Abrir el archivo home.html y crear enlaces para acceder a las páginas Puppie, Vista desde Artxanda y Guggenheim. A su vez desde cada página crear los respectivos enlaces. En la dirección generar un botón con la palabra Principal (seguir las instrucciones del enlace) para ir siempre a la página de inicio (home.html). En cada una de las páginas añadir el botón creado para que enlace con la página principal (se puede cinsertar la imagen con el vínculo a la página deseada y copiarlo al resto de páginas) Insertar una imagen gif animada de en la parte inferior del archivo home.html,que sirva de vínculo para que nos permita abrir la aplicación de correo electrónico y se muestre la dirección del destinatario ya introducida (poned vuestra dirección de correo). Página

24 Por último, añadir el siguiente texto en el archivo home.html: made by jonan y comprobar si funcionan todos los vínculos utilizando para ello la opción de Mapa del sitio. RESUMEN CONCEPTOS GENERALES: EDICIÓN, FORMATOS Y PANEL PROPIEDADES Para introducir texto, colocar el cursor en el lugar deseado y escribir, el texto se muestra con los atributos que tenga por defecto. Para insertar un salto de dos líneas, pulsar tecla INTRO Para insertar un salto de una línea, pulsar tecla MAYÚSCULA + INTRO Para separar las palabras con más de un espacio pulsar la combinación de teclas CONTROL+MAYÚSCULA+Barra espaciadora Todos los cambios de atributos que realicemos se aplicarán al texto que se encuentre seleccionado. Para cambiar el tamaño, el formato y el tipo de fuente, utilizar el panel Propiedades. También podemos hacer uso del menú Insertar>HTML>Caracteres especiales y del menú Texto. Color fuente Alineación Listas y Sangría Para añadir nuevas fuentes, en la casilla Fuente del panel Propiedades seleccionar Editar lista de fuentes : Si queremos agregar fuentes a una combinación, seleccionarla en el recuadro Lista de fuentes, elegir posteriormente la fuente a añadir en el recuadro Fuentes disponibles y pulsar en el icono para incorporarla. Para eliminar una fuente de una combinación seleccionar ésta en el recuadro Lista de fuentes, elegir la fuente a eliminar en el recuadro Fuentes elegidas y pulsar el icono. Para añadir una combinación de fuentes, en el recuadro Lista de fuentes, seleccionar la opción (Añadir fuentes de la lista siguiente), en el recuadro Fuentes disponibles seleccionar la fuente a agregar a la nueva combinación y pulsar para incorporarla. Repetir ésta última operación para ir incorporando fuentes al grupo. Para crear o eliminar nuevos grupos hacer clic en los botones Página

25 Para insertar caracteres especiales, situar el cursor en la posición deseada y elegir en el menú Insertar>HTML>Caracteres especiales o bien hacer clic en el último icono a la derecha de la barra Insertar>Texto Podemos crear Listas de texto numeradas (ordenadas) y listas de texto con viñetas (sin ordenar). Se pueden crear a partir de texto previamente editado o sin editar. Para crear listas desde cero: 1. Situar el cursor donde deseemos comenzar la lista 2. En el panel Propiedades hacer clic en el icono Lista sin ordenar o bien en el icono de Lista ordenada. También se pueden utilizar los iconos del menú Insertar>Texto 3. Cada vez que terminemos una línea, pulsar Intro y para finalizar la lista pulsar Intro dos veces seguidas. Para crear listas a partir de párrafos ya escritos, basta con seleccionar la totalidad de los párrafos (elementos de texto independientes entre sí) y pulsar en uno de los iconos Para crear Listas de definición (para definir un término) utilizar los iconos de la barra Insertar>Texto. Si seleccionamos esta opción: o Pulsar el icono dl y pulsar Intro. o Pulsar el icono dt y escribir el texto a definir, el texto saltará a la segunda línea pero con una sangría izquierda para indicar que esa segunda línea describe lo que se ha dicho en la primera. Tras escribir esta segunda línea y volver a pulsar Intro, el cursor regresará a su sangría normal. Para crear Listas anidadas (combinación de listas), crear primero una lista sin ordenar o una lista ordenada y posteriormente aplicar a la línea o líneas deseadas una sangría de texto mediante el icono. El párrafo o párrafos seleccionados se desplazarán a la derecha y mostrarán viñetas diferentes. Utilizar el icono para adaptar la numeración en el caso de las listas ordenadas. Para establecer las propiedades de las listas: 1. Colocar el cursor sobre la lista. Si lo hacemos sobre los puntos principales, las modificaciones afectarán a todos estos; si lo hacemos sobre los puntos secundarios, las modificaciones solo afectarán a ese grupo secundario. 2. Seleccionar menú Texto>Lista >Propiedades o bien pulsar el botón del panel Propiedades. 3. En las casillas Tipo de lista y Estilo ajustar el formato y estilo de lista deseado. 4. En la casilla Iniciar recuento podemos introducir el valor que deberá tener una lista que no comience por el número 1 5. Si queremos cambiar únicamente algunos elementos de la lista, situar el cursor sobre dicho elemento y actuar igual que antes pero sobre las opciones de la sección Elemento de lista. Para cambiar la fuente predeterminada que aparece cuando comenzamos a escribir en DW: 1. Menú Edición>Preferencias>Fuentes, en la casilla Fuente proporcional, seleccionar la fuente que el programa utilizará para mostrar texto normal. El tamaño también se puede ajustar Para llevar a cabo la corrección ortográfica de un documento utilizar el menú Texto>Ortografía (proceder como lo haríamos en un procesador de texto). Página

26 Para buscar un texto en un documento y reemplazarlo por otro ir al menú Edición>Buscar y reemplazar SUGERENCIAS EN LA CONFECCIÓN DE LA WEB Presentar una estructura bien organizada Diseñar la web en papel y hacer un mapa de distribución de las páginas uniendo con líneas cada vínculo y su página correspondiente. Recopilar toda la información que vayamos a colocar en la página (documentos de texto, imágenes, símbolos, direcciones URL de enlaces a otras webs, archivos disponibles, etc.) Pensar el nombre que vamos a dar a cada página y archivo y apuntarlo. Decidir si vamos a trabajar con tablas, plantillas, animaciones, capas, imágenes mapeadas, sonidos, animaciones flash Navegar por distintos webs para ir recopilando ideas. Despertar el interés con el tema y la apariencia. Incluir el acceso a todos los temas desde la página de bienvenida, o bien, si el tema de la web es amplio, crear una página inicial tipo periódico por medio de una tabla y desde la misma página a modo de índice acceder al resto de documentos del sitio. GUÍA PARA COMPONER CON ESTILO Utilizar 2 o 3 fuentes distintas en cada página Líneas de texto cortas Altura de texto de 10 a 12 píxeles Alinear los textos por la izquierda Dividir en varias páginas el contenido de la web (las páginas con mucha información tardan más en cargarse) No utilizar texto intermitente y no abusar de texto en mayúsculas Utilizar iconos o símbolos que puedan sustituir un texto escrito y emplearel mismo estilo para la creación de iconos. Un icono que enlace con la página principal es de gran ayuda para las webs de muchas páginas. Utilizar pocos iconos animados (ralentizan la carga de la página) Utilizar una barra de navegación o botones idénticos para todas las páginas. No utilizar imágenes grandes es preferible utilizar miniaturas o tuhnbnails que luego podamos ampliar Utilizar colores pastel o neutros para el fondo. El fondo debe ser menos importante que el contenido de la página y no debe dificultar la lectura del texto. La descripción de los enlaces debe ser clara (evitar el clásico Pinche aquí ) Posibilitar la comunicación con los visitantes a través de o formularios para mejorar el trabajo Avisar a los usuarios de la fecha de la última actualización Si creamos enlaces a otras webs distintas, permitir la opción de que se carguen en una ventana nueva del navegador Página

27 Unidad 3 ESTILOS CSS INTRODUCCIÓN Un estilo es un grupo de atributos de formato texto identificados por un nombre. El término en cascada se refiere a la secuencia ordenada de estilos. En DW cada estilo recibe inicialmente el nombre Estilo y un número. DreamWeaver trabaja por defecto con hojas de estilo en cascada (CSS) y determinadas combinaciones de atributos que aplicamos al texto las convierte en un estilo CSS que luego podemos utilizar para aplicárselo directamente de una sola vez a otro texto. Otros tipos de formato de texto como, p. ej., los encabezados que encontramos en el desplegable de la casilla Formato del panel Propiedades, no fuerzan la creación de un estilo CSS y lo que hacen es aplicar lo que se llama una etiqueta HTML. DreamWeaver trabaja combinando estilos CSS y estilos HTML, para especificar cómo queremos trabajar ir al menú Edición>Preferencias, activar la categoría General y seleccionar la casilla de Utilizar CSS en lugar de etiquetas HTML. El uso de estilos CSS permite entre otras cosas cambiar a la vez los atributos (propiedades) de texto que compartan un mismo estilo. Cada vez que se crea una combinación nueva de atributos de texto en una página, el programa crea un estilo nuevo que aparece en la casilla Estilos del panel Propiedades. PRÁCTICA CON ESTILOS SENCILLOS Para ver un ejemplo de estilos básicos realizar la siguiente práctica: 1. Escribir tres párrafos y aplicarles fuentes, tamaños, negritas y colores diferentes. 2. Comprobar los estilos creados en la casilla Estilos y aplicarlos a otros textos del documento. Los estilos se aplican a la totalidad de un párrafo, palabra o fragmento, no es necesario seleccionarlo todo. No obstante podemos aplicar estilos a palabras sueltas o fragmentos de párrafos 3. En el panel de estilos (activar en menú Ventana<Estilos CSS) ver cómo quedan configurados los estilos (pulsar en el icono +) y en las propiedades realizar algún cambio. Si realizamos alguna modificación en un estilo aplicado (formato, fuente, etc.) automáticamente se actualizan el resto de párrafos con ese estilo Página

Dreamweaver CS5 Full. 01. Conociendo Adobe Dreamweaver CS5. 02. Creación de sitios y páginas Web

Dreamweaver CS5 Full. 01. Conociendo Adobe Dreamweaver CS5. 02. Creación de sitios y páginas Web 01. Conociendo Adobe Dreamweaver CS5 01.1. Introducción a Adobe Dreamweaver 01.2. Novedades de Dreamweaver CS5 01.3. Requerimientos técnicos 01.4. Editar páginas Web 01.5. Cómo tener una página en Internet

Más detalles

Tema 8. Creación y diseño de un sitio web

Tema 8. Creación y diseño de un sitio web 1. Interfaz de Dreamweaver MX El entorno de trabajo de Dreamweaver está compuesto por una serie de ventanas, paneles y otros elementos configurables por el usuario. En la Figura 1 podemos ver una posible

Más detalles

Configuración de un sitio local

Configuración de un sitio local Configuración de un sitio local Un sitio web es un conjunto de archivos y carpetas, relacionados entre sí, con un diseño similar o un objetivo común. Es necesario diseñar y planificar el sitio web antes

Más detalles

CS3. Jorge A. Villa Saravia 2011. www.jalbertovsa.net 1

CS3. Jorge A. Villa Saravia 2011. www.jalbertovsa.net 1 DREAMWEAVER CS3 Jorge A. Villa Saravia 2011 www.jalbertovsa.net www.jalbertovsa.net 1 1. INTRODUCCIÓN A DREAMWEAVER CS 3... 2 1.1. FLUJO DE TRABAJO DE DREAMWEAVER PARA LA CREACIÓN DE SITIOS WEB... 2 1.2.

Más detalles

Wikis Trabajando en una Wiki

Wikis Trabajando en una Wiki Wikis Trabajando en una Wiki Contenido CONTENIDO... 1 VENTANA PRINCIPAL DEL WIKI... 2 AGREGAR UNA NUEVA PÁGINA... 4 EDICIÓN DE UNA PÁGINA... 5 DAR FORMATO A LA PÁGINA... 7 DESHACER Y REHACER ACCIONES...

Más detalles

Temario Dreamweaver CS4

Temario Dreamweaver CS4 Temario Dreamweaver CS4 1 El entorno de trabajo de Dreamweaver CS4 1 Introducción 2 Requisitos del sistema 3 Abrir el programa 4 Cerrar el programa 5 Interfaz de Dreamweaver CS4 6 La barra de Aplicaciones

Más detalles

2_dar formato al texto / documentos I

2_dar formato al texto / documentos I Es posible ejecutar el comando tantas veces como copias se desee hacer, ya que tras pegar el texto, una copia del mismo sigue en el Portapapeles. Se dispone de varios caminos para llegar a estas opciones:

Más detalles

Nos identificamos con nuestro nombre de usuario y la contraseña y llegamos a esta página

Nos identificamos con nuestro nombre de usuario y la contraseña y llegamos a esta página ADMINISTRACIÓN DEL SITIO WEB Todos los jefes de Departamento, coordinadores de proyectos y directivos del Centro somos administradores de la página web. Cada uno tendrá la responsabilidad de administrar

Más detalles

Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6

Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6 Modalidad Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6 cod / EU 0518 A Distancia Duración 300 Horas Objetivos Aportar al alumno todas las competencias y conocimientos necesarios

Más detalles

TÉCNICO PROFESIONAL EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6

TÉCNICO PROFESIONAL EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6 Modalidad: Distancia Duración: 77 Horas Objetivos: En la actualidad Dreamweaver es uno de los principales programas utilizados por los profesionales para el diseño y maquetación de páginas web. Estos materiales

Más detalles

Powerpoint es un programa incluido en la suite de Microsoft Office, que nos ofrece la posibilidad de crear presentaciones profesionales.

Powerpoint es un programa incluido en la suite de Microsoft Office, que nos ofrece la posibilidad de crear presentaciones profesionales. Qué es Powerpoint 2010? Powerpoint es un programa incluido en la suite de Microsoft Office, que nos ofrece la posibilidad de crear presentaciones profesionales. El entorno de trabajo En la siguiente imagen

Más detalles

Jornadas de INCLUSION DIGITAL. a través de las TIC ORGANIZAN: CAPACITA: CLAEH

Jornadas de INCLUSION DIGITAL. a través de las TIC ORGANIZAN: CAPACITA: CLAEH Jornadas de INCLUSION DIGITAL a través de las TIC ORGANIZAN: CAPACITA: CLAEH Con Google Docs puedes crear, compartir y editar documentos online con facilidad. A continuación te indicamos algunas acciones

Más detalles

Navegar por Windows 8. capítulo 05

Navegar por Windows 8. capítulo 05 Navegar por capítulo 05 Navegar por navegar presenta novedades en cuanto a la navegación. Podríamos separar la navegación en dos tipos, la navegación a través del explorador y por lo tanto por el escritorio,

Más detalles

IMÁGENES. Existen una serie de formatos de imagen más recomendables que otros para ser introducidos en una página web.

IMÁGENES. Existen una serie de formatos de imagen más recomendables que otros para ser introducidos en una página web. IMÁGENES Todas las páginas web acostumbran a tener un cierto número de imágenes, que permiten mejorar su apariencia, o dotarla de una mayor información visual. Existen una serie de formatos de imagen más

Más detalles

Herramientas Informáticas para la Documentación Práctica 1. Introducción al navegador Netscape

Herramientas Informáticas para la Documentación Práctica 1. Introducción al navegador Netscape Herramientas Informáticas para la Documentación Práctica 1. Introducción al navegador Netscape Introducción y objetivos De modo muy resumido Internet es una red que interconecta redes de ordenadores. Conectándose

Más detalles

Centro de Profesorado Luisa Revuelta (Córdoba) TEMA 6 TABLAS Y GRÁFICOS EN IMPRESS

Centro de Profesorado Luisa Revuelta (Córdoba) TEMA 6 TABLAS Y GRÁFICOS EN IMPRESS Centro de Profesorado Luisa Revuelta (Córdoba) TEMA 6 TABLAS Y GRÁFICOS EN IMPRESS Antes que nada tenemos que hablar de la distinción entre tabla y hoja de cálculo. Una tabla es una estructura formada

Más detalles

56h DREAMWEAVER 8 OBJETIVOS DEL CURSO. ÍNDICE 1 Conociendo Macromedia Dreamweaver. 2 Creación de sitios y páginas Web

56h DREAMWEAVER 8 OBJETIVOS DEL CURSO. ÍNDICE 1 Conociendo Macromedia Dreamweaver. 2 Creación de sitios y páginas Web 56h DREAMWEAVER 8 OBJETIVOS DEL CURSO Dreamweaver es el programa líder en la edición profesional de páginas Web. Es el software más utilizado para la creación y mantenimiento de páginas Web por los principales

Más detalles

Manual básico de utilización de Windows

Manual básico de utilización de Windows Manual básico de utilización de Windows INDICE 1. El escritorio de Windows 2. Ver icono Mi PC en el escritorio 3. Mi PC 4. Crear carpetas y accesos directos 5. Buscar archivos en el PC 6. Papelera de reciclaje

Más detalles

Manual de gestión de contenidos web en entorno Drupal. Versión sitio maestro para servicios 1.0

Manual de gestión de contenidos web en entorno Drupal. Versión sitio maestro para servicios 1.0 Manual de gestión de contenidos web en entorno Drupal Versión sitio maestro para servicios 1.0 Contenido Gestión de contenidos... 5 Crear contenidos... 5 Tipos de contenido... 5 Página básica o basic

Más detalles

Crear una página Html con el Editor.

Crear una página Html con el Editor. Crear una página Html con el Editor. El Editor de Páginas HTML de RODAS permite a los usuarios crear, cargar y editar una serie de páginas web HTML que se almacenará en Mis Objetos o en una colección durante

Más detalles

Tutorial de Dreamweaver MX 2004

Tutorial de Dreamweaver MX 2004 1 Tutorial de Dreamweaver MX 2004 Dreamweaver MX 2004 es una aplicación para el diseño de espacios web que incorpora múltiples posibilidades de edición. 1. Configurar un sitio local El método más común

Más detalles

Curso Diseño Web con Software libre, VNU

Curso Diseño Web con Software libre, VNU 1. - QUE ES VNU? NVU (se pronuncia N-view, por "new view") es un editor de páginas web libre y gratuito desarrollado bajo la modalidad Open Source, o sea que cualquiera está autorizado para bajarlo sin

Más detalles

100 EJERCICIOS DE MICROSOFT WORD

100 EJERCICIOS DE MICROSOFT WORD 100 EJERCICIOS DE MICROSOFT WORD 1. COMO SE ACTIVAN Y SE DESACTIVAN LAS BARRAS DE HERRAMIENTAS Clic derecho en la Barra de Menú Clic en el nombre de la barra que desee activar o desactivar. Clic en el

Más detalles

C APÍTULO 1 Gestión de documentos

C APÍTULO 1 Gestión de documentos C APÍTULO 1 Gestión de documentos En este capítulo encontrará unas sencillas indicaciones para cocripción somera del entorno de trabajo de Word, así como una referencia rápida a las funciones de las teclas

Más detalles

2_trabajar con calc I

2_trabajar con calc I Al igual que en las Tablas vistas en el procesador de texto, la interseccción de una columna y una fila se denomina Celda. Dentro de una celda, podemos encontrar diferentes tipos de datos: textos, números,

Más detalles

Manual de Neobook. J.Santiago Ortiz

Manual de Neobook. J.Santiago Ortiz Manual de Neobook J.Santiago Ortiz J. Santiago Ortiz Durán Que es Neobook? Neobook es un Software de autor de gran difusión en el ámbito educativo, que goza de mucha popularidad debido a su facilidad de

Más detalles

Tutorial: Gestión básica de contenidos en SharePoint

Tutorial: Gestión básica de contenidos en SharePoint Tutorial: Gestión básica de contenidos en SharePoint Juan Segura Versión 1.1 11 de Noviembre de 2010 SEGURA DURAN ASSESSORS, S.A. Palma-Central: C/. Bartomeu Rosselló Porcel 5A. 07004 Palma. Madrid-Centro:

Más detalles

TEMA 2 WINDOWS XP Lección 3 PROGRAMA WORDPAD

TEMA 2 WINDOWS XP Lección 3 PROGRAMA WORDPAD TEMA 2 WINDOWS XP Lección 3 PROGRAMA WORDPAD 1) TRATAMIENTO DE TEXTOS Uno de los programas accesorios más útiles entre los que vienen con Windows XP es WordPad: un tratamiento de textos pequeño, pero potente,

Más detalles

Fuente: http://www.kzgunea.net

Fuente: http://www.kzgunea.net APRENDE A NAVEGAR INTERNET EXPLORER El navegador Internet Explorer ya lo tenemos integrado en el Sistema Operativo, en sus diferentes versiones desde Windows 95, por lo cual no tendremos que instalarlo.

Más detalles

Creación, configuración, formato y visualización de una presentación en Power Point

Creación, configuración, formato y visualización de una presentación en Power Point Módulo 3 Herramientas de Cómputo Creación, configuración, formato y visualización de una presentación en Power Point Cómo crear una diapositiva nueva? Para crear una diapositiva nueva tienes que ir al

Más detalles

3_formato I. NOTA: al pegar unas celdas sobre otras no vacías, se borrará el contenido de estas últimas.

3_formato I. NOTA: al pegar unas celdas sobre otras no vacías, se borrará el contenido de estas últimas. 3. Luego se seleccionan las celdas donde se quiere que se sitúen las celdas cortadas. No hace falta seleccionar el rango completo sobre el que se va a pegar, ya que si se selecciona una única celda, Calc

Más detalles

Dreamweaver CS6 para PC/Mac Sitios completamente CSS conforme a los estándares del W3C

Dreamweaver CS6 para PC/Mac Sitios completamente CSS conforme a los estándares del W3C Introducción Internet en la actualidad 7 El World Wide Web Consortium y los estándares 7 Los programas de creación de sitios web 7 Objetivo del libro 8 Interfaz de creación El entorno del sistema 9 La

Más detalles

5.- Crear páginas web con Nvu

5.- Crear páginas web con Nvu 5.- Crear páginas web con Nvu Nvu permite crear y publicar páginas web sin necesidad de tener conocimientos de HTML y de una forma tan sencilla como utilizar un procesador de textos. La barra de herramientas

Más detalles

El módulo de texto plano es un sencillo editor. Al seleccionarlo en la caja de módulos, el área central adoptará al siguiente aspecto:

El módulo de texto plano es un sencillo editor. Al seleccionarlo en la caja de módulos, el área central adoptará al siguiente aspecto: Plantilla de texto plano El módulo de texto plano es un sencillo editor. Al seleccionarlo en la caja de módulos, el área central adoptará al siguiente aspecto: Título: Es el título que aparecerá identificando

Más detalles

Aplicaciones didácticas en Internet: DREAMWEAVER Bloque 2

Aplicaciones didácticas en Internet: DREAMWEAVER Bloque 2 Aplicaciones didácticas en Internet: DREAMWEAVER Bloque 2 1. Celdas y tablas, propiedades Dibujando celdas y tablas de disposición, podemos verificar las propiedades cambiando los datos en el panel que

Más detalles

Microsoft. desde Word 2003

Microsoft. desde Word 2003 En esta guía Microsoft Microsoft Word 2010 es bastante diferente a Word 2003; por ello hemos creado esta guía, para ayudar a minimizar la curva de aprendizaje. Léala para conocer las partes principales

Más detalles

Plantilla de texto plano

Plantilla de texto plano Plantilla de texto plano Esta es la plantilla seleccionada por defecto al crear una nueva página. Título: Es el título que aparecerá identificando a la página, así como en la cabecera del documento en

Más detalles

Guía Google Sites. En este tema se desarrolla una guía rápida de uso para editar con Google Sites

Guía Google Sites. En este tema se desarrolla una guía rápida de uso para editar con Google Sites 1. INTRODUCCIÓN Google Sites es una aplicación gratuita que se enmarca dentro de la filosofía Web 2.0. Permite crear el sitio que puede adaptarse a cualquier situación: web personal, informativa, educativa,

Más detalles

En esta segunda y última parte de la unidad veremos algunas de las funciones

En esta segunda y última parte de la unidad veremos algunas de las funciones Semana 6 Presentación En esta segunda y última parte de la unidad veremos algunas de las funciones más importantes de Microsoft PowerPoint, entre ellas: la creación y el trabajo con gráficos y animaciones,

Más detalles

RECIBIR Y ENVIAR MENSAJES CON OUTLOOK EXPRESS

RECIBIR Y ENVIAR MENSAJES CON OUTLOOK EXPRESS RECIBIR Y ENVIAR MENSAJES CON OUTLOOK EXPRESS Outlook Express se puede ejecutar de varias formas. Las más inmediatas son hacer doble clic en el icono de Outlook Express situado en el escritorio, hacer

Más detalles

DESCRIPCIÓN ESPECÍFICA.

DESCRIPCIÓN ESPECÍFICA. DESCRIPCIÓN ESPECÍFICA. Nombre del Módulo: DISEÑO DE SITIOS WEB. Código: CSTI0031 Horas certificables: 62 Objetivo General: Diseñar sitios web que implementen características intuitivas y visuales Objetivos

Más detalles

Manual del Profesor/a Por favor, mándenos sus comentarios, sugerencias y mejoras a vcampos@ciberaula.net

Manual del Profesor/a Por favor, mándenos sus comentarios, sugerencias y mejoras a vcampos@ciberaula.net Manual del Profesor/a Por favor, mándenos sus comentarios, sugerencias y mejoras a vcampos@ciberaula.net Introducción Proyectos es un Sistema de Gestión de Comunidades Virtuales en Web, creado por Quaderns

Más detalles

ADMINISTRACIÓN MI PRIMER ARTÍCULO (Parte I) (Última revisión: domingo, 15 de febrero de 2009)

ADMINISTRACIÓN MI PRIMER ARTÍCULO (Parte I) (Última revisión: domingo, 15 de febrero de 2009) JOOMLA! ADMINISTRACIÓN MI PRIMER ARTÍCULO () (Última revisión: domingo, 15 de febrero de 2009) Cuando nos introducimos en el mundo de las páginas Web nuestro objetivo fundamental es poder comunicarnos

Más detalles

CREACIÓN DE PÁGINAS WEB CON NVU

CREACIÓN DE PÁGINAS WEB CON NVU CREACIÓN DE PÁGINAS WEB CON NVU 1. Introducción... 1 2. Instalación... 2 3. Antes de comenzar una página web... 2 4. Editar páginas web con NVU... 5 5. Definir el diseño de nuestro sitio... 6 5.1. Plantillas...

Más detalles

Manual de Dreamwaver MX 2004

Manual de Dreamwaver MX 2004 1. INTRODUCCIÓN A DREAMWEAVER... 2 1.1. FLUJO DE TRABAJO DE DREAMWEAVER PARA LA CREACIÓN DE SITIOS WEB... 2 1.2. GUÍA DE RECURSOS DE FORMACIÓN DE DREAMWEAVER... 3 2. ENTORNO DE TRABAJO... 4 2.1. ELEMENTOS

Más detalles

(Objetivo) Curso de Informática Básica. Word 2003. Índice. Word 2003. Conceptos Básicos. Uso avanzado de Word. Universidad Rey Juan Carlos

(Objetivo) Curso de Informática Básica. Word 2003. Índice. Word 2003. Conceptos Básicos. Uso avanzado de Word. Universidad Rey Juan Carlos Universidad Rey Juan Carlos Estefanía Martín Liliana P. Santacruz Laboratorio de Tecnologías de la Información en la Educación 2 Objetivo Entender los conceptos procesador de texto y sistema de tratamiento

Más detalles

Tutorial 1: Creación de páginas web con Editor HTML de OpenOffice

Tutorial 1: Creación de páginas web con Editor HTML de OpenOffice Tutorial 1: Creación de páginas web con Editor HTML de OpenOffice Nota: el propósito del curso no es aprender a elaborar páginas web complejas. Por eso, únicamente vamos a aprender a manejar ocho procedimientos:

Más detalles

Unidad 2: El sistema operativo. Trabajo sin conexión.

Unidad 2: El sistema operativo. Trabajo sin conexión. Unidad 2: El sistema operativo. Trabajo sin conexión. Un sistema operativo es un conjunto de programas de control que actúa como intermediario entre el usuario y el hardware de un sistema informático,

Más detalles

100 EJERCICIOS DE MICROSOFT WORD

100 EJERCICIOS DE MICROSOFT WORD 100 EJERCICIOS DE MICROSOFT WORD 1. como se activan y se desactivan las barras de herramientas Clic derecho en la Barra de Menú Clic en el nombre de la barra que desee activar o desactivar. Clic en el

Más detalles

El Power Point es un programa que permite hacer presentaciones y es usado ampliamente en los ámbitos de negocios y educacionales.

El Power Point es un programa que permite hacer presentaciones y es usado ampliamente en los ámbitos de negocios y educacionales. TUTORIAL PARA HACER PRESENTACIONES EN POWER POINT Guía del taller de herramientas de presentación 1) Qué es un Power Point? El Power Point es un programa que permite hacer presentaciones y es usado ampliamente

Más detalles

Herramientas de Google

Herramientas de Google 1 Índice de contenido Licencia y condiciones de uso...3 Introducción...4 Crear sitio...5 Acceso a Google Sites...5 Registro del sitio...6 La página de inicio...8 Añadir páginas...9 Añadir páginas...9 Página

Más detalles

PROGRAMA FORMATIVO MACROMEDIA STUDIO 8

PROGRAMA FORMATIVO MACROMEDIA STUDIO 8 PROGRAMA FORMATIVO MACROMEDIA STUDIO 8 www.bmformacion.es info@bmformacion.es Objetivos Se estudia la suite Macromedia Studio 8, que está formada por un conjunto de aplicaciones utilizadas por diseñadores

Más detalles

Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web

Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web Índice Conceptos básicos En este capítulo se enseñan los conceptos básicos de trabajo en Adobe Dreamveaver CS3. También se describen

Más detalles

Práctica 3: Introducción a Word

Práctica 3: Introducción a Word Departament d Enginyeria i Ciència dels Computadors Práctica 3: Introducción a Word B12. Informática I. Curso 2001/2002 Profesores: Julio Pacheco Juanjo Murgui Raul Montoliu Mª Carmen Ortiz Octubre 2001

Más detalles

Manual de NVU Capítulo 2: Elementos básicos de una páginas Web

Manual de NVU Capítulo 2: Elementos básicos de una páginas Web Manual de NVU Capítulo 2: Elementos básicos Pág. 1 Manual de NVU Capítulo 2: Elementos básicos de una páginas Web Reconocimiento-NoComercial-CompartirIgual 2.5 España Realizado por: Julio Ruiz Palmero

Más detalles

Técnico Especialista TIC en Diseño de Páginas Web con Adobe Dreamweaver CS5 (Online)

Técnico Especialista TIC en Diseño de Páginas Web con Adobe Dreamweaver CS5 (Online) Técnico Especialista TIC en Diseño de Páginas Web con Adobe Dreamweaver CS5 (Online) TITULACIÓN DE FORMACIÓN CONTINUA BONIFICADA EXPEDIDA POR EL INSTITUTO EUROPEO DE ESTUDIOS EMPRESARIALES Técnico Especialista

Más detalles

Webquest Creator Manual*

Webquest Creator Manual* Tras el registro, si todo es correcto ya estaremos dentro de la aplicación sin necesidad de pasar por el menú Entrar. La siguiente vez que queramos editar o crear una webquest ya si http://www.culturaemprendedora.es/manualwq/wq_manual.htm

Más detalles

TEMA 20 EXP. WINDOWS PROC. DE TEXTOS (1ª PARTE)

TEMA 20 EXP. WINDOWS PROC. DE TEXTOS (1ª PARTE) 1. Introducción. TEMA 20 EXP. WINDOWS PROC. DE TEXTOS (1ª PARTE) El Explorador es una herramienta indispensable en un Sistema Operativo ya que con ella se puede organizar y controlar los contenidos (archivos

Más detalles

CÓMO CREAR UNA WEBQUEST Paso a Paso

CÓMO CREAR UNA WEBQUEST Paso a Paso CÓMO CREAR UNA WEBQUEST Paso a Paso 1.- Lo primero que tenemos que hacer es acceder a la página del instituto usando Mozilla (no usar el navegador Firefox que puede dar problemas) URL: www.ieseltablero.org

Más detalles

Operación Microsoft Access 97

Operación Microsoft Access 97 Trabajar con Controles Características de los controles Un control es un objeto gráfico, como por ejemplo un cuadro de texto, un botón de comando o un rectángulo que se coloca en un formulario o informe

Más detalles

Versión: 1.0.0. Desarrollado por AloOnline Alojamiento Web. http://www.aloonline.es. soporte@aloonline.es -1-

Versión: 1.0.0. Desarrollado por AloOnline Alojamiento Web. http://www.aloonline.es. soporte@aloonline.es -1- Versión: 1.0.0 Desarrollado por AloOnline Alojamiento Web http://www.aloonline.es soporte@aloonline.es -1- INDICE 1. Acceder al panel de WordPress... 3 2. Crear entradas en el Blog y páginas... 4 2.1.

Más detalles

ELABORACIÓN DE TABLEROS DINÁMICOS DE COMUNICACIÓN CON EL PROGRAMA EDITOR TICO

ELABORACIÓN DE TABLEROS DINÁMICOS DE COMUNICACIÓN CON EL PROGRAMA EDITOR TICO ELABORACIÓN DE TABLEROS DINÁMICOS DE COMUNICACIÓN CON EL PROGRAMA (Tico 2.0) EDITOR TICO La idea principal que motivo este proyecto fue trasladar la definición tradicional de tablero de comunicación en

Más detalles

Plataforma e-ducativa Aragonesa. Manual de Administración. Bitácora

Plataforma e-ducativa Aragonesa. Manual de Administración. Bitácora Plataforma e-ducativa Aragonesa Manual de Administración Bitácora ÍNDICE Acceso a la administración de la Bitácora...3 Interfaz Gráfica...3 Publicaciones...4 Cómo Agregar una Publicación...4 Cómo Modificar

Más detalles

Tema 2. Entorno de desarrollo integrado (IDE) de VS.NET

Tema 2. Entorno de desarrollo integrado (IDE) de VS.NET Tema 2. Entorno de desarrollo integrado (IDE) de VS.NET La página de inicio del entorno de desarrollo integrado (IDE) Desde esta página podremos acceder a: nuestros proyectos recientes, noticias relacionadas

Más detalles

Tablas de datos... 4. Insertar tablas rápidas basadas en plantillas... 4. Insertar tabla... 4 ... 5. Eliminar una tabla y su contenido...

Tablas de datos... 4. Insertar tablas rápidas basadas en plantillas... 4. Insertar tabla... 4 ... 5. Eliminar una tabla y su contenido... Contenido Tablas de datos... 4 Insertar tablas rápidas basadas en plantillas... 4 Insertar tabla... 4... 5 Eliminar una tabla y su contenido... 5 Borrar el contenido de una tabla... 5 Convertir tabla en

Más detalles

Aprendiendo el uso de CmapTools Primera parte

Aprendiendo el uso de CmapTools Primera parte Aprendiendo el uso de CmapTools Primera parte La ventaja de usar un software específico para dibujar los mapas conceptuales, es que permite mover los conceptos, flechas y enlaces a través del espacio de

Más detalles

Insertar o crear tablas. Insertar una tabla. Crear una tabla. Usar plantillas de tabla. Utilizar el menú Tabla. Utilizar el comando Insertar tabla

Insertar o crear tablas. Insertar una tabla. Crear una tabla. Usar plantillas de tabla. Utilizar el menú Tabla. Utilizar el comando Insertar tabla Insertar o crear tablas Insertar una tabla En Microsoft Office Word 2007 se puede insertar una tabla eligiendo un diseño entre varias tablas con formato previo (rellenas con datos de ejemplo) o seleccionando

Más detalles

Antes de comenzar un sitio. Empezar un sitio web

Antes de comenzar un sitio. Empezar un sitio web Antes de comenzar un sitio Es muy recomendable realizar la siguiente actividad, de evaluación de páginas web, para tener ideas y recursos. http://www.uamvirtual.es/mod/assignment/view.php?id=3228 Empezar

Más detalles

MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn

MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn Tegucigalpa M. D. C., Junio de 2009 Que es un CMS Un sistema de administración de contenido (CMS por sus siglas en ingles) es un programa para organizar

Más detalles

Operación Microsoft Windows XP

Operación Microsoft Windows XP El ambiente de trabajo Descripción del ambiente de trabajo Luego de encendida la computadora, la pantalla se presenta de la forma que lo muestra la figura. El ambiente de trabajo que proporciona el sistema

Más detalles

SISTEMA OPERATIVO WINDOWS XP

SISTEMA OPERATIVO WINDOWS XP Marzo 2009 0 SISTEMA OPERATIVO WINDOWS XP UNIDAD 1: Conceptos básicos 1.1.- El sistema operativo El Sistema Operativo es una pieza imprescindible para nuestro computador ya que sin él este no puede funcionar.

Más detalles

CÓMO ADMINISTRAR TU SITIO WEB Y PUBLICAR

CÓMO ADMINISTRAR TU SITIO WEB Y PUBLICAR CÓMO ADMINISTRAR TU SITIO WEB Y PUBLICAR ÍNDICE: 0) Cómo crear un sitio. 1) Cómo acceder a la administración de mi sitio. 2) Cómo acceder a la administración de mi sitio. 3) Cómo escribir en mi sitio.

Más detalles

GUÍA DEL USUARIO DE SOFTWARE

GUÍA DEL USUARIO DE SOFTWARE GUÍA DEL USUARIO DE SOFTWARE Serie RJ El contenido de esta guía y las especificaciones de este producto pueden cambiar sin notificación. Brother se reserva el derecho de modificar sin previo aviso las

Más detalles

Este Material de Apoyo ha sido extraído de la Guía de Usuario de Corel Draw X6. Copyright 2012 Corel Corporation. Reservados todos los derechos.

Este Material de Apoyo ha sido extraído de la Guía de Usuario de Corel Draw X6. Copyright 2012 Corel Corporation. Reservados todos los derechos. Este Material de Apoyo ha sido extraído de la Guía de Usuario de Corel Draw X6. Copyright 2012 Corel Corporation. Reservados todos los derechos. Operaciones con páginas y herramientas de diseño CorelDRAW

Más detalles

Manual de Usuario Announcer Pro 4.14

Manual de Usuario Announcer Pro 4.14 Manual de Usuario Announcer Pro 4.14 Presencia Web Triara.com SA de CV Todos los derechos reservados Esta guía no puede ser reproducido ni distribuida en su totalidad ni en parte, en cualquier forma o

Más detalles

Introducción a Mozilla Navegador

Introducción a Mozilla Navegador 20021125 Universidad de Navarra Introducción a Mozilla Navegador Versión 1.1. cti Centro de Tecnología Informática Tabla de contenidos 1. Mozilla Navegador...3 1.1.Establecer las preferencias de Navigator...4

Más detalles

EFECTOS, ANIMACIÓN, TRANSICIÓN, IMÁGENES Y FOTOS EN POWER POINT

EFECTOS, ANIMACIÓN, TRANSICIÓN, IMÁGENES Y FOTOS EN POWER POINT EFECTOS, ANIMACIÓN, TRANSICIÓN, IMÁGENES Y FOTOS EN POWER POINT Qué es una plantilla? Las plantillas (Templates) son presentaciones cuyo formato y esquema de colores puede ser aplicado a otras presentaciones.

Más detalles

MANUAL DE GUADALINEX

MANUAL DE GUADALINEX MANUAL DE GUADALINEX Aspecto general Lo primero que nos encontramos al iniciar Guadalinex es el escritorio. Es el punto de partida de todas las operaciones que realizamos con el ordenador por eso vamos

Más detalles

Manual de Usuario CMS

Manual de Usuario CMS Manual de Usuario CMS Un sistema de gestión de contenidos o CMS (por sus siglas en inglés, Content Management System) en otras palabras es un programa que permite a usuarios sin experiencia en diseños

Más detalles

Unidad Formativa UF0320: Aplicaciones informáticas de tratamiento de textos

Unidad Formativa UF0320: Aplicaciones informáticas de tratamiento de textos Unidad Formativa UF0320: Aplicaciones informáticas de tratamiento de textos TEMA 1 Conceptos generales y características fundamentales del programa de tratamiento de textos TEMA 2 Introducción, desplazamiento

Más detalles

La pestaña Inicio contiene las operaciones más comunes sobre copiar, cortar y pegar, además de las operaciones de Fuente, Párrafo, Estilo y Edición.

La pestaña Inicio contiene las operaciones más comunes sobre copiar, cortar y pegar, además de las operaciones de Fuente, Párrafo, Estilo y Edición. Microsoft Word Microsoft Word es actualmente (2009) el procesador de textos líder en el mundo gracias a sus 500 millones de usuarios y sus 25 años de edad. Pero hoy en día, otras soluciones basadas en

Más detalles

Documento en blanco, el cual permite al seleccionarlo y pulsando el botón

Documento en blanco, el cual permite al seleccionarlo y pulsando el botón Acceder a un nuevo documento Manejo de documentos y de archivos Cuando se inicia Word, aparecerá en pantalla un documento nuevo (en blanco) que por defecto se llama Documento1. Para crear un documento

Más detalles

Índice de contenidos:

Índice de contenidos: Tutorial de wik.is Wik.is es el servicio en línea de Deki Wiki de Mindtouch: http://wiki.opengarden.org/deki_wiki Índice de contenidos: Registro para tener nuestro wiki... 2 Primeros cambios que debemos

Más detalles

HOJA DE CALCULO EXCEL NIVEL II

HOJA DE CALCULO EXCEL NIVEL II HOJA DE CALCULO EXCEL NIVEL II DURACION: 30 HORAS Los participantes al finalizar la acción formativa serán capaces de utilizar la hoja de cálculo EXCEL, adquiriendo los conocimientos teóricos y prácticos

Más detalles

FUNDAMENTOS DE INFORMÁTICA

FUNDAMENTOS DE INFORMÁTICA UNIVERSIDAD TECNOLÓGICA NACIONAL FACULTA REGIONAL ROSARIO FUNDAMENTOS DE INFORMÁTICA Profesor: Dra. Sonia Benz. Auxiliares: Ing. Evangelina Delfratte - Ing. Patricia Mores Introducción a MS Word. Herramientas

Más detalles

AS237 - Dreamweaver CS5

AS237 - Dreamweaver CS5 AS237 - Dreamweaver CS5 Características Modalidad: Online Horas: 56 Objetivos Dreamweaver es el programa líder en la edición profesional de páginas Web. Es el software más utilizado para la creación y

Más detalles

Tabla dinámica. Vamos a crear una tabla dinámica a partir de un conjunto de datos.

Tabla dinámica. Vamos a crear una tabla dinámica a partir de un conjunto de datos. Tabla dinámica Una tabla dinámica consiste en el resumen de un conjunto de datos, atendiendo a uno o varios criterios de agrupación, representado como una tabla de doble entrada que nos facilita la interpretación

Más detalles

Guadalinex Básico Impress

Guadalinex Básico Impress 1 IMPRESS: Editor de Presentaciones Impress es un programa con el que podemos crear diapositivas, transparencias y presentaciones con una variada gama de efectos sin demasiadas complicaciones. Objetivos:

Más detalles

Gestor de Contenidos. Manual del Usuario

Gestor de Contenidos. Manual del Usuario Gestor de Contenidos Manual del Usuario Gestor de Contenidos de Ayuntamiento Acceso al Gestor El acceso al Gestor de Contenidos se realiza a través de la página http://www.emanises.es/empresarialauthor

Más detalles

Operación Microsoft Windows XP

Operación Microsoft Windows XP El Explorador de Windows xp Características del Explorador de Windows El Explorador de Windows es una de las aplicaciones más importantes con las que cuenta Windows. Es una herramienta indispensable en

Más detalles

Guía de inicio rápido

Guía de inicio rápido Guía de inicio rápido Microsoft PowerPoint 2013 tiene un aspecto distinto al de las versiones anteriores, por lo que hemos creado esta guía para ayudarle a reducir lo máximo posible la curva de aprendizaje.

Más detalles

Internet Explorer 5.0

Internet Explorer 5.0 Internet Explorer 5.0 Trucos para la suite de comunicaciones de Microsoft 1 Actualizaciones Es importante tener siempre actualizado el navegador, sea cual sea la versión que se emplee, por lo que conviene

Más detalles

ÍNDICE DE CONTENIDOS

ÍNDICE DE CONTENIDOS ÍNDICE DE CONTENIDOS UNIDAD 1 - TAREAS BÁSICAS... 10 1.1. Barra de herramientas de acceso rápido... 11 1.2. Ficha Archivo... 12 1.3. Crear, guardar, cerrar y abrir documentos... 12 a) Modo de inserción

Más detalles

Fundamentos CAPÍTULO 1. Contenido

Fundamentos CAPÍTULO 1. Contenido CAPÍTULO 1 Fundamentos En este capítulo encontrará instrucciones rápidas y sencillas que le permitirán poner manos a la obra de inmediato. Aprenderá también a utilizar la ayuda en pantalla, que le será

Más detalles

REGISTRAR LOS SITIOS WEB MÁS INTERESANTES

REGISTRAR LOS SITIOS WEB MÁS INTERESANTES REGISTRAR LOS SITIOS WEB MÁS INTERESANTES La forma más fácil de volver a páginas Web que visitamos con frecuencia es almacenándolas en una lista. En Internet Explorer estas páginas se denominan sitios

Más detalles

Blogger: herramienta de creación y gestión de blogs

Blogger: herramienta de creación y gestión de blogs Blogger: herramienta de creación y gestión de blogs Objetivo de aprendizaje Las personas participantes serán capaces de crear y gestionar un blog con Blogger. Existen numerosos servicios gratuitos para

Más detalles

1 Trabajar con Windows XP 2 Entorno de Windows XP 3 Archivos y carpetas

1 Trabajar con Windows XP 2 Entorno de Windows XP 3 Archivos y carpetas 1 Trabajar con Windows XP 1.1 Iniciar Windows XP 1.2 Salir de Windows XP 1.3 Cerrar sesión 1.4 Práctica - Aprender a manejar el ratón 1.5 Práctica - Salir e iniciar Windows XP 1.6 Simulación - Apagar el

Más detalles

JCLIC GUÍA RÁPIDA. Jclic

JCLIC GUÍA RÁPIDA. Jclic JCLIC GUÍA RÁPIDA JCLIC JClic es una herramienta, que permite al profesorado crear de manera sencilla recursos educativos digitales. Estos recursos consisten en una secuencia de actividades que forman

Más detalles

INSTITUTO CONVERSA DIRECCION ACADEMICA PROGRAMACION DE CLASE DREAMWEAVER CS3

INSTITUTO CONVERSA DIRECCION ACADEMICA PROGRAMACION DE CLASE DREAMWEAVER CS3 NOMBRE DEL MODULO: DREAMWEAVER BÁSICO CLAVE: ESPECIALIDAD: DISEÑO GRÁFICO DURACION: 5 FASES OBJETIVO GENERAL DEL MODULO: EL ALUMNO APRENDERÁ TODO LO RELACIONADO CON LA CREACIÓN DE SITIOS WEB DINAMICOS.

Más detalles

JOOMLA! ADMINISTRACIÓN MI PRIMER ARTÍCULO (Parte I) (Última revisión: miércoles, 2 de marzo de 2011)

JOOMLA! ADMINISTRACIÓN MI PRIMER ARTÍCULO (Parte I) (Última revisión: miércoles, 2 de marzo de 2011) JOOMLA! ADMINISTRACIÓN MI PRIMER ARTÍCULO () (Última revisión: miércoles, 2 de marzo de 2011) Cuando nos introducimos en el mundo de las páginas Web nuestro objetivo fundamental es poder comunicarnos con

Más detalles