ELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "ELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ"

Transcripción

1 CECYTEM PLANTEL NICOLAS ROMERO II Manual para crear páginas web en HTML GRUPO: 301 ELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ

2 HTML (HyperText Markup Language - Lenguaje de Marca de Hipertextos) es el lenguaje estándar utilizado en Internet para representar la información intercambiada por sus usuarios en forma de documentos de hipertexto. Esto quiere decir que cualquier cliente web (Internet Explorer, Google Chrome, Mozilla, Firefox, etc.) que utilice las normas estándar de visualización de documentos web podrá leer e interpretar perfectamente este lenguaje. La mayoría de las páginas web están escritas en este lenguaje. Estructura de un documento HTML HTML es un lenguaje basado en el uso de marcas o etiquetas. Estas etiquetas comienzan por el símbolo de menor ( < ) y terminan con el símbolo de mayor ( > ). Por ejemplo, son etiquetas: <HTML> <BODY> <HEAD> La palabra que se encierra entre esos dos símbolos indica qué acción debe realizar el navegador o qué tipo de información aparece a continuación. Además, para delimitar el ámbito en el que ha de aplicarse una etiqueta, se debe indicar hasta donde actúa. Para ello se utiliza la misma etiqueta pero con el símbolo / justo delante de la palabra. Así, por ejemplo, las siguientes etiquetas indican fin de una acción: </HTML> </BODY> </HEAD>

3 Así pues, cada etiqueta de principio de acción < > tiene una correspondencia con una etiqueta de fin de acción </ >. NOTA: Las etiquetas NO son sensitivas, es decir, pueden escribirse en mayúsculas, minúsculas o combinadas, ya que siempre mantienen su valor: <HTML> <Html> <html> Esquema de una página Todas las páginas web comienzan siempre con la etiqueta <HTML> y terminan con la etiqueta </HTML>. El texto que está entre <HTML> y </HTML> es la página web, lo que esté fuera de lo delimitado por esas marcas, no se considera texto de la página. Las páginas web se dividen en dos partes bien diferenciadas: la cabecera y el cuerpo. cabecera de la página se emplea para proporcionar información acerca del documento (título, autor, fecha de creación, etc.). La cabecera debe ser delimitada con las etiquetas <HEAD> al principio y </HEAD> al final. Entre esas dos marcas se encuentran las líneas que pertenecen a la cabecera de la página. cuerpo contiene el texto de la página, es decir, la información que se va a presentar al usuario. Para el cuerpo se deberá poner <BODY> al principio y </BODY> al final. Entre esas dos marcas se encontrarán las líneas que pertenecen al cuerpo de la página. ESQUEMA DE UNA PÁGINA <HTML>

