unidad 5. r.totales universidad arturo prat. "tecnologías para la gestión". prof. miguel...

42
Unidad 5. R.Tota les Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión de las redes estudiadas en el capítulo anterior, mas las que estudiaremos a continuación nos permitirá no sólo unir las diferentes unidades de una empresa, sino también interconectar empresas y los clientes con éstas. Este tipo de red es el que hace posible el paradigma de usuario conectado en red. Es decir estamos tecnologicamente preparados para entrar a la Sociedad de la Información. TECNOLÓGICAS

Upload: ulises-olivar

Post on 13-Feb-2015

6 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

1

REDES TOTALESINTRODUCCIÓN

A partir de la interconexión de las redes estudiadas en el capítulo anterior, mas las que estudiaremos a continuación nos permitirá no sólo unir las diferentes unidades de una empresa, sino también interconectar empresas y los clientes con éstas. Este tipo de red es el que hace posible el paradigma de usuario conectado en red. Es decir estamos tecnologicamente preparados para entrar a la Sociedad de la Información.

TECNOLÓGICAS

Page 2: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

2

REDES TOTALESEDI

A continuación estudiaremos otros tipos de redes que existen en la actualidad y que también nos permitirá conectarnos al mundo de la información.

EDI : (Electronic Data Interchange)

Permite el intercambio de formularios preestablecidos, en forma electrónica entre empresas.

El PC “enviador” genera el formato a traspasar y un software propio de la solución EDI lo transforma a señal electrónica transmisible por el protocolo y las líneas que usa la empresa que provee el servicio, también rutea el mensaje a la empresa receptora, velando por la seguridad y exactitud de lo transmitido.

En la empresa receptora el software EDI decodifica la señal y deja el formulario almacenado en su computador.

Page 3: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

3

REDES TOTALESEDI. MODELO EJEMPLO

a) Tradicional

b) EDI

Page 4: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

4

REDES TOTALESEDI. CONSIDERACIONES GENERALES

•La generación de los formularios, tanto en la empresa que los envía como la receptora, debe ser realizada computacionalmente, antes de ser transmitida.

•EDI evita la redigitación del contenido de los formularios, por lo que asegura minimizar los errores por esta causa.

•Acelera los procesos administrativos, aumentando la productividad de las actividades que lo componen.

•EDI ha sido desplazada por la masificación del uso de Internet, aún cuando esta última herramienta no posee todavía la seguridad de EDI.

Page 5: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

5

REDES TOTALESEDI. EJEMPLO CASO CHILENO

En Chile los agentes de aduana pueden intercambiar información con los Servicios de Aduana, por medio de EDI, con el fin de procesar los documentos necesarios para el ingreso de un producto importado al país.

Page 6: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

6

REDES TOTALESGROUPWARE

•Apoya la coordinación del trabajo de grupos de personas, en particular de los que desarrollan actividades no rutinarias y de índole más creativa; por ejemplo: un grupo de proyecto que diseña una obra de ingeniería, o uno que desarrolla un nuevo producto dentro de una empresa.

•Genera un espacio compartido de trabajo a los miembros del grupo, con acceso en tiempo real.

•La totalidad de la relación es mayor que la suma de las destrezas individuales.

•Pueden usar botones o campos activos que se envíe automáticamente•a otro usuario luego de una acción.

•Los campos pueden ser: Numéricos, Rich text, Fecha/ Tiempo, Punteros (Links) hipertextos.

Page 7: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

7

REDES TOTALESGROUPWARE

•Son fáciles de definir, administrar y usar (para usuarios finales)

•Permite compartir información interacción entre usuarios (Envío de mensajes).

•Es una herramienta de coordinación poderosa.

•División de tareas : los usuarios son libres de consultar, colaborar o solicitar ayuda.

•Se pueden automatizar procesos poco estructurados y que son realizados por ejecutivos de alto nivel generalmente.

•División de tareas : los usuarios son libres de consultar, colaborar o solicitar ayuda.

Page 8: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

8

REDES TOTALESGROUPWARE

Page 9: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

9

