Antes de comenzar un sitio. Empezar un sitio web

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

Download "Antes de comenzar un sitio. Empezar un sitio web"

Transcripción

1 Antes de comenzar un sitio Es muy recomendable realizar la siguiente actividad, de evaluación de páginas web, para tener ideas y recursos. Empezar un sitio web Familiarizarse con el lenguaje Navegador Es el programa que utilizamos para acceder a las páginas web. Hay muchos navegadores pero los más comunes son Mozilla Firefox e Internet Explorer. Se recomienda usar el primero por muchas razones de las que podemos destacar: Fue el primero en usar la navegación en pestañas Es software libre En continua mejora Hay versiones portables No castiga al usuario con el bloqueo constante de contenidos active-x Añade marcadores con un clic Tiene más de 5000 complementos Fácilmente personalizable Servidor Es el ordenador que almacena los sitios web (Host, equipo anfitrión) al que accedemos con nuestro ordenador para que nos proporcione acceso a las páginas solicitadas. HTTP (HyperText Transfer Protocol) Es el protocolo por el que se comunican a través de internet el servidor y el navegador. El protocolo se indica al principio de la dirección. Si no se teclea, el navegador lo añade automáticamente. URL (Uniform Resource Locator) Localizador Uniforme de Recursos. Es la dirección donde se encuentra un recurso en Internet. Ejemplo: Si no se indica una página html en concreto, el servidor nos dará acceso a la página índice (index) o por defecto (default). Al navegar: 1. El usuario, situado en el equipo cliente, teclea la URL en la casilla dirección del navegador y pulsa la tecla enter. 2. La petición se dirige a los servidores DNS (Domain Name System) que traducen esta URL a una dirección IP (Internet Protocol). Por ejemplo: Si tecleamos estos números en la barra de direcciones del navegador, se abre la página de inicio de la UAM. 3. La petición llega al servidor que tiene esa IP. 4. El servidor devuelve la página solicitada. 1

2 5. El archivo html y los archivos multimedia vinculados se almacenan en la carpeta caché del navegador (dentro del disco duro del equipo cliente). Cuando se han descargado estos activos entonces el usuario visualiza la página y todos sus elementos. HTML (HyperText Markup Language) Es el lenguaje más común (hay otros php, asp, jsp, etc) en el que se diseñan las páginas que se visualizan a través del navegador. Este lenguaje se basa en etiquetas (instrucciones que le dicen al navegador como deben mostrarse) y atributos (parámetros que dan valor a la etiqueta). Una página html contiene texto con un cierto formato y referencias a archivos externos que contienen imágenes, sonidos, animaciones, etc. Básicamente los documentos escritos en HTML constan de texto y etiquetas. Las etiquetas permiten definir el formato del texto, el título que mostrará en la barra de título del navegador, los elementos multimedia que aparecerán incrustados en el documento pero que se almacenan en archivos externos, etc. Todo documento HTML tiene la siguiente estructura: cabecera y cuerpo del documento. Las tres etiquetas que describen su estructura general son: <html>: se inicia el documento. <head>: incluye el título de la página (<title>) que se muestra en la barra de título del navegador. <body>: contiene la información visible. Primer documento HTML Con el Bloc de Notas escribir <html> <head> <title>aquí va el título de la página web</title> </head> <body>dentro de estas dos etiquetas va el cuerpo del mensaje.</body> </html> Las etiquetas que llevan la barra / como </body> significan el cierre de la misma. Si lo guardamos como nombre.htm tendremos una página web que se abrirá con nuestro navegador. Pensar en el sitio web Es importante saber desde el principio la estructura de nuestro sitio y dibujar en un papel el esqueleto. Igualmente tenemos que pensar en el menú y cómo será la navegación Organización de archivos. Conviene generar una carpeta para las páginas web y una subcarpeta con los elementos multimedia, de forma previa a la generación de documentos. Mi web imagenes (sin tilde) 2

