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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

AGREGAR COMPONENTES ADICIONALES DE WINDOWS

AGREGAR COMPONENTES ADICIONALES DE WINDOWS INSTALACIÓN DE IIS EN WINDOWS XP El sistema está desarrollado para ejecutarse bajo la plataforma IIS de Windows XP. Por esta razón, incluimos la instalación de IIS (Servidor de Web) para la correcta ejecución

Más detalles

Guía del usuario. Guía del usuario - Wordpress

Guía del usuario. Guía del usuario - Wordpress Guía del usuario Guía del usuario - Wordpress 1. Qué es Wordpress? Pag.3 1. 1 Cómo acceder al Escritorio Wordpress? Pag.4 1. 2 Elementos destacables del Panel de Control Pag.5 1. 3 Secciones del Escritorio

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

Manual de usuario del software de marketing de fidelización de clientes Hermes

Manual de usuario del software de marketing de fidelización de clientes Hermes Manual de usuario del software de marketing de fidelización de clientes Hermes Campus Telematika 1 0. Índice 1. Requisitos y recomendaciones... 3 2. Manejo de la aplicación... 3 2.1. Asistente... 3 2.2.

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

Archivos y Carpetas. Archivos y Carpetas

Archivos y Carpetas. Archivos y Carpetas Archivos y Carpetas Archivos y Carpetas Explorar la PC Trabajar con archivos y carpetas: crear, cambiar el nombre, mover, copiar, pegar, eliminar y restaurar Buscar archivos y carpetas Papelera de reciclaje

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

Prácticas de Introducción al uso de Computadores Curso 2001-2002 1 POWER POINT

Prácticas de Introducción al uso de Computadores Curso 2001-2002 1 POWER POINT Prácticas de Introducción al uso de Computadores Curso 2001-2002 1 POWER POINT Introducción PowerPoint es un programa para presentaciones gráficas que pueden incluir texto, imágenes, voz, sonido y vídeo.

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

... Formas alternativas de escribir un texto. Columnas. anfora CAPÍTULO 4

... Formas alternativas de escribir un texto. Columnas. anfora CAPÍTULO 4 CAPÍTULO 4. Formas alternativas de escribir un texto........ Columnas Para fijar columnas se posiciona el Punto de Inserción donde se desee que comiencen las columnas, o bien se selecciona el texto que

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

Creación de páginas Web FrontPage

Creación de páginas Web FrontPage Creación de páginas Web FrontPage 1.- Introducción Las páginas web están basadas en lo que se llama el hipertexto. En el hipertexto no hace falta seguir el documento de forma lineal, sino que se establecen

Más detalles

Arrancar Word. Clic en inicio Clic en Microsoft Word 2010

Arrancar Word. Clic en inicio Clic en Microsoft Word 2010 Word 2007 Arrancar Word Clic en inicio Clic en Microsoft Word 2010 Nuestro primer documento Tarea 1 Escribiremos nuestros datos: Busca 1º Cambiamos formato de guardado: 3º 2º 4º Guardar un documento Dónde

Más detalles

Microsoft Access proporciona dos métodos para crear una Base de datos.

Microsoft Access proporciona dos métodos para crear una Base de datos. Operaciones básicas con Base de datos Crear una Base de datos Microsoft Access proporciona dos métodos para crear una Base de datos. Se puede crear una base de datos en blanco y agregarle más tarde las

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

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

TEMA 1. MANEJO DE PROCESADOR DE TEXTOS: Microsoft WORD 2003

TEMA 1. MANEJO DE PROCESADOR DE TEXTOS: Microsoft WORD 2003 TEMA 1. MANEJO DE PROCESADOR DE TEXTOS: Microsoft WORD 2003 TEMA 1. MANEJO DE PROCESADOR DE TEXTOS: MICROSOFT WORD 2003...1 1. ESTILOS Y FORMATOS...1 1.1. Estilos...1 1.2. Niveles...2 1.3. Secciones...2

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

Internet Information Server

Internet Information Server Internet Information Server Internet Information Server (IIS) es el servidor de páginas web avanzado de la plataforma Windows. Se distribuye gratuitamente junto con las versiones de Windows basadas en

Más detalles

Unidad Didáctica 12. La publicación

