Atajos para firefox

Navegación
Ctrl+L Nos lleva a la barra de direcciones directamente y selecciona la URL de la página en la que estemos. Muy útil si queremos ir a una Web diferente. El usuario RC nos deja en los comentarios una mejor alternativa para este atajo. Podemos usar solo F6 para la misma función.
Ctrl+K Nos posiciona en la barra de búsqueda de Firefox. Es de los atajos que más uso, pues constantemente estoy buscando cosas en Google.
Alt+Flecha izquierda/derecha Nos lleva a la página anterior o a la siguiente, respectivamente.

Completar direcciones .com, .net y .org 
Por ejemplo, si escribimos “google” en la barra de direcciones y presionamos Ctrl+Enter, automáticamente Firefox lo cambiará por “http://www.google.com” y cargará el buscador. Para .com usamos Ctrl+Enter, para .net es Shift+Enter y, finalmente, para .org pulsamos Ctrl+Shift+Enter.

Pestañas 
Ctrl+T Abre una nueva pestaña.
Ctrl+W Cierra la pestaña en la que estemos.
Ctrl+Shift+T Abre la última pestaña que cerraste. Excelente si olvidaste revisar algo o la cerraste por error.
Ctrl+(1,2,3…9) Va directamente a la pestaña número X. Solo funciona con las primeras nueve, después de eso usamos el siguiente atajo.
Ctrl+Tab Navega entre las pestañas abiertas. Si queremos ir en sentido contrario, entonces usamos Ctrl+Shift+Tab.

Otros
Ctrl+F Nos abre el buscador integrado de Firefox. Muy bueno a la hora de buscar texto dentro de la página.
F5 Recarga la pestaña.
Esc Detiene la carga. Return

Antajos para chrome

CTRL +N: Abrir una nueva ventana
CTRL + T: Abrir una nueva pestaña
CTRL + Shift + N: Abrir una nueva ventana de incógnito
ALT + F4: Cerrar una ventana
CTRL + W: Cerrar una pestaña
CTRL + Shift + T Abrir la última pestaña que cerraste
CTRL + TAB: Cambiar a la pestaña de del lado
CTRL + SHIFT + TAB: Volver a la pestaña donde estabas
ALT + Home: Ir a la página de inicio
CTRL + D: Agregar página a Favoritos
CTRL + F: Buscar dentro de una página
CTRL + H: Ver Historial
CTRL + J: Ver descargas
CTRL + P: Imprimir Página

Atajos para windows 7 (en el teclado)

Win + P: Cambiar pantalla al conectar un proyector u otro monitor.
Win + Flechas: Mover ventanas en el escritorio.
Shift + Win + Flechas: En caso de tener varios monitores, se moverán de un lado a otro.
Win + +: Hacer zoom o aumento, ya queríamos algo así en Windows.
Win + -: Quitar zoom. Nada complicado como vemos.
Win + Barra espaciadora: Mostrar escritorio sin minimizar. Útil con widgets y gadgets.
Win + T: Traer enfoque a lo primero que fue abierto en la barra de tareas.
ALT + P: Previsualización desde el explorador de Windows: fotos, música, videos, documentos, etc.
Win+X: Llamar en nuestra laptop, notebook o netbook al centro de movilidad.
Alt + Tab: Cambiar de ventana a una contigua.
Win + Tab: Similar a Alt + Tab pero con una llamativa previsualización.
Alt + F4: Cerrar ventana activa.
Win + R: Abrir ventana de Ejecutar.
Win + L: Bloquear el ordenador, pidiendo contraseña.
Win + M: Minimizar todas las ventanas abiertas.
Win + D: Mostrar nuestro escritorio.
Win + Arriba: Maximizar ventana activa.
Win + Abajo: Minimizar/Restaurar ventana activa.

Tipos de Sistemas

Definición de sistema:  Un sistema es una reunión o conjunto de elementos relacionados que interactuan entre si para lograr un fin determinado.

• Sistema Natural:  Un árbol su objetivo es promover oxigeno al medio ambiente, albergar especies vivas, ser alimento de especies vivas, etc. sus elementos : hojas, clorofila, ramas, frutas, etc.
• sistemas hechos por el hombre: Un buen numero de sistemas son construidos, organizados y mantenidos por humanos:

• Sistemas Sociales.
• Sistemas de transporte.
• Una colección organizada y disciplinada de ideas.
• Comunicación.
• Manufactura.
• Financieros.

La mayoría de estos sistemas incluyen las computadoras, de echo muchos no podrán sobrevivir sin ellas.

• Sistemas Automatizados: Estos son los sistemas echos por el hombre aunque interactuan con los controles por una o más computadoras.

Hay diferentes tipos de sistemas automatizados:

• El hardware de la computadora: los procesadores, discos, terminales, impresoras, unidades magnéticas, etc.
• El software de la computadora: los programas de un sistema tales como sistemas operativos, sistemas de base de datos, etc.

Una manera de organizar los sistemas automatizados es por su aplicación, manufactura, compatibilidad, defensa militar, etc.

ETIQUETAS (HTML)

<DD>	Definiciones marcadas, para Lista de Definiciones <DL>.	Ninguno	NO
<DFN<	Formato en itálica.	Internet Explorer	</DFN<
<DIR>	Lista de directorio, con elementos marcados con <LI>.	Ninguno	</DIR>
<DL>	Lista de Definiciones, con términos marcados con <DT> y definiciones marcadas con <DD>.	Ninguno	</DL>
<DT>	Términos marcados, para Lista de Definiciones <DL>.	Ninguno	NO
<EM>	Formato enfatizado en itálica.	Ninguno	</EM>
<EMBED>	Sonido de Fondo.	SRC, WIDTH, HEIGHT, AUTOSTART, LOOP.	NO - Netscape
<FONT>	Definición de la fuente.	SIZE, COLOR. Internet Explorer: FACE.	</FONT>
<FORM>	Para ingreso de datos del usuario en un formulario.	ACTION, METHOD	</FORM>
<H1 ...H6>	Tamaño de letras del 1 al 6.	HTML 3.0: LEFT, CENTER, RIGHT	</H1 .../H6>
<HEAD>	Encabezamiento del documento.	BASE, TITLE, ISINDEX, NEXTID, META	</HEAD>

