PASOS PARA CREAR UNA PÁGINA WEB

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "PASOS PARA CREAR UNA PÁGINA WEB"

Transcripción

1 PASOS PARA CREAR UNA PÁGINA WEB Con éste documento trato de orientar de una forma genérica los distintos pasos que deben de realizarse para crear una página web. PRIMER PASO: Estructura Antes de nada nos sirve de gran ayuda hacer un boceto en papel de cómo será la página web, es decir cómo irán estructurado los contenidos, los enlaces, dónde irá el logotipo etc Una web debe de estar bien estructurada para que se pueda acceder a los contenidos fácilmente. Por regla general una página web suele tener una estructura parecida a la de la imagen: Cabecera con Logotipo y una imagen Barra de navegación Contenido Menú lateral con vínculos Estructura de una página web 1

2 Con una estructura similar el usuario podrá acceder al los contenido de una forma muy rápida y visual ya que están bien estructurado los bloques. Tenemos una cabecera con el logotipo y una imagen. Debajo de ésta suele estar una barra de navegación para poder acceder a los distintos apartados. Dependiendo del tipo de página que estemos viendo tendrá distinto los nombres de los botones. Las web de empresas suelen tener al menos los siguientes botones: Ejemplo de barra de botones Un botón que sirve de presentación. Uno que nos muestra los productos que ofrece y a veces también otro con los servicios que prestan. Uno que muestra ejemplo de los trabajos realizados. Y por último uno que nos lleva a un formulario de contactos. Los formularios tienen una serie de campos mínimos. En la imagen se muestra un ejemplo de formulario sencillo que tiene cuatro campos: uno para el nombre, otro para tu , uno más para una breve descripción del motivo, seguido campo mayor en el que se puede escribir varias líneas de texto, y por último un botón enviar. Ejemplo de formulario sencillo 2

3 Otra parte del diseño es el menú vertical con enlaces a otros apartados. Este menú puede estar o no, estar a la derecha o a la izquierda. El contenido de éste menú son enlaces que pueden estar también repetidos en la barra de botones para una mayor accesibilidad. Y por último tenemos un espacio mayor que muestra el contenido de la página. Una vez planteada la estructura en papel, pasaremos al segundo paso. SEGUNDO PASO: Diseño El segundo paso sería pasar ese primer boceto en papel a digital, es decir, s dibujar con algún programa de diseño los bloques de separación, añadir color y forma. Esto será tu boceto y es recomendable que al menos hagas tres diferentes para finalmente elegir el más adecuado. Prueba a cambiar colores, distribución, etc. Te recomiendo que desde un principio seas ordenado y guarde todos tus trabajos en una estructura de carpetas y que a los archivos les dé una nomenclatura correcta, es decir se llamarían por ejemplo: Boceto1, Boceto2 Una vez elegido el boceto ya puedes comenzar a trabajar en tu web. TERCER PASO: Maquetación Con cualquier editor de texto se puede crear páginas web, pero lo más recomendable es que uses cualquiera de los que existen en el mercado pues te ayudarán bastante. El más usado o más conocido es el Dreamweaver, a través de una interfaz gráfica muy intuitiva, mediante botones te inserta líneas de código. El uso de ésta herramienta nos ayuda, pero es necesario tener conocimientos de HTML y de CSS ya que de ésta forma podremos concretar más algún cambio. Manualmente en la forma de edición de código podemos escribir alguna etiqueta o atributo que el propio programa no lo inserta, obteniendo un resultado más exacto. Cuando creemos una página web debemos que crearlas con hojas de estilos, es decir con CSS ya que así, si luego más adelante tenemos que cambiar el color de la letra o algún atributo al realizar sólo un cambio en el CSS se modificará en todas las páginas y nos evitamos tener que cambiar el atributo en todas las páginas. Al igual que existe unas normas para escribir html también las hay para escribir el código CSS. 3

4 Ejemplo de código html y css Una vez maquetada la página web con los estilos CSS, debemos pensar cómo serán los textos. CUARTO PASO: Tipografía El tipo de letra de una página web debe de ser una letra legible y clara. La más usada suelen ser : verdana, Times New Roman, Arial Tenemos que tener en cuenta que cuando vemos una página web vemos el tipo de letra que tenemos instalado en nuestro ordenador, or, es decir, si pongo un tipo de letra poco conocida, corremos el riesgo de que muy pocos ordenadores tenga la fuente instalada y la página web no se verá correctamente. El tamaño del texto debe de ser homogéneo y sólo utilizar algún texto de mayor tamaño o color para resaltar un vínculo o un apartado. Podemos usar un tipo de fuente distinto en algún diseño que hayamos creado, ya que éstas letras formarían parte de una imagen y si se visualizaría, por ejemplo, si dibujamos los botones para la barra de navegación podemos dibujar las letras en el botón. Ejemplo de botón con fuente dibujada 4

