Web. Microsoft Excel: Capítulo 1 Creación de páginas web con Dreamweaver

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

Download "Web. Microsoft Excel: Capítulo 1 Creación de páginas web con Dreamweaver"

Transcripción

1 Web Microsoft Excel: Capítulo 1 Creación de páginas web con Dreamweaver Álvarez, S., Bravo, S., Departamento de Informática y automática Universidad de Salamanca Sumario 1. Qué es Dreamweaver? 2. El entorno de trabajo 3. Configuración del sitio 4. Mi primera página web 5. Trabajando con la página web 1. Aplicar formato 2. Insertar imágenes 3. Insertar tablas 6. Estructura del sitio 1. Hipervínculos Álvarez, S., Bravo, S. Universidad de Salamanca -2-1

2 1. Qué es Dreamweaver? Dreamweaver es un editor WYSIWYG de páginas Web, creado por Macromedia y actualmente adoptado por Adobe Se trata de un editor WYSISYG ("lo que ves es lo que obtienes"). Permite crear la página sobre una vista preliminar, similar a la de un procesador de textos, sin necesidad de preocuparse del código HTML (HyperText Marked Language) en que se escriben las páginas web Es el programa más utilizado en el sector del diseño y la programación Web, por sus funcionalidades, su integración con otras herramientas como Macromedia Flash y por su soporte de los estándares del W3C (World Wide Web Consortium) Álvarez, S., Bravo, S. Universidad de Salamanca -3- El entorno de trabajo (I): barras de herramientas Barra de título Barra de menú Barra de insertar Barra de documento Barra estándar Barra de estado Álvarez, S., Bravo, S. Universidad de Salamanca -4-2

3 El entorno de trabajo (II): vistas de un documento Puedes cambiar la vista del documento a través de la barra de herramientas de documento La vista Diseño: permite trabajar con el editor visual (vista predeterminada de Dreamweaver) La vista Código: permite trabajar directamente con el código fuente en que se escriben las páginas web La vista Código y Diseño permite dividir la ventana en dos zonas. La parte superior muestra el código fuente, y la inferior el editor visual. Cuando se realiza un cambio en alguna de las zonas, este cambio se aplica directamente sobre la otra Álvarez, S., Bravo, S. Universidad de Salamanca -5- El entorno de trabajo (III): paneles o inspectores Panel de archivos Panel de propiedades Álvarez, S., Bravo, S. Universidad de Salamanca -6-3

4 El entorno de trabajo (IV): la ayuda La aplicación dispone de una ayuda muy completa que permite Acceder al cuadro de diálogo de ayuda muy similar al de Windows donde puedes buscar por temas, por índice o por contenido, si seleccionas la opción Utilización de Dreamweaver o simplemente pulsando F1 Acceder a tutoriales (opción Primeros pasos y tutoriales) Abrir el panel Referencia en el que encontrarás la sintaxis y descripción de las etiquetas HTML Acceder al Centro de servicio técnico de Dreamweaver en la Web de Adobe Acceder al Foros en línea de Adobe Álvarez, S., Bravo, S. Universidad de Salamanca -7- Configuración del Sitio (I): Conceptos generales Un sitio Web es el conjunto de archivos y carpetas muy relacionados con un tema u objetivo concreto. Por ejemplo: una tienda virtual, la web de una empresa, mi página personal, La forma habitual de crear un sitio Web es Crear los archivos HTML del sitio Web en mi ordenador. También se pueden crear carpetas e incorporar todo tipo de medias (imágenes, vídeos, etc.). Esto se hace dentro del denominado Sitio Local Una vez completado el Sitio Local, hay que publicarlo. Esto significa copiar todo el sitio local en el servidor de Internet donde vamos a dejarlo, el Sitio Remoto Dreamweaver asiste completamente el proceso de publicación de un Sitio Local al Sitio Remoto correspondiente, a través del Panel de archivos. Álvarez, S., Bravo, S. Universidad de Salamanca -8-4

5 Configuración del Sitio (II): nuevo sitio (paso 1) Ir al menú: Sitio > Nuevo Sitio Álvarez, S., Bravo, S. Universidad de Salamanca -9- Configuración del Sitio (III): nuevo sitio (pasos 2 y 3) Álvarez, S., Bravo, S. Universidad de Salamanca -10-5