REDES TOTALESGROUPWARE. BENEFICIOS CUANTITATIVOS

•Mejora la cultura corporativa (participación y colaboración).

•Desintegración de las barreras organizaciones.

•Simplificación de las soluciones a los problemas (uso de todos los Recursos de la Empresa).

•Los usuarios son los propietarios de las aplicaciones ( no los técnicos).

•Flexibilización organizacional.

•Modifica la manera en que la gente se comunica, organiza y comporta.

Page 10: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

10

REDES TOTALESWORKFLOW

•Similar al concepto de Groupware con la diferencia que esta herramienta permite hacer fluir los documentos, de acuerdo a una ruta preestablecida, entre las diferentes unidades organizaciones o personas que intervienen en su procesamiento.

• Orientado también a trabajo de grupo, pero en situaciones rutinarias, donde la labor de cada persona que participa en un proceso, que maneja determinados documentos, está bien definida a priori.

• Existen reglas que definen el trabajo de cada persona y relacionada a una determinada ruta del flujo.

• También se definen roles, que son actividades que existen independientemente de las personas particulares que las realizan.

• Por lo tanto el workflow también está muy relacionado, al concepto de proceso ya que las rutas, las reglas y los roles son conceptos que lo determinan.

Page 11: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

11

REDES TOTALESWORKFLOW. BENEFICIOS

• Rápido acceso a la información.

• Disminuir la probabilidad de toma de decisiones basadas en documentos obsoletos.

•Proveer un repositorio seguro y controlado.

• Automatizar los procesos documentales.

• Capitalizar el conocimiento.

• Disminución de los Costos.

Page 12: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

12

REDES TOTALESINTERNET

• Red de redes, une los diferentes tipos de red estudiados tipo LAN, formando una gran red de área amplia.

• Conocida también como “La Autopista de la Información”

• La primera gran red nace con el proyecto ARPANET a fines de los 60’s con la finalidad de conectar a los ordenadores de las instalaciones del ejercito de EE.UU. Este proyecto gastó mucho dinero y recursos en construir la red de ordenadores más grande en aquella época. Luego se conectaron instituciones públicas y universidades.

• Constantemente se mejoran los canales de comunicación con el fin de aumentar la rapidez de envío y recepción de datos.

• Usa protocolo TCP/IP

Page 13: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

13

REDES TOTALESINTERNET. PROTOCOLO TCP/IP

• El protocolo para el control de la transmisión (TCP), ofrece manerasflexibles y de alta calidad para crear comunicaciones de red confiables, sin problemas de flujo y con un nivel de error bajo. TCP es un protocolo orientado a la conexión. Mantiene un diálogo entre el origen y el destino mientras empaqueta la información de la capa de aplicación en unidades denominadas segmentos.

•Protocolo Internet (IP). En esta capa se produce la determinación de la mejor ruta. Esto se puede comparar con el sistema postal. Cuando envía una carta por correo, usted no sabe cómo llega a destino (existen varias rutas posibles); lo que le interesa es que la carta llegue.

Page 14: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

14

REDES TOTALESINTERNET. SITUACION EN CHILE

Page 15: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

15

REDES TOTALESINTERNET. SITUACION EN CHILE

Page 16: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

16

REDES TOTALESINTERNET. SITUACION EN CHILE

Page 17: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

17

REDES TOTALESINTERNET. SITUACION EN CHILE

Page 18: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

18

REDES TOTALESINTERNET. SITUACION EN CHILE

Page 19: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

19

REDES TOTALESINTERNET. EL CORREO ELECTRÓNICO

• Funcionalidad más básica de Internet y permite el envío de mensajes entre todos aquellos computadores conectados a la red por medio de un sistema de direcciones.

• Cada computador en Internet tiene una dirección, de acuerdo a un Sistema de Nombres de Dominio, compuesto de tres partes separadas por un punto (.).La primera parte da el nombre de la máquina, la segunda, el de la empresa, y la tercera una zona en la cual está ubicada la empresa.

Ejem.: cec.unap.edu