5 QUINTO PASO: Imágenes Otra parte importante son las imágenes. Una web con muchas imágenes no significa que sea mejor, hay que utilizar el número de imágenes adecuados y con un tamaño ni muy pequeño ni muy grande ni en tamaño ni en peso, es decir el tamaño que vemos en pantalla no debe de ser mayor que el texto. La imagen hace referencia al texto. Si se quiere que la imagen aparezca a tamaño real, debes de colocar la imagen más pequeña y luego con un vínculo que se abra en una ventana nueva la imagen a tamaño completo. Es recomendable que con cada bloque de texto acompañe una imagen para hacer más atractiva la página y animar al usuario a leerla. Ejemplo de imágenes en una web La imagen también puede ser creada por nosotros. Alguna fotografía retocada con algún programa de diseño con la que obtengamos el resultado deseado. 5

6 En cuanto al peso, una imagen que pese mucho ralentizará el navegador y una que pese muy poco tendrá muy poca calidad y no se verá bien, por lo que se debe de tener cuidado con las imágenes que se sube. Las imágenes que vemos en internet, la mayoría de ellas tienen copyright, es decir son imágenes de un autor y no podemos usarle para beneficio propio. Existen varias páginas web que ofrecen imágenes a distinto precio, y también existen algunas web con banco de imágenes gratuitas, imágenes que podemos utilizarla libremente en nuestra web, el problema que nos podemos encontrar es que si necesitamos una imagen de algo en concreto será más difícil encontrarla en un servidor gratuito. Otro añadido más a una web puede ser una animación. SEXTO PASO: Animaciones Al igual que con las imágenes, una página que tenga muchas animaciones puede resultar cansado y algo molesto, por lo que no se debe abusar mucho. Se puede utilizar animaciones en los botones, cabeceras, o algún vínculo. Existen varios tipos de animaciones. Las más antiguas son los gifs animados. Estos son animaciones muy sencillas que tienen la ventaja de pesar poco, por lo que eran usadas con bastante frecuencia. Actualmente al disponer de una mayor velocidad de conexión gracias a la ADSL, las animaciones usadas son las creadas por flash, swish max... Este tipo de animaciones pueden ser más atractivas y complejas. Una web con alguna animación flash será más atractiva siempre y cuando no sea muy extensa. Hay páginas web que muestran como página de inicio una animación introductoria, (una intro), mostrando publicidad de sus productos o informando a que se dedican para finalmente dar paso a la web. Ésta animación tiene que tener la posibilidad de poder cerrarla por si el usuario no quiere verla y ver directamente la web. También existen páginas completas creadas con una animación. Estas páginas son más vistosas pero también tienes algunos inconvenientes. Con éstas pasos podemos hacernos una idea de cómo se crea una web, tan sólo hay que profundizar en cada apartado. 6

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

Hay programas que convierten al PC en un equipo de música

Hay programas que convierten al PC en un equipo de música 1. ESCRIBIR CON EL PC Hay programas que convierten al PC en un equipo de música para oír CDs de tus cantantes favoritos. Con tu PC también puedes conectarte a Internet para enviar mensajes, chatear o ver

Más detalles

Primeros pasos en Word

Primeros pasos en Word PAINT El programa de dibujo Paint, un programa con una idea sencilla, proporcionar al usuario un programa de retoque de imágenes que da muy buenos resultados y a la vez sea sencillo, rápido y útil para

Más detalles

TECNOLOXÍAS E ANÁLISE DOS DATOS

TECNOLOXÍAS E ANÁLISE DOS DATOS TECNOLOXÍAS E ANÁLISE DOS DATOS LINGÜÍSTICOS M.J. Ginzo 3 de diciembre de 2012 Esquema presentación 1 Introducción 2 Accediendo al administrador 3 Elementos de Joomla 1 Artículos 2 Categorías 3 Usuarios

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

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

SEMANA NO.1. GUIA No.1 INTRODUCCIÓN A DISEÑO WEB CON ADOBE DREAMWEAVER CS3

SEMANA NO.1. GUIA No.1 INTRODUCCIÓN A DISEÑO WEB CON ADOBE DREAMWEAVER CS3 TEMATICA OBJETIVO GUIA No.1 INTRODUCCIÓN A DISEÑO WEB CON ADOBE DREAMWEAVER CS3 Reconocer el ambiente de trabajo de Diseño Web Con Adobe Dreamweaver Cs3 identificando sus herramientas básicas y a través

Más detalles

Guía de usuario de Wordpress LAUMEDIA.ES

Guía de usuario de Wordpress LAUMEDIA.ES LAUMEDIA.ES!1 Guía de usuario de Wordpress OBJETIVO Wordpress es la plataforma de gestión de contenido más utilizada en la actualidad. Es una plataforma escalable, lo que significa que nuestra web puede

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

DreamWeaver. CS5 y CS6. Cursosindustriales. Curso de DreamWeaver CS6 1

DreamWeaver. CS5 y CS6. Cursosindustriales. Curso de DreamWeaver CS6 1 DreamWeaver CS5 y CS6 Cursosindustriales. Curso de DreamWeaver CS6 1 DREAMWEAVER CS5. ENTORNO DE DESARROLLO. Dreamweaver es una aplicación propietario que facilita la labor del desarrollador Web y le permite

Más detalles

Vamos a continuar viendo los distintos elementos que podemos insertar en nuestras páginas.

Vamos a continuar viendo los distintos elementos que podemos insertar en nuestras páginas. Tema 6.- Continuamos insertando elementos Vamos a continuar viendo los distintos elementos que podemos insertar en nuestras páginas. Teniendo en cuenta siempre nuestro objetivo educativo vamos a ver para