6 Configuración del Sitio (IV): nuevo sitio (paso 4) Datos especiales de configuración del servidor web donde vas a dejar tu sitio web Álvarez, S., Bravo, S. Universidad de Salamanca -11- Configuración del Sitio (IV): nuevo sitio (pasos 5 y 6) Álvarez, S., Bravo, S. Universidad de Salamanca -12-6

7 Configuración del Sitio (IV): resultado Panel de archivos Álvarez, S., Bravo, S. Universidad de Salamanca -13- Mi primera página web Botón para publicar index.html es la página de entrada a todo sitio web Aquí para personalizar esta página web A medida que vamos creado nuevos archivos van apareciendo aquí Álvarez, S., Bravo, S. Universidad de Salamanca -14-7

8 Trabajando con la página web: Aplicar formato al texto El formato del texto se define a través del menú Texto o bien desde el inspector de propiedades color Negrita, cursiva Podemos crear nuestros propios estilos Alineación del texto: izquierda, centrado, derecha, justificado Tabulaciones a drcha. e izqda. Poner el texto en forma de lista: sin ordenar, ordenada, etc. Álvarez, S., Bravo, S. Universidad de Salamanca -15- Trabajando con la página web: Insertar imágenes Antes de insertar una imagen Copiar la imagen a la carpeta del Sitio Local Es recomendable guardar previamente el archivo HTML en el que se va a insertar la imagen Para insertar una imagen ir al menú Insertar > Imagen o a través de la vista Común de la barra Insertar Cuando se inserta una imagen en un archivo HTML, lo que se realmente se hace es crear un vínculo a la localización (exacta o relativa) de la imagen Álvarez, S., Bravo, S. Universidad de Salamanca -16-8

9 Trabajando con la página web: Insertar tablas (I) La tabla es una herramienta eficaz para presentar datos de forma tabular Para insertar una tabla ir al menú Insertar > Tabla ó desde la barra de Insertar (Diseño) Características Tamaño de tabla Encabezado Accesibilidad Álvarez, S., Bravo, S. Universidad de Salamanca -17- Trabajando con la página web: Insertar tablas (II) Observar como las celdas designadas como encabezado se resaltan del resto con el texto en negrita Utilizaremos el tabulador [TAB] para avanzar a otra celda También se pueden modificar las propiedades de una celda en particular (e incluso de toda una fila) Álvarez, S., Bravo, S. Universidad de Salamanca -18-9

