martes, 6 de julio de 2010

Estructura y Diseño de pagina Web

Estructura de una página Web

Toda página Web tiene una estructura que permite al programador saber de antemano qué tipo de información necesita introducir. Esto ayuda a que la página que diseña sea claramente legible y se pueda modificar más fácilmente. Si una página Web es complicada en su diseño, habrá muy pocos que sepan dar el mantenimiento adecuado. Abajo se muestra la estructura lógica de una página Web.

Estas líneas son permanentes en una página Web. Siempre van a estar presentes no importando qué tan corta o tan larga sea la página y el contenido.

La primera instrucción indica al explorador de Internet que ahí comienza una página Web. La siguiente instrucción indica el encabezado de la página, es decir el área de la barra de título. es una instrucción que indica al explorador de Internet que ahí empieza el área de contenido de la página (es decir el cuerpo de la página).

En el lenguaje HTML, muchas instrucciones se cierran con el signo / (diagonal) para indicar al programa que las propiedades aplicadas con esa instrucción se terminan ahí donde se pone el signo diagonal. Si el signo de cierre (/) no se aplica convenientemente, el programa seguirá aplicando las propiedades de la instrucción anterior a todas las líneas inferiores, hasta que se encuentre otra instrucción que modifique las propiedades actuales.

Tipos de Estructuras


Jerárquica

La estructura jerárquica, es la típica estructura de árbol, en el que la raíz es la hoja de bienvenida, esta hoja se puede también sustituir por la hoja de contenido, en la que se exponen las diferentes secciones que contendrá nuestro sitio. La selección de una sección nos conduce asimismo a una lista de subtemas que pueden o no dividirse.

Este tipo de organización permite al lector conocer en qué lugar de la estructura se encuentra, además de saber que, con forme se adentra en la estructura obtiene información más específica y que la información más general se encuentra en los niveles superiores.




Lineal

La estructura lineal es la más simple de todas, la manera de recorrerla es la misma que si estuviésemos leyendo un libro, de manera que estando en una página, podemos ir a la siguiente página o a la anterior.

Esta estructura es muy útil cuando queremos que el lector siga un camino fijo y guiado, además impedimos que se distraiga con enlaces a otras páginas. Por otra parte podemos causar a lector la sensación de estar encerrado si el camino es muy largo o poco interesante.

Este tipo de estructura sería válido para tutoriales de aprendizaje o tours de visita guiada.




Lineal con jerarquía

Este tipo de estructura es una mezcla de la dos anteriores, los temas y subtemas están organizados de una forma jerárquica, pero uno puede leer todo el contenido de una forma lineal si se desea.

Esto permite tener el contenido organizado jerárquicamente y simultáneamente poder acceder a toda la información de una manera lineal como si estuviésemos leyendo un libro. Esta guía sigue básicamente este tipo de estructura.




Red

La estructura de red es una organización en la que aparentemente no hay ningún orden establecido, las páginas pueden apuntarse unas a otras sin ningún orden aparente.

Este tipo de organización es la más libre, pero también es la más peligrosa ya que si no se informa al lector de en dónde se encuentra, puede perderse o puede no encontrar lo que anda buscando o no llegar a ver lo que le queremos mostrar. Por eso es muy recomendable asociar la estructura de las páginas con alguna estructura conocida, como por ejemplo la de una ciudad.

martes, 29 de junio de 2010

Gloisario HTML

Glosario de "HTML"

en esta ocacion les dejamos un glosario de etiquetas HTML las cuales estan separadas por forma y funcion.



Fichero Html

HTML.../HTMLPrincipio y fin del fichero Html
HEAD.../HEADZona de encabezamiento de un fichero Html
TITLE.../TITLETitulo visualizado por el browser (elemento de HEAD)
BODY.../BODYPrincipio y fin del cuerpo del fichero Html
BODY bgcolor="#XXXXXX"Color del fondo (en hexadecimal)
BODY background="xyz.gif"Imagen del fondo

Puesta en forma de los caracteres
B.../BTexto en negrita
BIG.../BIGAmpliación del tamaño de los caracteres
BLINK.../BLINKTexto parpadeante (Netscape solo)
EM.../EMTexto en itálico
FONT color="#XXXXXX"
.../FONT
Texto en color donde
XXXXXX es un valor hexadecimal
FONT size=X.../FONTTamaño de los caracteres donde
X es un valor de 1 a 7
I.../ITexto en itálico
NOBR.../NOBRImpide las rupturas automáticas
de línea de los browser
PRE.../PRETexto preformateado, o sea con una visualización
de todos los espacios y saltos de línea
SMALL.../SMALLReducción del tamaño de los caracteres
STRONG.../STRONGPuesta en negrita del texto
SUB.../SUBTexto en indicio
SUP.../SUPTexto en exponente
U.../UTexto subrayado

Puesta en forma del texto


