Академический Документы
Профессиональный Документы
Культура Документы
Sistema Operativo
Computador
Informática – Prof. Gonzalo Müller – Clase 5 – GM - 7
Sistema Operativo
Tipos de Sistema Operativo:
Sistemas de un solo usuario y una sola tarea:
MacOs, DOS, Windows 3.1, etc.
Sistemas de un solo usuario y múltiples tareas:
OS/2, Windows 95/98, Windows NT Workstation,
Windows XP, etc.
Sistemas de múltiples usuarios y múltiples tareas:
UNIX, LINUX, Windows NT Server, Windows
Server System, etc.
Se clasifican según:
Nivel.
Ejecución.
Programas
Sistema Operativo
Computador 1
Programas
Computador 2
Programas
Mismo
Sistema
Operativo
Sistema Operativo 1
Computador 1
Programas
Programas
Mismo
Sistema
Operativo
Sistema Operativo 1
Computador 1
Programas
Computador 2
Programas
Diferentes
Sistemas
Operativos
Sistema Operativo 2
Computador 1
Programas
Programas
Diferentes
Sistemas
Operativos
Sistema Operativo 2
Interprete
Sistema Operativo
Informática – Prof. Gonzalo Müller – Clase 5 – GM - 18
Lenguaje de programación Interpretados
Computador 1
Programas
Interprete 1
Mismo
Sistema Operativo 1 Programa
Computador 2
Programas
Interprete 1
Mismo
Sistema
Operativo
Sistema Operativo 1
Informática – Prof. Gonzalo Müller – Clase 5 – GM - 19
Lenguaje de programación Interpretados
Computador 1
Programas
Interprete 1
Mismo
Sistema Operativo 1 Programa
FUNCIONA!
Computador 2
Programas
Interprete 1
Mismo
Sistema
Operativo
Sistema Operativo 1
Informática – Prof. Gonzalo Müller – Clase 5 – GM - 20
Lenguaje de programación Interpretados
Computador 1
Programas
Interprete 1
Mismo
Sistema Operativo 1 Programa
Computador 2
Programas
Interprete 2
Diferentes
Sistemas
Operativos
Sistema Operativo 2
Informática – Prof. Gonzalo Müller – Clase 5 – GM - 21
Lenguaje de programación Interpretados
Computador 1
Programas
Interprete 1
Mismo
Sistema Operativo 1 Programa
FUNCIONA!
Computador 2
Programas
Interprete 2
Diferentes
Sistemas
Operativos
Sistema Operativo 2
Informática – Prof. Gonzalo Müller – Clase 5 – GM - 22
Lenguaje de programación Interpretados
Un error en una instrucción es detectado al ser
ejecutada la misma.
Java, C#, JavaScript, VBScript, etc.
C--- B---
----- -----
<html>
<head>
<title>TITULO</title>
</head>
<body>
CONTENIDO
</body>
</html>
(*.htm,*.html)
Informática – Prof. Gonzalo Müller – Clase 5 – GM - 29
Estructura Básica de un Documento HTML
Encabezado: Le indica al navegador el título que debe
presentar y otros parámetros que el navegador puede
emplear al presentar el documento.
<html>
<head>
<title>TITULO</title>
</head>
<body>
CONTENIDO
</body>
</html>
Encabezado
Salida en Mozilla
Informática – Prof. Gonzalo Müller – Clase 5 – GM - 31
Estructura Básica de un Documento HTML
Cuerpo: Contiene toda la información presentar en el
navegador.
<html>
<head>
<title>TITULO</title>
</head>
<body>
CONTENIDO
</body>
</html>
Cuerpo
Salida en Mozilla
Informática – Prof. Gonzalo Müller – Clase 5 – GM - 33
Estructura Básica de un Documento HTML
Ejemplo 5.1:
<html>
<head>
<title>Documento HTML</title>
</head>
<body>
Primer Documento HTML
</body>
</html>
Informática – Prof. Gonzalo Müller – Clase 5 – GM - 34
Estructura Básica de un Documento HTML
Título Contenido
Salida en Mozilla
Informática – Prof. Gonzalo Müller – Clase 5 – GM - 35
Etiquetas HTML
<html>
<head>
<title>TITULO</title>
</head>
<body>
CONTENIDO
</body>
</html>
Etiquetas HTML
<html>
<head>
<title>TITULO</title> Pareja
</head>
Pareja
<body>
CONTENIDO Pareja
</body>
</html>
Párrafo:
Etiqueta Función
<br/> Salta a siguiente línea
<hr/> Inserta barra horizontal
Forma de uso:
Texto
<br/>
Texto
<hr/>
Informática – Prof. Gonzalo Müller – Clase 5 – GM - 40
Etiquetas HTML
Texto:
Etiqueta Función
b Texto en negrita
i Texto en itálica
small Texto pequeño
big Texto grande
sub Texto subíndice
sup Texto superíndice
Forma de uso:
<etiqueta>Texto</etiqueta>
Negrita
Subíndice
Salida en Mozilla
Informática – Prof. Gonzalo Müller – Clase 5 – GM - 43
Ejercicio
Salida en Mozilla
Informática – Prof. Gonzalo Müller – Clase 5 – GM - 48
Caracteres Especiales
Carácter Nemónico
á aacute
é eacute
í iacute
ó oacute
ú uacute
ñ ntilde
ü uuml
> gt
< lt
" quot
º deg
Informática – Prof. Gonzalo Müller – Clase 5 – GM - 49
Ejercicio
<etiqueta1><etiqueta2>Texto</etiqueta2></etiqueta1>
<etiqueta1><etiqueta2>Texto</etiqueta2></etiqueta1>
Incorrecto:
<etiqueta1><etiqueta2>Texto</etiqueta1></etiqueta2>
Negrita
Negrita y
Grande
Salida en Mozilla
Informática – Prof. Gonzalo Müller – Clase 5 – GM - 55
Ejercicio
Forma de uso:
<etiqueta title=“mensaje”>…</etiqueta>
Forma de uso:
<etiqueta title=“mensaje”>…</etiqueta>
Ejemplo:
<b title = “C++”>Lenguaje</b>
Salida en Mozilla
Informática – Prof. Gonzalo Müller – Clase 5 – GM - 60
Ejercicio
Forma de uso:
<etiqueta style=“ESTILO”>…</etiqueta>
font-size: tamaño
tamaño: x-small, small, large, x-large, …
Peso: font-weight: peso
peso: bold, bolder, lighter, 100…900
Informática – Prof. Gonzalo Müller – Clase 5 – GM - 65
Atributos HTML
Fondo: propiedades del fondo:
Color:
background-color: nombre
nombre: blue, red, green, gray, cyan, peru, yellow, …
background-color : rgb(#, #, #)
#: 0…255
Salida en Mozilla
Informática – Prof. Gonzalo Müller – Clase 5 – GM - 70
Atributos HTML
Ejemplo: Definir un estilo para un texto arial azul
subrayado negritas con el doble del tamaño normal
con fondo amarillo.
“font-family:‘Arial’; font-weight:bold; font-size:2em;
color:blue; text-decoration:underline; background-
color:yellow”
Ejemplo:
Atributo
Ejemplo:
Atributo
Salida en Mozilla
Informática – Prof. Gonzalo Müller – Clase 5 – GM - 76
Ejercicio