MANUAL DE SISTEMAS E INSTALACION DE SOFTWARE – CUARTO BIMESTRE 4TO. BACHILLERATO EN COMPUTACION

IDENTIFICACIÓN DE LOS COMPONENTES: SERVIDOR Un servidor, como la misma palabra indica, es un ordenador o máquina informática que está al “servicio” de otras máquinas, ordenadores o personas llamadas clientes y que le suministran a estos, todo tipo de información. A modo de ejemplo, imaginemos que estamos en nuestra casa, y tenemos una despensa.

ESTACIÓN DE TRABAJO Es un computador de altas prestaciones destinado para trabajo técnico o científico. En una red de computadoras, es una computadora que facilita a los usuarios el acceso a los servidores y periféricos de la red.

GATEWAYS O PASARELAS La pasarela (gateway) o puerta de enlace es el dispositivo que permite interconectar redes de computadoras con protocolo de comunicaciones y arquitecturas diferentes a todos los niveles de comunicación. La dirección IP de una pasarela a menudo se parece a 192.168.1.1 o 192.168.0.1 y utiliza algunos rangos predefinidos, 127.x.x.x, 10.x.x.x, 172.x.x.x, 192.x.x.x, que engloban o se reservan a las LAN.

TARJETA DE RED (NIC) es el periférico que actúa de interfaz de conexión entre aparatos o dispositivos, y también posibilita compartir recursos (discos duros, impresoras, etcétera) entre dos o más computadoras, es decir, en una red de computadoras. Cada tarjeta de red tiene un número de identificación único, de 48 bits en hexadecimal, llamado dirección MAC (Media Access Control; control de acceso al medio). Estas direcciones únicas de hardware son administradas por el “Instituto de Ingeniería Eléctrica y Electrónica” (IEEE, Institute of Electronic and Electrical Engineers)

MEDIO (CABLE TRENZADO

En telecomunicaciones, el cable de par trenzado es un tipo de

conexión que tiene dos conductores eléctricos aislados y entrelazados

para anular las interferencias de fuentes externas y diafonía de los

cables adyacentes. Fue inventado por Alexander Graham Bell en 1881.

CABLE COAXIAL creado en la década de 1930, es un cable utilizado para transportar señales eléctricas de alta frecuencia que posee dos conductores concéntricos, uno central, llamado núcleo, encargado de llevar la información, y uno exterior, de aspecto tubular, llamado malla, blindaje o trenza, que sirve como referencia de tierra y retorno de las corrientes.

FIBRA ÓPTICA) La fibra óptica es un medio de transmisión, empleado habitualmente en redes de datos y telecomunicaciones, consistente en un hilo muy fino de material transparente, vidrio o materiales plásticos, por el que se envían pulsos de luz que representan los datos a transmitir. El haz de luz queda completamente confinado y se propaga por el interior de la fibra con un ángulo de reflexión por encima del ángulo límite de reflexión total, en función de la ley de Snell. La fuente de luz puede provenir de un láser o un diodo led.

CONCENTRADORES (ACTIVO/PASIVO). Es un elemento de hardware que permite concentrar el tráfico de red que proviene de múltiples hosts y regenerar la señal. El concentrador es una entidad que cuenta con determinada cantidad de puertos (posee tantos puertos como equipos a conectar entre sí, generalmente 4, 8, 16 ó 32). Su único objetivo es recuperar los datos binarios que ingresan a un puerto y enviarlos a los demás puertos. Al igual que un repetidor, el concentrador funciona en el nivel 1 del modelo OSI. Es por ello que a veces se lo denomina repetidor multipuertos.

ESCRIBIR PAGINAS WEB

QUE ES UNA PAGINA WEB

Una página web es un documento de texto con marcas, llamadas etiquetas (tags en inglés). Cuando este documento se ve a través de un navegador web, las etiquetas se interpretan y se visualiza el documento como una página web.

UN SITIO WEB Cuando tenemos varias páginas, podemos organizarlas en un sitio web. Un sitio no es más que una carpeta que se encuentra en un equipo informático, ya sea nuestro ordenador personal o un potente servidor. La primera carpeta es la carpeta raiz. Por ejemplo, si accedemos a "www.nevec3puntocero.blogspot.com", estamos accediendo a la carpeta raiz del sitio de nevec3puntocero. EXTENCION DE UN ARCHIVO La extensión indica de qué tipo es un archivo. La extensión son las tres letras que van después del punto al final del nombre de un archivo (por ejemplo, imagen.gif o documento.doc).

ELEMENTOS BÁSICOS O FUNDAMENTALES DEL HTML

ETIQUETAS

El lenguaje HTML se basa en etiquetas, por eso es importante entender bien la sintaxis de las

etiquetas. Entre ellas podemos encontrar.

Las etiquetas tienen una etiqueta de apertura y una de cierre, marcada por el signo /. Por ejemplo <body> (apertura) y </body> (cierre). Entre la apertura y el cierre, está el contenido de la etiqueta, que puede ser texto u otras etiquetas, depende del tipo de etiqueta. Algunas etiquetas, no tienen contenido, y se cierran sobre sí mismas.

ETIQUETA USO DE LA ETIQUETA <html> Con ella iniciamos nuestra página web.

<head>

Cabecera: contiene información sobre la página. Por ejemplo contiene etiquetas que pueden decir de qué va la página, el título que debe de mostrar en la barra del navegador, o código javascript y estilos, que pueden estar en el propio encabezado o como llamadas a otros archivos.

<title> Titulo: contiene el título de la página, que es lo que se ve en la barra de título del navegador.