ALGUNA ETIQUETAS DE HTML

< !	Comentario.	Ninguno	-->
<A>	Hipervínculo.	HREF, NAME, REL, REV, TITLE	</A>
<ADDRESS>	Formato para dirección del autor.	Ninguno	</ADDRESS>
<BASE>	Url del autor; contexto del documento.	HREF	</BASE>
<BASEFONT SIZE>	Tamaño de la fuente base.	Ninguno	NO
<BGSOUND>	Sonido de fondo.	SRC, LOOP.	NO - Internet Explorer
<BIG>	Aumenta el tamaño.	Ninguno	</BIG>
<BLINK>	Hace parpadear el texto.	Ninguno	</BLINK> - Netscape
<BLOCKQUOTE>	Da formato con sangría a un párrafo	Ninguno	</BLOCKQUOTE>
<BODY>	Cuerpo del documento.	BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK	</BODY>
<BR>	Retorno de línea.	CLEAR: Se utiliza en combinación con ALIGN de IMAGE.	NO
<CAPTION>	Posición de la leyenda en una tabla.	ALIGN: TOP/BOTTOM. Internet Explorer: LEFT, RIGHT, CENTER	</CAPTION>
<CENTER>	Centrar.	Ninguno	</CENTER>
<CITE>	Formato para citas en itálicas.	Ninguno	</CITE>
<CODE>	Formato en tipo código.	Ninguno	</CODE>

EQUILIBRIO GRAFICO

El diseño de una página web incluye el empleo de varias disciplinas, entre las que se encuentra el diseño gráfico. La presentación visual de una página web es una representación gráfica y como tal sigue los lineamientos generales del diseño gráfico. Los elementos componentes de una página web deben ser combinados de forma tal que el objetivo con el que se diseña sea logrado. Cada componente de la página web tiene una jerarquía respecto de los otros, por lo que es necesario buscar la combinación de elementos que haga posible que esta jerarquía se vea resaltada. El diseñador debe lograr que la página tenga la máxima eficiencia comunicativa que sea posible. Esto solo es posible mediante el impacto visual, logrado con la correcta disposición de los elementos.
Para que el mensaje llegue al usuario, todos los elementos deben estar equilibrados. Este equilibrio tiene una serie de reglas básicas que todo diseñador de páginas web y diseñador gráfico debe conocer. Sin embargo, un error frecuente en el diseño es realizar el mismo para luego introducir los componentes, cuando en realidad el diseño debe estar pensado para que los componentes se vean de tal forma que el mensaje llegue en forma correcta al usuario.

Equilibrio de las proporciones

Cada componente de una página web tiene un peso visual, el cual depende de sus atributos, como forma, color, tamaño, etc. Este peso visual, es la proporción. Lo primero que se nos ocurre al hablar de proporción, es el tamaño relativo del objeto en cuestión. Un elemento más grande que otro, tiene una atracción visual superior que el segundo. Pero además, la carga visual de un elemento también depende de otros atributos, como el color. Un objeto de color saturado, tiene un peso visual superior que otro cuyo color tiene una saturación menor.  Las formas tienen también influencia en la proporción de los elementos. Así pues, un elemento de forma irregular tiene mayor atracción visual que un objeto de forma regular.
Todos estos atributos deben guardar una proporción tal que los elementos que se desee resaltar sean más visibles que otros, pero de forma tal que tampoco los elementos secundarios “desaparezcan”. Hay muchas formas de conseguir que las proporciones de los diferentes objetos se adecúen al fin perseguido.

Equilibrio de las escalas

Las proporciones de los diferentes elementos de un diseño tienen una relación entre sí que denominamos escala. Esta escala, que en principio pensamos exclusivamente en relación al tamaño de los objetos, abarca a todos los atributos de los mismos. Esto quiere decir, que deben tenerse en cuenta las escalas de tamaño, de forma, de color. Cada uno de los atributos de un objeto, tiene una dimensión, la cual no es absoluta, sino relativa, ya que depende de los atributos de los demás objetos. Por ejemplo, un cuadrado de 120 pixeles de lado es grande si se encuentra junto a otro de 60 pixeles, pero es chico si se le relaciona con uno de 200 pixeles. Lo mismo sucede con los colores. Un objeto de color amarillo sobre fondo negro es más llamativo que uno de color gris ubicado a su lado; sin embargo, el mismo elemento amarillo, sobre fondo blanco es mucho menos llamativo que un objeto de color rojo ubicado también a su lado.
La escala, en definitiva, es muy importante para relacionar objetos de diferentes proporciones. Todo diseño equilibrado debe estar integrado por elementos que mantienen una cierta relación entre sus proporciones. Un ejemplo práctico lo vemos en el siguiente diseño, donde (solo por tomar la relación existente entre algunos de sus elementos) la escala del encabezado y del menú, tienen una relación tal que la atención fluye rápidamente hacia el primero, pero con una diferencia tal que hace posible que el menú sea visible para los usuarios y dar una buena navegabilidad a la página. El equilibrio de las escalas, en este ejemplo, puede apreciarse en el tamaño, en el color y en las formas.