Unidad Didáctica 12. La publicación Unidad Didáctica 12 La publicación Contenido 1. Desarrollar y explotar 2. Definición del Sitio 3. Alojar nuestra primera página Web 4. Configurar la conexión FTP U.D. 12 La publicación 1. Desarrollar y

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

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

SERVICIO CREA TU WEB TELEFÓNICA NET. (Manual de usuario)

SERVICIO CREA TU WEB TELEFÓNICA NET. (Manual de usuario) SERVICIO CREA TU WEB TELEFÓNICA NET (Manual de usuario) 1 ÍNDICE 1. INTRODUCCIÓN... 3 2. CÓMO CREAR UNA TIENDA... 4 Paso 1: registro nuevo comerciante... 4 Paso 2: datos básicos web.... 5 Paso 3: diseño

Más detalles

Para crear formularios se utiliza la barra de herramientas Formulario, que se activa a través del comando Ver barra de herramientas.

Para crear formularios se utiliza la barra de herramientas Formulario, que se activa a través del comando Ver barra de herramientas. Formularios TEMA: FORMULARIOS. 1. INTRODUCCIÓN. 2. CREACIÓN DE FORMULARIOS. 3. INTRODUCIR DATOS EN UN FORMULARIO. 4. MODIFICAR UN FORMULARIO 5. MANERAS DE GUARDAR UN FORMULARIO. 6. IMPRIMIR FORMULARIOS.

Más detalles

UF0513 Gestión auxiliar de archivo en soporte convencional o informático

UF0513 Gestión auxiliar de archivo en soporte convencional o informático UF0513 Gestión auxiliar de archivo en soporte convencional o informático Tema 1. Sistemas operativos habituales Tema 2. Archivo y clasificación de documentación administrativa Tema 3. Base de datos Tema

Más detalles

HIPERVÍNCULOS. Es posible asignar un vínculo a un texto, a una imagen, o a parte de una imagen

HIPERVÍNCULOS. Es posible asignar un vínculo a un texto, a una imagen, o a parte de una imagen HIPERVÍNCULOS Un hiperenlace, hipervínculo, o vínculo, no es más que un enlace, que al ser pulsado lleva de una página o archivo a otra página o archivo. Es posible asignar un vínculo a un texto, a una

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

ELABORACIÓN DE UNA PÁGINA WEB

ELABORACIÓN DE UNA PÁGINA WEB ELABORACIÓN DE UNA PÁGINA WEB AUTORÍA JESÚS BELLOT RUBIO TEMÁTICA TIC ETAPA ESO, BACHILLERATO Resumen En este artículo pretendo exponer el material que elaboré para la realización de una página web de

Más detalles

COMO CREAR UNA PÁGINA WEB 2-INTRODUCCIÓN A DREAWEAVER

COMO CREAR UNA PÁGINA WEB 2-INTRODUCCIÓN A DREAWEAVER 2011 2012 COMO CREAR UNA PÁGINA WEB 2-INTRODUCCIÓN A DREAWEAVER WWW.FAUBELL.COM vicente@faubell.com Hasta ahora hemos visto una pequeña introducción a la creación de las páginas web. No te preocupes por

Más detalles

Lic. Saidys Jiménez Quiroz Tecnología e Informática Grado 7 CESCOJ 2011

Lic. Saidys Jiménez Quiroz Tecnología e Informática Grado 7 CESCOJ 2011 Lic. Saidys Jiménez Quiroz Tecnología e Informática Grado 7 CESCOJ 2011 NÚCLEO BÁSICO N 2: INTRODUCCIÓN A LA INFORMÁTICA. SESIÓN DE APRENDIZAJE N 2.4: GENERALIDADES DE WINDOWS XP EL EXPLORADOR DE WINDOWS.

Más detalles

Guía N 1: Fundamentos básicos(i)

Guía N 1: Fundamentos básicos(i) 1 Guía N 1: Fundamentos básicos(i) Objetivos Generales: Ver una breve descripción de las capacidades más comunes de Excel Objetivos específicos: Descripción de los elementos de un libro: Hojas, iconos,

Más detalles

1.- MENU DE CONTROL O MENU VENTANA: permite cerrar la ventana cambiarla de tamaño y pasar a otra ventana

1.- MENU DE CONTROL O MENU VENTANA: permite cerrar la ventana cambiarla de tamaño y pasar a otra ventana EXCEL PRÓLOGO Microsoft Excel es una hoja de cálculo de gran capacidad y fácil uso. Excel no solo es una hoja de calculo, sino también tiene capacidad para diseñar bases de datos (listas) de forma totalmente