Más detalles

TUTORIAL DE WORDPRESS

TUTORIAL DE WORDPRESS TUTORIAL DE WORDPRESS Editado por Cristina Alejos. www.pinturayartistas.com ACCESO AL BLOG EDICIÓN Y CREACIÓN DE ENTRADAS CREAR UN ENLACE A OTRA PÁGINA MÁS OPCIONES DEL EDITOR CREACIÓN Y EDICIÓN DE PÁGINAS

Más detalles

GUÍA PARA MANEJAR GOOGLE DRIVE

GUÍA PARA MANEJAR GOOGLE DRIVE GUÍA PARA MANEJAR GOOGLE DRIVE 1 Universidad de Córdoba Grupo de Investigación AVI Ambientes Virtuales Interactivos GOOGLE DRIVE GOOGLE DOCS O GOOGLE DRIVE Google Docs es una sencilla pero potente suite

Más detalles

webmaker Guía básica Tu web en 3 pasos Índice

webmaker Guía básica Tu web en 3 pasos Índice webmaker Guía básica Tu web en 3 pasos Índice 1. Cómo gestionar tu webmaker 2. Herramienta de diseño: tu área de trabajo 3. Diseña tu Web en 3 pasos Cómo verán los clientes mi web? 2012 - Copyright Arsys

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

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

Impress : Programa de presentaciones de OpenOffice.

Impress : Programa de presentaciones de OpenOffice. Impress : Programa de presentaciones de OpenOffice. Básicamente Impress es un programa de presentaciones proyectadas a través de diapositivas (pantallas completas) que un orador o ponente puede utilizar

Más detalles

Módulo 7 Linux: Chat y correo electrónico

Módulo 7 Linux: Chat y correo electrónico Módulo 7 Linux: Chat y correo electrónico Curso de Alfabetización Tecnológica Ordenador Práctico v2 Programa de formación para las Bibliotecas Públicas de Cataluña Este material está bajo licencia Creative

Más detalles

Nos dirigimos a la siguiente página web. http://es.openoffice.org/

Nos dirigimos a la siguiente página web. http://es.openoffice.org/ 1. INTRODUCCIÓN A OPENOFFICE IMPRESS 1.1. INTRODUCCIÓN OpenOffice.org es una suite ofimática de software libre y código abierto de distribución gratuita. Está disponible para muchas plataformas: como Microsoft

Más detalles

Email Marketing, una herramienta para mejorar tu negocio

Email Marketing, una herramienta para mejorar tu negocio Email Marketing, una herramienta para mejorar tu negocio Calle San Rafael, 14 28108 Alcobendas (Madrid) 902 90 10 20 www..com Introducción Desde la aparición del correo electrónico, éste sistema de comunicación

Más detalles

Manual Webquest Creator 2

Manual Webquest Creator 2 Manual Webquest Creator 2 Miguel A. Jorquera 19 de enero de 2014 Índice 1. Menú principal 1 1.1. INICIO.................................................. 2 1.2. WEBQUESTS..............................................

Más detalles

CÓMO CREAR NUESTRO CATÁLOGO