BRA la línea
BLOCKQUOTE...
/BLOCKQUOTE
Citación (introduce un retracto de texto)
CENTER.../CENTERCentra cada elemento comprendido en la etiqueta
DIV align=center .../DIVCentra el elemento encuadrado por la etiqueta
DIV align=left .../DIVAlinea el elemento a la izquierda
DIV align=right .../DIVAlinea el elemento a la derecha
Hx>.../Hx
Hx align=center.../Hx
Hx align=left>.../Hx
Hx align=right>.../Hx>
Título o x tiene un valor de 1 à 7
Título centrado
Título alineado a la izquierda
Titulo alineado a la derecha
P.../P
P align=center>.../P
P align=left>.../P
P align=right>.../P
Nuevo párrafo
Párrafo centrado
Párrafo alineado a la izquierda
Párrafo alineado a la derecha


Lista

UL
LI
/UL
Lista no numerada
Elemento de lista
OL
LI
/OL
Lista numerada
Elemento de lista
DL
DT.../DT
DD.../DD
/DL
Lista de glosario
Termino de glosario (sin retracto)
Explicación del termino (con retracto)
Rayas
HRLínea de separación. Raya horizontal
HR width="x%"Anchura de la raya en %
HR width=xAnchura de la raya en pixeles
HR size=xAltura de la raya en pixeles
HR align=center
HR align=left
HR align=right
Raya centrada
Raya alineada a la izquierda
Raya alineada a la derecha
HR noshadeRaya sin efecto de sombreado
Enlaces
A href="http://...".../AEnlace hacia una página Web
A href="mailto:...".../AEnlace hacia una dirección Email
A href="fichier.htm".../AEnlace hacia la página fichero.htm
situada en el mismo directorio
A name="xyz".../ADefinición de una ancla
A href="xyz".../A
A href="fichier#xyz".../A
Enlace hacia una ancla
Imagenes
IMG scr="xyz.gif"
IMG scr="xyz.pjg
Inserción de una imagen al formato Gif o Jpg
(ver enlaces para la dirección)
IMG ... width=x height=yPuesta a la escala de la imagen en pixeles
IMG ... border=xDefinición del borde de una imagen con un enlace
IMG ... alt="votre texte"Texto alternativo cuando la imagen no esta mostrada
IMG ... align=bottom
IMG ... align=middle
IMG ... align=top
IMG ... align=left
IMG ... align=right
Alinea la imagen abajo
Alinea la imagen en el medio
Alinea la imagen arriba
Alinea la imagen a la izquierda
Alinea la imagen a la derecha
IMG ... hspace=x
IMG ... vspace=y
Espaciamiento horizontal entre la imagen y el texto Espaciamiento vertical entre la imagen y el texto
Tablas
TABLE.../TABLEDefinición de una tabla
TABLE width="x%"Anchura de la tabla en %
TABLE width=xAnchura de la tabla en pixeles
TABLE border=xAnchura del borde
TABLE cellpadding=xEspacio entre el borde y el texto
TABLE cellspacing=xEspesor de la raya entre las celdas
TR.../TRLínea de la tabla
TD.../TDCelda de la tabla
TD bgcolor="#XXXXXX"Color de una celda de la tabla
TD width="x%"
TD width=x
Anchura de columna en %
Anchura de columna en pixeles
TD align=center
TD align=left
TD align=right
Texto centrado en la celda
Texto alineado a la izquierda en la celda
Texto alineado a la derecha en la celda
TD valign=bottom
TD valign=middle
TD valign=top
Alineación hacia arriba del contenido de la celda Centrado vertical del contenido de una celda
Alineación hacia el bajo del contenido de la celda
TD colspan=x
TD rowspan=x
Numero de celdas para fusionar horizontalmente Numero de celdas para fusionar verticalmente
Frames
FRAMESET.../FRAMESETDefine una estructura de frames
(reemplaza la etiqueta BODY)
FRAMESET rows="x%,y%,..."División horizontal de la ventana en %
FRAMESET cols="x%,y%,..."División vertical de la ventana en %
FRAME src="fichier.htm"Fichero mostrado en una ventana de frames
NOFRAMES...Contenido para los browser no previstos para los frames

y a continuacion un video tutorial.


miércoles, 7 de abril de 2010

Licencia de software



Una licencia de software es un contrato entre el licenciante (autor/titular de los derechos de explotación/distribuidor) y el licenciatario del programa informático (usuario consumidor /usuario profesional o empresa), para utilizar el software cumpliendo una serie de términos y condiciones establecidas dentro de sus cláusulas.

Las licencias de software pueden establecer entre otras cosas: la cesión de determinados derechos del propietario al usuario final sobre una o varias copias del programa informático, los límites en la responsabilidad por fallos, el plazo de cesión de los derechos, el ámbito geográfico de validez del contrato e incluso pueden establecer determinados compromisos del usuario final hacia el propietario, tales como la no cesión del programa a terceros o la no reinstalación del programa en equipos distintos al que se instaló originalmente.

Elementos personales de una licencia de software