Más detalles

DISEÑO WEB ADOBE DREAMWEAVER CS3

DISEÑO WEB ADOBE DREAMWEAVER CS3 CLASE 6 CREACIÓN DE FORMULARIOS Todo sitio Web necesita recabar cierta información, a veces para contactarse con los visitantes, a veces para encuestas y en algunas ocasiones para realizar venta o contratación

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

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

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

Informática. Cómo haría yo un blog y un moodle?

Informática. Cómo haría yo un blog y un moodle? 1 Informática Cómo haría yo un blog y un moodle? El paso más complicado es la búsqueda y organización de la información que vamos a incluir en nuestro blog o en el moodle. Para facilitar el trabajo es

Más detalles

Para crear una lista como la anterior, primero escribe la información, y después selecciona el texto y aplícale el formato de viñetas.

Para crear una lista como la anterior, primero escribe la información, y después selecciona el texto y aplícale el formato de viñetas. Módulo 3 Herramientas de Cómputo Listas, tabulaciones, columnas y cuadros de texto Listas En muchas ocasiones es necesario que enumeres diferentes elementos en tus documentos. Word no sólo reconoce números

Más detalles

Correo ONO. Servicio Webmail

Correo ONO. Servicio Webmail Correo ONO Servicio Webmail La fibra no tiene competencia Contenido 1. INTERFAZ WEBMAIL 4 2. BARRA SUPERIOR 4 3. CORREO 5 3.1. Panel de lectura mensajes 5 3.2. Barra de herramientas de correo 6 3.3. Sección

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

Apuntes para hacer páginas Web con FrontPage

Apuntes para hacer páginas Web con FrontPage 1 ASIGNATURA: USOS MATEMÁTICOS DE INTERNET PARA SECUNDARIA Y BACHILLERATO CURSO: Cursos y acciones de postgrado, 2004-2005 PROFESORA: Inés M. Gómez-Chacón CARÁCTER/CRÉDITOS: 3 DEPARTAMENTO: ÁLGEBRA FACULTAD

Más detalles

Nueva Web de los SCTs http://www.sct.uniovi.es MANUAL DEL USUARIO

Nueva Web de los SCTs http://www.sct.uniovi.es MANUAL DEL USUARIO Nueva Web de los SCTs http://www.sct.uniovi.es MANUAL DEL USUARIO 1 ÍNDICE DE CONTENIDOS 1 Acceso a la edición de contenidos...3 1.1 Noticias...3 1.2 Utilización del editor de contenidos...6 1. Formato...6

Más detalles

INSTALACIÓN DE MEDPRO

INSTALACIÓN DE MEDPRO 1 Estimado Cliente: Uno de los objetivos que nos hemos marcado con nuestra nueva plataforma de gestión, es que un cliente pueda instalar MedPro y realizar su puesta en marcha de forma autónoma. Siga paso

Más detalles

7. Composer: Imágenes

7. Composer: Imágenes 7. Composer: Imágenes Para insertar una imagen en Composer podemos pulsar sobre el botón imagen de la barra de herramientas o bien a través de la barra de menú en Insertar- imagen. Cuando hemos insertado

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

Tutorial 2: Creación de páginas web con Compozer

Tutorial 2: Creación de páginas web con Compozer Tutorial 2: Creación de páginas web con Compozer Nota: el propósito del curso no es aprender a elaborar páginas web complejas. Por eso, únicamente vamos a aprender a manejar siete procedimientos: Crear

Más detalles

WINDOWS. Iniciando Windows. El mouse

WINDOWS. Iniciando Windows. El mouse Windows es un sistema operativo, cuyo nombre lo debe al principal elemento de trabajo, la ventana - en inglés window -. Este tiene características como: Multitarea: durante una sesión de trabajo, es posible

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

WINDOWS XP REQUISITOS DEL HARDWARE PARA WIDOWS XP.

WINDOWS XP REQUISITOS DEL HARDWARE PARA WIDOWS XP. WINDOWS XP Es el sistema operativo multiusuario más utilizado en el mundo, esta diseñado en 23 idiomas y trabaja a base de ventanas, permite tener diferentes configuraciones personalizadas para cada usuario

Más detalles

Herramientas CONTENIDOS. MiAulario