•Las personas tienen también una dirección (mailbox) en Internet. Está compuesta del nombre de la persona separada por arroba (@) de la dirección de la máquina que ella ocupa: [email protected]

Page 20: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

20

REDES TOTALESINTERNET. EL CORREO ELECTRÓNICO

• Dado que muchos usuarios tienen computadores que no están encendidos todo el tiempo o no tienen equipos multitarea por ejemplo, que pueden estar procesando un programa y atender un llamado de correo electrónico a la vez, se utiliza una modalidad de login remoto.

• Esto significa que uno está conectado a un servidor, que está siempre encendido y es multitarea, habitualmente una máquina UNIX, que recibe los mensajes que nos envían, y al cual podemos conectarnos a voluntad para revisar el correo pendiente. Estos servidores pueden ser de la misma organización en que trabaja una persona o ser servicios externos pagados.

Page 21: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

21

REDES TOTALESEL CORREO ELECTRÓNICO. SERVIDORES POP y SMTP

• El servidor POP (Post Office Protocol) es el ordenador de nuestro Proveedor Internet que nos guarda el correo que recibamos a cualquier hora del día. Se define según nuestro proveedor, en el caso de que nuestro proveedor sea winner, el nombre de dominio de nuestro servidor POP sería: pop.winner.net

• El servidor SMTP (Standard Mail Transfer Protocol) es el ordenador de nuestro Proveedor Internet por el que pasan todos los mensajes que enviamos a Internet. Al igual que el caso anterior, el nombre de dominio de nuestro servidor SMTP sería: smtp.winner.net

Page 22: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

22

REDES TOTALESEJERCICIO DE CORREO ELECTRONICO

Usando el gestor de correos OUTLOOK EXPRESS, realice las siguientes actividades:

• Cree lista de Grupos de Usuarios de manera tal que cuando quiera enviar a aquellos pertenecientes a ese grupo, sólo nombre a uno, el del nombre.

• Cree tres carpetas diferentes de correo de entrada que contengan: Correos no deseados, Correo de Grupos de Usuarios, Correos Personales.

• Ejecute los comandos necesarios que permitan también leer correos provenientes de otro proveedor, ejemplo de Hotmail.

Page 23: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

23

REDES TOTALES WWW (World Wide Web)

• La WWW consiste en páginas de información enlazadas. Cada página de información contiene texto, imágenes y enlaces. Esto es lo que se llama hipertexto, puesto que no es sólo texto, sino que también tiene elementos multimedia como las imágenes y además cada página puede estar enlazada con otras muchas.

• Podemos explorar WWW desde nuestro PC cuando nos conectamos a Internet con la ayuda de un programa Navegador (o Browser, en inglés), como por ejemplo el Netscape o el Internet Explorer de Microsoft.

• El lenguaje original para crear páginas WEB es el HTML (Hypertext Markup Language), es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto presentado de forma estructurada y agradable, con enlaces (hyperlinks) que conducen a otros documentos o fuentes de información relacionadas, y con inserciones multimedia (gráficos, sonido...).

Page 24: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

24

