MANUAL DE SISTEMAS E INSTALACION DE SOFTWARE CUARTO BIMESTRE

4TO. BACHILLERATO EN COMPUTACION

IDENTIFICACIN DE LOS COMPONENTES:

SERVIDOR
Un servidor, como la misma palabra indica, es un ordenador o mquina informtica
que est al servicio de otras mquinas, ordenadores o personas llamadas clientes y
que le suministran a estos, todo tipo de informacin. A modo de ejemplo, imaginemos
que estamos en nuestra casa, y tenemos una despensa.

ESTACIN DE TRABAJO
Es un computador de altas prestaciones destinado para trabajo tcnico o
cientfico. En una red de computadoras, es una computadora que facilita a
los usuarios el acceso a los servidores y perifricos 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 comunicacin.
La direccin 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 perifrico que acta de interfaz de conexin entre aparatos
o dispositivos, y tambin posibilita compartir recursos (discos
duros, impresoras, etctera) entre dos o ms computadoras, es
decir, en una red de computadoras.
Cada tarjeta de red tiene un nmero de identificacin nico, de 48
bits en hexadecimal, llamado direccin MAC (Media Access
Control; control de acceso al medio). Estas direcciones nicas de
hardware son administradas por el Instituto de Ingeniera
Elctrica y Electrnica (IEEE, Institute of Electronic and Electrical
Engineers)

MEDIO (CABLE TRENZADO

En telecomunicaciones, el cable de par trenzado es un tipo de
conexin que tiene dos conductores elctricos aislados y entrelazados
para anular las interferencias de fuentes externas y diafona de los
cables adyacentes. Fue inventado por Alexander Graham Bell en 1881.
CABLE COAXIAL
creado en la dcada de 1930, es un cable utilizado para transportar
seales elctricas de alta frecuencia que posee dos conductores
concntricos, uno central, llamado ncleo, encargado de llevar la
informacin, 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 transmisin, empleado
habitualmente en redes de datos y telecomunicaciones,
consistente en un hilo muy fino de material transparente, vidrio
o materiales plsticos, por el que se envan 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 reflexin por encima del ngulo lmite de
reflexin total, en funcin de la ley de Snell. La fuente de luz
puede provenir de un lser o un diodo led.

CONCENTRADORES (ACTIVO/PASIVO).
Es un elemento de hardware que permite concentrar el trfico de
red que proviene de mltiples hosts y regenerar la seal. 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 dems 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 pgina web es un documento de texto con marcas, llamadas etiquetas (tags en ingls). Cuando
este documento se ve a travs de un navegador web, las etiquetas se interpretan y se visualiza el
documento como una pgina web.
UN SITIO WEB
Cuando tenemos varias pginas, podemos organizarlas en un sitio web. Un sitio no es ms que una
carpeta que se encuentra en un equipo informtico, 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 extensin indica de qu tipo es un archivo. La extensin son las tres letras que van despus del
punto al final del nombre de un archivo (por ejemplo, imagen.gif o documento.doc).

ELEMENTOS BSICOS 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

<html>
<head>

<title>
<body>
<br />

USO DE LA ETIQUETA
Con ella iniciamos nuestra pgina web.
Cabecera: contiene informacin sobre la pgina. Por ejemplo contiene
etiquetas que pueden decir de qu va la pgina, el ttulo que debe de
mostrar en la barra del navegador, o cdigo javascript y estilos, que
pueden estar en el propio encabezado o como llamadas a otros
archivos.
Titulo: contiene el ttulo de la pgina, que es lo que se ve en la barra de
ttulo del navegador.
El Cuerpo: encontramos el contenido de la pgina, lo que se ve a travs
del navegador: texto, imgenes, enlaces, tablas, etc
Saltos en lnea:

ESTRUCTURA DEL TEXTO

<p>

<h1>
<meta
charset="utf-8"
/>

Prrafos: Esta etiqueta sirve para insertar prrafos dentro de nuestra

pgina web. Dentro de los prrafos colocaremos texto e imgenes, y
algunas etiquetas que nos permitan dar formato al texto, pero no
podemos tener otros prrafos anidados.
Encabezados: nos permiten organizar el texto. Podemos utilizarlos
desde mayor a menor o sea de <h1> hasta <h6>. Y as su texto
disminuir.
Use esta lnea de cdigo para que su pgina web acepte las tildes.

IMAGENES
Imagen: Sirve para introducir una imagen

<img />

Los atributos que como mnimo ha de tener esta etiqueta son los
siguientes:
<img src="ubicacion/imagen.gif" alt="texto alternativo" />
Si la imagen est en una pgina Web, basta con saber su ruta, por
ejemplo http://www.acgtjicaral.blogspot.com/logo_ac1.jpg. Esto es lo
que se llama una direccin absoluta.

ATRIBUTO
Src=
Alt=
width="" height=""
title="

DESCRIPCION DEL ATRIBUTO

Search/buscar: Este atributo sirve para buscar la ubicacin de nuestra imagen
Alternativo: mostrar un texto alternativo cuando no se puede mostrar la
imagen
Ancho y Alto: sirve para introducir la dimensin ancha y alta de la imagen en
pixeles.
Ttulo : Sirve para cuando coloquemos el cursor del mouse sobre la imagen
podamos visualizar un texto.
ETIQUETA META

La etiqueta <meta> se utiliza para aadir informacin sobre la pgina. Esta informacin puede ser utilizada por
los buscadores.

A travs de esta etiqueta

pueden
especificarse
los
atributos name y content. El
atributo name indica el tipo de
informacin, y el atributo
content indica el valor de dicha
informacin.
La etiqueta <meta> no
necesita etiqueta de cierre. Para cada etiqueta <meta> solo es posible indicar un tipo de informacin 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 travs 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 pgina sea de color azul, tendremos que escribir:

MARQUESINA
ETIQUETA

<marquee>

DESCRIPCION
Las marquesinas son lneas de texto que pueden desplazarse de un lado a otro de la
ventana en forma de lnea.

ATRIBUTOS
Behavior=

direction=

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).
Puede modificarse la direccin 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 VERA 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 pgina, 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 formarn la tabla.

Fila <tr>
Es necesario insertar las etiquetas <tr> y </tr> por cada
una de las filas de la tabla. Estas etiquetas debern
insertarse entre las etiqetas <table> y </table>.
Por ejemplo, para crear una tabla con cinco filas
escribiramos:

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 cdigo

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 ttulos de las columnas.

Ttulo de tabla <caption>

No solamente es posible establecer ttulos para las columnas, tambin es posible establecer un ttulo para la tabla
mediante las etiquetas <caption> y </caption>.
Estas etiquetas han de ir despus 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 ttulo aparece ajustado a la margen derecho de la tabla (align="right") y encima de la tabla (valign="top").