10 Estructura del sitio: Hipervínculos (I) Un hipervínculo es el mecanismo para establecer enlaces entre archivos HTML (del mismo u otros sitios web) Desde un punto de vista visual, los hipervínculos se detectan porque el puntero del ratón cambia cuando el cursor se coloca encima El hipervínculo debe estar asociado a un elemento de la página web, como por ejemplo: texto o imagen Podrá crear un vínculo con: una página web, una dirección de correo, un archivo PDF, imágenes, vídeos, programas, etc Álvarez, S., Bravo, S. Universidad de Salamanca -19- Estructura del sitio: Hipervínculos (II) Para especificar el destino de un vínculo hay que construir una ruta desde el origen Existen varias forma de especificarla: Referencia absoluta: dirección completa del recurso en Internet, incluyendo los protocolos adecuados (http:// y ftp://) Por ejemplo: Referencia relativa a la página de origen: dirección para llegar desde el documento origen hasta el destino, omitiendo la parte común del camino. Ambos documentos deben estar en el mismo sitio Por ejemplo: imagen/foto.jpg Referencia relativa a la raíz: dirección relativa del destino con respecto a la carpeta raíz (aquella que en la estructura de árbol está arriba de todas) Álvarez, S., Bravo, S. Universidad de Salamanca

11 Estructura del sitio: Hipervínculos (III) La manera más simple de hacer un hipervínculo es con el inspector de propiedades 1. Seleccionar el texto u objeto (imagen, etc.) que va a estar asociado al hipervínculo 2. Completar el vínculo en el inspector de propiedades Álvarez, S., Bravo, S. Universidad de Salamanca -21- Estructura del sitio: Hipervínculos (IV) El destino especifica la ventana donde se abrirá el vínculo Destino válidos _blank: abre el vínculo en una ventana nueva _parent: abre el vínculo en el marco que lo contiene o conjunto de marcos _self: abre el vínculo en la misma ventana (o marco) que el archivo de origen _top: abre el vínculo en la ventana completa del navegador Álvarez, S., Bravo, S. Universidad de Salamanca

12 Estructura del sitio: Hipervínculos (V) Ejemplo de vínculo externo asociado a una imagen Ejemplo de vínculo a un correo electrónico Álvarez, S., Bravo, S. Universidad de Salamanca -23- Estructura del sitio: Hipervínculos (VI) También se pueden crear vínculos a partes de una página En primer lugar hay que definir las secciones de la página por medio de marcadores El marcador se representa en Dreamweaver como un ancla Ahora ya podemos crear el vínculo a una parte de una página. Este tiene la siguiente sintaxis: pagina#marcador Ej.: leccion1.html#capitulo0 Álvarez, S., Bravo, S. Universidad de Salamanca

13 Web Microsoft Excel: Capítulo 1 Creación de páginas web con Dreamweaver Álvarez, S., Bravo, S., Departamento de Informática y automática Universidad de Salamanca 13

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

UNIDAD 4 HIPERENLACES

UNIDAD 4 HIPERENLACES UNIDAD 4 HIPERENLACES OBJETIVO El alumno será capaz de crear, modificar y probar hipervínculos personalizados en un documento de Dreamweaver. TEMARIO 4.1 CONCEPTO Y TIPOS DE ENLACES 4.2 PERSONALIZAR NUEVOS

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

Diseño de páginas web

Diseño de páginas web Diseño de páginas web Utilización de Dreamweaver Ricardo Esteban Alonso Abrir el programa Una vez instalado el programa lo encontramos en la ruta Inicio > Programas > Macromedia Dreamweaver 4 > Dreamweaver

Más detalles

MÓDULO 1: FrontPage 2003 Parte 1ª

MÓDULO 1: FrontPage 2003 Parte 1ª MÓDULO 1: FrontPage 2003 Parte 1ª TEMA 1. Introducción a la Web Internet y el World Wide Web Hipertexto HTML Servidores, Clientes y Redes Protocolos de Comunicación Direcciones, Dominios y Accesos TEMA

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

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

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

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 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

CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB

CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB COLEGIO AGUSTINIANO CIUDAD SALITRE AREA DE TECNOLOGÍA E INFORMATICA GUIA DE APOYO PRIMER BIMESTRE GRADO UNDECIMO CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB UNIDAD TEMÁTICA: INICIANDO CON HTML Y DREAMWEAVER

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

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

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

Nivel Intermedio. Escribir lenguaje de marcado HTML. Utilizar programas editores de HTML. Utilizar Hojas de Estilo en Cascada CSS

Nivel Intermedio. Escribir lenguaje de marcado HTML. Utilizar programas editores de HTML. Utilizar Hojas de Estilo en Cascada CSS Diseño Web Estático Nivel Intermedio Escribir lenguaje de marcado HTML Utilizar programas editores de HTML Utilizar Hojas de Estilo en Cascada CSS Configurar sitios web locales Personas provenientes del

Más detalles

Sesión No. 4. Contextualización INFORMÁTICA 1. Nombre: Procesador de Texto

Sesión No. 4. Contextualización INFORMÁTICA 1. Nombre: Procesador de Texto INFORMÁTICA INFORMÁTICA 1 Sesión No. 4 Nombre: Procesador de Texto Contextualización La semana anterior revisamos los comandos que ofrece Word para el formato del texto, la configuración de la página,

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

Kompozer: Crear un banner para la web

Kompozer: Crear un banner para la web Kompozer: Crear un banner para la web En este tutorial vamos a ver cómo crear un banner con Macromedia Flash y luego vamos a insertarlo en la página de inicio de nuestra web. 1.-Abre Macromedia Flash MX

Más detalles

El editor incluye los siguientes componentes:

El editor incluye los siguientes componentes: 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 contribución. Ofrece numerosas

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

Diseño de páginas web

Diseño de páginas web Diseño de páginas web Modo en vista disposición Ricardo Esteban Alonso Vista de disposición Ayuda a simplificar el uso de tablas en la disposición de páginas, y además las celdas se pueden dibujar, personalizar

Más detalles

Páginas web ::: Edición web en línea con Kompozer Diseño de materiales multimedia. Web 2.0. 1.16 Edición web en línea con Kompozer

Páginas web ::: Edición web en línea con Kompozer Diseño de materiales multimedia. Web 2.0. 1.16 Edición web en línea con Kompozer 129 1.16 Edición web en línea con Kompozer 130 1.16 Edición web en línea con Kompozer Kompozer es un programa que permite la edición en línea de un sitio web. Es decir que puedes actualizar directamente

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

Editor de textos para Drupal: TinyMCE

Editor de textos para Drupal: TinyMCE Editor de textos para Drupal: TinyMCE Cuando vayamos a editar el texto de una página, normalmente nos encontraremos con un editor de textos, similar a Word, pero para la web. Donde podamos usarlo encontraremos

Más detalles

Generación y uso de Reportes

Generación y uso de Reportes How to Generación y uso de Reportes Versión: 2.0 Fecha de publicación 13-04-2011 Aplica a: Q-flow 3.0 y Q-flow 3.1 Índice Introducción... 3 Definición de la información... 3 Crear un reporte básico...

Más detalles

Hacer una página web con Kompozer

Hacer una página web con Kompozer Hacer una página web con Kompozer INTRODUCCIÓN Qué es Kompozer? es un editor de páginas web gratuito, con el que podemos crear las mismas de forma intuitiva sin tener que utilizar el lenguaje html (lenguaje

Más detalles

PRÁCTICA 2. AMPLIAR LA WEB

PRÁCTICA 2. AMPLIAR LA WEB PRÁCTICA 2. AMPLIAR LA WEB Ejercicio 1. Amplia la página Web que diseñaste en la práctica 1 con los siguientes elementos: fondos, marquesinas, tablas, hipervínculos y vídeos youtube. PASOS A SEGUIR 1.

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

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

OBJETIVO: Introducción al editor de páginas web Macromedia Dreamweaver.

OBJETIVO: Introducción al editor de páginas web Macromedia Dreamweaver. SEMINARIO DIOCESANO DE CRISTO SACERDOTE TECNOLOGIA EN INFORMATICA GRADO: 11 TEMA: INTRODUCCIÓN A MACROMEDIA DREAMWEAVER OBJETIVO: Introducción al editor de páginas web Macromedia Dreamweaver. 1 Qué es

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

Tutorial de Swish 2.0

Tutorial de Swish 2.0 1 Tutorial de Swish 2.0 Swish es una herramienta fácil de usar que permite producir en pocos minutos complejas animaciones con texto e imágenes en formato SWF para el reproductor de Flash. En este tutorial

Más detalles

Práctica 6 - Página Web

Práctica 6 - Página Web Práctica 6 - Página Web Teoría. Una Página Web es un recurso de información que esta diseñada para la Word Wide Web (Red Mundial) y puede ser vista por medio un Navegador Web. Esta información se encuentra

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

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

Diseño de páginas web 2011

Diseño de páginas web 2011 Diseño de páginas web 2011 Al finalizar el curso, el alumno será capaz de planificar y diseñar correctamente desde sencillas páginas web hasta completos sitios web. Para ello, se le proporciona primero

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

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

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

Diseño de páginas web

Diseño de páginas web Diseño de páginas web Elementos del entorno en Dreamweaver 4 Ricardo Esteban Alonso Modos de visualización Vista diseño (donde nosotros trabajamos) Vista de código Vista de código y diseño Entorno de Dreamweaver

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

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

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

11.ELABORACIÓN DE PAGINAS WEB. USO DE MICROSOFT WORD PARA ELABORAR PÁGINAS WEB

11.ELABORACIÓN DE PAGINAS WEB. USO DE MICROSOFT WORD PARA ELABORAR PÁGINAS WEB 11.ELABORACIÓN DE PAGINAS WEB. USO DE MICROSOFT WORD PARA ELABORAR PÁGINAS WEB 1. Páginas web 2. Herramientas para la edición de páginas web 3. Edición de páginas web con Word 4. Publicación de la página

Más detalles

UNIDAD 2 CONFIGURACIÓN DE UN SITIO LOCAL

UNIDAD 2 CONFIGURACIÓN DE UN SITIO LOCAL UNIDAD 2 CONFIGURACIÓN DE UN SITIO LOCAL OBJETIVO El alumno aprenderá a configurar un servidor local para realizar diferentes pruebas de la página hasta publicar el sitio web en Internet. TEMARIO 2.1 INTRODUCCIÓN

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

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

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

bla bla Documentos Guía del usuario

bla bla Documentos Guía del usuario bla bla Documentos Guía del usuario Documentos Documentos: Guía del usuario fecha de publicación Miércoles, 25. Febrero 2015 Version 7.6.2 Copyright 2006-2015 OPEN-XCHANGE Inc., La propiedad intelectual

Más detalles

INTRODUCCIÓN AL WEB. Pag. 1 de 10

INTRODUCCIÓN AL WEB. Pag. 1 de 10 INTRODUCCIÓN AL WEB La World Wide Web o simplemente WWW o Web es uno de los métodos más importantes de comunicación que existe en Internet. Consiste en un sistema de información basado en Hipertexto (texto

Más detalles

PowerPoint 2010 Hipervínculos y configuración de acciones

PowerPoint 2010 Hipervínculos y configuración de acciones PowerPoint 2010 Hipervínculos y configuración de acciones Contenido CONTENIDO... 1 HIPERVÍNCULOS... 2 CONFIGURACIÓN DE ACCIONES... 6 HIPERVÍNCULOS EN POWERPOINT WEB APP... 8 1 Hipervínculos En Microsoft

Más detalles

Procesador de Textos MS Word 2003

Procesador de Textos MS Word 2003 Procesador de Textos MS Word 2003 Índice: Definiciones previas... 2 Formato y estilos... 2 Aplicar estilos... 3 Crear, modificar y aplicar estilos... 4 Secciones de un documento... 4 Trabajar con Plantillas

Más detalles

Páginas web con OpenOffice

Páginas web con OpenOffice Páginas web con OpenOffice 6.1. Introducción al lenguaje HTML HTML es el lenguaje utilizado por las páginas WEB. Es un lenguaje de marcas o códigos, gracias a los cuales el navegador muestra o construye

Más detalles

Creando un Sitio Web personal.

Creando un Sitio Web personal. Creando un Sitio Web personal. FrontPage Express FrontPage Express de Microsoft es un sencillo editor htm 1 l que venía instalado por defecto con Windows 98 o con el Internet Explorer 4 para Windows 95.

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

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

Outlook Express. Manual de. GESIn. Grupo de Estudios y Servicios Informáticos. GESIn Grupo de Estudios y Servicios Informáticos.

Outlook Express. Manual de. GESIn. Grupo de Estudios y Servicios Informáticos. GESIn Grupo de Estudios y Servicios Informáticos. Manual de Outlook Grupo de Estudios y Servicios Informáticos Página 1 1. Abrir el programa Existen diversos programas para gestionar el correo electrónico. Los más conocidos y usados son Outlook, "Netscape

Más detalles

9. Composer: Bugs y consejos.

9. Composer: Bugs y consejos. 9. Composer: Bugs y consejos. Composer: bugs y consejos 9.1. Sobre la barra de herramientas de formato Elegir color para remarcar texto En la actualidad existe un lenguaje complementario a las etiquetas

Más detalles

A continuación comentaremos las acciones a realizar con las entradas:

A continuación comentaremos las acciones a realizar con las entradas: Administración de Entradas Las entradas son noticias que se mostrarán en orden cronológico inverso en la página de inicio de la web. Normalmente son las que más se comentan, y se incluyen en el feed RSS

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

Características básicas de los documentos

Características básicas de los documentos Word 2010 Características básicas de los documentos Área académica de Informática 2014 Caracterí sticas ba sicas de los documentos Crear un documento Cuando se inicia Word, automáticamente se abre un documento

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

MANUAL DE CERACIÓN DE PÁGINAS WEB CON EL PROGRAMA KOMPOZER

MANUAL DE CERACIÓN DE PÁGINAS WEB CON EL PROGRAMA KOMPOZER MANUAL DE CERACIÓN DE PÁGINAS WEB CON EL PROGRAMA KOMPOZER Informática Máster Colegio Internacional Nuevo Centro Curso 2011-2012 1. LENGUAJES UTILIZADOS PARA DISEÑO Y PROGRAMACIÓN DE PÁGINAS WEB 1.1 Extensiones

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

Adobe Dreamweaver CS6 Mi Sitio Web

Adobe Dreamweaver CS6 Mi Sitio Web Adobe Dreamweaver CS6 Mi Sitio Web Mg. Carlos Antonio Huamán Terrazas. Presentación Una de las reglas que se debe respetar en la creación de un Sitio Web es ordenar lar páginas web y los archivos a utilizar

Más detalles

Práctica 8ª: Concluir la construcción del sitio web

Práctica 8ª: Concluir la construcción del sitio web Práctica 8ª: Concluir la construcción del sitio web Con todos los conocimientos adquiridos vamos a completar nuestro sitio web. Para ello vamos a ir página a página hasta completar el contenido de cada

Más detalles

Herramientas para crear páginas.

Herramientas para crear páginas. Herramientas para crear páginas. Herramientas para la creación de páginas Web. Como hemos visto resulta sencillo pero engorroso escribir directamente en HTML. Por ello es más sencillo utilizar un editor

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

Nombre: Este campo contendrá el nombre de la página web.

Nombre: Este campo contendrá el nombre de la página web. 4.3. PAGINA WEB (HTML) 4.3.1. Características La página de texto y, especialmente, la página web son dos recursos muy adecuados para publicar todo tipo de contenidos. En concreto, la creación de página

Más detalles

980706 Universidad de Navarra. Introducción a Netscape Communicator Versión 4.04 y 4.5. cti. Centro de Tecnología Informática

980706 Universidad de Navarra. Introducción a Netscape Communicator Versión 4.04 y 4.5. cti. Centro de Tecnología Informática 980706 Universidad de Navarra Introducción a Netscape Communicator Versión 4.04 y 4.5 cti Centro de Tecnología Informática TABLA DE CONTENIDOS 1. Introducción... 1 2. Perfiles de Usuarios... 2 2.1. Definir

Más detalles

1. Qué hacemos con la información encontrada en Internet? 2. De cuántas maneras se puede guardar una información?

1. Qué hacemos con la información encontrada en Internet? 2. De cuántas maneras se puede guardar una información? GUARDAR LA INFORMACIÓN DE INTERNET (Tutoriales) 1. Qué hacemos con la información encontrada en Internet? Si encontramos información interesante en la red podemos guardarla. 2. De cuántas maneras se puede

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

(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

Curso básico de creación de páginas web

Curso básico de creación de páginas web Curso básico de creación de páginas web Programa de formación docente UAM 2005-2006 Miguel Sevilla Callejo Abril 2006 Departamento de Geografía Universidad Autónoma de Madrid Objetivos Desarrollar las

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

Personaliza tus formatos de impresión en ClassicGes 5.0

Personaliza tus formatos de impresión en ClassicGes 5.0 Personaliza tus formatos de impresión en ClassicGes 5.0 Personalizar formatos de impresión en ClassicGes 5.0. es una función que permite dar continuidad a la imagen corporativa de tu empresa y que a menudo

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

Elaborando WebQuest usando Power Point

Elaborando WebQuest usando Power Point Módulo WebQuest Elaborando WebQuest usando Power Point 2.1.- Creación de WebQuest usando el Miscrosoft Power Point En el Power Point le colocamos un Estilo a nuestra Diapositiva para iniciar nuestra Creación

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

HTML Guía de trabajo para 3º ESO

HTML Guía de trabajo para 3º ESO HTML Guía de trabajo para 3º ESO Página 2 Índice 1. Qué es HTML?... 3 2. Cómo son las páginas Web?... 3 3. Qué es un sitio Web?... 3 4. Práctica 1. Crear un sitio web local... 4 5. Primera página HTML...

Más detalles

IB14 Informática Aplicada a la Construcción

IB14 Informática Aplicada a la Construcción IB14 Informática Aplicada a la Construcción Prácticas. Tema 4: Creación de páginas electrónicas 1 Introducción El objetivo principal de este tema es aprender a crear páginas web sencillas y a publicar

Más detalles

Administrador de Contenidos. Instituto Chileno de Terapia Familiar

Administrador de Contenidos. Instituto Chileno de Terapia Familiar Instituto Chileno de Terapia Familiar http://www.terapiafamiliar.cl 2009 Administrador de Contenidos del Sitio Web 3 Acceso al Administrador Web 1) Para acceder al administrador de contenidos, deberá

Más detalles

Curso Online Desarrollador Web Profesional: Práctico

Curso Online Desarrollador Web Profesional: Práctico Curso Online Desarrollador Web Profesional: Práctico Titulación certificada por EUROINNOVA BUSINESS SCHOOL Curso Online Desarrollador Web Profesional: Práctico Curso Online Desarrollador Web Profesional:

Más detalles

UNIDAD I PROCESADOR DE TEXTOS

UNIDAD I PROCESADOR DE TEXTOS UNIDAD I PROCESADOR DE TEXTOS 1. Entorno de Microsoft Word 2007 Lic. Silvia Mireya Hernández Hermosillo 1.1 INTRODUCCIÓN 1.1.1 Generalidades de Microsoft Word 2007 Microsoft Word 2007 es un procesador

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

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

Neevia Document Converter Pro v6.3

Neevia Document Converter Pro v6.3 DENOMINACIÓN : DENOMINACIÓN HERRAMIENTAS DE COMUNICACIÓN:INTERNET EXPLORER 6.0 GRUPO DE ACCIONES 1 DESCRIPCIÓN : MODALIDAD : TELEFORMACIÓN TELEFORMACION HORAS DE FORMACIÓN: TELEFORMACIÓN: 60 TIPO DE ACCIÓN

Más detalles

El Escritorio. En el escritorio tenemos iconos que permiten abrir el programa correspondiente.

El Escritorio. En el escritorio tenemos iconos que permiten abrir el programa correspondiente. El Escritorio Primera pantalla que nos aparecerá una vez se haya cargado el Sistema Operativo con el cual vamos a trabajar, en nuestro caso será el escritorio de Windows XP. Este escritorio es muy similar

Más detalles

MANUAL JOOMLA. Antes de empezar a modificar la información debemos introducir una serie de datos para dejar la cuenta preconfigurada.

MANUAL JOOMLA. Antes de empezar a modificar la información debemos introducir una serie de datos para dejar la cuenta preconfigurada. MANUAL JOOMLA Ingresar a : http://www.oceanperu.com CONFIGURACIÓN DE SU CUENTA Antes de empezar a modificar la información debemos introducir una serie de datos para dejar la cuenta preconfigurada. Para

Más detalles

EJERCICIO 14 DE EXCEL

EJERCICIO 14 DE EXCEL EJERCICIO 14 DE EXCEL TRABAJAR CON TABLAS Seguimos con el ejercicio anterior. En Excel 2007, puedes utilizar la nueva interfaz de usuario para crear, aplicar formato y expandir rápidamente una tabla de

Más detalles

Laboratorio 4. Navegadores. Internet Explorer.

Laboratorio 4. Navegadores. Internet Explorer. UNIVERSIDAD CARLOS III DE MADRID. ESCUELA DE TURISMO. Informática aplicada al sector turístico Laboratorio 4. Navegadores. Internet Explorer. Como hemos visto en clase de teoría el WWW es un servicio de

Más detalles

PERCISA Manual de Usuario

PERCISA Manual de Usuario 1 PERCISA 2 Índice de contenido 1. INTRODUCCIÓN... 3 1.1. A primera vista (Contenido de la página principal)...3 1.1.1. Qué usos tienen las partes de la portada?...3 1.2. El primer contacto como administrador...4

Más detalles

Virtual-C: Una Herramienta para Administración de Contenidos en Sitios Web

Virtual-C: Una Herramienta para Administración de Contenidos en Sitios Web Virtual-C: Una Herramienta para Administración de Contenidos en Sitios Web Kexy Rodríguez kexy.rodriguez@utp.ac.pa Centro de Investigación, Postgrado y Extensión UTPVirtual Universidad Tecnológica de Panamá

Más detalles

Páginas web ::: Mi primera página Diseño de materiales multimedia. Web 2.0. 1.3 Mi primera página

Páginas web ::: Mi primera página Diseño de materiales multimedia. Web 2.0. 1.3 Mi primera página 23 1.3 Mi primera página 24 1.3 Mi primera página El propósito de este actividad es diseñar tu primera página con Kompozer. El tema elegido es una breve pincelada del poeta Federico García Lorca. En este

Más detalles

UNIVERSIDAD DE MEDELLÍN NUEVO PORTAL WEB MANUAL DE USUARIO GESTOR DE CONTENIDOS

UNIVERSIDAD DE MEDELLÍN NUEVO PORTAL WEB MANUAL DE USUARIO GESTOR DE CONTENIDOS UNIVERSIDAD DE MEDELLÍN MANUAL DE USUARIO GESTOR DE CONTENIDOS NUEVO PORTAL WEB TABLA DE CONTENIDO Tabla de Contenido 2 Consideraciones Iniciales 3 Ingreso al Sistema 4 Opciones de Gestor de contenidos

Más detalles

TU REPUTACIÓN EN INTERNET S.L. - CIF B-85.882.157 antonio@tureputacioneninternet.com TUTORIAL DE WORDPRESS

TU REPUTACIÓN EN INTERNET S.L. - CIF B-85.882.157 antonio@tureputacioneninternet.com TUTORIAL DE WORDPRESS TUTORIAL DE WORDPRESS TU REPUTACIÓN EN INTERNET 2011 Índice 1. Introducción... 3 2. Acceder en modo Editor... 3 3. Explorando el escritorio de wordpress.com... 4 4. Administración de Entradas... 6 4.1.

Más detalles

Acceso al panel de gestión

Acceso al panel de gestión 1 Acceso al panel de gestión Para acceder a la gestión de tu web entra en http://www.siweb.es y pulsa en Acceso clientes en el menú superior. Introduce tus datos de acceso (usuario y contraseña) y pulsa

Más detalles

Páginas web ::: Documentos PDF en la web Diseño de materiales multimedia. Web 2.0. 1.11 Documentos PDF en la web

Páginas web ::: Documentos PDF en la web Diseño de materiales multimedia. Web 2.0. 1.11 Documentos PDF en la web 84 1.11 Documentos PDF en la web 85 1.11 Documentos PDF en la web 1.11.1 Introducción En un sitio web es frecuente poner a disposición de los usuarios documentos en formato PDF para la consulta de información.

Más detalles

CURSO DURACIÓN MODALIDAD/ES OBJETIVOS CONTENIDOS. MÓDULO 1: Internet Explorer 6.0 Parte 1ª. Herramientas de comunicación: Internet Explorer 6.

CURSO DURACIÓN MODALIDAD/ES OBJETIVOS CONTENIDOS. MÓDULO 1: Internet Explorer 6.0 Parte 1ª. Herramientas de comunicación: Internet Explorer 6. CURSO Herramientas de comunicación: Internet Explorer 6.0 DURACIÓN 80 Horas. MODALIDAD/ES A distancia CD. Online Aula Center. Presencial (mínimo participantes) OBJETIVOS El objetivo de este curso es analizar

Más detalles

Blog. Crear y gestionar un blog con Blogger

Blog. Crear y gestionar un blog con Blogger Blog. Crear y gestionar un blog con Blogger Reconocimiento-NoComercial-CompartirIgual 2.5 España: http://creativecommons.org/licenses/by-nc/2.5/es/ Realizado por: José Sánchez Rodríguez (Universidad de

Más detalles