REDES TOTALES URL ((Universal Resource Locator)

• Las páginas Web que encontramos en Internet se designan mediante lo que se llama la dirección URL. Esta tiene tres partes:

• Siglas del Protocolo: indican qué protocolo vamos a usar para la transmisión de datos. Lo normal es usar el protocolo de hipertexto, o sea, páginas Web, que es el HTTP (HyperText Transfer Protocol: Protocolo de Transferencia de Hipertexto). Ejem.: “http://”

• Nombre de Dominio : Indica el dominio utilizado en Internet que nos va adar la información solicitada.

• Ruta en el servidor: indica la posición del ordenador que concretamente se ha solicitado dentro del ordenador servidor. Ejem.:

•http://www.elestudiante.cl/index.html

Page 25: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

25

REDES TOTALES IMPLEMENTACIÓN DE UN SITIO WEB

• Habilitación de un Servidor:

• Contratar los servicios de Servidor a terceros (Web Hosting)

• Habilitar un servidor propio, con todo lo que esto significa: Recursosfísicos y humanos, para su implementación, mantención y administración.

En ambos caso un parámetro importante a considerar, es el espacio en Mbytes disponibles en el servidor, y que es en definitiva el espacio destinado a almacenar toda la información contenida en el sitio.

Page 26: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

26

REDES TOTALESINTRANET

• Grupos de redes interconectadas y que se comunican entre sí a través de plataforma Internet. Por lo que su acceso debe ser restringidos a sus usuarios, y con niveles de acceso respectivos. Para ello debe usarse el SSL (Sucure Sockets Layer): Permite la encriptación de las comunicaciones entre usuarios y servidor, y las autentificación de usuarios.

Page 27: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

27

REDES TOTALESINTRODUCCION AL HTML

Estructura básica de un documento HTML

•Un documento HTML comienza con la etiqueta <html>, y termina con </html>. Dentro del documento (entre las etiquetas de principio y n de html), hay dos zonas bien diferenciadas: el encabezamiento, delimitado por <head> y </head>, que sirve para definir diversos valores validos en todo el documento; y el cuerpo, delimitado por <body> y </body>, donde reside la información del documento.

<html><head><title>Título</title></head><body>Texto del documento, menciones a gráficos, enlaces, etc.</body></html>

Page 28: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

28

REDES TOTALESINTRODUCCION AL HTML

Estilos y efectos básicosEn cada uno de los casos que veremos, primero se presenta el texto original HTML, es decir, lo que nosotros editamos, con las directivas situadas en los lugares adecuados; y después se presenta el efecto que dicho texto fuente produce una vez que se interpreta y se representa con el programa adecuado.

Títulos

Mediante los títulos, en sus diferentes niveles de importancia, podemos definir el esqueleto del documento, su estructura básica:

<h1>Mucha importancia</h1><h2>Menos importancia</h2><h3>Mucha menos importancia</h3>Mucha importanciaMenos importanciaMucha menos importancia

Page 29: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

29

REDES TOTALESINTRODUCCION AL HTML

Atributos de texto:

• Mediante estos atributos determinamos el estilo y el tipo de letra quetendrá a la presentación del documento final

• Al presentar un documento se hace caso omiso de los espacios, tabulaciones y retornos de carro que se encuentren en el texto fuente, para su control se puede utilizar:

<p> : Marca fin de párrafo<br>: Retorno de carro.

Page 30: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

30

REDES TOTALESINTRODUCCION AL HTML

Atributos de texto:

• Ejemplo:

Este ser a un texto normal (párrafo 1, línea 1).<br>El primer párrafo estar a formado por 2 líneas (párrafo 1ínea 2).<p>Este ya es el segundo párrafo (párrafo 2, línea 1).<p>

Este ser a un texto normal (párrafo 1, línea 1).El primer párrafo estar a formado por 2 líneas (párrafo 1ínea 2).Este ya es el segundo párrafo (párrafo 2, línea 1).

Page 31: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

31

REDES TOTALESINTRODUCCION AL HTML

Atributos de texto:

• Texto en negrita: <b>……</b> <b>con negrita</b> con negrita

• Texto en cursiva: <i>……</i> <i>en cursiva</i> en cursiva

• Centrar texto: <center>……</center> <center>UNAP</center>

UNAP

Page 32: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

32

REDES TOTALESINTRODUCCION AL HTML

Listas: <ul> <ul>….</ul> : Lista no numerada<li>Tomates<li>Zanahorias<li>Papas</ul>TomatesZanahoriasPapas

<ol> <ol>….</ol> : Lista numerada<li>Tomates<li>Zanahorias<li>Papas</ol>1. Tomates2. Zanahorias3. Papas

Page 33: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

33

REDES TOTALESINTRODUCCION AL HTML

Varios:

Caso con líneas:

• <hr> Pone una línea horizontal separadora entre textos.

Comentarios: <!-……->.

•<!- Modificado el viernes 12 de Marzo ->

Page 34: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

34

REDES TOTALESINTRODUCCION AL HTML

Enlaces: <a href="URL >, y después cerrar con </a>.

<a href="http://www.unap.cl/ =>Pulse aquí para visitar a la UNAP</a>

Pulse aquí para visitar a la UNAP

Para Imágenes:

<img src=”logounap.gif" alt=”UNAP >< p >

Lo que se traduce en:[UNAP]

Page 35: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

35

REDES TOTALESINTRODUCCION AL HTML. OTROS TAGS

Body Attributes<body bgcolor=?>Sets the background color, using name or hex value<body text=?>Sets the text color, using name or hex value<body link=?>Sets the color of links, using name or hex value<body vlink=?>Sets the color of followed links, using name or hex value<body alink=?>Sets the color of links on click

Page 36: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

36

REDES TOTALESINTRODUCCION AL HTML

Text Tags<pre></pre>Creates preformatted text<hl></hl>Creates the largest headline<h6></h6>Creates the smallest headline<b></b>Creates bold text<i></i>Creates italic text

Page 37: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

37

REDES TOTALESINTRODUCCION AL HTML

Text Tags

<tt></tt>Creates teletype, or typewriter-style text<cite></cite>Creates a citation, usually italic<em></em>Emphasizes a word (with italic or bold)<strong></strong> Emphasizes a word (with italic or bold)<font size=?></font>Sets size of font, from 1 to 7)<font color=?></font>Sets font color, using name or hex value

