Curso básico de HTML Profesor: Claudio Gutiérrez Soto.

Presentación del tema: "Curso básico de HTML Profesor: Claudio Gutiérrez Soto."— Transcripción de la presentación:

1 Curso básico de HTML Profesor: Claudio Gutiérrez Soto

2 Objetivo del Curso El objetivo principal de este curso, es que los alumnos del curso (docentes de la Universidad de Magallanes) sean capaces de construir una página personal elemental. En primera instancia el objeto de dicha página estaría enfocada a ser una herramienta de ayuda a las labores docentes y científicas que desarrollan los profesores de la nuestra Universidad.

3 Contenido del Curso 1.-Introducci ó n 1.1 La importancia de la informaci ó n en la Web 1.2 El valor del contenido de la informaci ó n en la Web. 1.3 HTML 2.- Etiquetas de HTML 2.1 Las etiquetas 2.2 Atributos de la etiquetas 3.- Formato de las URL 3.1 Definici ó n 3.2 Uso y formato 4.- Estructura de un documento HTML 4.1 Estructura b á sica 4.2 Comentarios 5.-Cabecera de un documento HTML 6.- Cuerpo de un documento HTML 6.1 Espacios y saltos de L í neas 6.2 Caracteres latinos y especiales

4 Contenido del Curso 7.- Cabeceras 8.- Tama ñ o y color de la fuente 9.- Estilos 10.- Hiperenlaces 11.- Im á genes 12.- Tablas 13.- Frames 14.- Subir y actualizar la p á gina

5 Motivación Existe un mercado mundial para alrededor de cinco computadores” –Thomas Watson, Fundador de IBM “Mientras técnicamente la televisión puede ser factible, comercial y financieramente considero que no debemos gastar tiempo soñando en su desarrollo” –Lee DeForest, Inventor Americano

6 Motivación Respecto del teléfono, puedo visualizar un futuro en que cada ciudad en América tendrá uno” –Alcalde de Dallas, 1890 “Las computadoras en el futuro no pesarán menos de 1.5 toneladas.” –Popular Mechanics Magazine, Forecasting the Relentless march of science, 1949 “No hay una razón por la cual alguien compraría un computador para su hogar.” –Atribuido a Ken Olsen, presidente, chairman y fundador de Digital, 1977

7 ¿Qué es Internet? Una red de redes TCP/IP (Visión tecnológica) Un conjunto de servicios entretenidos (Visión del usuario final) Una plataforma de soluciones integrales para la vida diaria (Visión estratégica) La base operacional del futuro... La base operacional del futuro...

8 Tiempo Real: Nuevo Paradigma de Negocios “Las empresas mejor equipadas para el siglo 21 considerarán a los sistemas en tiempo real como esenciales para mantener su ventaja competitiva y retener a sus clientes….ellas usarán tecnología de información y de telecomunicaciones para responder a circunstancias cambiantes y, aún más importante, para responder a lo que esperan los clientes dentro del menor lapso de tiempo posible.”

9 Reducciones La capacidad de ver las cuentas en línea ha reducido las llamadas al centro de llamados en un 5% Cuando los clientes hacen reservaciones mediante Internet, la compañía ahorra 25%

10 Oportunidad El punto es encontrar cual es el factor crítico de éxito tal que con ayuda de la tecnología se obtenga un gran impacto

11 Pregunta ¿Cuál es nuestro negocio? ¿cuáles son nuestros clientes? ¿Cómo podemos generar un gran impacto sobre nuestro negocio y nuestros clientes?

12 Ejemplos de Páginas Web

13

14

15

16

17 Actividad Conforman grupos de 4 personas Identificar qué tipo de información debería contener su Web, para que ésta sea rica en información. Punto de vista “Pares” Punto de vista “Clientes” (Alumnos)

18 Introducción El protocolo TCP/IP Es un conjunto de normas que deben seguir los elementos que conforman la red (hardware y software), para garantizar un enlace coherente entre quien transmite y recibe la información. Este protocolo está formado por dos partes: El protocolo TCP y el protocolo IP

19 Introducción El protocolo TCP le dice a la computadora qué datos componen la información que va a ser enviada. El protocolo IP le dice a la computadora a donde debe enviar la información

20 Introducción Direcciones Debido a la gran cantidad de usuarios conectados a la red, ha sido necesario crear un sistema de direcciones, de modo que cada computadora se identifique de manera única. Esta identificación única es conocida como dirección IP. Una dirección IP se compone de cuatro números entre 0 y 255, cada uno separado por un punto. Una dirección IP sería 146.83.141.25.

21 Introducción El organismo creado para administrar los números IP se llama InterNIC. Dominios las direcciones IP, pueden ser difíciles de recordar. Por este motivo, Internet emplea nombre de dominios para ocultar la complejidad de la dirección numérica. Ejemplo: 146.83.141.70 www.umag.cl

22 Introducción Servidores de Nombre de Dominio(DNS), traducen los nombres de dominio a direcciones IP para agilizar el acceso a Internet.

23 World Wide Web Hipertexto El hipertexto consiste en permitir al usuario navegar entre diferentes páginas Web. Para conseguirlo simplemente se pulsa con el mouse sobre una palabra, icono o grafico, resaltado de manera clara, obteniendo como respuesta el cambio a una nueva página.

24 World Wide Web Hipertexto Al pulsar sobre un hiperenlace, el navegador recibe una dirección. A continuación, el navegador localiza el servidor que contiene el documento, se recibe una copia del documento solicitado y se despliega la información en pantalla.

25 World Wide Web Localizador Uniforme de Recursos (URL) El URL (Uniform Resource Locator) sirve como identificador para todos los documentos Web. También se conoce como dirección de página Web. Todo sitio y página tiene un URL.

26 World Wide Web Dominios de Organizaciones Dominio Usuario. com Organizaciones comerciales. edu Instituciones educativas. gov Organizaciones del Gobierno. int Organizaciones internacionales. mil Instituciones Militares. net entidades con categoría de red. org Organizaciones sin fines de lucro.

27 El lenguaje HTML HTML (Hyper Text Markup Languaje, lenguaje de composición de páginas hipertexto), es uno de los lenguajes que se utilizan para escribir las páginas Web. El hipertexto es un texto presentado de forma estructurada y agradable, con enlaces que conducen a otros documentos o fuentes de información, y con elementos multimedia insertados en él (gráficos, sonidos, etc.)

28 El lenguaje HTML Los documentos HTML se escriben en texto plano, también conocido como texto ASCII, y se puede crear en cualquier procesador de palabras y en cualquier sistema operativo. Los orígenes del lenguaje HTML se encuentran en el lenguaje SGML (Standard Generalized Markup Language, lenguaje estandarizado y generalizado de marcado). Este es un conjunto de reglas que permiten la descripción y el manejo del contenido de cualquier documento digital. A pesar de su enorme potencia, SGML no es tan popular, debido, a su alto grado de complejidad.

29 Construcción de una página Web. En primer lugar, debemos notar que el Lenguaje HTML consiste en una serie de etiquetas (tags), encerradas entre los símbolos. Cada etiqueta realiza una tarea de formato diferente. Por ejemplo, si queremos que un texto aparezca centrado, escribiremos la etiqueta seguida por el texto que deseamos centrar, y cerrando la instrucción con la etiqueta Ejemplo: Mi primera línea en html

30 Estructura básica de un documento HTML. Las etiquetas (tags) más comunes en una página Web son las siguientes: