Carpeta virtual Informática: 2014

lunes, 27 de octubre de 2014

Clase No. 29- Octubre 21

TABLAS:

o <table></table>

o Fila

o Columna

o Fila= tr Columna=td

·<table>

<tr>

</tr>

</table>

·<table border=”1”>

<tr>

</tr>

</table>

·<table>

<tr>

</tr>

</tr>

<table>

·<table>

<tr>

</tr>

<tr>

</tr>

</table>

·<table>

<tr>

</tr>

<tr>

<td>estas</td>

</tr>

</table>

Dinamismo: Crear tablas por código.

·Colspan: Columnas; horizontal.

·Rowspan: Filas, vertical.

·Align=”center”

·Valign=”middle”

· V=Vertical.
·Align=alineación.

domingo, 19 de octubre de 2014

Clase No. 28- Octubre 14

·Imágenes: <img src=”imagen/uno.jpg”>

o Todos los nombres deben ser en minúscula.

o Las imágenes se pueden guardar como: jpg, gif, jepg, bmp, wmf, png.

o Diferencias:

1. El jpg tiene menor tamaño pero mejor definición; y el gif permite transparencias.

2. El jpg tiene buena calidad, mientras el png tiene mayor tamaño, y permite transparencias con buena calidad.

·Evaluación.

·Font color: Aplica color a una parte en específico.

·Bg color: Aplica color a toda la página.

·Etiqueta a: Hace referencia al vínculo, al enlace.

o <a href=”http://www.google.com”>Ir a google</a>

o <a href=”http://www.vanguardia.com”>Ir a vanguardia</a>

target=”_blank”>

target=”_self”>

o <img src=”cualquier.cosa/a.png”>

border=”10” title=”esto es un mensaje rápido”>

width=”32px” height=”32px” title=”Ir a vanguardia”>

domingo, 12 de octubre de 2014

Clase No. 27- Octubre 07

Sitio web: carpeta, primer documento será índex, con una extensión:

o Html

o Htm

·Todos los nombres deben ser en minúscula; no dejar espacios en blanco en el nombre del documento.

·Etiquetas: van con <y>. Nombres descriptivos de comandos que el navegador es capaz de describir. Pueden ser abiertas o cerradas.

· <html>

<head>

<title>ejemplo uno<title> Cabecera

</head>

<body>

Lienzo

</body>

</html>

·Negrita: <b> </b>

·Salto de línea: <br>

·Toma la información como párrafo: <p> </p>

Texto tal como se definió: <pre> </pre>

·Línea horizontal: <hr>

Del 100% del tamaño de la pantalla se tomará el porcentaje indicado: <hr width=”30%”>

o Punto por pantalla: …width=”35px”>

o Ancho de la línea: …”35%”size=”9”>

o Sin sombra: …noshade>

·H1, h2, h3, h4, h5, h6: Tamaño del mensaje

<h1>mensaje en h1</h1>

<h2>mensaje en h2</h2>

<h3>mensaje en h3</h3>

<h4>mensaje en h4</h4>

<h5>mensaje en h5</h5>

<h6>mensaje en h6</h6>

·<center> </center>

·<font color=”#ffff00”</font>

Sistema Hexadecimal: _ _ _ _ _ _

# Entre: 0-9 y A-F R G B

ff ff ff Blanco

00 00 00 Negro

ff ff 00 Amarillo

ff 00 00 Rojo

Etiquetas: elementos que se pueden anidar.

·Marquesina, aplica movimiento: <marquee> </marquee>

Rebota

…width=”15%”

· <body bg color=”#005500”>

Color de fondo de la página

…text=”#ffffff”> Color de texto de la página

lunes, 6 de octubre de 2014

· La etiqueta h1: H1 es una etiqueta que sirve para colocar la frase que indica el título del contenido de una página web. En HTML se utilizan las etiquetas h1, h2, h3, etc. para definir los títulos, subtítulos, epígrafes, etc. de cada página. Al poner un texto entre h1 estamos indicado de que se trata de un título. Lo más correcto es seguir el orden lógico, el h1 debería ser único e ir en la parte superior de la página, y así sucesivamente.

· La etiqueta s: La etiqueta <s> se usa para representar un texto con un estilo de fuente tachado.
Esta etiqueta está desaprobada.