<body> El Cuerpo: encontramos el contenido de la página, lo que se ve a través del navegador: texto, imágenes, enlaces, tablas, etc

<br /> Saltos en línea:

ESTRUCTURA DEL TEXTO

<p>

Párrafos: Esta etiqueta sirve para insertar párrafos dentro de nuestra página web. Dentro de los párrafos colocaremos texto e imágenes, y algunas etiquetas que nos permitan dar formato al texto, pero no podemos tener otros párrafos anidados.

<h1> Encabezados: nos permiten organizar el texto. Podemos utilizarlos desde mayor a menor o sea de <h1> hasta <h6>. Y así su texto disminuirá.

<meta

charset="utf-8"

/>

Use esta línea de código para que su página web acepte las tildes.

IMAGENES

<img />

Imagen: Sirve para introducir una imagen

Los atributos que como mínimo ha de tener esta etiqueta son los siguientes: <img src="ubicacion/imagen.gif" alt="texto alternativo" />

Si la imagen está en una página Web, basta con saber su ruta, por ejemplo http://www.acgtjicaral.blogspot.com/logo_ac1.jpg. Esto es lo que se llama una dirección absoluta.

ATRIBUTO DESCRIPCION DEL ATRIBUTO

Src=”” Search/buscar: Este atributo sirve para buscar la ubicación de nuestra imagen

Alt=”” Alternativo: mostrar un texto alternativo cuando no se puede mostrar la imagen

width="" height="" Ancho y Alto: sirve para introducir la dimensión ancha y alta de la imagen en pixeles.

title="” Título : Sirve para cuando coloquemos el cursor del mouse sobre la imagen podamos visualizar un texto.

ETIQUETA META

La etiqueta <meta> se utiliza para añadir información sobre la página. Esta información puede ser utilizada por

los buscadores.

A través de esta etiqueta

pueden especificarse los

atributos name y content. El

atributo name indica el tipo de

información, y el atributo

content indica el valor de dicha

información.

La etiqueta <meta> no

necesita etiqueta de cierre. Para cada etiqueta <meta> solo es posible indicar un tipo de información y su valor,

pero es posible insertar varias etiquetas <meta> en un mismo documento.

La etiqueta <meta> ha de

estar entre las etiquetas

<head> y </head>.

FONDO DE LA PAGINA WEB

El color de fondo puede establecerse a través del atributo bgcolor=””, al que es posible asignarle un color

representado en hexadecimal o por un nombre predefinido

Por ejemplo, para hacer que el color de fondo de una página sea de color azul, tendremos que escribir:

MARQUESINA

ETIQUETA DESCRIPCION

<marquee>

Las marquesinas son líneas de texto que pueden desplazarse de un lado a otro de la ventana en forma de línea.

ATRIBUTOS

Behavior=”” Puede modificarse el tipo de movimiento. Puede tomar los valores alternate (de lado a

lado de la ventana, como si rebotara en los extremos), scroll (de un lado a otro, continuamente) o slide (de un lado a otro, pero una sola vez).

direction=”” Puede modificarse la dirección en la que se moverá el texto. Puede tomar los valores

down (de arriba a abajo), up (de abajo a arriba), left (de derecha a izquierda) o left (de izquierda a derecha).

EJEMPLO EN CODIGO

COMO SE VERÍA NUESTRA MARQUESINA

COLORES WEB

Los colores en HTML se representan mediante un CODIGO.

EJERCICIO 1 - CREAR LA PAGINA WEB INDEX

MENU: Un menú es una lista de enlaces relativos a nuestro sitio, llamados elementos del menú. Por lo general el

menú se suele colocar en la parte superior de la página, junto al logo o debajo de él, o en un lateral,

normalmente el izquierdo.

TABLAS Para crear una tabla hay que insertar las etiquetas <table> y </table>. Entre dichas etiquetas habrá que

especificar las filas y columnas que formarán la tabla.

Fila <tr>

Es necesario insertar las etiquetas <tr> y </tr> por cada

una de las filas de la tabla. Estas etiquetas deberán

insertarse entre las etiqetas <table> y </table>.

Por ejemplo, para crear una tabla con cinco filas escribiríamos: Columna o celda <td>

Es necesario insertar las etiquetas <td> y </td> por cada una de las celdas que compongan cada una de las filas de la tabla. Por lo tanto, habrá que

insertar esas etiquetas entre las etiquetas <tr> y </tr>.

Por ejemplo, para insertar la siguiente tabla:

FORMATO DE LA TABLA Es posible modificar los siguientes atributos de una tabla:

FORMATO DE LAS CELDAS

Escribimos este código

Encabezado de columna <th>

Las etiquetas <td> y </td> se utilizan para definir las celdas de cada una de las filas, pero podemos poner en su lugar las etiquetas <th> y </th>.

Para la etiqueta <th> es posible especificar los mismos atributos

que para la etiqueta <td>, pero esta nueva etiqueta hace que el

texto de la celda aparezca centrado y en negrita, por lo que se utiliza para definir los encabezados o títulos de las columnas.

Título de tabla <caption> No solamente es posible establecer títulos para las columnas, también es posible establecer un título para la tabla

mediante las etiquetas <caption> y </caption>.

Estas etiquetas han de ir después de la etiqueta <table>, y puede especificarse el valor de los atributos align

(con los valores bottom, center, left, right y top) y valign (con los valores bottom y top).

El título aparece ajustado a la margen derecho de la tabla (align="right") y encima de la tabla (valign="top").