3 Se pueden crear las carpetas que se crean necesarias dentro de la carpeta mi_web. Ejemplo de estructura de un sitio web Muy importante. Todos los archivos y carpetas que se encuentren dentro de la carpeta mi web serán los que subiremos al servidor y deben estar correctamente nombrados para que podamos verlos. En nuestro ordenador veremos perfectamente determinados archivos pero es muy posible que no accedamos desde la web porque los servidores trabajan en inglés y, por tanto, no admiten determinados caracteres. Además hay unas reglas básicas que cumplir en cuanto a nombrar archivos y carpetas. Todo debe estar correctamente nombrado antes de incluirlo en nuestro sitio web. No se debe cambiar el nombre después ya que se perderían los vínculos. Nombrar todos los archivos con minúsculas. Algunos servidores admiten mayúsculas pero mejor cumplir esta regla Sin tildes, ñ o caracteres raros (nada de?,!, *, +, [], {} ni cosas parecidas) No separar las palabras con espacio. Usar guión bajo. Nombres cortos La página de inicio de nuestro sitio web se llamará siempre index.htm o bien index.html (no hay diferencia en principio entre htm y html pero mejor usar siempre la misma extensión. En algunos sitios (como la UAM) la página de inicio se llama default.htm pero no es frecuente. Por ejemplo si ponemos la dirección lo que nos devuelve el servidor es Bien nombrado index.htm mapa_espana.htm colegio.jpg camion.gif Mal nombrado INDEX.htm mapa_españa.htm mapa de espana.jpg Index.htm león.png 3

4 Editores de páginas. Front Page Se trata de un programa de software propietario para edición de páginas web. Dispone de un excelente y amplio tutorial en Le puede ser útil hojear consejos y preguntas habituales: Editores de páginas. Kompozer Se trata de un programa gratuito y portable para la edición de páginas web. Se descarga desde Línea: Internet. Nvu Portable & KompoZer Portable. Al pinchar se abre una nueva ventana. Elige Download Kompozer. Manual de uso de Kompozer. Sencillo Muy completo b3cc902e533f48dd6ff4a8c6600b Páginas Web. Edición - Use un tono cercano - Concite en su presentación la sencillez y elementos característicos (imágenes, diagramación) - Use cuadrículas para diagramar sus páginas. Una propuesta más avanzada está en Un manual en línea de diseño digital de un profesor que publica en el Cnice. - Trabaje con imágenes. Dispone de bancos de imágenes en: WikiMedia e IsfTIC del Mecd. Dispone de sugerencias en el apartado sobre Gráficos y gifs del Cnice - Genere enlaces internos de cada página - Desarrolle el mapa de navegación - Genere enlaces entre páginas. - Pruebe, muestre, piense, rehaga Viñetas, listas Inserción de textos. Manual, pág. 21 Prueba los iconos que permiten incluirlo en tu editor. Vínculos Inserción de enlaces. Manual, pág. 33 Hipervínculos Son los enlaces a otras páginas web pero puede ocurrir también que en ocasiones nos puede interesar colocar enlaces a otros puntos de una misma página. Antes de crear el hipervínculo, es necesario situar esos puntos mediante marcadores de posición. Un marcador es un nombre que representa una posición dentro de la página. Suele estar formado por un fragmento de texto y es utilizado como destino de un hipervínculo. Inserción de imágenes. Manual, pág. 40 Lo más importante al colocar imágenes en una web es tener en cuenta que funcionan de distinta forma que en un procesador de textos. En el procesador la imagen va incrustada y se mueve con el documento al copiarlo, enviarlo por correo En cambio, en una web, las imágenes están vinculadas por lo que no forman parte de la misma y debemos siempre mantener la misma posición ya que 4

5 cada vez que se carga la página se llama a las imágenes y si las hemos movido de sitio no las encuentra apareciendo un espacio en blanco en lugar de la imagen. Tablas Manual, pág. 51 Es muy común utilizar tablas para maquetar texto e imagen en una página web. El problema del uso de las mismas es que hacen que las páginas sean menos accesibles. Actualmente se utilizan contenedores DIV o capas pero distribuir los espacios de nuestra web pero es algo complejo. En Anchura indica los píxeles exactos de ancho que tendrá la tabla o bien el % que ocupará del ancho total de la ventana. Conviene utilizar una anchura 100 % de la ventana ya que se esta forma la tabla se ajusta automáticamente al espacio disponible en la ventana del navegador. Para que la tabla no muestre el borde introduce el valor 0 en la casilla Borde. Hojas de estilo, plantillas Manual, pág. 88 A diferencia del procesador de texto, donde trabajamos en un único archivo, un sitio web se compone generalmente de varias páginas por lo que es muy conveniente usar los estilos de párrafo para mantener una coherencia en el formato de todas las páginas. Una hoja de estilo o CSS (Cascading Style Sheets. Su extensión es.css) es un archivo que contiene las definiciones de formato (fuente, tamaño, color, etc) de las distintas etiquetas que forman una página web. Lo bueno de trabajar con ellas es que todas las páginas de un sitio web tienen el mismo formato. Se crea una hoja de estilo y se vinculan todas las páginas del sitio a este archivo. Cualquier cambio en la hoja de estilo afecta instantáneamente al formato de todas las páginas vinculadas a la misma. Crear una hoja de estilo Lo mejor es crear primero una carpeta (vamos a llamarla css) dentro de mi_web 1. Herramientas Editor CSS 2. En Hojas de estilo CSS clic en el primer icono y seleccionar Hoja de estilos enlazada (según la versión puede ser Elem. Enlace) Los estilos se pueden guardar en el propio código de la página o bien en un archivo css independiente. Optamos por la segunda opción por lo que seleccionamos una hoja de estilos enlazada. 3. En URL escribimos la dirección: css/estilo.css Esto le indicará al programa que los estilos se guardarán en una hoja de estilos externa con nombre estilo.css dentro de la carpeta css que creamos antes. Al crear una hoja de estilo su nombre aparece a la izquierda del editor CSS: Hojas y reglas. 5

6 4. Seleccionar css/estilo.css, clic en la paleta Regla de estilo. 5. Nueva regla de estilo. Seleccionar estilo aplicado a todos los elementos del tipo. Así las características de estilo se aplicarán a una etiqueta html estándar: body, h1, h2, etc. 6. Desplegar la lista para seleccionar la etiqueta cuyo formato vamos a definir. En este caso la etiqueta será body. Esta etiqueta afecta al cuerpo de la página. Clic en Crear regla de estilo. 7. Si pulsamos sobre la pestaña texto podemos cambiar el formato del mismo y lo mismo ocurre si pinchamos en fondo, etc. Es conveniente utilizar fuentes vulgares ya que si el usuario no dispone de la que hemos puesto se reemplaza por una fuente de sustitución y los resultados suelen ser visualmente nefastos. 7. Así podemos ir creando nuevas reglas de estilo para otros tipos de elementos. Si creamos una regla para h1 significa que cambiaremos el formato de los encabezados de tipo Finalmente se cierra el panel y se guardan las modificaciones. Si se revisa el Código fuente de la página (clic en la pestaña inferior Código fuente) se puede ver que se ha creado una vinculación de esta página al archivo que contiene la información de estilos: <link rel="stylesheet" href="css/estilo.css" y que además se ha creado el archivo estilo.css en la carpeta css. Vincular una hoja de estilo a una web 1. Herramientas Editor CSS 2. En el botón hoja de estilo CSS seleccionar Hoja de estilos enlazada y en el panel derecho Elegir archivo para abrir mi_web\css\estilo.css. 3. Clic en Crear hoja de estilos. Aparece en el panel izquierdo. Al abrir pulsando en el + se ven las reglas de estilo. La web ha tomado el formato de la hoja de estilo. 4. Desde aquí se pueden modificar las propiedades de las etiquetas. 5. Finalmente se guarda la vinculación de la página con la hoja de estilo. 6

7 Páginas Web. Publicación Host FTP. Filezilla Tarea: Edición y publicación web Tema educativo, útil para un maestro Como un web puede ser muy amplio, lo limitamos a: Mapa de navegación completo (Exploración). Una rama del mismo desarrollada completamente. En el resto, indicación de qué habría en cada página. Que incluya: Programación, con curso al que se dirige, objetivos, paradigma y autores. Imágenes, vínculos, texto. Estética cuidada 7

Páginas web ::: El sitio web: estructura y navegación Diseño de materiales multimedia. Web 2.0. 1.13 Sitio web: estructura y navegación

Páginas web ::: El sitio web: estructura y navegación Diseño de materiales multimedia. Web 2.0. 1.13 Sitio web: estructura y navegación 104 1.13 Sitio web: estructura y navegación 105 1.13 Sitio web: estructura y navegación 1.13.1 Qué es un sitio web? Un sitio web (en inglés:website) es un conjunto de páginas html relacionadas entre sí

Más detalles

Päginas web ::: Introducción Diseño de materiales multimedia. Web 2.0. 1.1 Introducción

Päginas web ::: Introducción Diseño de materiales multimedia. Web 2.0. 1.1 Introducción 1. Páginas web 9 1.1 Introducción 10 1.1 Introducción 1.1.1 Conceptos básicos A modo de introducción y con el propósito de unificar terminología a continuación se describe el significado de algunos términos

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

Páginas web ::: Hojas de estilo CSS Diseño de materiales multimedia. Web 2.0. 1.7 Hojas de estilo CSS

Páginas web ::: Hojas de estilo CSS Diseño de materiales multimedia. Web 2.0. 1.7 Hojas de estilo CSS 49 1.7 Hojas de estilo CSS 50 1.7 Hojas de estilo CSS 1.7.1 Qué es una hoja de estilo? Una hoja de estilo es un archivo de extensión *.CSS (CSS, Cascading Style Sheets = Hojas de estilo) que contempla

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

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

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

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

Kompozer: Crear una hoja de estilos

Kompozer: Crear una hoja de estilos Kompozer: Crear una hoja de estilos Las hojas de estilo en cascada (en inglés, Cascading Style Sheets), son archivos con extensión.css que se utilizan para dar estilo a nuestros documentos html, separando

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

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

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

Prof. Luis Miguel Oliveros - Computación 3er Año

Prof. Luis Miguel Oliveros - Computación 3er Año NVU / KompoZer NVU es un editor de páginas web libre y gratuito desarrollado bajo la modalidad Open Source. Esta alternativa gratuita trae nuevas herramientas para facilitar el trabajo, convirtiéndola

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

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

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

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

Páginas web ::: Publicación web por FTP Diseño de materiales multimedia. Web 2.0. 1.15 Publicación web por FTP

Páginas web ::: Publicación web por FTP Diseño de materiales multimedia. Web 2.0. 1.15 Publicación web por FTP 119 1.15 Publicación web por FTP 120 1.15 Publicación web por FTP 1.15.1 Qué es publicar un sitio web? La práctica habitual es diseñar las páginas web de nuestro sitio web en el disco duro del equipo para

Más detalles

14.1 Configuración de las propiedades del documento

14.1 Configuración de las propiedades del documento Capítulo 14 Publicación 14.1 Configuración de las propiedades del documento V amos a abrir la película natura.fla guardada en la carpeta Curso Flash/ejemplos. No es necesario guardar los cambios producidos

Más detalles

Páginas web ::: Uso de plantillas Diseño de materiales multimedia. Web 2.0. 1.8 Uso de plantillas

Páginas web ::: Uso de plantillas Diseño de materiales multimedia. Web 2.0. 1.8 Uso de plantillas 59 1.8 Uso de plantillas 60 8. Uso de plantillas 1.8.1 Para qué sirve una plantilla? Una plantilla HTML se utiliza como base para crear varias páginas con un diseño similar pero con distinto contenido.

Más detalles

La estructura de archivos y carpetas. Arbol. Listas. Mixta. Red

La estructura de archivos y carpetas. Arbol. Listas. Mixta. Red ESTRUCTURA DEL SITIO Ya has preparado el contenido de tu web, o al menos. el contenido inicial. Ahora es el momento de comenzar a pensar en como vas a organizar tu sitio. Esta estructura puede venirte

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

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

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

GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII

GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII GUIA DISPONIBLE EN: http://preparadorivan.blogspot.com/ - http://preparadormssi.50webs.com/inicio.html La World Wide Web o la Web, es una de las múltiples

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

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

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

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

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

INFORMÁTICA Tema: PÁGINA WEB

INFORMÁTICA Tema: PÁGINA WEB INFORMÁTICA Tema: PÁGINA WEB Mucha información se guarda en nuestra computadora, si recorremos las carpetas de nuestro disco duro encontraremos multitud de archivos o ficheros de distinta naturaleza que

Más detalles

Gestión de plantillas en Joomla!

Gestión de plantillas en Joomla! Gestión de plantillas en Joomla! Aplicaciones web. 2º SMR 1. Gestionar las plantillas de Joomla! 2. Instalar una nueva plantilla en tu web 3. Modificar el diseño de una plantilla instalada 1. Gestionar

Más detalles

Manual de NVU Capítulo 5: Las hojas de estilo

Manual de NVU Capítulo 5: Las hojas de estilo Manual de NVU Capítulo 5: Las hojas de estilo Pág. 1 Manual de NVU Capítulo 5: Las hojas de estilo Reconocimiento-NoComercial-CompartirIgual 2.5 España Realizado por: Julio Ruiz Palmero (Universidad de

Más detalles

AJE ASTURIAS NETWORKING Manual de Usuario

AJE ASTURIAS NETWORKING Manual de Usuario 1 AJE ASTURIAS NETWORKING Manual de Usuario 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?...4 1.2.

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

1. UNA PÁGINA WEB SENCILLA

1. UNA PÁGINA WEB SENCILLA { 1 } Índice 1. UNA PÁGINA WEB SENCILLA... 3 2. PROPIEDADES DE LA PÁGINA... 4 3. COLORES EN UNA PÁGINA WEB... 5 4. LÍNEAS HORIZONTALES... 6 5. AÑADIR UNA IMAGEN... 7 6. USAR ENLACES... 8 7. INSERTAR TABLAS...

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

Introducción al desarrollo WEB. Tecnologías Web

Introducción al desarrollo WEB. Tecnologías Web Introducción al desarrollo WEB Tecnologías Web Un poco de Historia World Wide Web (WWW) Inventada por Tim Berners Lee en 1989!!! Mientras trabajaba European Organization for Nuclear Research (CERN) http://www.w3.org/consortium/history.html

Más detalles

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

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

Más detalles

Ministerio de Educación, Cultura y Deporte. HTML5 en la educación. Módulo 8: Publicación.

Ministerio de Educación, Cultura y Deporte. HTML5 en la educación. Módulo 8: Publicación. Ministerio de Educación, Cultura y Deporte. HTML5 en la educación Módulo 8: Publicación. Instituto Nacional de Tecnologías Educativas y de Formación del Profesorado 2012 Publicación de un proyecto web

Más detalles

Crear un servidor Web en IIS

Crear un servidor Web en IIS Crear un servidor Web en IIS Qué es un servidor web? Un servidor web es un programa que se ejecuta continuamente en un computador, manteniéndose a la espera de peticiones de ejecución que le hará un cliente

Más detalles

1. Tutorial Página Personal... 2

1. Tutorial Página Personal... 2 Índice 1. Tutorial Página Personal... 2 1.1. Introducción... 2 1.2. Tutorial de edición de páginas web con Kompozer... 2 1.2.1. Descarga del programa... 2 1.2.2. Edición de la página web... 4 1.3. Como

Más detalles

Páginas web ::: Noticias RSS de un sitio web Diseño de materiales multimedia. Web 2.0. 1.12 Noticias RSS de un sitio web

Páginas web ::: Noticias RSS de un sitio web Diseño de materiales multimedia. Web 2.0. 1.12 Noticias RSS de un sitio web 98 1.12 Noticias RSS de un sitio web 99 1.12 Noticias RSS de un sitio web 1.12.1 Qué es un canal RSS? RSS es un término que se refiere a la posibilidad de crear un canal de noticias en un sitio web para

Más detalles

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

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

Más detalles

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

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

Páginas web ::: Kompozer: instalación y uso Diseño de materiales multimedia. Web 2.0. 1.2 Kompozer: instalación y uso

Páginas web ::: Kompozer: instalación y uso Diseño de materiales multimedia. Web 2.0. 1.2 Kompozer: instalación y uso 17 1.2 Kompozer: instalación y uso 18 1.2 Kompozer: instalación y uso 1.2.1 Qué es Kompozer? Kompozer es un editor WYSIWYG (What You See Is What You Get = Lo que ves es lo que tienes) de páginas web. Resulta

Más detalles

UNIDAD DIDÁCTICA. Integración de documentos profesionales en la Web. Objetivos. www.adams.es

UNIDAD DIDÁCTICA. Integración de documentos profesionales en la Web. Objetivos. www.adams.es UNIDAD DIDÁCTICA 3 Integración de documentos profesionales en la Web Objetivos Mantener actualizadas páginas Web de acuerdo con el diseño y con los contenidos planificados, organizándolos a través del

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

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

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

Internet Explorer 5.0

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

Más detalles

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

CURSO DE PÁGINAS WEB LINEAMIENTOS GENERALES DE LA CAPACITACIÓN

CURSO DE PÁGINAS WEB LINEAMIENTOS GENERALES DE LA CAPACITACIÓN MINTEL - UNIVERSIDAD CENTRAL DEL ECUADOR CURSO DE PÁGINAS WEB Una página Web es un documento o información electrónica adaptada para la World Wide Web que generalmente forma parte de un sitio Web, está

Más detalles

Imagen ::: Galería de fotos Diseño de materiales multimedia. Web 2.0. 2.10 Galería de fotos

Imagen ::: Galería de fotos Diseño de materiales multimedia. Web 2.0. 2.10 Galería de fotos 211 2.10 Galería de fotos 212 Una de las tareas más frecuentes en un centro educativo es la publicación en formato HTML de las fotografías tomadas con la cámara digital en un evento o fiesta escolar 2.10.1

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

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

Imagen ::: Dimensiones de una imagen Diseño de materiales multimedia. Web 2.0. 2.4 Dimensiones de una imagen

Imagen ::: Dimensiones de una imagen Diseño de materiales multimedia. Web 2.0. 2.4 Dimensiones de una imagen 171 2.4 Dimensiones de una imagen 172 2.4 Dimensiones de una imagen 2.4.1 Reducir el tamaño de una imagen Uno de los principales factores que determinan el peso de un archivo gráfico es el tamaño de la

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

MICROSOFT FRONTPAGE Contenido

MICROSOFT FRONTPAGE Contenido MICROSOFT FRONTPAGE Contenido CREAR UN SITIO WEB... 2 MARCOS... 5 FONDO DE LA PÁGINA... 7 MARQUESINAS... 8 CREAR HIPERVÍNCULOS... 9 BOTONES ACTIVABLES... 11 LOS MAPAS DE IMÁGENES... 13 INSERTAR SONIDOS...

Más detalles

Páginas web ::: Cómo diseñar un menú de navegación? Diseño de materiales multimedia. Web 2.0. 1.14 Cómo diseñar un menú de navegación?

Páginas web ::: Cómo diseñar un menú de navegación? Diseño de materiales multimedia. Web 2.0. 1.14 Cómo diseñar un menú de navegación? 111 1.14 Cómo diseñar un menú de navegación? 112 1.14 Cómo diseñar un menú de navegación? En este apartado vamos a describir el procedimiento de creación de un menú de navegación para un sitio web con

Más detalles

Servicios Web 2.0 ::: Slide.com: presentación de imágenes Diseño de Webs Educativas (Iniciación) 5.3 Slide.com: presentación de imágenes

Servicios Web 2.0 ::: Slide.com: presentación de imágenes Diseño de Webs Educativas (Iniciación) 5.3 Slide.com: presentación de imágenes 228 5.3 Slide.com: presentación de imágenes 229 5.3 Slide.com: presentación de imágenes Slide.com (http://www.slide.com) es un servicio web 2.0 que nos permite subir una colección de imágenes y luego obtener

Más detalles

EDITOR DE PÁGINAS WEB KOMPOZER (4º ESO)

EDITOR DE PÁGINAS WEB KOMPOZER (4º ESO) EDITOR DE PÁGINAS WEB KOMPOZER (4º ESO) 1) INSTALACIÓN 2) CREAR LA ESTRUCTURA DE CARPETAS 3) ABRIR EL PROGRAMA 4) GUARDAR LA PÁGINA WEB 5) CERRAR EL PROGRAMA 6) ABRIR EL ARCHIVO HTML DESDE EL KOMPOZER

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