· La etiqueta i: representa una extensión de texto en una voz, estado de ánimo alternativo o bien la desviación de la prosa normal, como una designación taxonómica, un término técnico, una frase idiomática de otro idioma, un pensamiento, o alguna otra prosa cuya presentación tipográfica habitual está en cursiva.

· La etiqueta u: La etiqueta <u> se usa para representar un texto con un estilo de fuente subrayado. Esta etiqueta está desaprobada

· La etiqueta blink: Es una etiqueta (<blink>) que debes ponerlo encerrarlo entre textos para que el mismo dé el efecto de un "parpadeo" o realiza la acción de "desaparecer y aparecer" constante. Como en el siguiente ejemplo: Texto de ejemplo.

La etiqueta para lograr este efecto es: <blink>.
Se puede agregar atributos como style y title y se utiliza principalmente para llamar la atención en algo.
Y para que un texto llame aún más la atención, se puede modificar el color del textocon el atributo style y la propiedad color:
<blink style="color:#FF782F;">Texto</blink>
No funciona en IE 7.

· La etiqueta marquee: Las marquesinas son texto en movimiento. Ya funciona con ambos navegadores (hasta hace poco Netscape no lo implementaba, el 7 ya lo hace).

http://www.hectormainar.com/seo/h1-h2-y-h3-como-utilizar-correctamente-las-etiquetas-de-encabezado-de-html

http://www.html.com.es/web.php?seccion=h1

http://crismattweb.tripod.com/guiahtml/etiqueta.html

Investigación

·World Wide Web: en informática, la World Wide Web (WWW) o Red informática mundial comúnmente conocida como la web, es un sistema de distribución de documentos de hipertexto o hipermedios interconectados y accesibles vía Internet. Con un navegador web, un usuario visualiza sitios web compuestos de páginas que pueden contener texto, imágenes, vídeos u otros contenidos multimedia, y navega a través de esas páginas usando hiperenlaces.

·W3c: el World Wide Web Consortium, abreviado W3C, es un consorcio internacional que produce recomendaciones para la World Wide Web.

Fue creado en octubre de 1994 1 y está dirigida por Tim Berners-Lee, el creador original de URL (Uniform Resource Locator, Localizador Uniforme de Recursos), HTTP (HyperText Transfer Protocol, Protocolo de Transferencia de HiperTexto) y HTML (Hyper Text Markup Language, Lenguaje de Marcado de HiperTexto) que son las principales tecnologías sobre las que se basa la Web.

·Browser: Un navegador o navegador web, o browser, es un software que permite el acceso a Internet, interpretando la información de archivos y sitios web para que éstos puedan ser leídos. Los navegadores o “browser”, so programas que permiten visualizar la información que contiene una página web (que es una página de los sitios en la red, ya sea el internet o una red local). Además son usados para visualizar archivos que utilicen el mismo formato de los documentos en el internet (e incluso hoy en día permiten visualizar prácticamente todo tipo de documentos).

·Tipos de browser: Tipos de navegadores:

-Internet Explorer. -WinWeb.

-Netscape Navigator. -Prodigy.

-Safari.

-Mozilla Firefox.

-Opera.

-Konqueror.

-Firebird.

-Cello.

·Lenguaje HTML: HTML, siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al marcado para la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, entre otros. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación.

·Etiquetas abiertas: son aquellas en las que se tiene que poner simplemente la etiqueta y sus atributos. Las abiertas no encierran contenido, y sirven, entre otras cosas, para incluir elementos como imágenes.

·Etiquetas cerradas: son aquellas que tiene un principio y un final, es decir se debe indicar hasta donde se aplica ese comportamiento. Para cerrar una etiqueta se pone la contrabarra y el nombre de la etiqueta, no se deben poner de nuevo los atributos.

· Diferencias entre etiquetas abiertas y etiquetas cerradas:

o Las etiquetas cerradas son aquellas que tienen una palabra clave que indica el principio de la etiqueta y otra que indica el final. Entre la etiqueta inicial y la final se pueden encontrar otras etiquetas. Las etiquetas cerradas incluyen el carácter / antes de la palabra clave para indicar el final de la misma.