Page 38: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

38

REDES TOTALESINTRODUCCION AL HTML

Links<a href="URL"></a>Creates a hyperlink<a href="mailto:EMAIL"></a>Creates a mailto link

Page 39: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

39

REDES TOTALESINTRODUCCION AL HTML. EJEMPLO

<html> <head> <title>APUNTES ASIGNATURA "TECNOLOGIAS PARA LA GESTIÓN"</title> <META NAME="keywords" CONTENT="apuntes, clases, tecnologias, gestión, tutorial, UNAP, Carrasco, TIC's "><META NAME="description" CONTENT="TECNOLOGIAS PARA LA GESTION"></HEAD> <body bgcolor="#ffffff" text="#000000" link="#0000ff" alink="#800080" vlink="#ff0000"> <basefont size="3"> <h1 align="center"> <img src="http://gallery.angelfire.com/webelements/Backgrounds/Backgrounds_1/56.jpg" width="656" height="40" > </h1>

Page 40: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

40

REDES TOTALESINTRODUCCION AL HTML. EJEMPLO

<p> <font size="5"><font color="#993333"><b>BIENVENIDOS A MI PAGINA DE APUNTES DE LA ASIGNATURA "TECNOLOGIAS PARA LA GESTION"</b></font> <ul> <li>Universidad Arturo Prat UNAP <li>Carrera Ingeniería Civil Industrial <li>Profesor Miguel Carrasco A. </ul> <p> <font size="5">A CONTINUACION ENCONTRARAS LOS ARCHIVOS QUE CONTIENEN LAS CLASES, POR UNIDADES.</font> <p>

Page 41: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

41

REDES TOTALESINTRODUCCION AL HTML. EJEMPLO

</ul> <font size="3"><font color="blue"><b>UNIDAD 1: "Introducción" y UNIDAD 2: "Gestión Basada en TIC's"</font> <ul> <a href="http://www.angelfire.com/un/tecnologia/Unidad_1_TIC.ppt"><font color="red">Unidad 1-2 (Click para descargar)</font></a>………

Page 42: Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco 1 REDES TOTALES INTRODUCCIÓN A partir de la interconexión

Unidad 5. R.Totales Universidad Arturo Prat. "Tecnologías para la Gestión". Prof. Miguel Carrasco

42

REDES TOTALESINTRODUCCION AL HTML. EJERCICIO

CREAR UNA PÁGINA WEB QUE CONTENGA:

•Identificación del autor (Nombre, Dirección Ciudad..etc.)•Vínculo a un archivo tipo .DOC.•Vínculo a una imagen.•Vínculo a otro sitio WEB.•Vínculo a su propio e-mail.

! USAR FORMATO DE PRESENTACIÓN !