MANUAL DE REFERENCIA DE PROGRAMACIÓN HTML
|
|
- Santiago Sosa de la Fuente
- hace 8 años
- Vistas:
Transcripción
1 MANUAL DE REFERENCIA DE PROGRAMACIÓN HTML HTML (HyperText Markup Language) es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto presentado de forma estructurada y agradable, con enlaces (hyperlinks) que conducen a otros documentos o fuentes de información relacionadas, y con inserciones multimedia (gráficos, sonido...) La descripción se basa en especificar en el texto la estructura lógica del contenido (títulos, párrafos de texto normal, enumeraciones, definiciones, citas, etc) así como los diferentes efectos que se quieren dar (especificar los lugares del documento donde se debe poner cursiva, negrita, o un gráfico determinado) y dejar que luego la presentación final de dicho hipertexto se realice por un programa especializado (como Mosaic, o Netscape). ESTRUCTURA BÁSICA DE UN DOCUMENTO HTML Un documento HTML comienza con la etiqueta <html>, y termina con </html>. Dentro del documento (entre las etiquetas de principio y fin de html), hay dos zonas bien diferenciadas: el encabezamiento, delimitado por <head> y </head>, que sirve para definir diversos valores válidos en todo el documento; y el cuerpo, delimitado por <body> y </body>, donde reside la información del documento. La única utilidad del encabezamiento en la que nos detendremos es la directiva(tag) <title>, que permite especificar el título de un documento. <title>manual práctico de HTML</title> Todos los efectos se especifican exclusivamente a través de directivas (tag). Esto quiere decir que los espacios, tabulaciones y retornos de carro que se introduzcan en el fichero fuente no tienen ningún efecto a la hora de la presentación final del documento.
2 Ejemplo de la estructura de un código html, <html> <head> <title>título</title> </head> <body> Texto del documento, menciones a gráficos, enlaces, etc. </body> </html> ETIQUETAS BÁSICAS DE LA ESTRUCTURA Titulo de la página Mediante el tag <title> podemos determinar un titulo que aparecerá en la parte superior del navegador en el momento de ejecutar la página web. <title> titulo de la pagina </title> Importante: el comando <title> se tiene que poner entre las etiquetas <head> y </head> ya que forma parte de la cabecera de la pagina web. <body> </body> Entre estas etiquetas tag expresaremos todo el contenido de nuestra página web. El significado de esta etiqueta es cuerpo de forma que es para determinar todo el contenido de la web. La etiqueta <body> admite una serie de parámetros para determinar el funcionamiento del cuerpo de la página web. Un parámetro muy utilizado es el bgcolor, el cual permite determinar el color de fondo. Un ejemplo seria, <body bgcolor= red > Ahora estriamos determinando el color de fondo rojo.
3 ESTILOS Y EFECTOS BÁSICOS Como ya hemos dicho, la estructura lógica del texto y los diferentes efectos que se le apliquen se especifican mediante TAGS. En este punto vamos a repasar algunas de las más importantes. En cada uno de los casos que veremos, primero se presenta el texto original HTML. TÍTULOS Mediante los títulos, en sus diferentes niveles de importancia, podemos definir el esqueleto del documento, su estructura básica, pueden ser las tags (h1, h2,h3) donde cada uno tiene un formato específico, por ejemplo <h1>títulos principales</h1> Títulos principales <h2>subtítulos</h2> Subtítulos <h3>normal</h3> normal ATRIBUTOS DEL TEXTO Mediante estos atributos determinamos el estilo y el tipo de letra que tendrá la presentación del documento final. Para forzar un final de línea es necesario utilizar dos tags especiales: <p> para marcar un fin de párrafo <br> para un único retorno de carro. La diferencia entre ambas es que el tag <p> deja más separación entre líneas, que <br>. El texto preformateado está representado por el tag <pre> y que se respeten los espacios y retornos de carro que hayamos puesto en el texto fuente. Además se utilizará un tipo de letra de espaciado fijo, parecido al de una máquina de escribir, más pequeño que el del texto normal.
4 ATRIBUTOS DE NEGRITA Y CURSIVA Vienen representados por las etiquetas, <b> y <i> respectivamente. De forma que para poner un texto en negrita o en cursiva en un documento html se tendría que indicar de la siguiente manera, <b>texto que saldrá en negrita</b> texto que saldrá en negrita <i> texto que saldrá en cursiva</i> texto que saldrá en cursiva <b><i>texto en negrita y cursiva</i></b> texto en negrita y cursiva COLOR DEL TEXTO Otro atributo básico del texto seria el <Font color> que permite determinar el color de la letra. <Font color= white > texto </Font> Este ejemplo determinaría el color de la letra de la palabra texto. LÍNEAS SEPARADORAS HORIZONTALES El tag <hr> dibuja una línea horizontal igual de larga que el ancho de la página, por ejemplo, <hr> El resultado será,
5 COMENTARIOS EN EL CÓDIGO HTML Para poner comentarios que no aparecerán en la reproducción de la página web, sino que solo se visualizan en el código de programación para aclaraciones del programador se utiliza el tag Por ejemplo, <!-- comentario --> <!-- Pagina web creada por Pepito para el cliente Rosal S.A. --> ALINEACIÓN DEL TEXTO Para alinear el texto en html disponemos de los siguientes tags, <left> alinea a la izquierda el texto <center> alinea al centro el texto <right> alinea a la derecha el texto Por ejemplo, <left> texto a la izquierda </left> texto a la izquierda <center>texto al centro</center> texto al centro <right>texto a la derecha</right> texto a la derecha LISTAS Podemos crear textos en forma de listas, utilizando como principio de cada elemento de la lista, a un símbolo (punto), un valor numérico o una lista en forma de glosario. Las listas se pueden anidar, es decir, en el lugar donde debería ir uno de los términos de la lista se pone una nueva lista, que por supuesto no tiene porqué ser del mismo tipo.
6 El tag para iniciar una lista no numerada, es decir, con símbolos, es el tag <ul> y después cada elemento de la lista se indica con el tag <li>, por ejemplo <ul> <li>clientes <li>proveedores <li>facturas </ul> Resultado del ejemplo, Clientes Proveedores Facturas Las listas numeradas se inician con el tag <ol> y cada elemento de la lista con <li>, por ejemplo, <ol> <li>director General <li>gerente <li>responsable administración </ol> Resultado del ejemplo, 1. Director General 2. Gerente 3. Responsable administración Para las listas en forma de glosario utilizaremos el tag <dl>, para cada elemento principal de la lista <dt> y para el subelemento <dd>, por ejemplo,
7 <dl> <dt>html <dd>lenguaje de programación básico de páginas web <dt>navegador <dd>programa que nos permite visualizar el contenido web de una dirección <dt>url <dd>dirección para acceder a un contenido html disponible en internet </dl> El resultado de la lista anterior seria, HTML Lenguaje de programación básico de páginas web NAVEGADOR Programa que nos permite visualizar el contenido web de una dirección URL Dirección para acceder a un contenido html disponible en internet TABLAS Podemos crear tablas en código html determinando el numero de filas y columnas, así como el contenido de cada celda (celda=porción de la cuadricula). El código para crear una tabla requiere de diferentes tags, ejemplo, <table> tag de inicio de tabla <tr> tag de inicio de la primera fila <td> </td> tag para determinar el contenido de la 1ª columna <td> </td> tag para determinar el contenido de la 2ª columna.. repetimos el código <td> tantas veces como columna queramos </tr> fin de la primera fila <tr> tag de inicio de la segunda fila <td> </td> tag para determinar el contenido de la 1ª columna <td> </td> tag para determinar el contenido de la 2ª columna.. repetimos el código <td> tantas veces como columna queramos </tr> fin de la segunda fila. repetimos el código <tr> tantas veces como filas queramos en la tabla </table> finalizamos la tabla. Al tag <table> le podemos determinar unos parámetros para especificar el formato. Por ejemplo, Parámetro border (determina ancho de la línea de la tabla) Parámetro bgcolor (color de fondo) Parámetro align (alineación de la tabla)
8 Un ejemplo completo seria, <table align= center border= 3 bgcolor #ffcccc > Pondría la tabla en el centro con un borde de 3px de ancho y el color de fondo rosa correspondiente al código #ffcccc. Tabla de colores y códigos, 256 Colores RGB (8 bits) FF3300 CC3300 FF9999 FFCCCC RED FF0000 FF3333 CC3333 FFCC99 CC FF0033 CC0033 FF9966 FF CC MAROON LIME 66FF00 33FF33 66FF66 99FF99 CCFFCC 00CC OLIVE CC FF GREEN 00FF FF AQUA 00FFFF 00FFFF 3333FF 6666FF 9999FF 33FFFF 66FFFF TEAL 99FFFF CCFFFF CCCCFF 0000CC BLUE 0000FF CCCCFF CCCC YELLOW FUCHSIA TEAL FFFF33 FFFF66 FFFF99 FFFFCC CCCC FF33FF FF66FF FF99FF FFCCFF CC00CC D337D 7D667D 7D997D 7DCC7D E100E1 CC00CC AF00AF FF3300 FF3333 FF3366 FF3399 FF33CC FF33FF FF6600 FF6633 FF6666 FF6699 FF66CC FF66FF
9 FF9900 FF9933 FF9966 FF9999 FF99CC FF99FF FFCC00 FFCC33 FFCC66 FFCC99 FFCCCC FFCCFF FFFF00 FFFF33 FFFF66 FFFF99 FFFFCC FFFFFF CC0000 CC0033 CC0066 CC0099 CC00CC CC00FF CC3300 CC3333 CC3366 CC3399 CC33CC CC33FF CC6600 CC6633 CC6666 CC6699 CC66CC CC66FF CC9900 CC9933 CC9966 CC9999 CC99CC CC99FF CCCC00 CCCC33 CCCC66 CCCC99 CCCCCC CCCCFF CCFF00 CCFF33 CCFF66 CCFF99 CCFFCC CCFFFF CC 9900FF CC 9933FF CC 9966FF CC 9999FF 99CC00 99CC33 99CC66 99CC99 99CCCC 99CCFF 99FF00 99FF33 99FF66 99FF99 99FFCC 99FFFF CC 6666FF CC 6699FF 66CC00 66CC33 66CC66 66CC99 66CCCC 66CCFF 66FF00 66FF33 66FF66 66FF99 66FFCC 66FFFF CC 3366FF CC 3399FF CC 0066FF CC 0099FF 33CC00 33CC33 33CC66 33CC99 33CCCC 33CCFF
10 00CC00 00CC33 00CC66 00CC99 00CCCC 00CCFF 33FF00 33FF33 33FF66 33FF99 33FFCC 33FFFF 00FF00 00FF33 00FF66 00FF99 00FFCC 00FFFF CC 6633FF CC 6600FF CC 3333FF CC 0033FF CC 3300FF CC 0000FF ALINEACIÓN DEL CONTENIDO DE LAS CELDAS El parámetro para alinear el contenido de la celda se expresa dentro de <td>. Por ejemplo, <td align= right valign= bottom > texto </td> El código anterior alineara horizontalmente a la derecha y verticalmente en la parte inferior de la celda la palabra TEXTO. De forma que align podrá ser (left, center, right) Y valign podrá ser (top, middle, bottom) ENLACES Los enlaces nos permiten vincular un código html con otro, es decir, que desde una página web podamos acceder a otra sin necesidad de escribir la dirección url de esta ultima pagina web. Para colocar un enlace en nuestra página web tendremos que conocer la url de la página a la que queremos acceder. La url (Uniform Resource Locator) o en castellano (Localizador Uniforme de Recursos), la estructura básica de una url es para contenidos hipertexto(páginas web),
11 por ejemplo, Dependiendo del contenido en lugar del protocolo http (hipertexto=páginas web) podría ser FTP (para transmisión de archivos), telnet, gopher, etc. Aunque los más utilizados a nivel de usuario es el http y el ftp es, El tag que permite insertar en el código de nuestra página web un enlace Un ejemplo de este tag seria, <a href= enlace > texto </a> <a href= > Pagina web de TERRA </a> Este código en ejecución seria, Pagina web de TERRA Normalmente aparecería subrayado y de otro color diferente al negro, de forma que si hiciéramos un clic en esa frase automáticamente accederíamos a la página web de terra. ENLACES EN LA MISMA PÁGINA Podemos poner enlaces en la misma página, es decir que podamos desplazarnos dentro de nuestro documento, para ello tenemos que determinar las anclas que son los puntos que marcamos dentro de nuestro código html. Por ejemplo, en el punto donde queramos acceder más adelante colocaremos el ancla, <a name= ancla1 ></a> (este código marcara el punto al cual accederemos después) <a href= #ancla1 >ir al punto determinado</a> (este es el enlace que al hacer clic ira al punto del documento marcado con ese nombre de ancla)
12 ENLACE A CORREO ELECTRÓNICO Para colocar un enlace que al hacer clic en el, se nos abra nuestro gestor de correo electrónico, colocaremos el siguiente enlace, <a href= mailto:direccion@servidor.es > Este código abre nuestro correo electrónico y nos presenta un mensaje en blanco, con la dirección del destinatario ya colocado (direccion@servidor.es) GRÁFICOS En el código html podemos insertar imágenes mediante la especificación de la URL donde se encuentran las mismas. Las imágenes que se pueden mostrar en una página web creada con html son las que tienen como extensión.jpg,.gif,.bmp, el resto de extensiones de imagen es posible que dependiendo del navegador no se visualicen de forma correcta. La etiqueta tag que permite insertar imágenes en el código html es, <img scr= url imagen alt= texto de la imagen > En la etiqueta anterior la url será la dirección en donde está la imagen y el texto colocado en la propiedad alt es un texto que aparecerá si situamos el ratón encima de la imagen. Un ejemplo de esta orden seria, <img src= fotografía.jpg alt= foto de mis vacaciones > También podemos utilizar una imagen como enlace, según hemos explicado en el punto anterior de cómo expresar un enlace. Para asignar el enlace a una imagen tenemos que combinar las dos etiquetas, por ejemplo <a href= ><img src= fotografía.jpg alt= foto de mis vacaciones ></a> De esta forma si hacemos clic encima de la fotografía iremos al enlace de la página principal de terra.es.
13 FORMULARIOS Los formularios permiten recabar información de los visitantes y almacenarla o enviarla mediante algún sistema determinado. La forma más habitual es enviar un formulario mediante el correo electrónico, de forma que la información facilitada por el usuario se nos enviara a una dirección de correo electrónico determinada. Los formularios de definen mediante la etiqueta <form> </form>. Dentro de esta etiqueta podemos determinar los parámetros necesarios para el envió de la información, Parámetros para determinar el envió, action= mailto:direccion de correo (este parámetro es para fijar la dirección de mail donde se enviara la información) method= post (determina que los datos se envían por mail) Etiqueta para determinar la información a enviar, <input parámetros> Parámetros, type= text (determina el tipo de información que pide, normalmente texto). name (es el texto que aparecerá en pantalla para que el visitante introduzca información). size (determina el tamaño de la caja donde el visitante introducirá datos). maxlenght (determina la cantidad máxima de caracteres que admitirá) Ejemplo, <input type="text" name="nombre" size="10" maxlength="15"> Este paso de pedir información se repetirá tantas veces como datos queramos solicitar al visitante. Etiqueta para determinar el botón de enviar, <input type= submit value= enviar >
14 Este código dibujara un botón con el texto enviar y que al hacer clic enviara la información de los inputs anterior al mail determinado. Etiqueta para determinar el botón de borrar datos del formulario <input type= reset value= borrar > Este código dibujara un botón con el texto borrar y que al hacer clic borrar los datos introducidos en el formulario.
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 detallesPara 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 detallesMANUAL PRACTICO DE HTML
MANUAL PRACTICO DE HTML 1 La estructura tiene tres partes cabeza, cuerpo, cierre o fin. MI PC... Aquí iría el contenido que ve el usuario final
Más detallesCreación de una página web accesible sencilla
Unidad 2: Las hojas de estilo en cascada Creación de una página web accesible sencilla Objetivos: -Agregar formato a la página creada, a través de una hoja de estilo. Contenidos: -Incorporación de una
Más detallesProfesor: Víctor Cárdenas Schweiger
Profesor: Víctor Cárdenas Schweiger 2014 En primer lugar se debe especificar que el archivo de texto que se esta escribiendo es un documento HTML, para ello usamos las instrucciones de inicio y fin de
Más detallesGUÍ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 detallesCURSO PÁGINAS WEB HTML: CÓDIGO EN EL EDITOR GEDIT
CURSO PÁGINAS WEB HTML: CÓDIGO EN EL EDITOR GEDIT Colegio Concertado Valdecás 1. Estructura de una página web a) Etiquetas de comienzo y fin del documento (etiqueta de entrada)... (etiqueta
Más detallesELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ
CECYTEM PLANTEL NICOLAS ROMERO II Manual para crear páginas web en HTML GRUPO: 301 ELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ HTML (HyperText Markup Language - Lenguaje de Marca de Hipertextos)
Más detallesTEMA 2. CREAR SITIOS WEB USANDO. Tecnologías de la Información 1ºBachillerato IES Zurbarán (Badajoz)
TEMA 2. CREAR SITIOS WEB USANDO CÓDIGO HTML Tecnologías de la Información 1ºBachillerato IES Zurbarán (Badajoz) Sesión 10 Tablas Introducción Las tablas son posiblemente la manera más clara de organizar
Más detallesSPIP (v.1.8) Manual para redactores Alfredo Sánchez Alberca (asalber@ceu.es)
SPIP (v.1.8) Manual para redactores Alfredo Sánchez Alberca (asalber@ceu.es) 1. Arquitectura de SPIP SPIP es un sistema para la publicación digital de documentos en un sitio web. Tanto la creación de nuevos
Más detallesCONCEPTOS 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 detallesLaboratorio 8. Hojas de estilo, plantillas y bibliotecas en Dreamweaver
UNIVERSIDAD CARLOS III DE MADRID. ESCUELA DE TURISMO. Informática aplicada al sector turístico Laboratorio 8. Hojas de estilo, plantillas y bibliotecas en Dreamweaver En esta práctica guiada vamos a ver
Más detallesApuntes básicos de HTML I.E.S. Pintor José María Fernández
Manual Básico de HTML Este manual lo he realizado con la intención de servir como primer contacto con el lenguaje HTML (Hyper Text Markup Language), que es el que se utiliza para la creación de páginas
Más detallesLaboratorio 6. Creación de sitios Web - Dreamweaver
UNIVERSIDAD CARLOS III DE MADRID. ESCUELA DE TURISMO. Informática aplicada al sector turístico Laboratorio 6. Creación de sitios Web - Dreamweaver El objetivo de este laboratorio es aprender a crear sitios
Más detallesMOODLE 1.9 EDITOR DE TEXTO HTML
MOODLE 1.9 EDITOR DE TEXTO HTML Unitat de Suport Tecnicopedagògic - CAMPUS EXTENS Universitat de les Illes Balears. Edifici Aulari. Ctra. de Valldemossa Km. 7.5. 07122 Palma (Illes Balears) Primera edición:
Más detallesEtiquetas Básicas (Estructura HTML) Etiquetas Atributos Valores Descripción. Formato de Presentación Etiquetas Atributos Valores Descripción
Etiquetas Básicas (Estructura HTML) Inicio y final del documento html text link alink vlink topmargin (IE) leftmargin (IE) marginheight margin
Más detalles... Formas alternativas de escribir un texto. Columnas. anfora CAPÍTULO 4
CAPÍTULO 4. Formas alternativas de escribir un texto........ Columnas Para fijar columnas se posiciona el Punto de Inserción donde se desee que comiencen las columnas, o bien se selecciona el texto que
Más detallesDiseñ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 detallesCÓ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 detallesLuis José Sánchez González INTRODUCCIÓN
CURSO BÁSICO DE HTML INTRODUCCIÓN Para crear una página web podemos optar por una de los siguientes métodos: a) Utilizar una herramienta de diseño web como Screem, Blue Fish, Front Page o incluso un procesador
Más detallesPowerPoint 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 detallesTutorial 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 detallesMANUAL DE PUBLICACIÓN EN PORTAL UNED
MANUAL DE PUBLICACIÓN EN PORTAL UNED Manual de Publicación en PORTAL-UNED Equipo WEB. Infoportal@csi.uned.es consultasnuevoweb@csi.uned.es ÍNDICE 1. INSERTAR TEXTO EN LA PÁGINA... 2 2. INSERTAR UN ARCHIVO
Más detallesAplicar colores y colores de fondo a tus sitios web. Examinaremos también métodos avanzados para posicionar y controlar imágenes de fondo.
Colores y fondos Aplicar colores y colores de fondo a tus sitios web. Examinaremos también métodos avanzados para posicionar y controlar imágenes de fondo. Color de primer plano: la propiedad 'color' La
Más detallesEl 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 detallesProyecto: Buscador de Películas usando XQuery y exist
Buscador de Películas usando XQuery y exist Arquitecturas de Altas Prestaciones Rafael Martos Llavero I. Objetivo del Proyecto. El objetivo del proyecto es la creación de una base de datos basada en XML
Más detallesHTML El idioma de Internet (Parte 1)
HTML El idioma de Internet (Parte 1) El lenguaje HTML Lenguaje de marcas de hipertexto Sintaxis extremadamente sencilla Documentos en archivos de texto simples Texto sin formato Diferenciación de los distintos
Más detallesPrá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 detallesPlantilla 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 detallesTutorial 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 detallesCombinar correspondencia (I)
Combinar correspondencia (I) Mediante la opción Combinar correspondencia Word2007 nos permite incluir en un documento, datos almacenados en otro sitio. De esta forma podremos obtener copias de un mismo
Más detallesPartes del formulario
Partes del formulario Etiqueta La etiqueta presenta los siguientes atributos: Comando ACTION METHOD ENCTYPE Descripción El valor de este parámetro es la URL del programa o script en el Servidor
Más detallesSesió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 detallesSYMBALOO 1º.- QUÉ ES? 2º.-Darse de alta en Symbaloo
SYMBALOO 1º.- QUÉ ES? Symbaloo es una aplicación on-line que nos permite tener organizados nuestros enlaces de la web, accesibles en cualquier momento y poderlos compartir con otras personas. En este sentido
Más detallesA continuación se confeccionara un formulario para el ingreso de un nombre y un botón para el envío del dato ingresado al servidor:
FORMULARIOS BAJO HTML INTRODUCCION A FORMULARIOS Un formulario permite que el visitante al sitio cargue datos y sean enviados al servidor. Es el medio ideal para registrar comentarios del visitante sobre
Más detallesHTML. HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto) Introducción Un lenguaje de marcas es una forma de codificar junto con el texto, incorporando etiquetas que contienen información adicional
Más detallesPara crear una lista como la anterior, primero escribe la información, y después selecciona el texto y aplícale el formato de viñetas.
Módulo 3 Herramientas de Cómputo Listas, tabulaciones, columnas y cuadros de texto Listas En muchas ocasiones es necesario que enumeres diferentes elementos en tus documentos. Word no sólo reconoce números
Más detallesMICROSOFT 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 detallesEn primer lugar necesitamos indicar el tipo de documento que estamos creando. Esto en HTML5 es extremadamente sencillo:
1 Estructura global Los documentos HTML se encuentran estrictamente organizados. Cada parte del documento está diferenciada, declarada y determinada por etiquetas específicas. En esta parte del capítulo
Más detallesUNIDAD I HOJA ELECTRÓNICA DE CÁLCULO
UNIDAD I HOJA ELECTRÓNICA DE CÁLCULO COMPETENCIA PARTICULAR: Utiliza herramientas de la hoja electrónica de cálculo para el procesamiento de la información en su ámbito académico, social y laboral. PRACTICA
Más detalles3_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 detallesTÉCNICAS DE GESTIÓN ADMINISTRATIVA PARA PEQUEÑAS EMPRESAS
COMBINAR CORRESPONDENCIA CON OFFICE 2003 Combinar correspondencia nos permite incluir en un documento datos almacenados en otro lugar. De esta forma podremos obtener copias de un mismo documento pero con
Más detallesPara crear formularios se utiliza la barra de herramientas Formulario, que se activa a través del comando Ver barra de herramientas.
Formularios TEMA: FORMULARIOS. 1. INTRODUCCIÓN. 2. CREACIÓN DE FORMULARIOS. 3. INTRODUCIR DATOS EN UN FORMULARIO. 4. MODIFICAR UN FORMULARIO 5. MANERAS DE GUARDAR UN FORMULARIO. 6. IMPRIMIR FORMULARIOS.
Más detalles4.- Composer: Formato de párrafos, títulos y listas
4.- Composer: Formato de párrafos, títulos y listas 4.1 Antes de empezar Vamos a configurar el composer antes de empezar a trabajar con él, para ello nos vamos al menú Editar/Preferencias y seleccionamos
Más detallesNueva 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 detallesManual de publicación
Manual de publicación Como se crea una nueva página Basta con pedir a comunicación el login y la contraseña para crear un nuevo autor. También la dirección postal
Más detallesCOMO 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 detallesProyecto de Facturación con Filemaker Pro 12
Proyecto de Facturación con Filemaker Pro 12 Autor: Pere Manel Verdugo Zamora Web: http://www.peremanelv.com/pere3/sitio_web_2/bienvenida.html E- Mail: pereverdugo@gmail.com Autor: Pere Manel Verdugo Zamora
Más detallesMINI MANUAL PARA CREAR FORMULARIOS CON PHP Marzo 2007
MINI MANUAL PARA CREAR FORMULARIOS CON PHP Marzo 2007 Servicio de Informática y Comunicaciones Para poder diseñar un formulario y que éste nos envíe los resultados a nuestro correo electrónico, necesitamos
Más detallesMICROSOFT WORD 2007 AVANZADO. Unidad Didáctica Nº 1
MICROSOFT WORD 2007 AVANZADO Unidad Didáctica Nº 1 I Tablas A) Explicación conceptual y de uso de una tabla B) Creación de tablas C) Trabajo con tablas D) Formato de las tablas Ejercicio de Repaso Portal
Más detallesOperación Microsoft Access 97
Trabajar con Controles Características de los controles Un control es un objeto gráfico, como por ejemplo un cuadro de texto, un botón de comando o un rectángulo que se coloca en un formulario o informe
Más detallesMANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn
MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn Tegucigalpa M. D. C., Junio de 2009 Que es un CMS Un sistema de administración de contenido (CMS por sus siglas en ingles) es un programa para organizar
Más detallesCURSO DE INTRODUCCIÓN AL WORD
CURSO DE INTRODUCCIÓN AL WORD 1. INTRODUCCIÓN 2. PRIMER DOCUMENTO 3. UN EJEMPLO 4. TABLAS 5. FORMATO DE PAGINAS Y COLUMNAS 6. ORTOGRAFÍA, GRAMÁTICA Y SINÓNIMOS 7. WORDART 8. IMPRIMIR UN DOCUMENTO INTRODUCCIÓN
Más detallesMANUAL 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 detallesMarta Soler Tel: 902 33 12 12 Fax: 93 352 36 14 http://www.interdigital.es acc@interdigital.es TUTORIAL DEL GESTOR DE CONTENIDOS DOTNETNUKE
. Marta Soler Tel: 902 33 12 12 Fax: 93 352 36 14 http://www.interdigital.es acc@interdigital.es TUTORIAL DEL GESTOR DE CONTENIDOS DOTNETNUKE El entorno de trabajo La página tiene como base una plantilla
Más detallesTUTORIAL SOBRE CÓMO CREAR Y GESTIONAR UN BLOG CON BLOGGER
TUTORIAL SOBRE CÓMO CREAR Y GESTIONAR UN BLOG CON BLOGGER Existen muchos proveedores de servicios para crear un blog. En nuestro caso se ha decidido crear uno en Blogger, que es, a su vez, donde muchas
Más detallesDISEÑ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 detallesInternet Information Server
Internet Information Server Internet Information Server (IIS) es el servidor de páginas web avanzado de la plataforma Windows. Se distribuye gratuitamente junto con las versiones de Windows basadas en
Más detallesTEMA 4: EMPEZANDO A NAVEGAR ESCUELA UNIVERSITARIA DE INFORMÁTICA. Raúl Martín Martín
TEMA 4: EMPEZANDO A ESCUELA UNIVERSITARIA DE INFORMÁTICA NAVEGAR Raúl Martín Martín SERVICIOS DE INTERNET SERVICIOS DE INTERNET Las posibilidades que ofrece Internet se denominan servicios. Hoy en día,
Más detallesUNIVERSIDAD 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 detallesHacer 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 detallesCÓMO CREAR UNA WEBQUEST Paso a Paso
CÓMO CREAR UNA WEBQUEST Paso a Paso 1.- Lo primero que tenemos que hacer es acceder a la página del instituto usando Mozilla (no usar el navegador Firefox que puede dar problemas) URL: www.ieseltablero.org
Más detallesArrancar Word. Clic en inicio Clic en Microsoft Word 2010
Word 2007 Arrancar Word Clic en inicio Clic en Microsoft Word 2010 Nuestro primer documento Tarea 1 Escribiremos nuestros datos: Busca 1º Cambiamos formato de guardado: 3º 2º 4º Guardar un documento Dónde
Más detallesCreació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 detallesPlantilla 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 detallesObjetivos. El alumno conocerá los elementos indispensables para crear una página web. 1. Crear una página web básica utilizando html.
Objetivos El alumno conocerá los elementos indispensables para crear una página web. Al final de esta práctica el alumno podrá: 1. Crear una página web básica utilizando html. Introducción El lenguaje
Más detallesHTML 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 detallesMinisterio de Educación. Diseño de Presentaciones en la Enseñanza. Módulo 9: Imprimir
Ministerio de Educación Diseño de Presentaciones en la Enseñanza Módulo 9: Imprimir Instituto de Tecnologías Educativas 2011 Diseño de Presentaciones en la Enseñanza (OpenOffice) Imprimir Imprimir una
Más detallesManual Básico de PHPCC By Agm Vers. 1.0. ATENCIÓN : Desde el Acrobat Reader para copiar y pegar use la herramienta :
Manual Básico de PHPCC By Agm Vers. 1.0 ATENCIÓN : Desde el Acrobat Reader para copiar y pegar use la herramienta : INDICE 01- Modo edición / usuarios... ( páginas 1 2 ) 02- Páginas estáticas... ( páginas
Más detallesWord 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 detallesHIPERVÍ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 detallesGuía de Aprendizaje No. 1
MICROSOFT WORD Fundamentos básicos, ejecutar Word, su ventana y sus barras de herramientas Objetivos de la Guía de Aprendizaje No. 1 Obtener fundamentos básicos sobre Procesador de Texto Microsoft Word
Más detallesAGREGAR COMPONENTES ADICIONALES DE WINDOWS
INSTALACIÓN DE IIS EN WINDOWS XP El sistema está desarrollado para ejecutarse bajo la plataforma IIS de Windows XP. Por esta razón, incluimos la instalación de IIS (Servidor de Web) para la correcta ejecución
Más detallesOperación de Microsoft Excel
Representación gráfica de datos Generalidades Excel puede crear gráficos a partir de datos previamente seleccionados en una hoja de cálculo. El usuario puede incrustar un gráfico en una hoja de cálculo,
Más detallesLa 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 detalles9. 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 detallesWeb. 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 detallesCOREL DRAW PARTE II. TERCER y CUARTO BIMESTRE 1 B - 2 AÑO A- B TABLAS
CREAR TABLAS COREL DRAW PARTE II TERCER y CUARTO BIMESTRE 1 B - 2 AÑO A- B TABLAS Para crear una tabla, debes seleccionar la herramienta Tabla desde la barra de herramientas, completa los valores en el
Más detallesMANUAL DE AYUDA HERRAMIENTA DE APROVISIONAMIENTO
MANUAL DE AYUDA HERRAMIENTA DE APROVISIONAMIENTO Fecha última revisión: Junio 2011 INDICE DE CONTENIDOS HERRAMIENTA DE APROVISIONAMIENTO... 3 1. QUÉ ES LA HERRAMIENTA DE APROVISIONAMIENTO... 3 HERRAMIENTA
Más detallesHTML. guía rápida de referencia. Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003
HTML guía rápida de referencia Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003 Basado en la normativa sobre HTML4 disponible en: http://www.w3.org/tr/html4/ Jorge Sánchez 2003 índice introducción...
Más detallesExcel 2010 Representación gráfica de datos
Excel 2010 Representación gráfica de datos Contenido CONTENIDO... 1 CONCEPTO DE GRÁFICO... 2 CREACIÓN DE GRÁFICOS... 3 CREAR UN GRÁFICO EN EXCEL WEB APP... 13 ESTABLECER FORMATOS AL GRÁFICO... 16 1 Concepto
Más detallesTaller de Paginas Web
Taller de Paginas Web Las páginas web son documentos de texto que se comparten en la red. La mecánica es la siguiente : Un ordenador de usuario, que llamarermos cliente, hace una petición a una direccion
Más detallesTUTORIAL DE PUBLICACIÓN PARA REDACTORES
TUTORIAL DE PUBLICACIÓN PARA REDACTORES Fitfusion, pretende ser un punto de encuentro entre profesionales y adictos al fitness, donde compartimos conocimiento sobre nuestra pasión, el ejercicio físico
Más detallesServicio Webmail. La fibra no tiene competencia
Servicio Webmail La fibra no tiene competencia Contenido 1. INTERFAZ WEBMAIL 3 2. BARRA SUPERIOR 3 3. CORREO 3 3.1. Barra de herramientas de correo 4 3.2. Sección carpetas de correo 9 3.3. Sección de contenidos
Más detallesManual de uso de TradeDoubler
Manual de uso de TradeDoubler Comienza a crear tus microsites! Manual de cómo usar las diferentes herramientas de TradeDoubler. ESPECIAL: PROMOCIÓN VERANO. Con este documento desde TradeDoubler queremos
Más detallesPáginas multimedia Dashboard www.webardora.net
En este tipo de página web podremos crear una tabla con una serie de celdas independientes (las celdas pueden combinarse) susceptibles de incluir diversos tipos de contenido inicial y asociar diversas
Más detallesEJEMPLO DE APERTURA Y CIERRE DE UNA ETIQUETA.
DOCUMENTOS HTML QUÉ SON? Los documentos HTML son archivos creados con etiquetas en lenguaje de hyper text markup language (lenguaje de hipertexto). Estos documentos son interpretados por los programas
Más detallesVamos 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 detallesF O R M U L A R I O S FORMULARIOS
F O R M U L A R I O S FORMULARIOS Los controles de formulario nos ayudan a hacer más ágil y sencillo el manejo de una hoja de cálculo. Estos controles nos permiten conseguir que el aspecto visual de la
Más detallesEditor 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 detallesHTML. HTML (HyperText Markup Language) Creado en 1989 por el físico nuclear TIM BERNERS- LEE
HTML HTML (HyperText Markup Language) Creado en 1989 por el físico nuclear TIM BERNERS- LEE Se elaboró un protocolo para soportar e envío de información por la red. HTTP (Hyper Text Transfer Protocol)
Más detalles5.- 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 detallesNos 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 detallesCURSOS PRÁCTICOS SEDEN. Maquetación de un trabajo en Word SEDEN
2 CURSOS PRÁCTICOS SEDEN Maquetación de un trabajo en Word SEDEN 2 Maquetación de un trabajo en Word Vamos a explicar las distintas herramientas que tiene Word para maquetar cualquier trabajo que realicemos.
Más detallesMódulo I - Word. Iniciar Word... 2. Finalizar Word... 3. Definición de elementos de pantalla... 4. Escribir texto en un documento... 5. El cursor...
Módulo I - Word Índice Iniciar Word... 2 Finalizar Word... 3 Definición de elementos de pantalla... 4 Escribir texto en un documento... 5 El cursor... 5 Control de párrafos... 5 Nuevos párrafos... 5 Abrir
Más detallesCÓMO AÑADIR UN FORMULARIO NUEVO O MODIFICAR EL DE CONTACTO DE LA WEB
CÓMO AÑADIR UN FORMULARIO NUEVO O MODIFICAR EL DE CONTACTO DE LA WEB En este manual trataremos de modificar el formulario de contacto que hay en la web y que está debajo de la cabecera de la página. También
Más detallesCRM para ipad Manual para Usuario
CRM para ipad Manual para Usuario Manual del CRM en el ipad para usuario. Contenido: Apartado 1 Concepto General. Visión general y concepto de Delpro(CRM). Apartado 2 Conexión y Sistema Delpro. Configuración
Más detallesCursito 27: Curso de HTML Parte 3
Por Roxana Bassi rox@roxanabassi.com.ar / http://www.roxanabassi.com.ar Publicado en la sección los cuadernos de Internet World en la revista Internet World Latinoamérica en el período 1995-1999 Cursito
Más detalles