Apuntes básicos de HTML I.E.S. Pintor José María Fernández
|
|
- María Rosario Aguirre Romero
- hace 8 años
- Vistas:
Transcripción
1 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 Web en Internet. En este manual se explican únicamente las instrucciones básicas para crear nuestra primera página Web, un estudio mas en profundidad requerirían mucho "papel" y mucho tiempo. Espero que os sea de utilidad. Estructura de un documento HTML En un documento HTML podemos incluir texto, imágen, sonido y referencias a otros documentos. Para diferenciar las directivas de HTML (instrucciones) del texto normal, dichas directivas se encuentran encerradas entre los signos < y >. Determinadas directivas tienen un inicio y un final. La directiva final se acompaña del símbolo /. La estructura básica de un documento HTML tendría las siguientes directivas : <HTML> inicio del documento <HEAD> inicio de la cabecera <TITLE> inicio del título Titulo de la pagina </TITLE> final del título </HEAD> final de la cabecera <BODY> inicio del cuerpo de la página Texto, graficos y demás componentes de la página </BODY> final del cuerpo de la página </HTML> final del documento El título de la página será el texto que identificará a la página, la hoja en sí la escribiremos entre las directivas <BODY> y </BODY>. Muchas de las directivas de HTML pueden incluir parámetros. Estos parámetros añaden opciones especiales a la directiva. Veremos ahora las principales directivas que se usan en los documentos HTML con algunos de sus parámetros. Fondo del documento. Directivas de HTML La directiva <BODY> además de indicar el inicio y el final del cuerpo de nuestra hoja permite indicar el fondo de dicho documento. Si no incluimos ningún parámetro, el fondo de nuestro documento será de color blanco. Podemos cambiar el color de fondo con el parámetro bgcolor de la siguiente forma : <BODY bgcolor=" código de color "> El código de color empieza con el símbolo # y continua con seis cifras hexadecimales. Cada par de estas cifras indican el dominio de cada color principal en la mezcla final. Las dos primeras cifras indican el dominio del color rojo, las dos siguientes del color verde, y las dos últimas del color azul. El usar un numero hexadecimal de dos cifras para cada color nos permite indicar dominios desde el 0 (00) al 256 (FF).Por ejemplo, para que el fondo fuese de color verde puro la orden seria : <BODY bgcolor="#00ff00"> Si la orden fuese : <BODY bgcolor="#10a0ff"> 1
2 conseguiriamos un color azul cielo, ya que estamos dando una mezcla de 10 partes de rojo (10), cien partes de verde (A0) y doscientas cincuenta y seis partes de azul (FF). El número de mezclas de color es muy grande, de cualquier forma los programas editores de HTML nos calculan el codigo del color escogiendo nosotros el color de una paleta, lo cual resulta bastante mas sencillo que calcular la mezcla. Ademas de definir el color del fondo, esta directiva nos permite definir los colores por defecto para el texto normal y los textos que acceden a un enlace en la página, por medio de los parámetros text y link. Por ejemplo: <BODY bgcolor="#10a0ff" text="#00ff00" link="#ff0000"> Con lo que el fondo de la pagina seria de color azul cielo, el texto por defecto de color verde y los textos que dieran acceso a otras paginas de color rojo. Aparte del color, podemos indicar un fondo gráfico para el documento. Para ello utilizaremos el parámetro background. El fondo vendrá indicado por un archivo de imagen (gif o jpg) que se reflejará en la página en mosaico. Por ejemplo : <BODY background="fondo.gif"> Pondrá como fondo de nuestro documento la imagen fondo.gif repitiéndola tantas veces como sea necesario para que cubra toda la página. Lógicamente, cuanto mayor sea la imagen, mas tiempo tardara el navegador en visualizar el fodo de nuestra página. Texto y efectos. El texto a escribir en la hoja se escribe tal cual, es decir, no hay ninguna directiva para indicar que lo que escribimos es texto. Todo aquello que no esté encerrado entre los símbolos < y > se entenderá que es texto. Las tabulaciones, espacios y retornos de carro del texto seran ignorados, de tal forma que si escribimos lo siguiente : Texto de prueba de mi página Web. En la página veremos : Texto de prueba de mi página Web. Para indicar un retorno de carro se utiliza la directiva <BR> y para indicar un cambio de párrafo se utiliza la directiva <P>. Por ejemplo : Texto de prueba<br>de mi página<p>web. Se verá como : Texto de prueba de mi página 2
3 Web Apuntes básicos de HTML I.E.S. Pintor José María Fernández La única forma para que se respete el formato original del texto (con espacios y retornos de carro) es utilizar la directiva <PRE></PRE>. Ejemplo : <PRE> Esto es un Texto con formato. </PRE> Para incluir efectos especiales en el texto "encerraremos" el texto a destacar utilizando estas directivas : <B> </B> Negrilla. <I> </I> Cursiva. <U> </U> Subrayado. De la misma forma, el texto se alinea por defecto a la izquierda. Si deseamos centrar un texto en la página utilizaremos la directiva <CENTER></CENTER>. Por ejemplo : <CENTER>Este texto está centrado</center> Para indicar el tamaño de la letra se utiliza la directiva <FONT></FONT>. Esta directiva tiene varios parámetros. Veremos los dos mas usados size y bgcolor. size indica el tamaño "relativo". Para aumentar el tamaño de la letra indicaremos un número positivo, y para disminuirlo indicaremos un número negativo. bgcolor indica el código de color del texto en el mismo formato que hemos visto anteriormente para el fondo del documento. Ejemplos : <FONT size=+3 bgcolor="#ff0000"> Texto </FONT> Escribirá el Texto en un tamaño tres veces superior al normal y en color rojo puro. <FONT size=-2 bgcolor="#0000ff"> Texto </FONT> Escribirá el Texto en un tamaño dos veces inferior al normal y en color azul puro. La directiva <HR> inserta una línea horizontal en el documento. Se suele utilzar para diferenciar diferentes partes de la página. En esta página se ha usado esta directiva para separar cada sección de este manual. La longitud de esta linea se puede definir en porcentaje usando el parámetro width. La altura de la linea se indica con el paráametro size. Por ejemplo: <HR size=10 width=50%> Por defecto se entiende una altura=1 y una anchura=100% Para incluir un comentario en nuestra página Web se utiliza la directiva <!-- -->, Dicho comentario no aparecerá en la página. Por ejemplo: <!-- Esto es un comentario --> 3
4 Listas de elementos y Entidades. Apuntes básicos de HTML I.E.S. Pintor José María Fernández Para definir una lista de elementos se utilizan las directivas para listas sin numerar y <OL></OL> para listas numeradas. Los elementos de la lista iran precedidos en ambos casos por la directiva <LI>. Por ejemplo, <LI>Links interesantes <LI>Galeria de fotos <LI>Entrevistas Produciría el efecto : Links interesantes Galeria de fotos Entrevistas <OL> <LI>Links interesantes <LI>Galeria de fotos <LI>Entrevistas </OL> Produciría el efecto : 1. Links interesantes 2. Galeria de fotos 3. Entrevistas Existen tambien las listas de definiciones. Estas listas presentan el texto de forma similar al de los diccionarios. La directiva para estas listas es <DL></DL>.Con la directiva <DT> se especifica el término y con <DD> la definició. Ejemplo: <DL> <DT>WWW <DD>Abreviatura de World Wide Web <DT>FTP <DD>Abreviatura de File Transfer Protocol. </DL> Produciría el efecto : WWW FTP Abreviatura de World Wide Web Abreviatura de File Transfer Protocol La directiva <DL></DL> puede llevar el atributo compact, que presentaria la lista de la siguiente forma : <DL compact> <DT>WWW <DD>Abreviatura de World Wide Web <DT>FTP 4
5 <DD>Abreviatura de File Transfer Protocol. </DL> Produciría el efecto : www FTP Abreviatura de World Wide Web Abreviatura de File Transfer Protocol Las listas se pueden anidar, incluyendo una lista dentro de otra, produciendo el siguiente efecto: <LI>Links interesantes <LI>Buscador Ole <LI>Pagina de Luis_FD <LI>Museo del Prado <LI>Galeria de fotos <LI>Fotos de mascotas <LI>Fotos de paisajes <LI>Entrevistas <LI>Sharon Stone <LI>Bill Gates <LI>Paul McCartney Links interesantes o Buscador Ole o Pagina de Luis_FD o Museo del Prado Galeria de fotos o Fotos de mascotas o Fotos de paisajes Entrevistas o Sharon Stone o Bill Gates o Paul McCartney Actualmente los navegadores mas utilizados (Netscape y Ms Explorer) no tienen problemas en reconocer las letras acentuadas y las eñes, sin embargo los navegadores antíguos no las reconocen. Es por ello que para asegurarnos de que estas letras se veran bien en todos los navegadores, debemos sustituirlas por su entidad. Una entidad es un código que representa un carácter extraño para el navegador. Dichas entidades empiezan con el símbolo & y terminan con el símbolo ;. Asimismo los caracteres especiales que se usan para las directivas de HTML han de ser representados por entidades cuando queramos que se "vean" en nuestra página. Las entidades más importantes son las siguientes : á á Á Á é é É É 5
6 í í Í Í ó ó Ó Ó ú ú Ú Ú ñ ñ Ñ Ñ < < > > & & " " De la misma forma podremos indicar al navegador que represente un carácter por su código ascii de la forma &#codigo;. Por ejemplo: Representara el símbolo. Gráficos y Enlaces. Para incluir un gráfico en nuestra página utilizaremos la directiva <IMG>. Esta directiva tiene varios parámetros. El parámetro src indica el nombre del fichero gráfico a mostrar, border indica el borde que rodeará al gráfico, alt indica el texto que se mostrara en lugar del gráfico en aquellos navegadores que no puedan mostrar el gráfico. Ejemplo: <IMG src="esp.gif" border=none alt="españa"> Mostrará el gráfico esp.gif sin ningún borde rodeándolo, y aquellos navegadores que no puedan mostrar el gráfico visualizaran la palabra España. Otro parámetro importante de esta directiva es align. Este parámetro permite indicar como se alineará el texto que se escriba a cotinuación del gráfico. Sus valores posibles son : bottom alinea el texto en la zona inferior del gráfico. top alinea el texto en la zona superior del gráfico. center alinea el texto en la zona central del gráfico. Ejemplos : <IMG src="hlp.gif" align=bottom>texto de Ayuda Texto de Ayuda <IMG src="hlp.gif" align=top>texto de Ayuda Texto de Ayuda <IMG src="hlp.gif" align=center>texto de Ayuda Texto de Ayuda Los parámetros height y width permiten redimensionar el gráfico dándole un tamaño diferente al real. height=num Marca la atura relativa del gráfico. 6
7 width=num Marca la anchura relativa del gráfico. Ejemplos : <IMG src="hlp.gif" height=150 width=60> <IMG src="hlp.gif" height=25 width=25> Un enlace es un texto o gráfico que, pulsándolo, nos envía a una página distinta. Para incluir un enlace en nuestra página se utiliza la directiva <A></A>. Dicha directiva lleva el parámetro href que es el que indica la dirección de la página a la que queremos que se acceda. Por ejemplo : <A href=" aqui para buscar en la red.</a> Mostraría el texto en distinto color, y al pulsar sobre el se nos enviaría a la direccion Entre la directiva <A></A> podemos poner un texto o un gráfico o ambas cosas. P.ej.: <A href=" src="ole_pet.gif">buscador Olé.</A> Permitirá dirigirse a la direccion indicada pulsando en el gráfico o en el texto. Para hacer un enlace a nuestra dirección de correo se indicaría la directiva con el siguiente formato : <A href="mailto:direccion de correo">pulsa aqui para enviarme un .</a> Tablas. Las tablas se usan con mucha frecuencia en las páginas Web para formatear una parte del documento. Para definir una tabla se utiliza la directiva <TABLE></TABLE>, para cada uno de los elementos de la tabla se utiliza la directiva <TD> y para indicar el final de una fila de la tabla se utiliza la directiva <TR>. Los parámetros fundamentales de <TABLE> son : border=num Indica el ancho del borde de la tabla. cellpadding=num Indica el ancho de las filas cellspacing=num Indica el ancho de las "separaciones" entre las celdas de la tabla. De cualquier forma el ancho de las filas se adecuará a su contenido, si este fuese mas ancho que el indicado por cellpadding. El parámetro fundamental de <TD> es align que indica la alineación del contenido de la celda. Sus opciones son : 7
8 <TD align=left> Alinea el contenido a la izquierda. <TD align=right> Alinea el contenido a la derecha. <TD align=center> Centra el contenido en la celda. Un ejemplo de una tabla simple sería: <TABLE border=10 cellpadding=5 cellspacing=10> <TD align=left>pais<td align=left>porcentaje<td align=right>importe<tr> <TD align=left>españa<td align=center>70<td align=right> <tr> <TD align=left>francia<td align=center>20<td align=right> <tr> <TD align=left>italia<td align=center>30<td align=right> <tr> </TABLE> Que daria como resultado : Pais Porcentaje Importe España Francia Italia Las posibilidades y opciones de las tablas son muchas y sería muy extenso para este pequeño manual explicarlas todas. 8
Profesor: 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 detallesTEMA 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 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 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 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 detallesMANUAL DE REFERENCIA DE PROGRAMACIÓN HTML
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
Más detallesEDICIÓN WEB CÓDIGO HTML
EDICIÓN WEB CÓDIGO HTML 1. Estructura básica de un documento HTML 1.1. Tipos de etiquetas. Etiqueta cerrada Mi página Web Etiqueta abierta Etiqueta con parámetros
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 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 detallesBANNERS CÍCLICOS CON JAVASCRIPT
BANNERS CÍCLICOS CON JAVASCRIPT ÍNDICE 1. INTRODUCCIÓN. 2. BANNERS CÍCLICOS. 2.1.BANNER CÍCLICO. 2.2.BANNERS CÍCLICOS CON CAMBIO DE COLOR DEL FONDO DE LA PÁGINA. 2.3.AÑADIR VÍNCULOS A LOS BANNERS CÍCLICOS.
Más detallesImágenes y objetos IMÁGENES
IMÁGENES Y OBJETOS Imágenes y objetos 2 IMÁGENES Uno de los elementos más vistosos e importantes de las páginas web. Su introducción puede explicar de manera más fácil y agradable nuestra información al
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 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 detallesDISEÑOS DE PÁGINAS WEB CON N.V.U. E INICIACIÓN AL CÓDIGO HTML
DISEÑOS DE PÁGINAS WEB CON N.V.U. E INICIACIÓN AL CÓDIGO HTML Una página web es un documento escrito empleando un lenguaje denominado HTML (Hyper text Markup language; Lenguaje de marcas de hipertexto).
Más detallesCreando un Sitio Web personal.
Creando un Sitio Web personal. FrontPage Express FrontPage Express de Microsoft es un sencillo editor htm 1 l que venía instalado por defecto con Windows 98 o con el Internet Explorer 4 para Windows 95.
Más 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 detallesLenguaje HTML y páginas web. Alex Sánchez
Lenguaje HTML y páginas web Alex Sánchez Introducción: La web y las páginas web Componentes de la web Como funciona la web? Como es la comunicación en la web El acceso a la Web suele basarse en un un explorador
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 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 detallesGuia para el principiante
Guia para el principiante Este documento asume que usted sabe como publicar en WWW. Lenguaje HTML El lenguaje HTML es el usuado actualmente para escribir textos hypermediales en el Web. El siguiente texto,
Más detallesNociones basicas de HTML
Nociones basicas de HTML Para comprender lo que veremos mas adelante es necesario tener conocimientos basicos de informatica e Internet en entorno Windows. Para hacer los ejercicios basta con un Navegador
Más detallesGuía para el armado de un HTML
Guía para el armado de un HTML Maquetear una pieza con estándares de usabilidad Utilizar un formato de html clásico: Diseñar con CSS Inline que es un método para insertar el lenguaje de estilo de página
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 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 detallesHerramientas Informáticas para la Documentación Práctica 1. Introducción al navegador Netscape
Herramientas Informáticas para la Documentación Práctica 1. Introducción al navegador Netscape Introducción y objetivos De modo muy resumido Internet es una red que interconecta redes de ordenadores. Conectándose
Más 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 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 detallesCÓMO CREAR UNA PÁGINA WEB
CÓMO CREAR UNA PÁGINA WEB v.2 Índice 1 Introducción 3 2. Diseño gráfico 3 3. El Lenguaje HTML 3 4. Alojamiento y publicación 5 5. Promoción 8 6. Otras utilidades 9 6.1 Estadísticas 9 6.2 Contadores y Formularios
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 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 detallesHost. En este texto, entenderemos por host toda máquina - léase computadora. Cuenta. Una cuenta, en general, es un espacio de memoria y de disco que
CONCEPTOS BASICOS. Usuario. Un usuario es toda persona que utilice una computadora. Host. En este texto, entenderemos por host toda máquina - léase computadora - conectada a InterNet. También se les llaman
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 detallesCASO PRÁCTICO DISTRIBUCIÓN DE COSTES
CASO PRÁCTICO DISTRIBUCIÓN DE COSTES Nuestra empresa tiene centros de distribución en tres ciudades europeas: Zaragoza, Milán y Burdeos. Hemos solicitado a los responsables de cada uno de los centros 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 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 detallesCREACION 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 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 detallesManual del Usuario. Portal Web Para uso exclusivo de Ministros de Estado.
Manual del Usuario Portal Web Para uso exclusivo de Ministros de Estado. Índice de contenido Pimi 2011... 3 Ingreso al Portal... 3 Manual de Usuario... 4 Vista Perfil Privado... 5 Navegación por Perfil
Más detallesUnidad 1. Introducción a HTML (I)
Unidad 1. Introducción a HTML (I) A lo largo de este tema vamos a conocer los conceptos básicos sobre HTML, y cómo se utiliza para crear páginas web. Qué es HTML El HTML (Hyper Text Markup Language) es
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 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 detallesManual Usuario Wordpress. Índice
2 Índice 1. Manual usuario...2 1.1 Zona de mensajes...2 1.2 Zona de usuarios...5 1.2.1 Identificarse...5 1.2.2 Registrarse...6 1.3 Categorías...6 1.4 Subscribirse...6 1.5 Archivos...7 1.6 Calendario...7
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ácticas H T M L U.A.C.M COMPUTACIÓN II
Prácticas H T M L U.A.C.M COMPUTACIÓN II M a r c o s Práctica VI HTML Básico El primer objetivo de esta práctica es familiarizarse con el uso de los marcos y posteriormente ubicar la forma de como podemos
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 detallesLectura No. 7. Contextualización. Nombre: Programa integrador de medios DISEÑO DIGITAL 1
Diseño Digital DISEÑO DIGITAL 1 Lectura No. 7 Nombre: Programa integrador de medios Contextualización En estos días la importancia de tener un sitio web se ha vuelto fundamental para que las empresas y
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 detallesPresentaciones compartidas con Google Docs (tutorial)
Presentaciones compartidas con Google Docs (tutorial) G oogle Docs es una muy sencilla suite ofimática online que nos permite crear nuevos documentos, planillas de cálculo y presentaciones multimedia,
Más detallesGestió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 detalles7.1 Estructura Básica de jas Tablas
Las tablas permiten representar los elementos de una página en filas y columnas separadas entre si. Es una herramienta muy útil para ordenar contenidos de distintas partes de nuestra página. Las tablas
Más detallesIntroducción: páginas web y navegadores
IB14 Informática Aplicada a la Construcción Creación de páginas web con HTML Introducción: páginas web y navegadores Una página web, pese a la gran cantidad de colores, imágenes e información que puede
Más detallesQUE ES HTML? Las siglas HTML se refieren a:
QUE ES HTML? Las siglas HTML se refieren a: HyperText Markup Language Es uno de los lenguajes más utilizados en el Web Wide Web. Las páginas de Internet están escritas en este lenguaje. Le brinda al autor
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 detallesGuía para crear, editar y eliminar páginas. WordPress Grupo Mutual
Guía para crear, editar y eliminar páginas WordPress Grupo Mutual Crear una nueva Página (1) 1. Ingresar a WordPress y acceder al panel de "Páginas": Crear una nueva Página (2) 2. Seleccionar uno de los
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 detalles2011-2012 RESOLUCIÓN DE ERRORES EN MOODLE CAMPUS VIRTUAL-BIRTUALA UPV-EHU
2011-2012 RESOLUCIÓN DE ERRORES EN MOODLE CAMPUS VIRTUAL-BIRTUALA UPV-EHU Antecedentes:... 2 1. Introducción... 3 2. Imágenes que no se visualizan... 3 3. URLs de recursos o actividades que no son autocontenido...
Más detallesCurso 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 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 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 detallesHerramientas CONTENIDOS. MiAulario
Herramientas CONTENIDOS MiAulario CONTENIDOS Qué es Contenidos Ver un ejemplo Añadir la herramienta al sitio Añadir contenido en la página Páginas principales / subpáginas Criterios de visibilidad Configuración
Más detallesIntroducción a Microsoft Word
La barra de herramientas de Word La barra de herramientas de Word ha evolucionado a través de las distintas versiones, manteniéndose más o menos constante desde la versión 97 hasta la 2003 y cambiando
Más detalles1ª PARTE MANUAL BÁSICO DE POSICIONAMIENTO WEB 1 2ª PARTE MANUAL BÁSICO DE POSICIONAMIENTO WEB 7
ÍNDICE PÁGINA 1ª PARTE MANUAL BÁSICO DE POSICIONAMIENTO WEB 1 2ª PARTE MANUAL BÁSICO DE POSICIONAMIENTO WEB 7 1ª PARTE MANUAL BÁSICO DE POSICIONAMIENTO WEB Este pequeño manual sobre posicionamiento web
Más detallesANEXO. ACCESIBILIDAD UNIVERSIDAD DE ALICANTE
ANEXO. ACCESIBILIDAD UNIVERSIDAD DE ALICANTE ÍNDICE COLORES CORPORATIVOS... 2 INFORMACIÓN DEL DOCUMENTO... 3 FOTOS E IMAGENES... 4 TABLAS... 7 ACCESIBILIDAD... 10 TAW3... 10 Guía de estilo. Anexo accesibilidad
Más detalles1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES
Diseño WeB de ancho fijo con 2 columnas flotantes _TIN 1º Bachillerato página 1/5 1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES..1 1.1 Diseños de ancho fijo, elástico y líquido.1 1.2 Diseño de ancho
Más detallesTema 5: La red de redes: Internet
Tema 5: La red de redes: Internet > Qué es Internet? Todo el mundo habla de Internet: se hace referencia en clase, en revistas de moda, entre amigos... Acceder a una página web, hablar con los amigos a
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 detallesConfiguración Y Diseño Del Correo Electrónico Y Web Personal De IESA
Configuración Y Diseño Del Correo Electrónico Y Web Personal De IESA Accedemos a nuestro dominio contratado con IESA. Entramos en la administración. El acceso se encentra en la parte inferior de la página
Más detallesPosicionamiento de imágenes
Posicionamiento de imágenes > TUTORIALES mediaclick Posicionamiento de imágenes / B QUÉ ES LA ETIQUETA ALT?... 2 CÓMO LAS ETIQUETAS ALT AYUDAN A NUESTRO POSICIONAMIENTO... 3 QUÉ DEBEMOS TENER EN CUENTA
Más detallesLa página web del centro con SPIP
La página web del centro con SPIP Ponente: Daniel López Avellaneda 8 - Práctica en Internet Manual para el curso organizado por: CEP provincia de Córdoba http://cibermatex.com/?page=suscripciones 28 Enero
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 detallesOBTENER DATOS EXTERNOS
La herramienta Obtener datos externos nos va a permitir llevar a Excel datos que proceden de otras fuentes de datos, como archivos de texto o bases de datos, para su posterior tratamiento y análisis con
Más detallesTutorial de herramientas de Google
Tutorial de herramientas de Google Elizabeth Fons y Maximiliano Geier 1. Introducción En este tutorial les vamos a contar cómo utilizar algunas de las herramientas de trabajo colaborativo que ofrece gratuitamente
Más detallesEl proceso de edición digital en Artelope y CTCE
El proceso de edición digital en Artelope y CTCE Carlos Muñoz Pons Universitat de València carlos.munoz-pons@uv.es Introducción Una de las cuestiones más importantes a la hora de trabajar en proyectos
Más detalles1. NIVEL BÁSICO-CURSO NVU
CURSO MULTIMEDIA DE CREACIÓN DE PÁGINAS WEB - Este curso esta desarrollado de forma que a Vd. le sea sencillo, rápido y cómodo su aprendizaje. El curso está dividido en dos niveles: Básico e Intermedio.
Más detallesCAJA DE ESQUINAS REDONDEADAS Y ANCHO FIJO ver. 3
ver. 3 Diseño de cajas de esquinas redondeadas y ancho fijo para Diseño WEB _TICO 1º Bachillerato página 1/10 CAJA DE ESQUINAS REDONDEADAS Y ANCHO FIJO ver. 3...1 Procedimiento 1: Diseño con Gimp de una
Más detallesManual para la utilización de PrestaShop
Manual para la utilización de PrestaShop En este manual mostraremos de forma sencilla y práctica la utilización del Gestor de su Tienda Online mediante Prestashop 1.6, explicaremos todo lo necesario para
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 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 detallesEntra en la WEB www.hermesalud.com. Para ir a la plataforma haz click en botón PRESCRIPCIÓN
Entra en la WEB www.hermesalud.com Para ir a la plataforma haz click en botón PRESCRIPCIÓN Entramos con Login y contraseña proporcionados por Hermesalud al darnos de alta como entidad. Puede haber uno
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 detallesMS ACCESS BÁSICO 6 LOS INFORMES
2010 MS ACCESS BÁSICO 6 LOS INFORMES 93 LOS INFORMES Los informes son una herramienta de Access para elaborar información, sobre los datos que deseemos, preparada para ser impresa. A partir de una base
Más detallesTIPOS DE VARIABLES EN PHP. DECLARACIÓN Y ASIGNACIÓN. LA INSTRUCCIÓN ECHO PARA INSERTAR TEXTO O CÓDIGO. (CU00816B)
APRENDERAPROGRAMAR.COM TIPOS DE VARIABLES EN PHP. DECLARACIÓN Y ASIGNACIÓN. LA INSTRUCCIÓN ECHO PARA INSERTAR TEXTO O CÓDIGO. (CU00816B) Sección: Cursos Categoría: Tutorial básico del programador web:
Más detallesCARGAR ARCHIVOS EXTERNOS EN PHP WEBQUEST 2.5. La versión 2.5 de PHP Webquest y posteriores- ha sido diseñada para que los usuarios puedan:
CARGAR ARCHIVOS EXTERNOS EN PHP WEBQUEST 2.5 La versión 2.5 de PHP Webquest y posteriores- ha sido diseñada para que los usuarios puedan: Subir al servidor tantos archivos de imagen como se necesiten para
Más detallesCursito 28: Curso de HTML Parte 4
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 detallesPáginas multimedia Pizarra www.webardora.net
Página donde el usuario tiene un espacio (pizarra) para crear sus propias composiciones con gráficos y textos previamente insertados por el autor; además de poder escribir sus propios textos: PESTAÑA IMÁGENES
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 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 detallesVicepresidente Regional
Vicepresidente Regional Manual de Usuario Portal Del Gobierno Regional del Callao Vicepresidente Regional Introducción El objetivo de este Manual es explicar en forma genérica el funcionamiento de las
Más detallesLa ventana de Microsoft Excel
Actividad N 1 Conceptos básicos de Planilla de Cálculo La ventana del Microsoft Excel y sus partes. Movimiento del cursor. Tipos de datos. Metodología de trabajo con planillas. La ventana de Microsoft
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 detalles01 Índice. GESTOR DE CONTENIDOS Manual de uso 01 ÍNDICE... 1 02 OBJETO DEL DOCUMENTO... 2 03 ESTRUCTURA GRÁFICA DEL SISTEMA... 3
01 Índice 01 ÍNDICE..... 1 02 OBJETO DEL DOCUMENTO..... 2 03 ESTRUCTURA GRÁFICA DEL SISTEMA..... 3 04 GESTIÓN DE TABLAS..... 5 05 USO DE TABLAS EN ENVIDUR..... 15 06 GESTIÓN DE FUNCIONALIDAD ADICIONAL.
Más detallesCómo creo las bandejas del Registro de Entrada /Salida y de Gestión de Expedientes?
Preguntas frecuentes Cómo creo las bandejas del Registro de Entrada /Salida y de Gestión de Expedientes? Atención! Esta opción es de configuración y solamente la prodrá realizar el administrador de la
Más detallesGracias a ese IP único que tiene cada ordenador conectado a la red de internet se pueden identificar y comunicar los ordenadores.
COMO FUNCIONA INTERNET Internet es una gran red de ordenadores a nivel mundial, que pueden intercambiar información entre ellos. Se pueden comunicar porque están unidos a través de conexiones telefónicas,
Más detallesColegio de Ingenieros de Caminos, Canales y Puertos. Manual de Gestión de correo electrónico y SMS
Colegio de Ingenieros de Caminos, Canales y Puertos. Manual de Gestión de correo electrónico y SMS Versión 2.0 3/05/2010 Manual de Gestión de correo electrónico y SMS (v 2.0) 1 GESTOR DE CORREO ELECTRÓNICO
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 detallesBoletín de prácticas Práctica 3: HTML básico
HTML básico Boletín de prácticas Práctica 3: HTML básico INFORMÁTICA 1 Curso 2005-2006 Biblioteconomía y Documentación 1.- ENUNCIADO Haciendo uso de lo aprendido en clase de teoría diseñar las siguientes
Más detallesManual de Usuaria FACEBOOK. Presentación
Presentación Facebook es una de las redes sociales más importantes del mundo y una de las herramientas de comunicación más populares, como el correo electrónico o el chat. Actualmente cuenta con más de
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 detallesMódulo 8: Ofimática básica. Unidad didáctica 4: Introducción y modificación de datos. Access
Módulo 8: Ofimática básica Unidad didáctica 4: Introducción y modificación de datos Access UNIDAD DIDÁCTICA 4 Introducción y modificación de datos Créditos Autor/es: Fuentes Innovación y Cualificación
Más detalles