TRANSFERENCIA DE ARCHIVOS AL SERVIDOR DEL PNTE MANUAL ELEMENTAL DE FTP CON FILEZILLA

TRANSFERENCIA DE ARCHIVOS AL SERVIDOR DEL PNTE MANUAL ELEMENTAL DE FTP CON FILEZILLA TRANSFERENCIA DE ARCHIVOS AL SERVIDOR DEL PNTE MANUAL ELEMENTAL DE FTP CON FILEZILLA 1. INTRODUCCIÓN. A la hora de realizar una página web, los usuarios deben afrontar la tarea de transferir ficheros al

Más detalles

CREACION DE PÁGINAS WEB

CREACION DE PÁGINAS WEB CREACION DE PÁGINAS WEB CREAR LO QUE LLAMAREMOS SITIO WEB LOCAL En el escritorio del ordenador crear una carpeta llamada sitio web que sea donde guardes todos los archivos Dentro de ella guardaremos todos

Más detalles

EDICION DE PRESENTACIONES CON POWERPOINT 2007

EDICION DE PRESENTACIONES CON POWERPOINT 2007 EDICION DE PRESENTACIONES CON POWERPOINT 2007 1. Qué es POWERPOINT? Microsoft Office PowerPoint 2007 es una aplicación que permite la creación de presentaciones gráficas, al estilo de diapositivas que