4 <HEAD> Aquí va la cabecera de la página </HEAD> <BODY> Aquí va el cuerpo de la página </BODY> </HTML> Para indicar el título de la página también se utiliza una etiqueta, en este caso se emplea <TITLE> y </(TITLE>: <TITLE> Título de la página </TITLE> Observe cómo las etiquetas delimitan donde empieza (<TITLE>) y donde terminan (</TITLE>) las palabras pertenecientes al título. Comentarios Los comentarios se construyen también utilizando etiquetas, aunque en este caso no hay una etiqueta de inicio y otra de fin. <! Texto comentario > <HTML> <HEAD> <!- esto de aquí es la cabecera de la página -> <TITLE> Título de la página </TITLE> </HEAD> <BODY> <!- esto de aquí es el cuerpo del mensaje ->

5 </BODY> </HTML> Saltos de línea HTML considera continuo al texto contenido en la parte BODY, es decir, que pone todas las líneas de texto unas a continuación de otras. Para indicar que se desea hacer un salto de línea hay que utilizar una etiqueta (<BR>), la cual se trata de una etiqueta especial, ya que al ordenar una acción puntual (no actúa sobre un conjunto de palabras, sino actúa en un punto de la página), no tiene una etiqueta de fin. Cada vez que el navegador encuentre la etiqueta <BR> en el texto del documento, hace un salto de línea, es decir, hace un punto y aparte. Para indicar al navegador que desea utilizar más de un espacio, se emplea el código: De este modo, si desea incluir dos espacios adicionales entre una palabra y otra, deberá indicarlo del siguiente modo: Primera palabra Segunda palabra y el navegador reemplazará cada por un espacio de separación.

6 Párrafos o bloques Cuando se construye una página web con HTML, se debe agrupar el texto en párrafos o bloques. Así, cada vez que comience un nuevo párrafo el navegador insertará una línea en blanco para separar unos bloques de otros. Para ello se utiliza la etiqueta <P> para indicar comienzo de párrafo y </P> para indicar fin de párrafo. Este salto que produce <P> es igual que el de <BR> solo que la separación entre líneas es mucho mayor. Se podría decir que equivale a un <BR> y medio. Por lo tanto, el texto del cuerpo se encuentra dividido en bloques o párrafos mediante el uso de las etiquetas <P> y </P>. Estas etiquetas tienen, además, otras opciones que permiten indicar cómo será mostrada esa página. Con <P> puede establecer, por ejemplo, que el párrafo aparezca centrado, alineado a la izquierda o a la derecha. Para ello se utiliza del siguiente modo: <P ALIGN=alineación> Donde alineación es uno de los siguientes valores: en <P> se considera por defecto esta alineación.

7 Estilo del texto HTML nos ofrece las opciones básicas de cualquier editor de texto, por tanto, también permite poner textos en negritas, cursivas o subrayados. Para ello es necesario poner etiquetas del siguiente modo: - Para resaltar un texto en negrita se utilizan las etiquetas <B> y </B>, - Ejemplo: Parte de este texto está <B> en negrita </B> - Para poner un texto en cursiva o itálica se utilizan las etiquetas <I> e </I>, - Ejemplo: Parte de este texto está <I> en cursiva </I> - Para poner un texto subrayado se utilizan las etiquetas <U> e </U>, - Ejemplo: Parte de este texto está <U> subrayado </U> - También se pueden utilizar varias de estas etiquetas de forma conjunta. En este caso, deberá ir cerrando las etiquetas en orden inverso a como las fue abriendo. Así si, por ejemplo, empieza con <U> <B> <I>, deberá cerrarlas en este orden </I> </B> </U>.

8 Por ejemplo, si desea poner unas palabras de una frase subrayado y negrita deberá escribir: Parte de este texto está <U><B> subrayado y negrita </B></U> 15 HTML también nos permite mostrar el texto con el tamaño que se desee. Para ello se utilizan las etiquetas <FONT SIZE = t>.. </FONT>, siendo t el tamaño del texto. El número que se pone después de SIZE (es decir, t) debe estar comprendido entre 1 (el tamaño más pequeño) y 7 (el mayor tamaño posible). El valor por defecto es 3. Así, por ejemplo, si desea imprimir el texto Hola Mundo con un tamaño más grande deberá escribir: <FONT SIZE=7> Hola Mundo!</FONT>

9 Títulos o encabezados Cuando escribimos una página en HTML, seguramente en más de una ocasión, se tendrá que mostrar texto que está organizado en párrafos y en los que además hay encabezados o títulos en cada uno de ellos. En estos casos, cuando se desea definir un título se pueden utilizar las etiquetas <FONT SIZE = n>.. </FONT>, para dar mayor tamaño a los encabezados y distinguirlos así del texto de los párrafos. En el caso de que se utilicen subtítulos se empleará un tamaño intermedio entre el título y el párrafo siguiente. Por ejemplo: <HTML> <HEAD> <TITLE> Títulos y encabezados </TITLE> </HEAD> <BODY> <P> <FONT SIZE=7> Tema 2. <B>Enriqueciendo el documento</font></b> </P> </P><FONT SIZE=6>Introducción;n; n</font></p> </P><FONT SIZE=3> LA CURVA MAS HERMOSA DE UNA MUJER ES SU SONRRISA </FONT></P> </BODY> </HTML> Tipos de letra HTML permite también modificar el tipo de letra, es decir, la forma en la que los caracteres van a ser mostrados en la pantalla. La etiqueta FONT, además de seleccionar el tamaño del texto, permite especificar el nombre de la fuente de caracteres que se van a utilizar.

10 Para especificar el nombre de la fuente que se desea utilizar, se emplea el atributo FACE, del siguiente modo: <FONT FACE= Nombre de la fuente > Por ejemplo, si deseamos que nuestro texto aparezca con el tipo de letra Arial, se deberá escribir: <FONT FACE= Arial > Texto </FONT> Podemos combinar los atributos FACE y SIZE. Si por ejemplo, deseamos mostrar un texto con fuente Courier New y tamaño grande, se deberá escribir: <FONT FACE= Courier New SIZE = 5> Texto </FONT> Color de fuente Además de cambiar el tamaño de la fuente, la etiqueta <FONT> nos permite especificar el color con el que serán mostradas las letras, del siguiente modo: <FONT COLOR=color> texto </FONT> Donde color es el nombre del color (en inglés) que queremos aplicar. Por ejemplo: <FONT COLOR=red> rojo </FONT> <FONT COLOR=blue> azúl </FONT> <FONT COLOR=green> verde </FONT> COLOR Blanco nieve Blanco Negro Gris oscuro Gris Gris claro NOMBRE Snow White Black DarkGrey Gray LightGray

11 Azul marino Azul Turquesa Cyan Verde claro Verde Amarillo Oro Beige Naranja Rojo Rosa NavyBlue Blue Turquoise Cyan LightGreen Green Yellow Gold Beige Orange Red pink Color de fondo de página y color del texto en toda la página A la etiqueta BODY se le pueden añadir parámetros que permiten definir el color que tendrá el fondo de la página o el color que tendrá por defecto el texto. Estos parámetros son los siguientes: BODY BGCOLOR = color>. Cambia el color de fondo de una página. Si no se indica nada en BODY, el color de una página es blanco. BODY TEXT = color>.cambia el color del texto de toda la página, excepto en los casos en los que se utilice <FONT COLOR >. ASI VA QUEDANDO NUESTRO ESQUEMA DE PÁGINA <HTML> <HEAD> <TITLE> Ejemplos de colores </TITLE> </HEAD> <BODY BGCOLOR = black TEXT =red> <H1>BIENVENIDOS</H1>

12 <P><FONT COLOR=red SIZE = 4> Bienvenidos a mi página web </FONT></P> <FONT FACE= "Courier New" SIZE = 2> En el capítulo 2 has aprendido a diseñar páginas HTML muy sencillas. También aprendiste que HTML se basa en el... </FONT></P> </BODY> </HTML> Inserción de líneas de separación Otra forma visual de separar los párrafos es mediante el uso de líneas de separación, las cuales van de extremo a extremo del navegador. Para mostrar una línea de separación en su página se utiliza la etiqueta <HR> y no tiene etiqueta de terminación.

13 Atributos: ALIGN: Indica la alineación en la que será mostrada la línea en la pantalla del navegador. (CENTER, LEFT, RIGHT). SIZE = #:Indica la altura en puntos (pixeles) que tendrá la línea. Por ejemplo: <HR SIZE = 4> Muestra una línea de 4 pixeles de alto WIDHT = #: Indica la anchura de la línea, pudiéndola identificar en píxeles o en tanto por ciento del ancho de la página (en este caso será necesario añadir el símbolo %). Por ejemplo: <HR WIDHT = 120> Muestra una línea que tiene 120 píxeles de ancho <HR WIDHT = 60%> Muestra una línea que ocupa el 60% del ancho de la pantalla Inserción de imágenes con IMG Existen varias formas de insertar imágenes dentro de una página. Sin embargo, el método más utilizado por los diseñadores de páginas es por medio de la etiqueta <IMG> mediante la siguiente estructura básica: <IMG SRC=URL> o bien,

14 <IMG SRC=URI> Su sintaxis es la siguiente: <IMG SRC= archivo de imagen ALT= descripción de la imagen > La forma más sencilla de desplazar una imagen dentro de la página es utilizando las etiquetas <P> y </P> y los caracteres de espaciado. Para crear un fondo de página a partir de una imagen se utiliza el atributo BACKGROUND en lugar del atributo BGCOLOR, asociándole al mismo una URI o URL que referencie un archivo gráfico BMP, JPG/JPEG, GIF o PNG. Apariencia final de la imagen: bordes y tamaño Existen una serie de atributos asociados a la etiqueta IMG que permiten definir tanto el tamaño de la imagen asociada como el grosor del borde, la existencia de éste o la separación existente entre varias imágenes contiguas: HEIGHT: Indica el alto de la imagen en píxeles. Por lo general éste deberá ser un valor igual o superior al alto real de la imagen. También puede indicarse un valor porcentual con respecto al alto de la página mostrada. En este caso el valor numérico deberá ir seguido del carácter %. WIDTH: indica el ancho de la imagen en píxeles. Por lo general éste deberá ser un valor igual o superior al ancho real de la imagen. También puede indicarse un valor porcentual con respecto al ancho de la página mostrada. En este caso el valor numérico deberá ir seguido del carácter %. HSPACE: indica la separación horizontal en píxeles, a la izquierda y a la derecha de la imagen con respecto a los elementos que la rodean. Por defecto su valor es un número entero muy pequeño o igual a cero, dependiendo del navegador que se utilice. VSPACE: indica la separación vertical en píxeles, por encima o por debajo de la imagen con respecto a los elementos que la rodean. Por defecto su valor es un

15 número entero muy pequeño o igual a cero, dependiendo del navegador que se utilice. Creación de hiperenlaces Los hiperenlaces en HTML están definidos básicamente por el uso de la etiqueta <A> junto con determinados parámetros adicionales. Los enlaces realizados con la etiqueta <A> se pueden agrupar en varios tipos o grupos, en función de la localización del objetivo o target del mismo: to HTML Definición básica de tablas en HTML Para definir una tabla se utilizan las etiquetas <TABLE> y </TABLE>. Estas dos etiquetas delimitan el principio y el fin de la tabla, y todo lo que se escriba entre ellas pertenecerá a ella. Una vez fijado su ámbito, en su interior, deberá utilizar las etiquetas <TR> y </TR> para delimitar sus filas. Estas dos etiquetas equivalen a <P> y </P> en los párrafos, de modo que, hasta que no se use <TR> no pasará a la siguiente fila de la tabla. Dentro de cada fila deberá delimitar el principio y el final de cada celda con las etiquetas <TD> y </TD>. Lo que se escriba entre esas dos etiquetas es lo que se va a mostrar dentro de la celda. Cuando se escriba <TD> pasará a la siguiente celda de la tabla, es decir, la que está inmediatamente a la derecha de la que acaba de crear. La etiqueta <BORDER> nos permite, además, indicar el grosor que va a tener la línea que delimite a la tabla (no la de las celdas). Para ello, deberá poner la siguiente estructura: <TABLE BORDER = n>

16 Fusión de celdas Cuando se desea generar celdas que abarquen otras celdas (como en el caso anterior, la celda Países Europeos y la celda Países Americanos, que engloban a tres celdas), puede utilizar las siguientes etiquetas que pertenecen a <TD> y </TD>: ROWSPAN = n Que indica que esa celda se extiende en n filas COLSPAN = n Que indica que esa celda se extiende en n columnas. Así, por ejemplo, si escribe <TD COLSPAN = 2>, quiere decir que la celda actual se extiende a lo ancho de dos celdas. Algo parecido ocurre con ROWSPAN, si escribe <TD ROWSPAN = 3>, la celda ocupará el alto de tres celdas normales.

17 ASI QUEDA NUESTRA PAGINA WEB

TEMA 2. CREAR SITIOS WEB USANDO. Tecnologías de la Información 1ºBachillerato IES Zurbarán (Badajoz)

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

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

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

Más detalles

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

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

Más detalles

Profesor: Víctor Cárdenas Schweiger

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 detalles

UNIDAD I HOJA ELECTRÓNICA DE CÁLCULO

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

Estas líneas son permanentes en una página Web. Siempre van a estar presentes no importando qué tan corta o tan larga sea la página y el contenido.

Estas líneas son permanentes en una página Web. Siempre van a estar presentes no importando qué tan corta o tan larga sea la página y el contenido. Estructura de una página Web Toda página Web tiene una estructura que permite al programador saber de antemano qué tipo de información necesita introducir. Esto ayuda a que la página que diseña sea claramente

Más detalles

Diseño Web. Sitio Web Conjunto de páginas web relacionadas entre sí.

Diseño Web. Sitio Web Conjunto de páginas web relacionadas entre sí. Internet Es una red de redes de ordenadores, que intercambian información basándose en el protocolo TCP/IP. Existen diversas formas de acceder a Internet: Correo electrónico, FTP, Videoconferencia, y la

Más detalles

HTML. 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 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 detalles

MANUAL DE REFERENCIA DE PROGRAMACIÓN HTML

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

Apuntes básicos de HTML I.E.S. Pintor José María Fernández

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

HTML. 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 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 detalles

Nociones basicas de HTML

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

Etiquetas Básicas (Estructura HTML) Etiquetas Atributos Valores Descripción. Formato de Presentación Etiquetas Atributos Valores Descripción

Etiquetas 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

Introducción: páginas web y navegadores

Introducció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 detalles

7.1 Estructura Básica de jas Tablas

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

Tema 3. Conceptos Básicos de HTML. ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda!

Tema 3. Conceptos Básicos de HTML. ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda! Tema 3. Conceptos Básicos de HTML ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda! Lenguajes de descripción! Grupo de lenguajes que describen cómo representar

Más detalles

Objetivos. 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. 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 detalles

5.- Crear páginas web con Nvu

5.- Crear páginas web con Nvu 5.- Crear páginas web con Nvu Nvu permite crear y publicar páginas web sin necesidad de tener conocimientos de HTML y de una forma tan sencilla como utilizar un procesador de textos. La barra de herramientas

Más detalles

TEMA 9 CREACIÓN DE PÁGINAS WEB

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

Más detalles

En primer lugar necesitamos indicar el tipo de documento que estamos creando. Esto en HTML5 es extremadamente sencillo:

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

Prá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 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 detalles

Lenguaje HTML y páginas web. Alex Sánchez

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

Unidad II: Lenguaje de marcado

Unidad II: Lenguaje de marcado Unidad II: Lenguaje de marcado 2.1 Introducción Un lenguaje de marcado o lenguaje de marcas es una forma de codificar un documento que, junto con el texto, incorpora etiquetas o marcas que contienen información

Más detalles

Luis José Sánchez González INTRODUCCIÓN

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

Tema 5: La red de redes: Internet

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

HTML. HyperText Markup Language (Lenguaje de Marcas de Hipertexto)

HTML. 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 detalles

DISEÑ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 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 detalles

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

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

Más detalles

EDICIÓN WEB CÓDIGO HTML

EDICIÓ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 detalles

C APÍTULO 1 Gestión de documentos

C APÍTULO 1 Gestión de documentos C APÍTULO 1 Gestión de documentos En este capítulo encontrará unas sencillas indicaciones para cocripción somera del entorno de trabajo de Word, así como una referencia rápida a las funciones de las teclas

Más detalles

Nueva Web de los SCTs http://www.sct.uniovi.es MANUAL DEL USUARIO

Nueva Web de los SCTs http://www.sct.uniovi.es MANUAL DEL USUARIO Nueva Web de los SCTs http://www.sct.uniovi.es MANUAL DEL USUARIO 1 ÍNDICE DE CONTENIDOS 1 Acceso a la edición de contenidos...3 1.1 Noticias...3 1.2 Utilización del editor de contenidos...6 1. Formato...6

Más detalles

HTML HTML HTML. Diseño de Sitios Web. Qué es HTML?

HTML HTML HTML. Diseño de Sitios Web. Qué es HTML? Diseño de Sitios Web 5 (I) Qué es? Es un lenguaje descriptivo con el cual se describe la estructura del texto y todos los elementos que se muestran en la página. Es el método más usado para publicar documentos

Más detalles

HTML. Ejercicios para HTML. Las etiquetas <html> y </html> identifican el principio y el final del documento HTML.

HTML. Ejercicios para HTML. Las etiquetas <html> y </html> identifican el principio y el final del documento HTML. HTML HTML o Hypertext Markup Language o Lenguaje de Diseño de Hipertextos, es un lenguaje que se utiliza para crear páginas web. Ejercicios para HTML Las etiquetas y identifican el principio y el

Más detalles

PHP y MySQL. Aplicaciones Web: HTML II (tercera parte) Autor: Johnny Zulca Mamani

PHP y MySQL. Aplicaciones Web: HTML II (tercera parte) Autor: Johnny Zulca Mamani PHP y MySQL. Aplicaciones Web: HTML II (tercera parte) Autor: Johnny Zulca Mamani 1 Presentación del curso Programación de aplicaciones Web con PHP y MySQL. Ahora continuaremos con el estudio de las páginas

Más detalles

Elaboración de actividades: Webquest y Caza del Tesoro UNIDAD. Lenguaje HTML. Clase 7 Clase 8

Elaboración de actividades: Webquest y Caza del Tesoro UNIDAD. Lenguaje HTML. Clase 7 Clase 8 Elaboración de actividades: Webquest y Caza del Tesoro UNIDAD Lenguaje HTML Clase 7 Clase 8 Exposición 4.6. Fuentes Tamaño de las fuentes: Texto En el nuevo estándar HTML 3.2 se admite

Más detalles

Curso PHP Módulo 1 R-Luis

Curso PHP Módulo 1 R-Luis Lenguaje PHP Introducción Archivos HTML y PHP: Crear un archivo php es tan sencillo como cambiarle la extensión a un archivo html, por ejemplo podemos pasar de index.html a index.php sin ningún inconveniente.

Más detalles

SPIP (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) 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 detalles

3_formato I. NOTA: al pegar unas celdas sobre otras no vacías, se borrará el contenido de estas últimas.

3_formato I. NOTA: al pegar unas celdas sobre otras no vacías, se borrará el contenido de estas últimas. 3. Luego se seleccionan las celdas donde se quiere que se sitúen las celdas cortadas. No hace falta seleccionar el rango completo sobre el que se va a pegar, ya que si se selecciona una única celda, Calc

Más detalles

H T M L. Marquesinas y Listas U.A.C.M COMPUTACIÓN II. Prácticas

H T M L. Marquesinas y Listas U.A.C.M COMPUTACIÓN II. Prácticas Prácticas H T M L U.A.C.M COMPUTACIÓN II Marquesinas y Listas Práctica VII HTML Básico El objetivo es trabajar con dos elementos que nos darán un mejor aspecto a la información que se visualice en nuestra

Más detalles

Guardar el archivo como Practica1.html en formato texto y visualizarlo con el navegador.

Guardar el archivo como Practica1.html en formato texto y visualizarlo con el navegador. HTML Etiquetas Básicas y de Estructura de páginas Web, Manejo de Texto y diseño de Páginas. Objetivo: Hacer prácticos los conocimientos adquiridos en la clase teórica. Investigar más etiquetas para el

Más detalles

Crear una página Html con el Editor.

Crear una página Html con el Editor. Crear una página Html con el Editor. El Editor de Páginas HTML de RODAS permite a los usuarios crear, cargar y editar una serie de páginas web HTML que se almacenará en Mis Objetos o en una colección durante

Más detalles

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

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

Más detalles

Manual de publicación

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

HTML El idioma de Internet (Parte 1)

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

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA Nombre del Módulo: DISEÑO DE PAGINAS WEB CON HTML Código: CSTI0085 total: 3 Horas Objetivo General: Construir páginas Web en base

Más detalles

Taller de Paginas Web

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

Algunos de los botones ofrecen las funcionalidades básicas para el trabajo con ficheros propias de cualquier programa editor.

Algunos de los botones ofrecen las funcionalidades básicas para el trabajo con ficheros propias de cualquier programa editor. Curso de creación de documentos Web Servicio de Comunicaciones Uso del Netscape Composer para la creación de documentos HTML 1.- Creación de un documento. El Netscape Communicator incluye un programa,

Más detalles

Antes de comenzar un sitio. Empezar un sitio web

Antes de comenzar un sitio. Empezar un sitio web Antes de comenzar un sitio Es muy recomendable realizar la siguiente actividad, de evaluación de páginas web, para tener ideas y recursos. http://www.uamvirtual.es/mod/assignment/view.php?id=3228 Empezar

Más detalles

CREACION DE PÁGINAS WEB

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

Más detalles

CREACIÓN DE PÁGINAS WEB CON NVU

CREACIÓN DE PÁGINAS WEB CON NVU CREACIÓN DE PÁGINAS WEB CON NVU 1. Introducción... 1 2. Instalación... 2 3. Antes de comenzar una página web... 2 4. Editar páginas web con NVU... 5 5. Definir el diseño de nuestro sitio... 6 5.1. Plantillas...

Más detalles

Programación de aplicaciones WEB

Programación de aplicaciones WEB Programación de aplicaciones WEB Tecnologías del lado del del cliente 1 Tecnologías del lado del cliente Estructura HTML/XHTML Presentación Hojas de estilo (CSS) Comportamiento JavaScript 2 Introducción

Más detalles

2_dar formato al texto / documentos I

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

Más detalles

ADMINISTRACIÓN MI PRIMER ARTÍCULO (Parte I) (Última revisión: domingo, 15 de febrero de 2009)

ADMINISTRACIÓN MI PRIMER ARTÍCULO (Parte I) (Última revisión: domingo, 15 de febrero de 2009) JOOMLA! ADMINISTRACIÓN MI PRIMER ARTÍCULO () (Última revisión: domingo, 15 de febrero de 2009) Cuando nos introducimos en el mundo de las páginas Web nuestro objetivo fundamental es poder comunicarnos

Más detalles

Feliz cumpleaños. Introducción HTML & CSS

Feliz cumpleaños. Introducción HTML & CSS HTML & CSS 1 Feliz cumpleaños All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club.

Más detalles

El módulo de texto plano es un sencillo editor. Al seleccionarlo en la caja de módulos, el área central adoptará al siguiente aspecto:

El módulo de texto plano es un sencillo editor. Al seleccionarlo en la caja de módulos, el área central adoptará al siguiente aspecto: Plantilla de texto plano El módulo de texto plano es un sencillo editor. Al seleccionarlo en la caja de módulos, el área central adoptará al siguiente aspecto: Título: Es el título que aparecerá identificando

Más detalles

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION CICLO 01-2016 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION GUIA DE LABORATORIO Nº 1 Nombre de la practica: Introducción y conceptos básicos de HTML Lugar de ejecución:

Más detalles

MICROSOFT WORD 2007 AVANZADO. Unidad Didáctica Nº 1

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

ÍNDICE WORD 2007. 2da. Parte

ÍNDICE WORD 2007. 2da. Parte ÍNDICE WORD 2007 2da. Parte PÁG. 02 05 08 12 13 15 16 17 18 19 20 22 25 TEMAS 27- Tabla de Ilustraciones 28- Índice 29- Tablas 30- Viñetas 31- Numeraciones 32- Esquemas. Esquemas numerados 33- Secciones.

Más detalles

HTML. El Lenguaje de Programación de Páginas Web. Iván Martínez Toro

HTML. El Lenguaje de Programación de Páginas Web. Iván Martínez Toro HTML El Lenguaje de Programación de Páginas Web Iván Martínez Toro ÍNDICE DECONTENIDOS Introducción al HTML. Estructura general de una página: etiquetas HTML, HEAD y BODY. Dar título a la página con la

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

Tema 4. Contenido multimedia. ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda!

Tema 4. Contenido multimedia. ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda! Tema 4. Contenido multimedia ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda! Hipertexto! Permiten conectar entre sí entre diferentes documentos, elementos

Más detalles

Manual de uso: Editor Web del CMS

Manual de uso: Editor Web del CMS Manual de uso: Editor Web del CMS Este manual sirve de apoyo para aquellas personas que usen el CMS y requieran editar textos dentro del mismo. Índice: 1. Cómo copiar texto desde Word? 2. Cómo resaltar

Más detalles

EJEMPLO DE APERTURA Y CIERRE DE UNA ETIQUETA.

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

Instrucciones para descargar el archivo de la prueba de diagnóstico.

Instrucciones para descargar el archivo de la prueba de diagnóstico. 1 P á gina- Prueba de dia g n ó s t ico de Word (Rev. 2.1) PRUEBA DE DIAGNÓSTICO DE WORD. Instrucciones para descargar el archivo de la prueba de diagnóstico. Cree en el escritorio, una carpeta con su

Más detalles

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

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

Más detalles

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

QUE ES HTML? Las siglas HTML se refieren a:

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

La primera etiqueta que vamos a aprender es aquella por la que deben empezar todos los documentos que queramos sean considerados HTML; esta es:

La primera etiqueta que vamos a aprender es aquella por la que deben empezar todos los documentos que queramos sean considerados HTML; esta es: TEMA P1. CURSO BÁSICO DE PROGRAMACIÓN EN LENGUAJE HTML HTML es un acrónimo de HiperText Markup Language que, traducido al español, quiere decir algo así como lenguaje de definición por marcas para hipertexto,

Más detalles

Arquitectura de Tecnologías Web Por César Bustamante Gutiérrez. Módulo II: Tecnologias del lado del Cliente Tema 1: HTML5. www.librosdigitales.

Arquitectura de Tecnologías Web Por César Bustamante Gutiérrez. Módulo II: Tecnologias del lado del Cliente Tema 1: HTML5. www.librosdigitales. 1 Que es CSS3? El CSS sirve para definir la estética de un sitio web en un documento externo y eso mismo permite que modificando ese documento (la hoja CSS) podamos cambiar la estética entera de un sitio

Más detalles

TIPOS DE VARIABLES EN PHP. DECLARACIÓN Y ASIGNACIÓN. LA INSTRUCCIÓN ECHO PARA INSERTAR TEXTO O CÓDIGO. (CU00816B)

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

R13 Maqueta Original

R13 Maqueta Original El Edificio R Editori@l de Construcción Redacción 1 Objetivos 1.3 Maqueta original 1.9 Anexo Redactor Catálogo Indice local Buscar R13 Maqueta Original Este manual trata sobre la maqueta o diseño gráfico

Más detalles

Bases del HTML CÓMO SE HACE LA WEB ENTENDIENDO LA ESTRUCTURA DE HTML. Sesión 3 10/09/14. Orígenes. Orígenes

Bases del HTML CÓMO SE HACE LA WEB ENTENDIENDO LA ESTRUCTURA DE HTML. Sesión 3 10/09/14. Orígenes. Orígenes 10/09/14 CÓMO SE HACE LA WEB LO QUE VES Bases del HTML CÓMO ES CREADA Sitios pequeños utilizan solamente HTML y CSS. Sesión 3 Sitios más grandes usan CMS, herramientas de blog o comercio de e-commerce.

Más detalles

HTML Guía de trabajo para 3º ESO

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

Más detalles

Laboratorio 8. Hojas de estilo, plantillas y bibliotecas en Dreamweaver

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

Guia para el principiante

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

Cursito 27: Curso de HTML Parte 3

Cursito 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

GUÍA DE APRENDIZAJE COMPUTACIÓN BÁSICA II COMPETENCIA GENERAL

GUÍA DE APRENDIZAJE COMPUTACIÓN BÁSICA II COMPETENCIA GENERAL GUÍA DE APRENDIZAJE COMPUTACIÓN BÁSICA II COMPETENCIA GENERAL Maneja herramientas informáticas vigentes que le permiten administrar y difundir información diversa en un contexto social, académico y laboral

Más detalles

Tutorial 1: Creación de páginas web con Editor HTML de OpenOffice

Tutorial 1: Creación de páginas web con Editor HTML de OpenOffice Tutorial 1: Creación de páginas web con Editor HTML de OpenOffice Nota: el propósito del curso no es aprender a elaborar páginas web complejas. Por eso, únicamente vamos a aprender a manejar ocho procedimientos:

Más detalles

Prácticas con... HTML. Luis Escandell Gómez Enero de 2.007

Prácticas con... HTML. Luis Escandell Gómez Enero de 2.007 Prácticas con HTML Luis Escandell Gómez Enero de 2.007 1 Práctica 1 - Introducción a HTML (1) A lo largo de estas prácticas vamos a conocer los conceptos básicos sobre HTML, y cómo se utiliza para crear

Más detalles

MAQUETACIÓN CON CSS. Elementos principales. Diseño fijo, líquido, elástico

MAQUETACIÓN CON CSS. Elementos principales. Diseño fijo, líquido, elástico MAQUETACIÓN CON CSS Elementos principales Para maquetar una página web y crear su estructura visual (layout) hay que dividir la página en bloques. La estructura de una página web tendrá una serie de áreas

Más detalles

CUADERNILLO DE PRÁCTICAS

CUADERNILLO DE PRÁCTICAS UNIVERSIDAD INTERAMERICANA PARA EL DESARROLLO CUADERNILLO DE PRÁCTICAS Aplicaciones Educativas WEB CUADERNILLO DE PRÁCTICAS Introducción Las posibilidades que brindan las tecnologías de la información

Más detalles

CÓMO CREAR UNA WEBQUEST Paso a Paso

CÓ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 detalles

COLEGIO AGUSTINIANO CIUDAD SALITRE AREA DE TECNOLOGÍA E INFORMATICA GUIA DE APOYO SEGUNDO BIMESTRE 2015 GRADO UNDECIMO

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

Más detalles

UNIDAD 4: NOCIONES BÁSICAS DE DISEÑO WEB (MAQUETACIÓN HTML) CURSO ELABORACIÓN DE CONTENIDOS FORMATIVOS Plan de Formación Edukanda

UNIDAD 4: NOCIONES BÁSICAS DE DISEÑO WEB (MAQUETACIÓN HTML) CURSO ELABORACIÓN DE CONTENIDOS FORMATIVOS Plan de Formación Edukanda UNIDAD 4: NOCIONES BÁSICAS DE DISEÑO WEB (MAQUETACIÓN HTML) CURSO ELABORACIÓN DE CONTENIDOS FORMATIVOS Plan de Formación Edukanda 1 Índice 1. Introducción... 3 2. Objetivos... 4 3. El lenguaje HTML...

Más detalles

Guía (muy) básica de hojas de estilo (CSS) y de marcado semántico de páginas web (v1.)

Guía (muy) básica de hojas de estilo (CSS) y de marcado semántico de páginas web (v1.) Guía (muy) básica de hojas de estilo (CSS) y de marcado semántico de páginas web (v1.) 1. Hojas de estilo: una base para el marcado semántico Lluís Codina UPF. Abril 2007 Una hoja de estilo es un conjunto

Más detalles

MOODLE 1.9 EDITOR DE TEXTO HTML

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

Actividad: Título de la actividad: Duración: Objetivo: Materiales: Tarea previa: Páginas web de referencia:

Actividad: Título de la actividad: Duración: Objetivo: Materiales: Tarea previa: Páginas web de referencia: Actividad: Segundo laboratorio: páginas de marcos usando notepad Título de la actividad: Tablas, ligas y marcos Duración: 105 minutos Objetivo: Crear una página Web con marcos utilizando el editor de texto.

Más detalles

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA Nombre del Módulo: DISEÑO DE PAGINAS WEB CON HTML Código: CSTI0085 total: 63 Horas Objetivo General: Construir páginas Web a partir

Más detalles

Laboratorio 6. Creación de sitios Web - Dreamweaver

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

Curso de capacitación en Moodle

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

Más detalles

MANUAL PRACTICO DE HTML

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

Herramientas de Google

Herramientas de Google 1 Índice de contenido Licencia y condiciones de uso...3 Introducción...4 Crear sitio...5 Acceso a Google Sites...5 Registro del sitio...6 La página de inicio...8 Añadir páginas...9 Añadir páginas...9 Página

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

1. UNA PÁGINA WEB SENCILLA

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

Más detalles

Qué es HTML? Páginas WEB. Etiquetas

Qué es HTML? Páginas WEB. Etiquetas Guía de Html 2015 QUÉ ES HTML PÁGINAS WEB ETIQUETAS ESTRUCTURA BÁSICA DE UNA PÁGINA WEB CÓMO SE UTILIZAN LOS COLORES EN HTML? TEXTO EN HTML ENCABEZADOS UBICACIÓN, FORMATO Y ATRIBUTOS DE TEXTO TABLAS NUMERACIÓN

Más detalles

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

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

Más detalles