Herramientas CONTENIDOS. MiAulario Herramientas CONTENIDOS MiAulario CONTENIDOS Qué es Contenidos Ver un ejemplo Añadir la herramienta al sitio Añadir contenido en la página Páginas principales / subpáginas Criterios de visibilidad Configuración

Más detalles

Creando una webquests

Creando una webquests Creando una webquests 1. LO PRIMERO EL PROGRAMA Para crear paginas web necesitamos el software apropiado. Hay muchas formas y programas para hacerlo, pero por su facilidad de uso y por ser software libre

Más detalles

Guía de inicio rápido: Cómo crear su propia tienda online

Guía de inicio rápido: Cómo crear su propia tienda online Guía de inicio rápido: Cómo crear su propia tienda online Desea montar su propia tienda online? Ahora es más fácil que nunca. Siga los pasos de esta guía de inicio rápido y empiece a vender! Tenga preparado

Más detalles

Operación de Microsoft Word

Operación de Microsoft Word Generalidades y conceptos Combinar correspondencia Word, a través de la herramienta combinar correspondencia, permite combinar un documento el que puede ser una carta con el texto que se pretende hacer

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

Word XP (Continuación) Salto de página vs. Salto de Sección

Word XP (Continuación) Salto de página vs. Salto de Sección Word XP (Continuación) Salto de página vs. Salto de Sección 1 Salto. Salto de página Cuando se llena una página con texto o gráficos, Microsoft Word inserta un salto de página automático y comienza una

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

Operación de Microsoft Excel

Operación de Microsoft Excel Representación gráfica de datos Generalidades Excel puede crear gráficos a partir de datos previamente seleccionados en una hoja de cálculo. El usuario puede incrustar un gráfico en una hoja de cálculo,

Más detalles

Tutorial de carga de fotos en www.sonmisamigos.es

Tutorial de carga de fotos en www.sonmisamigos.es Tutorial de carga de fotos en www.sonmisamigos.es Este documento describe paso a paso como cargar un conjunto de fotografías en la web www.sonmisamigos.es Paso 1: Seleccionar las fotos a cargar Antes de

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

Uso básico desde la propia página del sitio

Uso básico desde la propia página del sitio Para acceder al entorno de Office 365, escriba la dirección http://correo.ulpgc.es. Antes de introducir el nombre de usuario, marcamos la opción de "Mantener la sesión iniciada" e iniciamos sesión introduciendo

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

Manual del Usuario de Microsoft Access Introducción - Página 1. I. Introducción. I.1. Base de Datos Relacional

Manual del Usuario de Microsoft Access Introducción - Página 1. I. Introducción. I.1. Base de Datos Relacional Manual del Usuario de Microsoft Access Introducción - Página 1 I. Introducción I.1. Base de Datos Relacional Una base de datos relacional es una colección de información secundaria a un tema o propósito

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

Pasos a seguir para la realización del ejercicio final

Pasos a seguir para la realización del ejercicio final Pasos a seguir para la realización del ejercicio final 1 - Crear Página con WordArt e insertar el texto con un tipo de letra similar y los formatos adecuados. Activar la barra de herramientas de dibujo

Más detalles

Formarnos / Instructivo para tutores

Formarnos / Instructivo para tutores PROGRAMA DE FORMACIÓN DE DIRIGENTES EN GESTIÓN PÚBLICA Y SOCIAL Formarnos / Instructivo para tutores Universidad Nacional de Lanús / Vicerrectorado / Campus Virtual / 2015 Índice Ingreso a la plataforma

Más detalles

TEMA 2 WINDOWS XP Lección 4 BLOC DE NOTAS

TEMA 2 WINDOWS XP Lección 4 BLOC DE NOTAS TEMA 2 WINDOWS XP Lección 4 BLOC DE NOTAS 1) EL PEQUEÑO EDITOR El Bloc de notas de Windows XP es un básico editor de texto con el que podemos escribir anotaciones, de hasta 1024 caracteres por línea y

Más detalles

3.4. Reload Editor ( Guía de Uso).

3.4. Reload Editor ( Guía de Uso). 3.4. Reload Editor ( Guía de Uso). Anterior 3. Lors Management Siguiente 3.4. Reload Editor ( Guía de Uso). 3.4.1. Preguntas básicas sobre Reload Editor. - Qué hace el programa Reload Editor? RELOAD Editor

Más detalles