Más detalles

Gestor de Contenidos. Manual del Usuario

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

Más detalles

Software libre complementario

Software libre complementario Software libre complementario Ministerio de Educación. ITE. Software libre complementario. 1 Módulo 4. Software libre complementario En este apartado vamos a contemplar algunos programas de acceso libre

Más detalles

CURSO DE DISEÑO WEB. También existen otro lenguajes de programación de páginas, combinados con el HTML : PHP, JS, ASP. PL, etc.

CURSO DE DISEÑO WEB. También existen otro lenguajes de programación de páginas, combinados con el HTML : PHP, JS, ASP. PL, etc. CURSO DE DISEÑO WEB Internet El Internet, algunas veces llamado simplemente "La Red", es un sistema mundial de redes de computadoras, un conjunto integrado por las diferentes redes de cada país del mundo,

Más detalles

Manual de Usuario CMS

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

Más detalles

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

Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos:

Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos: Conceptos básicos de la internet y la web Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos: Internet: Red mundial de computadoras

Más detalles

Páginas web ::: Archivos ZIP Diseño de materiales multimedia. Web 2.0. 1.10 Archivos ZIP

Páginas web ::: Archivos ZIP Diseño de materiales multimedia. Web 2.0. 1.10 Archivos ZIP 78 1.10 Archivos ZIP 79 1.10 Archivos ZIP 1.10.1 Introducción En ocasiones puede interesar ofrecer la descarga de un documento o archivo al visitante de una página web. Puede ser el caso de una colección

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