Licenciante

El licenciante o proveedor-licenciante es aquel que provee el software más la licencia al licenciatario, la cual, le permitirá a este último tener ciertos derechos sobre el software. El rol de licenciante lo puede ejercer cualquiera de los siguientes actores:

  • Autor: El desarrollador o conjunto de desarrolladores que crea el software, son por antonomasía quienes en una primera instancia poseen el rol de licenciante, al ser los titulares originales del software.
  • Titular de los derechos de explotación: Es la persona natural o jurídica que recibe una cesión de los derechos de explotación de forma exclusiva del software desde un tercero, transformándolo en titular derivado y licenciante del software.
  • Distribuidor: Es la persona jurídica a la cual se le otorga el derecho de distribución y la posibilidad de generar sublicencias del software mediante la firma de un contrato de distribución con el titular de los derechos de explotación.

Garantía de titularidad

Es la garantía ofrecida por el licenciante, en la cual, asegura que cuenta con suficientes derechos de explotación sobre el software como para permitirle proveer una licencia al licenciatario.

Licenciatario

El licenciatario o usuario-licenciatario es aquella persona física o jurídica que se le permite ejercer el derecho de uso más algún otro derecho de explotación sobre un determinado software cumpliendo las condiciones establecidas por la licencia otorgada por el licenciante.

  • Usuario consumidor: Persona natural que recibe una licencia de software otorgada por el licenciante, la cual, se encuentra en una posición desventajosa ante los términos y condiciones establecidas en ella.
  • Usuario profesional o empresa: Persona natural o jurídica que recibe una licencia de software otorgada por el licenciante, la cual, se encuentra en igualdad de condiciones ante el licenciante para ejercer sus derechos y deberes ante los términos y condiciones establecidos en la licencia.

viernes, 19 de marzo de 2010

Miembros del equipo

Irvin Alexander Rodriguéz.
Estudiante de el Instituto Nacional de San Luis (Insalher)
de 17 años de edad.
Estudio: Segundo año de Bachillerato Opcion Contador.

Dennis René Gonzaléz Alvaréz.

Estudiante de el Instituto Nacional de San Luis (Insalher)
de 18 años de edad.
Estudio: Segundo año de Bachillerato Opcion Contador.

Red inalámbrica





Red inalámbrica

El término red inalámbrica (Wireless network) en inglés es un término que se utiliza para designar la conexión de nodos sin necesidad de una conexión física (cables), ésta se da por medio de ondas electromagneticas. La transmisión y la recepción se realizan a través de antenas.

Una de sus principales ventajas es notable en los costos, ya que se elimina todo el cable ethernet y conexiones físicas entre nodos, pero también tiene una desventaja considerable ya que para este tipo de red se debe de tener una seguridad mucho mas exigente y robusta para evitar a los intrusos.

En la actualidad las redes inalámbricas son una de las tecnologías más prometedoras.


Características

Según el rango de frecuencias utilizado para transmitir, el medio de transmisión pueden ser las ondas de radio, las microondas terrestres o por satélite, y los infrarrojos, por ejemplo. Dependiendo del medio, la red inalámbrica tendrá unas características u otras:

  • Ondas de radio: las ondas electromagnéticas son omnidireccionales, así que no son necesarias las antenas parabólicas. La transmisión no es sensible a las atenuaciones producidas por la lluvia ya que se opera en frecuencias no demasiado elevadas. En este rango se encuentran las bandas desde la ELF que va de 3 a 30 Hz, hasta la banda UHF que va de los 300 a los 3000 MHz, es decir, comprende el espectro radioelectrico de 30 - 3000000 Hz.
  • Microondas terrestres: se utilizan antenas parabólicas con un diámetro aproximado de unos tres metros. Tienen una cobertura de kilómetros, pero con el inconveniente de que el emisor y el receptor deben estar perfectamente alineados. Por eso, se acostumbran a utilizar en enlaces punto a punto en distancias cortas. En este caso, la atenuación producida por la lluvia es más importante ya que se opera a una frecuencia más elevada. Las microondas comprenden las frecuencias desde 1 hasta 300 GHz.
  • Microondas por satélite: se hacen enlaces entre dos o más estaciones terrestres que se denominan estaciones base. El satélite recibe la señal (denominada señal ascendente) en una banda de frecuencia, la amplifica y la retransmite en otra banda (señal descendente). Cada satélite opera en unas bandas concretas. Las fronteras frecuenciales de las microondas, tanto terrestres como por satélite, con los infrarrojos y las ondas de radio de alta frecuencia se mezclan bastante, así que pueden haber interferencias con las comunicaciones en determinadas frecuencias.
  • Infrarrojos: se enlazan transmisores y receptores que modulan la luz infrarroja no coherente. Deben estar alineados directamente o con una reflexión en una superficie. No pueden atravesar las paredes. Los infrarrojos van desde 300 GHz hasta 384 THz.
Funte:

Wikipedia redes inalambricas