o Las etiquetas abiertas constan de una sola palabra clave. Para diferenciar las etiquetas del resto del texto del documento se encierran entre los símbolos < y >. Una etiqueta puede contener "parámetros". Estos parámetros se indican a continuación de la palabra clave de la etiqueta.

Ejemplos:

Etiqueta cerrada
<CENTER> Mi página Web </CENTER>

Etiqueta abierta
<HR>

Etiqueta con parámetros
<BODY bgcolor="#FFFFFF"> </BODY>

Tomado de:

http://www.webtaller.com/manual-html/manual-html-introduccion.php

http://es.wikipedia.org/wiki/World_Wide_Web

http://es.wikipedia.org/wiki/World_Wide_Web_Consortium

http://es.wikipedia.org/wiki/Navegador_web

https://groups.google.com/forum/#!topic/masmis-tgd/bN805Uiu1rs

http://www.aprende-gratis.com/html/curso.php?lec=sintaxis-html

http://es.wikipedia.org/wiki/HTML

Clase No. 26- Septiembre 30

·Evaluación temas vistos.

Cable de red: Cable para un computador; puede ser de medio metro o un metro; así mismo sus colores pueden ser azul, rojo, amarillo, verde.

Lo máximo según la norma internacional es de 100mts. Para obtener un buen desempeño debe ser máximo de 95mts; si se supiera la distancia se debe colocar después de cada 95mts. Un concentrador.

Técnicamente Cable UTP (Categoría 5); cordón de cobre recubierto que produce electricidad; puede tener 8 hilos (4 pares: naranja, verde, azul, marrón; hilos: Naranja- Blanco naranja; Verde- Blanco verde; Azul- Blanco azul; Marrón- Blanco marrón)

o C5: Permite metraje de hasta 100mts.

o C6: Permite metraje más amplio, transmite mejor.

Un cable de red tiene 2 componentes:

o Cable UTP (C5).

o Conector (RJ45; conectores de red, 8 espacios).

·Herramienta: Verificador de cable UTP; se puede realizar por medio de los computadores; Tools: -Ponchadora para cable de red
-Verificador de cable.
-Crimpar: Unir o ponchar el cable.

o Organización:

Blanco naranja, naranja, blanco verde, azul, blanco azul, verde, blanco marrón, marrón.

viernes, 26 de septiembre de 2014

Martes 23 de septiembre

· Entrega de boletines.

Clase No. 25- Septiembre 09

·Colocar URL en la página.

·Red de computadores:

Conjunto de computadores que están interconectados mediante cable de red o también mediante comunicaciones/conexiones inalámbricas (Wifi).

Son más fiables las redes físicas.

· Una red de computadores sirve para compartir dispositivos o servicios.

· Estación de trabajo:

Cada equipo o punto de una red de computador.

· Estación de trabajo tontas:

No necesitan Disco Duro, solo pantalla, teclado y mouse para trabajar. Ventaja: No tendrían gastos.

Red de computadores no solo es física.

·Ftp: Protocolo de transferencia de archivos.

Http: Protocolo de hipertexto.

Https: Protocolo de hipertexto o seguro encriptado.

Tipos de redes: Manera como se dispone el cableado para obtener el mejor rendimiento del mismo.

1. Bus: Obsoleta, cable coaxial.

2. Anillo: Siempre va a haber red.

3. Estrella: En el centro el servidor.

·Topología de redes: Basadas en los tipos, la comunicación, la manera como se intercambia la información, la manera como se interconecta la información.

· Tener en cuenta:

1. Producto para interconectar: Switch (4. 8, 16, 24, 32, 48); puertos. Entradas para interconectar más aparatos.

Hub: Permite interconectar equipos cada vez que ingresa un computador se divide dependiendo la cantidad. Valor obsoleto.

·Lan: Local acces network, Red de área local.

Man: Matropolitan acces network, Red de área metropolitana.

Wan: Wide area network, Red de area mundial.

WRan: Wireless personal area network, redes de uso personal.

· Elementos que forman una red:

1. Medio de conexión: - Cable (UTP Categorías), -Wifi.

2. Dispositivos: -Switch (Concentradores), -Modem, -Router(Wifi).

3. Unifi- Amplia la red inalámbrica.