Indice Dominio y Hosting... 1 Dominio y Hosting fácil de entender con una imagen... 3 Cómo funciona el dominio y hosting?... 4 Términos más usados en

Indice Dominio y Hosting... 1 Dominio y Hosting fácil de entender con una imagen... 3 Cómo funciona el dominio y hosting?... 4 Términos más usados en Dominio y Hosting Indice Dominio y Hosting... 1 Dominio y Hosting fácil de entender con una imagen... 3 Cómo funciona el dominio y hosting?... 4 Términos más usados en el internet... 5 http: hyper text

Más detalles

agenciaisbn.es Manual de uso Herramienta de gestión Enero 2011

agenciaisbn.es Manual de uso Herramienta de gestión Enero 2011 agenciaisbn.es Manual de uso Herramienta de gestión Enero 20 Web pública Mapa web 3 Secciones editables 3 Inicio 3 Noticias 4 Formularios 4 Herramienta de gestión Acceso 5 Inicio Barra de herramientas

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

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

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

Web. Microsoft Excel: Capítulo 1 Creación de páginas web con Dreamweaver 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

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

TEMA 9 CREACIÓN DE PÁGINAS WEB

TEMA 9 CREACIÓN DE PÁGINAS WEB TEMA 9 CREACIÓN DE PÁGINAS WEB OBJETIVOS Conocer las páginas web y sus elementos. Insertar tablas, capas, enlaces en las páginas web. Crear páginas web con NVU. Crear un sitio web. Configurar un sitio

