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> 
  <td>3</td> 
  </tr> 
  </table>
·<table border=”1”> 
  <tr> 
  <td>3</td> 
  <td>4>/td> 
  </tr> 
  </table>
·<table> 
  <tr> 
  <td>3</td> 
  <td>4</td> 
  </tr> 
  <td>5</td> 
  <td>6</td> 
  </tr> 
  <table>
·<table> 
  <tr> 
  <td>3</td> 
  <td>4</td> 
  </tr> 
  <tr> 
  <td colspan=”2”>56</td> 
  </tr> 
  </table>
·<table> 
  <tr> 
  <td rowspan=”2”>Hola</td> 
  <ts>como</td> 
  </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>
<marquee behavior=”alternate”>
                        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

Etiquetas

¿Para qué sirve…?:
·         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 19941 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.