UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA

ESCUELA DE CIENCIAS BÁSICAS TECNOLOGÍA E INGENIERÍA
PROGRAMACION DE SITIOS WEB

Momento de Evaluación Inicial
Actividad Inicial

Preparado por

GLORIA ELENA CARDENAS- CC 43722789
GRUPO 301124_38

TUTOR

FRANCISCO JAVIER HILARIÓN NOVOA

Medellín – Colombia
2016

INTRODUCCION .

OBJETIVOS GENERALES: ESPECIFICOS .

Cada uno de los participantes debe crear un mapa conceptual sobre los contenidos del curso 2.ACTIVIDAD 1. .

Estas marcas se definen como etiquetas y son la base principal del lenguaje HTML. LISTAS Existen tres tipos de listas compatibles en HTML. Inclusión de una Imagen. Crear un pequeño resumen sobre las etiquetas de HTML (Manejo de texto. LISTAS SIN ORDENAR: Están formadas por elementos junto a los que parece una viñeta. Hipervínculos y formularios). del inglés Bold (negrita). la de fin contendrá el mismo texto que la de inicio añadiéndole al principio una barra inclinada /. El efecto que define la etiqueta tendrá validez para todo lo que esté incluido entre las etiquetas de inicio y fin. fragmentos de texto destacado de una forma especial que permiten la definición de las distintas instrucciones de HTML. cada elem3ento se identifica con la etiqueta <li>. Definirá una tabla. La etiqueta <ul> identifica una lista desordenada y dentro de la lista. listas. Si no se utiliza el atributo type.3. Normalmente una existe una etiqueta de inicio y otra de fin. ya sea texto plano u otras etiquetas HTML. tablas. HTML es un lenguaje de marcas. Una etiqueta es un texto incluido entre los símbolos menor que < y mayor que >. Ejemplo: <B> <TABLE> <IMG> Letra negrita. Ejemplo: . las listas utilizan la viñeta disc como predeterminada. Los valores que se pueden asignar son: disc que muestra un círculo relleno. circle que muestra un círculo vacío y square que indica un cuadrado relleno. imágenes. La etiqueta <ul> es compatible con un atributo type que permite cambiar el tipo de viñeta.

Otra etiqueta <dd> debe seguir a la etiqueta <dt> en una lista de definiciones para proporcionar la definición del elemento anterior. pero se identifican mediante números. Número 2 <li> Número 3</li> | 3. Resultado Lista desordenada <ul> <li> Primero de la lista</li> . en lugar de viñetas. Se inserta entre etiquetas <dl> de apertura y cierre y cada término de la lista se identifica mediante la etiqueta <dt>. Tercero de la lista LISTAS ORDENADAS: Son similares a las listas desordenadas. Código utilizado.Código utilizado. Número 1 <li> Número 2</li> 2. Primero de la lista <li> Segundo de la lista</li> . Ejemplo: Código utilizado. Número 3 LISTAS DE DEFINICIONES: Contienen términos con su correspondiente definición. Resultado . Segundo de la lista <li> Tercero de la lista</li> . La etiqueta <ol> identifica la lista ordenada y dentro de la lista cada elemento se identifica con la etiqueta <il>. Resultado Lista ordenada (numerada) <ol> <li> Número 1</li> 1.

Lista de definición. .y . Un comentario utiliza los delimitadores especiales <!. es decir que identifican información que no forma parte del contenido del documento y no se procesa ni se muestra en un explorador web.> HIPERVÍNCULOS Son una parte importante de las páginas web..</dd </dl> COMENTARIOS Los comentarios HTML describen el código.. imágenes.) sobre los que se desee insertar un enlace han de encontrarse las etiquetas <a> y </a>. Aquellos elementos (texto. Es un enlace. que al ser pulsado lleva de una página o archivo. electrónicos.. <dl> <dt> Internet </dt> <dd> Conjunto descentralizado de Internet redes de comunicación Conjunto descentralizado de redes de interconectadas que utilizan la familia comunicación interconectadas que de protocolos TCP/ip</dd> utilizan la familia de protocolos TCP/IP <dt> Correo electrónico <dt> Correo electrónico <dd> Es un servicio de red que Es un servicio de red que permite a los que permite a los usuarios enviar y recibir usuarios enviar y recibir mensajes mensajes rápidamente mediante rápidamente mediante sistemas de sistemas de comunicación comunicación electrónicos.Insertar el código para crear una línea . etc. ya que nos permiten conectar una página con otro recurso de la Web.-> Ejemplo: <!.

Con el atributo href se especifica la página a la que está asociado el enlace. Es utilizado para imágenes que no tienen calidad fotográfica y son aquellas que son creadas manualmente o con herramientas de publicidad. Los recursos residen en equipos conectados a Internet y cada uno de esos equipos se debe identificar para poder tener acceso a los recursos. imágenes digitalizadas a partir de fotografías o tomadas como imágenes con una cámara digital. como las imágenes. Los URL están estrechamente ligados con los hipervínculos ya que un URL es utilizado por los exploradores Web para ver páginas específicas. la página que se visualizará cuando el usuario haga clic en el enlace. . Ejemplo <a href=http://www. Se utilizan con gran frecuencia. Es utilizado en imágenes con calidad fotográfica.commx> URL Identifican páginas Web y otros recursos. al contener millones de colores. ya que permiten definir transparencias y animación.ithinkweb. FORMATO GIF Son recomendables para imágenes con grandes áreas de un mismo color o de tonos continuos. para conocer la ubicación del recurso vinculado en la Web. FORMATO JPG Las imágenes son de mayor calidad que las GIF. IMÁGENES FORMATOS DE IMAGEN Los formatos más utilizados son el GIF y el JPG. son recomendables debido a que ocupan menos memoria.

Las celdas.Para insertar una imagen es necesario insertar la etiqueta HTML <img>. No necesita etiqueta de cierre. <table> y </table> se utiliza para crear una tabla. colocar imágenes al lado de un bloque de texto.”> TABLAS La mayoría de las páginas Web basan su diseño en tablas. En las páginas web todos los objetos se alinean por defecto a la izquierda. >td> y </td> identifica una celda dentro de una fila. El nombre de la imagen y la dirección donde está ubicada se identifica a través del atributo src. Se compone de las siguientes etiquetas. . ya que son de gran utilidad en su diseño. Esta dirección también se conoce como URL. <tr> y </tr> identifica el principio de una fila en un tabla. pero con el uso de las tablas permite distribuir el texto en columnas. Por lo tanto se debe especificar la ruta correcta.jpg” alt=”Imagen de Ithinkweb. son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna. Ejemplo: <img src=”images/iwebn.

Se escribe el siguiente código <table border=”1”> <tr> <td>Enero</td> <td>Febrero</td> </tr> <td>Recursos</td> <td>Cursos</td> </tr> <tr> <td>Flash y HTML</td> <td>Bases de datos</td> </tr> </table> 4.Ejemplo Para crear la siguiente tabla. Actualizar su perfil con una fotografía y pegar la captura de pantalla como evidencia. .