Más detalles

Vídeo y animaciones ::: Integración HTML de objetos Flash Diseño de materiales multimedia. Web 2.0. 4.9 Integración HTML de objetos Flash

Vídeo y animaciones ::: Integración HTML de objetos Flash Diseño de materiales multimedia. Web 2.0. 4.9 Integración HTML de objetos Flash 394 4.9 Integración HTML de objetos Flash 395 4.9 Integración HTML de objetos Flash 4.9.1 Qué es un objeto Flash? Un objeto Flash es un archivo de extensión *.SWF que ha sido diseñado con el programa Adobe

Más detalles

Curso: El uso de Internet y las TIC en el entorno escolar PRIMERA PARTE: Sitios web

Curso: El uso de Internet y las TIC en el entorno escolar PRIMERA PARTE: Sitios web Curso: El uso de Internet y las TIC en el entorno escolar PRIMERA PARTE: Sitios web Por qué utilizar sitios web en educación? Los sitios web integran recursos variados, lo que los hace muy útiles en el

Más detalles

El lenguaje XML en InDesign

El lenguaje XML en InDesign 1 Adobe InDesign 2.0 Extensible Markup Language (XML) es un formato de archivo de texto que le permite reutilizar el contenido (texto, tablas, datos y gráficos) en distintos medios y aplicaciones. Una