CÓMO CREAR NUESTRO CATÁLOGO CÓMO CREAR NUESTRO CATÁLOGO Mediante la aplicación (http://www.prensasoft.com/programas/conline) podemos crear nuestros propios catálogos. Para crear un catálogo necesitamos: - Varios productos que mostrar,

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

Manual de Uso XML-Whois de Neubox. Manual del Sistema de XML Whois de Neubox Versión 9.12.4

Manual de Uso XML-Whois de Neubox. Manual del Sistema de XML Whois de Neubox Versión 9.12.4 Manual del Sistema de XML Whois de Neubox Versión 9.12.4 1 Índice Sección Página I. Introducción........ 3 II. Contenido del paquete............ 4 III. Instalación y uso....... 5 1. Cómo comprobar la plantilla......

Más detalles

DISEÑO WEB INICIACION

DISEÑO WEB INICIACION DISEÑO WEB INICIACION Modalidad: Distancia. La Formación en modalidad a Distancia se basa en un aprendizaje casi autodidáctico, con este término queremos señalar que el método de aprendizaje no es el tradicional,

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

TUTORIAL. Edición de contenido y creación de entradas y páginas Wordpress

TUTORIAL. Edición de contenido y creación de entradas y páginas Wordpress TUTORIAL Edición de contenido y creación de entradas y páginas Wordpress Su sitio web ha sido realizado con la última versión estable de WordPress. WordPress funciona como un Sistema Gestor de Contenidos

Más detalles

WinHIPE: edición, compilación y ejecución de programas; y generación de animaciones web. Manual de usuario.

WinHIPE: edición, compilación y ejecución de programas; y generación de animaciones web. Manual de usuario. WinHIPE: edición, compilación y ejecución de programas; y generación de animaciones web. Manual de usuario. Índice contenido. INTRODUCCIÓN... 1-2 1. ENTORNO DE TRABAJO... 1-2 2. EDICIÓN DE PROGRAMAS...

Más detalles

CAPAS O CONTENEDORES EN HTML. ETIQUETAS DIV Y SPAN. EJEMPLOS. MAQUETAR O DAR ESTRUCTURA A LAS PÁGINAS WEB. (CU00726B)

CAPAS O CONTENEDORES EN HTML. ETIQUETAS DIV Y SPAN. EJEMPLOS. MAQUETAR O DAR ESTRUCTURA A LAS PÁGINAS WEB. (CU00726B) APRENDERAPROGRAMAR.COM CAPAS O CONTENEDORES EN HTML. ETIQUETAS DIV Y SPAN. EJEMPLOS. MAQUETAR O DAR ESTRUCTURA A LAS PÁGINAS WEB. (CU00726B) Sección: Cursos Categoría: Tutorial básico del programador web:

Más detalles

Para iniciar Excel es posible realizarlo de varias maneras, una de ellas es: Desde el menú Inicio.

Para iniciar Excel es posible realizarlo de varias maneras, una de ellas es: Desde el menú Inicio. Alexander Siniscalchi Agosto 2005 Introducción Este documento está adaptado al curso de Excel que se dicta a estudiantes que se inician con poco o ningún conocimiento de las herramientas de hojas de cálculos,

Más detalles

Cuadernillo Autoaprendizaje Microsoft Powerpoint

Cuadernillo Autoaprendizaje Microsoft Powerpoint Cuadernillo Autoaprendizaje Microsoft Powerpoint Powerpoint es un programa de creación de aplicaciones visuales en forma de demostraciones y presentaciones. La filosofía del funcionamiento de Powerpoint

Más detalles

Comercial Cartas de Fidelización

Comercial Cartas de Fidelización Comercial Cartas de Fidelización El objetivo es poder enviar, de una forma sencilla a través de e-mail, textos en su idioma a todos los clientes que cumplen determinadas características. En principio,

Más detalles

MANUAL DE MANTENIMIENTO PARA LA PÁGINA WEB DE PROYECTO ADL SUBIDA Y PUBLICACION DE DOCUMENTOS PARTE II

MANUAL DE MANTENIMIENTO PARA LA PÁGINA WEB DE PROYECTO ADL SUBIDA Y PUBLICACION DE DOCUMENTOS PARTE II MANUAL DE MANTENIMIENTO PARA LA PÁGINA WEB DE PROYECTO ADL SUBIDA Y PUBLICACION DE DOCUMENTOS PARTE II 1/16 DOCUMENTACION DE SUBIDA DE DOCUMENTOS E IMÁGENES NOTA: Desde el editor de documentos no se pueden

Más detalles

Unidad 1. Introducción. Elementos de Excel

Unidad 1. Introducción. Elementos de Excel 1 Unidad 1. Introducción. Elementos de Excel Excel es un programa del tipo Hoja de Cálculo que permite realizar operaciones con números organizados en una cuadrícula. Es útil para realizar desde simples

Más detalles

Manual del Creador de Revistas Digitales

Manual del Creador de Revistas Digitales Manual del Creador de Revistas Digitales El objetivo de este tutorial es enseñar a crear una revista digital para que pueda ser vista en ipad o Tablet Android. El editor también permite crear libros, folletos,

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

Módulo 7 Windows: El chat y el correo electrónico

Módulo 7 Windows: El chat y el correo electrónico Módulo 7 Windows: El chat y el correo electrónico Curso de Alfabetización Tecnológica Ordenador Práctico v2 Programa de formación para las Bibliotecas Públicas de Cataluña Este material está bajo licencia

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

TEMA 8: CREACIÓN Y PERSONALIZACIÓN DE UN BLOG

TEMA 8: CREACIÓN Y PERSONALIZACIÓN DE UN BLOG Colegio La Inmaculada Misioneras Seculares de Jesús Obrero Nueva del Carmen, 35. 47011 Valladolid. Tel: 983 29 63 91 Fax: 983 21 89 96 e-mail: lainmaculadava@planalfa.es TEMA 8: CREACIÓN Y PERSONALIZACIÓN

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

Módulo 8: Ofimática básica. Unidad didáctica 4: Como obtener ayuda en Word. Procesador de textos: Word

Módulo 8: Ofimática básica. Unidad didáctica 4: Como obtener ayuda en Word. Procesador de textos: Word Módulo 8: Ofimática básica Unidad didáctica 4: Como obtener ayuda en Word Procesador de textos: Word UNIDAD DIDÁCTICA 4 Cómo obtener ayuda en Word Créditos Autor/es: Fuentes Innovación y Cualificación

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

1.- Creación de sitios web

1.- Creación de sitios web Creación y publicación de sitios web TABLA DE CONTENIDOS 1.- Creación de sitios web...1 1.1 Formato Web...1 1.2 Creación de los componentes del sitio web...2 INSERTAR IMAGEN...2 CUADRO DE TEXTO...2 HIPERVÍNCULOS...3

Más detalles

Localizar la dirección IP que corresponde al ordenador servidor donde se encuentran los archivos web.

Localizar la dirección IP que corresponde al ordenador servidor donde se encuentran los archivos web. Ejercicios: 1. Cuál es la función de un servidor DNS? Localizar la dirección IP que corresponde al ordenador servidor donde se encuentran los archivos web. 2. Qué diferencias existen entre una URL y una

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

INSERTAR UNA GALERÍA DE FOTOS REALIZADA EN UNA WEB EXTERNA COMO SLIDE EN UNA PÁGINA O SECCIÓN DE LA WEB

INSERTAR UNA GALERÍA DE FOTOS REALIZADA EN UNA WEB EXTERNA COMO SLIDE EN UNA PÁGINA O SECCIÓN DE LA WEB INSERTAR UNA GALERÍA DE FOTOS REALIZADA EN UNA WEB EXTERNA COMO SLIDE EN UNA PÁGINA O SECCIÓN DE LA WEB IMPORTANTE: Siempre que dependemos de una página externa a nuestra web estamos expuestos a tener

Más detalles

Manual de ayuda para la utilización del Correo Interno en el Campus Virtual

Manual de ayuda para la utilización del Correo Interno en el Campus Virtual Manual de ayuda para la utilización del Correo Interno en el Campus Virtual Página 1 de 12 Contenido 1. INTRODUCCIÓN... 3 2. CONFIGURACIÓN DEL BLOQUE DE CORREO INTERNO... 3 3. GESTIÓN DEL CORREO... 4 4.

Más detalles

Plataforma educativa JCyL: Administración

Plataforma educativa JCyL: Administración Plataforma educativa JCyL: Administración GESTIÓN DE LA WEB DE CENTRO CFIE DE BURGOS 16 DE NOVIEMBRE DE 2.015 Fco. Javier Bartolomé Achalandabaso. Dominio jcyl.es JUNTA DE CASTILLA Y LEÓN: http://www.jcyl.es

Más detalles

I: Formación complementaria en TI

I: Formación complementaria en TI I: Formación complementaria en TI DESARROLLO WEB - MULTIMEDIA FCDW01 Adobe Premiere Pro CS4 FCDW02 Crea tu sitio web con Joomla! FCDW03 Diseño y desarrollo web con HTML 5 y CSS2 FCDW04 DreamWeaver CS4

Más detalles

Cómo crear un fichero de ayuda para tus aplicaciones?

Cómo crear un fichero de ayuda para tus aplicaciones? Cómo crear un fichero de ayuda para tus aplicaciones? USANDO HTML HELP WORKSHOP HTML Help Workshop es una aplicación diseñada para proporcionar un sistema simple para crear y administrar proyectos de ayuda

Más detalles

EMPLEO NTIC`S II SEGUNDO SEMESTRE

EMPLEO NTIC`S II SEGUNDO SEMESTRE UNIVERSIDAD TECNICA DE AMBATO FACULTAD DE CONTABILIDAD Y AUDITORIA EMPLEO NTIC`S II SEGUNDO SEMESTRE Ing. Luz Perez SEMESTRE MARZO JULIO 2009 EXCEL Excel es un programa del tipo Hoja de Cálculo que permite

Más detalles

RAPID TYPING. Qué es?

RAPID TYPING. Qué es? RAPID TYPING Qué es? Rapid Typing es un programa de mecanografía, orientado a los más pequeños por su música y apariencia, pero válido para cualquiera que quiera aprender a teclear correctamente y con

Más detalles

Manual de uso básico de la aplicación

Manual de uso básico de la aplicación Manual de uso básico de la aplicación Autor del documento Centro de Apoyo Tecnológico a Emprendedores, Fundación Parque Científico y Tecnológico de Albacete Datos de contacto E-Mail: bilib@bilib.es Página

Más detalles

Manual del alumno Aula Virtual Puertos de Tenerife. http://apt-rhformacion.puertosdetenerife.org/

Manual del alumno Aula Virtual Puertos de Tenerife. http://apt-rhformacion.puertosdetenerife.org/ Manual del alumno Aula Virtual Puertos de Tenerife http://apt-rhformacion.puertosdetenerife.org/ 1 Índice 1. Introducción.... 3 2. Acceso al Campus virtual.... 3 3. Estructura General de un curso... 4

Más detalles

Diseño de páginas web

Diseño de páginas web Diseño de páginas web Utilidades en Dreamweaver Ricardo Esteban Alonso Preferencias. Edición En el menú Edición > Preferencias...,podemos modificar a nuestro gusto las opciones que de forma predeterminada

Más detalles

Subir imágenes TUTORIALES EDITMAKER

Subir imágenes TUTORIALES EDITMAKER Subir imágenes TUTORIALES EDITMAKER Editor de imágenes Editmaker permite incluir imágenes en cada noticia de dos formas: - Menú de posiciones predefinidas - A través de la herramienta Modo visual Menú

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

CREAR UN BLOG CON BLOGGER

CREAR UN BLOG CON BLOGGER CURSO CREAR UN BLOG CON BLOGGER MATERIAL REALIZADO POR EL EQUIPO TIC DEL COLEGIO LA MILAGROSA DE SALAMANCA Curso Crear un blog con Blogger. Equipo TIC del Colegio La Milagrosa de Salamanca (p. 2) Para

Más detalles

INTRODUCCIÓN QUÉ ES UN BLOG? UN LUGAR QUE REVOLUCIONA: BLOGGER

INTRODUCCIÓN QUÉ ES UN BLOG? UN LUGAR QUE REVOLUCIONA: BLOGGER INTRODUCCIÓN QUÉ ES UN BLOG? En español " bitácora ", es un sitio web periódicamente actualizado que recopila cronológicamente textos o artículos de uno o varios autores, apareciendo primero el más reciente,

Más detalles

ESTRUCTURA DE LOS SITIOS DE CATEDRAS

ESTRUCTURA DE LOS SITIOS DE CATEDRAS ESTRUCTURA DE LOS SITIOS DE CATEDRAS El de la FCE le enviará el esqueleto vacío del sitio de la cátedra, al cual usted ingresara el contenido de acuerdo a sus necesidades. La tarea principal que tiene

Más detalles

PLATAFORMA EDUCATIVA DE LA JCYL ENLACES A TUTORIALES DE INTERÉS:

PLATAFORMA EDUCATIVA DE LA JCYL ENLACES A TUTORIALES DE INTERÉS: PLATAFORMA EDUCATIVA DE LA JCYL ENLACES A TUTORIALES DE INTERÉS: CURSO PLATAFORMA JCYL http://soporte.centros.educa.jcyl.es/sitio/ http://auvja.blogspot.com.es/search/label/manuales Entramos como administradores

Más detalles

MACROS Y FORMULARIOS

MACROS Y FORMULARIOS MACROS Y FORMULARIOS Para poder realizar formularios en Excel es necesario ubicar el menú programador Qué hacer si no aparece el menú programador? En algunos equipos no aparece este menú, por lo que es

Más detalles

OpenOffice Writer LA PÁGINA

OpenOffice Writer LA PÁGINA 4: CONFIGURARC LA PÁGINA Cuando se escribe de forma manual se empieza por elegir el tamaño del papel, su orientación y los márgenes. En un procesador de texto, como Writer, estas operaciones que habitualmente

Más detalles

MANUAL DE USUARIO DEL SISTEMA PARA EL REDACTOR

MANUAL DE USUARIO DEL SISTEMA PARA EL REDACTOR MANUAL DE USUARIO DEL SISTEMA PARA EL REDACTOR Conceptos Básicos. Drupal es un sistema de gestión de contenido que permite manejar artículos, fotos, archivos, etc. Es un sistema dinámico que administra

Más detalles

Manual Gestor Contenidos Policía

Manual Gestor Contenidos Policía 1de 50 INDICE 1.2 Estructura de la Páginas Web...2 1.2.1 Cabecera...3 1.2.1.1 Mapa Web:...4 1.2.1.4 Buscador...6 1.2.1.5 Icono red social y Email...6 1.2.2 Contenidos de Página: Parte central de la página...6

Más detalles

Qué es y para qué sirve Excel2007?

Qué es y para qué sirve Excel2007? Excel es un programa del tipo Hoja de Cálculo que permite realizar operaciones con números organizados en una cuadrícula. Es útil para realizar desde simples sumas hasta cálculos de préstamos hipotecarios.

Más detalles

MANUAL BÁSICO DE WRITER

MANUAL BÁSICO DE WRITER MANUAL BÁSICO DE WRITER Los contenidos que vamos a tratar en este pequeño manual son los siguientes: 1. 2. 3. 4. 5. 6. 7. 8. Qué es OpenOffice y qué es Writer? Cómo accedemos a Writer? Principales opciones

Más detalles

Cuaderno de ejercicios prácticos. Curso Fundamentos TIC

Cuaderno de ejercicios prácticos. Curso Fundamentos TIC Cuaderno de ejercicios prácticos. Curso Fundamentos TIC PRESENTACIÓN Te presentamos este cuaderno de ejercicios en el que se incluyen propuestas de actividad práctica sobre los temas con los que estás

Más detalles

Lo primero que debemos hacer es visitar la web principal de wikispaces

Lo primero que debemos hacer es visitar la web principal de wikispaces Wikis. Para qué Usar Wikispaces Wikispaces está genial para toda clase de páginas de grupo. Para familias, el aula, equipos deportivos, comunidades sociales, clubs de lectura, club de fans, planificadores

Más detalles

Google Sites. Universidad de Deusto Unidad Técnica de Innovación y Calidad aulatic, Enero 2013

Google Sites. Universidad de Deusto Unidad Técnica de Innovación y Calidad aulatic, Enero 2013 Google Sites 1 1. Qué es Google Sites? 2. Cómo empezar a utilizarlo? 3.Primeros pasos 4.Interfaz de Usuario 5. Cómo añadir contenido al sitio 6. Creación de nuevas páginas 7. Gestión y administración del

Más detalles

En este tutorial vamos a calificar una tarea por el método "Calificación simple directa"que es el que utiliza por defecto moodle.

En este tutorial vamos a calificar una tarea por el método Calificación simple directaque es el que utiliza por defecto moodle. 1 de 9 Calificar Tarea En este tutorial vamos a calificar una tarea por el método "Calificación simple directa"que es el que utiliza por defecto moodle. La evaluación por guías de calificación y las rúbricas

Más detalles

Scrivener. Manual de Formación ESID 04/02/2015

Scrivener. Manual de Formación ESID 04/02/2015 Mercedes Lo Monaco Sara Ortega Elisabet Tasa Scrivener Manual de Formación ESID 04/02/2015 Manual de uso básico del Scrivener, un programa de escritura que ayuda a la organización y a la redacción de textos

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

MANUAL DE USUARIO Joomla 1.5. Parte 2

MANUAL DE USUARIO Joomla 1.5. Parte 2 MANUAL DE USUARIO Joomla 1.5 Parte 2 Página 1 de 26 Tabla de contenido 2. Gestión del contenido... 3 2.1 Gestión de contenido para usuarios del Front-end... 3 2.2 Gestión de contenido para usuarios del

Más detalles

UTILIZACIÓN DE UNA CUENTA DE CORREO ELECTRÓNICO (NUEVO) Acceso al correo electrónico

UTILIZACIÓN DE UNA CUENTA DE CORREO ELECTRÓNICO (NUEVO) Acceso al correo electrónico Acceso al correo electrónico Pasamos ahora a lo que sería usar la cuenta de correo que nos hicimos en la clase anterior. Lo primero que hacemos es entrar en la página web de Yahoo y localizar el icono

Más detalles

Ministerio de Educación, Cultura y Deporte. HTML5 en la educación. Módulo 3: Formato básico.

Ministerio de Educación, Cultura y Deporte. HTML5 en la educación. Módulo 3: Formato básico. Ministerio de Educación, Cultura y Deporte. HTML5 en la educación Módulo 3: Formato básico. Instituto Nacional de Tecnologías Educativas y de Formación del Profesorado 2012 Formato del texto La apariencia

Más detalles

DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES

DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES Objetivos Dotar al interesado de conocimientos teóricos y prácticos para poder desarrollar un sitio Web con HTML y aplicar

Más detalles

UNIDAD DIDÁCTICA Nº 7 USO DE LOS RECURSOS EN MOODLE

UNIDAD DIDÁCTICA Nº 7 USO DE LOS RECURSOS EN MOODLE PROGRAMA: TUTORÍA VIRTUAL EN AMBIENTES DE APRENDIZAJE UNIDAD DIDÁCTICA Nº 7 USO DE LOS RECURSOS EN MOODLE 1 USO DE LOS RECURSOS EN MOODLE 1. Tipos de Recursos 2. Editar Páginas de Texto o Web 3. Enlazar

Más detalles

MICROSOFT POWER POINT

MICROSOFT POWER POINT MICROSOFT POWER POINT QUE ES POWER POINT Y PARA QUÉ SIRVE Power Point es el programa más popular para crear presentaciones gráficas, utilizado también para crear de una forma rápida y profesional transparencias,

Más detalles

Plataforma Helvia. Manual de Administración. Bitácora. Versión 6.06.04

Plataforma Helvia. Manual de Administración. Bitácora. Versión 6.06.04 Plataforma Helvia Manual de Administración Bitácora Versión 6.06.04 Í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

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 Sistema Windows. Explorador de Windows

Módulo 1 Sistema Windows. Explorador de Windows Módulo 1 Sistema Windows Explorador de Windows El Explorador es una herramienta indispensable en un sistema operativo, ya que con él podemos organizar y controlar los archivos y carpetas de los distintos

Más detalles

QUÉ NECESITO PARA ESCRIBIR CÓDIGO HTML Y CREAR PÁGINAS WEB? IDEAS PARA CREAR BUENAS WEB (CU00707B)

QUÉ NECESITO PARA ESCRIBIR CÓDIGO HTML Y CREAR PÁGINAS WEB? IDEAS PARA CREAR BUENAS WEB (CU00707B) APRENDERAPROGRAMAR.COM QUÉ NECESITO PARA ESCRIBIR CÓDIGO HTML Y CREAR PÁGINAS WEB? IDEAS PARA CREAR BUENAS WEB (CU00707B) Sección: Cursos Categoría: Tutorial básico del programador web: HTML desde cero

Más detalles

Guía para publicar su Página Web

Guía para publicar su Página Web Guía para publicar su Página Web Inserte su pagina Web usted mismo: 1 - Ingresar en www.amawebs.com 2 - Inicio Rápido Puedes construir tu sitio web en 3 simples pasos, para esto ingresaras al constructor

Más detalles

Tutorial de Introducción a la Informática Tema 0 Windows. Windows. 1. Objetivos

Tutorial de Introducción a la Informática Tema 0 Windows. Windows. 1. Objetivos 1. Objetivos Este tema de introducción es el primero que debe seguir un alumno para asegurar que conoce los principios básicos de informática, como el manejo elemental del ratón y el teclado para gestionar

Más detalles

TEMA 5. PROCESAMIENTO DE TEXTOS.

TEMA 5. PROCESAMIENTO DE TEXTOS. TEMA 5. PROCESAMIENTO DE TEXTOS. Entrar en Microsoft Word En este tema vamos a utilizar el procesador de textos Microsoft Word. Para entrar en dicha herramienta podemos utilizar el acceso que hay en el

Más detalles

3) Aprender a insertar archivos adjuntos y llamarlos desde la presentación.

3) Aprender a insertar archivos adjuntos y llamarlos desde la presentación. Objetivos: 1) Aprender a crear hipervínculos. 2) Aprender a insertar sonidos asignados a objetos. 3) Aprender a insertar archivos adjuntos y llamarlos desde la presentación. 4) Aprender a utilizar el clasificador

Más detalles

Microsoft Power Point es un programa que sirve para crear presentaciones que podrán ser vistas en pantalla o impresas.

Microsoft Power Point es un programa que sirve para crear presentaciones que podrán ser vistas en pantalla o impresas. INTRODUCCION. Microsoft Power Point es un programa que sirve para crear presentaciones que podrán ser vistas en pantalla o impresas. Algunas de las características de Power Point son que a las diapositivas

Más detalles

Publicando información en Internet.

Publicando información en Internet. Publicando información en Internet. Que es un sitio Web? Es un conjunto de archivos computacionales (imágenes, animaciones, etc) y páginas Web referentes a un tema en particular, incluye una página inicial

Más detalles

IDENTIFICACIÓN DE LA ACTIVIDAD PEDAGÓGICA

IDENTIFICACIÓN DE LA ACTIVIDAD PEDAGÓGICA PROGRAMA DE FORMACIÓN UNIDAD DE APRENDIZAJE ACTIVIDAD OBJETIVOS IDENTIFICACIÓN DE LA ACTIVIDAD PEDAGÓGICA OFIMATICA Y AUXILIAR DE SISTEMAS II-A GESTORES DE CONTENIDO INSTALACIÓN DE JOOMLA Y CREACIÓN DE

Más detalles

Windows XP Transferencia de archivos y configuraciones

Windows XP Transferencia de archivos y configuraciones Servicio de Informática Atención al Usuario Windows XP Transferencia de archivos y configuraciones Sección de Atención al Usuario Ultima modificación: 01 de Julio de 2.003 Transferencia de archivos y configuraciones

Más detalles

SITIO WEB DEL CENTRO

SITIO WEB DEL CENTRO SITIO WEB DEL CENTRO CONTENIDOS Navegadores URL o dirección del Centro Caracterización de nuestra página (entradas y paginas) Guardar en formato PDF Subir archivos a la pagina Editar la pagina web DESARROLLO

Más detalles

Teléfono móvil: 625 99 2728 comercial@webmediterranea.com www.webmediterranea.com

Teléfono móvil: 625 99 2728 comercial@webmediterranea.com www.webmediterranea.com WebMediterr@nea SOLUCIONES DE INTERNET Teléfono fijo: 96 113 2158 Teléfono móvil: 625 99 2728 comercial@webmediterranea.com www.webmediterranea.com MANUAL DE USO GESTOR DE CONTENIDOS ONLINE www.centro-alba.com

Más detalles

5.2.1 La Página Principal

5.2.1 La Página Principal 5.2 Las Páginas WEB Una página Web es un documento electrónico escrito en un lenguaje de ordenador llamado HTML, o Hypertext Markup Language (lenguaje de marcación de hipertexto). Como ya hemos dicho,

Más detalles

Exporta la construcción para su visualización en Internet, es decir, como applet dentro de una página html.

Exporta la construcción para su visualización en Internet, es decir, como applet dentro de una página html. 13. Applets, JavaScript y XML 13.2 Applets Objetivos GeoGebra permite de una forma muy sencilla incorporar cualquier construcción a una página web, creando así una "miniaplicación" web. Cada una de estas

Más detalles

PROGRAMA FORMATIVO. Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes

PROGRAMA FORMATIVO. Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes PROGRAMA FORMATIVO Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes Sector: Desarrollo Web Multimedia Modalidad: Distancia Duración: Objetivos: Código: 4356 Dotar

Más detalles

COLEGIO ANTARES INFORMÁTICA BÁSICA GUÍA DE TRABAJO 1 GRADO SEPTIMO

COLEGIO ANTARES INFORMÁTICA BÁSICA GUÍA DE TRABAJO 1 GRADO SEPTIMO Página 1 de 17 Módulo de Formación: Unidad de aprendizaje 3: Resultado de Aprendizaje: Transcribir Los Documentos De Acuerdo Con Las Normas Vigentes Crear, diseñar, dar formato y editar un documento a

Más detalles

COMO CREAR UNA PÁGINA WEB 3-VÍNCULOS. IMÁGENES. FORMULARIOS.

COMO CREAR UNA PÁGINA WEB 3-VÍNCULOS. IMÁGENES. FORMULARIOS. 2011 2012 COMO CREAR UNA PÁGINA WEB 3-VÍNCULOS. IMÁGENES. FORMULARIOS. WWW.FAUBELL.COM vicente@faubell.com VÍNCULOS: Antes de proseguir hemos de repasar el concepto vínculo ya que vamos a utilizarlo mucho

Más detalles

PROGRAMA: Diseño y desarrollo Web con HTML 5,

PROGRAMA: Diseño y desarrollo Web con HTML 5, PROGRAMA: Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Objetivos: Diseño y desarrollo Web con HTML 5 y CSS Dotar al alumno de conocimientos teóricos y prácticos para poder desarrollar un

Más detalles

Web Business 2.0. Manual del Usuario

Web Business 2.0. Manual del Usuario Web Business 2.0 Manual del Usuario INDICE Ayuda del Gestor de Contenidos... 1 Barra de Navegación Principal... 3 Comenzar a añadir artículos... 5 Edición de productos... 8 Gestor de usuarios... 10 Funcionamiento

Más detalles