Más detalles

FAMILIA DE SERVIDORES WINDOWS 2000

FAMILIA DE SERVIDORES WINDOWS 2000 FAMILIA DE SERVIDORES WINDOWS 2000 La familia de servidores Windows 2000 esta formada por tres versiones las cuales son: Server, Advanced y Datacenter; nosotros utilizaremos Server. Server. Esta versión

Más detalles

Kompozer: Añadir formato a la página y añadir imágenes

Kompozer: Añadir formato a la página y añadir imágenes Kompozer: Añadir formato a la página y añadir imágenes En estos tutoriales hemos escogido el tema Asturias para hacer una página web con Kompozer. Para empezar, crea la carpeta Web Asturias en la carpeta

Más detalles

Visor geográfico API SITNA v 1.0. Manual de usuario

Visor geográfico API SITNA v 1.0. Manual de usuario Visor geográfico API SITNA v 1.0 Manual de usuario Octubre 2014 Índice de contenidos 1 INTRODUCCIÓN 3 1.1 Objetivo del documento 3 1.2 Características de la API SITNA 3 2 VISOR GEOGRÁFICO DE LA API SITNA

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

BOLETÍN ELECTRÓNICO VISUAL PUBLINET S.L

BOLETÍN ELECTRÓNICO VISUAL PUBLINET S.L BOLETÍN ELECTRÓNICO VISUAL PUBLINET S.L 1. RESUMEN GENÉRICO Y TARIFAS 2. DEMO 3. MANUAL BÁSICO DE USUARIO 4. EJEMPLOS DE PLANTILLAS DE DISEÑO 1 1. DESCRIPCIÓN Y TARIFAS 1.1 Descripción El gestor de boletín

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

Prólogo 3. Convenciones Tipográficas... 3 Sugerencias... 4. Introducción 5. Familiarizándose con el interfaz de SiteBuilder 6

Prólogo 3. Convenciones Tipográficas... 3 Sugerencias... 4. Introducción 5. Familiarizándose con el interfaz de SiteBuilder 6 Parallels Panel Contenidos Prólogo 3 Convenciones Tipográficas... 3 Sugerencias... 4 Introducción 5 Familiarizándose con el interfaz de SiteBuilder 6 Creación de un sitio web 8 Edición de un sitio web

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

Fuente: http://www.kzgunea.net

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

Más detalles

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

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

2_dar formato al texto / documentos I

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

Más detalles

Páginas web ::: Viñetas y marcadores Diseño de materiales multimedia. Web 2.0. 1.4 Viñetas y marcadores

Páginas web ::: Viñetas y marcadores Diseño de materiales multimedia. Web 2.0. 1.4 Viñetas y marcadores 31 1.4 Viñetas y marcadores 32 1.4 Viñetas y marcadores 1.4.1 Introducción En ocasiones nos puede interesar colocar enlaces a otros puntos de una misma página. Antes de crear el hipervínculo, es necesario

Más detalles

Curso de capacitación en Moodle

Curso de capacitación en Moodle Curso de capacitación en Moodle Aveleyra, Ema Barbiric, Doris Chiabrando, Laura Corach, Julián Dadamia, Danilo Dominguez, Cristina Ferrini, Adrián Gimenez, Claudia Jiménez Rey, Elizabeth Pérez, Fernando

Más detalles

Bonsai: consulta web del catálogo de la biblioteca

Bonsai: consulta web del catálogo de la biblioteca Bonsai: consulta web del catálogo de la biblioteca Manual de instalación, configuración y uso Versión 5.0 Julio 2009 Fernando Posada fernandoposada@gmail.com Índice 1. Qué es Bonsai?... 3 2. Requisitos

Más detalles