jueves, 11 de marzo de 2010

formato de texto.

1. Formato de texto
El lenguaje HTML permite dar varios tipos de formatos al texto de nuestras páginas. Para ello usa una serie de etiquetas, compuestas todas por una instrucción de inicio y otra de fin, que realizan efectos o formatos diversos en el texto que encierran. Estas etiquetas se dividen en dos grupos: las etiquetas de estilo lógico y las etiquetas de estilo físico.

1.1. Etiquetas de estilo físico
Las etiquetas de estilo físico son aquellas que especifican exactamente cómo debe ser formateado el texto que modifican. Es decir, una etiqueta de estilo físico es aquella que dice: 'este texto debe estar en negrita' sin más, no ofrece al navegador otra posible forma de mostrar ese texto. Este tipo de etiquetas contradice el espíritu descriptivo que debe tener el HTML, por lo que son muy criticados por los puristas de este lenguaje. Estos puristas sugieren que las etiquetas de estilo físico sean sustituidas por las de estilo lógico que se verán en el siguiente apartado. A pesar de todo las etiquetas de estilo físico son de uso común y por ello las trataremos en detalle.

hiperenlaces

Un hiperenlace (también llamado enlace, vínculo, o hipervínculo) es un elemento de un documento electrónico que hace referencia a otro recurso, por ejemplo, otro documento o un punto específico del mismo o de otro documento. Combinado con una red de datos y un protocolo de acceso, un hiperenlace permite acceder al recurso referenciado en diferentes formas, como visitarlo con un agente de navegación, mostrarlo como parte del documento referenciador o guardarlo localmente.

En la actualidad los hiperenlaces afectan al Posicionamiento en buscadores de los sitios web desde que Google insertó ésta variable en su algoritmo años atrás.

La idea de Google fue: "Un hiperenlace es un voto hacia una página, yo lo doy por que considero que dicha página es relevante para la temática, entónces los vínculos son un factor importante a la hora de rankear páginas" y desde ese momento en adelante el concepto de SEO (posicionamiento web) ha cambiado drásticamente pues el control del posicionamiento de las páginas quedó fuera de las manos de los webmasters y se dejó en las manos de cualquier persona que considere el recurso importante.

Los hiperenlaces son parte fundamental de la arquitectura de la World Wide Web, pero el concepto no se limita al HTML o a la Web. Casi cualquier medio electrónico puede emplear alguna forma de hiperenlace.

Partes del hipervínculo [editar]Un enlace cuenta con dos extremos, denominados anclas, y una dirección. El enlace comienza en el ancla origen y apunta al ancla destino. S de la página con "#atributo name" añadido.

Cuando los enlaces de destino invocan, además de texto, elementos multimedia (de una persona a una persona, de varias a una, de una a varias, de varias a varias, etc).

Comportamiento de los enlaces en los navegadores WEB [editar]Un navegador web normalmente muestra un hiperenlace de alguna forma distintiva, por ejemplo en un color, letra o estilo diferente. El comportamiento y estilo de los enlaces se puede especificar utilizando lenguaje CSS.

El puntero del ratón también puede cambiar a forma de mano para indicar el enlace. En muchos navegadores, los enlaces se muestran en texto azul subrayado cuando no han sido visitados, y en texto púrpura subrayado cuando han sido visitados. Cuando el usuario activa el enlace (por ejemplo pinchando sobre él con el ratón) el navegador mostrará el destino del enlace. Si el destino no es un archivo HTML, dependiendo del tipo de archivo y del navegador y sus plugins, se puede activar otro programa para abrir el archivo.

Dreamweaver

Adobe Dreamweaver es una aplicación en forma de estudio (basada en la forma de estudio de Adobe Flash) enfocada a la construcción y edición de sitios y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems). Es el programa de este tipo más utilizado en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium. Su principal competidor es Microsoft Expression Web y tiene soporte tanto para edición de imágenes como para animación a través de su integración con otras. Hasta la versión MX, fue duramente criticado por su escaso soporte de los estándares de la web, ya que el código que generaba era con frecuencia sólo válido para Internet Explorer, y no validaba como HTML estándar. Esto se ha ido corrigiendo en las versiones recientes.

Se vende como parte de la suite Adobe Creative Suite 3 y 4.

La gran ventaja de este editor sobre otros es su gran poder de ampliación y personalización del mismo, puesto que en este programa, sus rutinas (como la de insertar un hipervinculo, una imagen o añadir un comportamiento) están hechas en Javascript-C, lo que le ofrece una gran flexibilidad en estas materias. Esto hace que los archivos del programa no sean instrucciones de C++ sino, rutinas de Javascript que hace que sea un programa muy fluido, que todo ello hace, que programadores y editores web hagan extensiones para su programa y lo ponga a su gusto.

Las versiones originales de la aplicación se utilizaban como simples editores WYSIWYG. Sin embargo, versiones más recientes soportan otras tecnologías web como CSS, JavaScript y algunos frameworks del lado servidor.

Dreamweaver ha tenido un gran éxito desde finales de los 90 y actualmente mantiene el 90% del mercado de editores HTML. Esta aplicación está disponible tanto para la platafoma MAC como para Windows, aunque también se puede ejecutar en plataformas basadas en UNIX utilizando programas que implementan las API's de Windows, tipo Wine.

Como editor WYSIWYG que es, Dreamweaver oculta el código HTML de cara al usuario, haciendo posible que alguien no entendido pueda crear páginas y sitios web fácilmente.

Algunos desarrolladores web critican esta propuesta ya que crean páginas HTML más largas de lo que solían ser al incluir mucho código inútil, lo cual va en detrimento de la ejecución de las páginas en el navegador web. Esto puede ser especialmente cierto ya que la aplicación facilita en exceso el diseño de las páginas mediante tablas. Además, algunos desarrolladores web han criticado Dreamweaver en el pasado porque creaba código que no cumplía con los estándares del consorcio Web (W3C).

No obstante, Adobe ha aumentado el soporte CSS y otras maneras de diseñar páginas sin tablas en versiones posteriores de la aplicación.

Dreamweaver permite al usuario utilizar la mayoría de los navegadores Web instalados en su ordenador para previsualizar las páginas web. También dispone de herramientas de administración de sitios dirigidas a principiantes como, por ejemplo, la habilidad de encontrar y reemplazar líneas de texto y código por cualquier tipo de parámetro especificado, hasta el sitio web completo. El panel de comportamientos también permite crear JavaScript básico sin conocimientos de código.

Con la llegada de la versión MX, Macromedia incorporó herramientas de creación de contenido dinámico en Dreamweaver. En lo fundamental de las herramientas HTML WYSIWYG, también permite la conexión a Bases de Datos como MySQL y Microsoft Access, para filtrar y mostrar el contenido utilizando tecnología de script como, por ejemplo, ASP (Active Server Pages), ASP.NET, ColdFusion, JSP (JavaServer Pages) y PHP sin necesidad de tener experiencia previa en programación.

Un aspecto de alta consideración de Dreamweaver es su arquitectura extensible. Es decir, permite el uso de "Extensiones". Las extensiones, tal y como se conocen, son pequeños programas, que cualquier desarrollador web puede escribir pupo (normalmente en HTML y Javascript) y que cualquiera puede descargar e instalar, ofreciendo así funcionalidades añadidas a la aplicación. Dreamweaver goza del apoyo de una gran comunidad de desarrolladores de extensiones que hacen posible la disponibilidad de extensiones gratuitas y de pago para la mayoría de las tareas de desarrollo web, que van desde simple efectos rollover hasta completas cartas de compra.

También podría decirse, que para un diseño mas rápido y a la vez fácil podría complementarse con fireworks en donde podría uno diseñar un menú o para otras creaciones de imágenes (gif web, gif websnap, gif adaptable,jpeg calidad superior, jpeg archivo mas pequeño, gif animado websnap) para un sitio web y después exportar la imagen creada y así utilizarla como una sola, en donde ya llevara los vínculos a un dicho sitio en especifico que uno le haya dado.(MRR - U.P.C.)

HTML

HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.

HTML también es usado para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).

Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (p.ej. ) y una etiqueta de cierre (p.ej. ). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (p.ej. Contenido). Algunos elementos, tales como
, no tienen contenido ni llevan una etiqueta de cierre. Debajo se listan varios tipos de elementos de marcado usados en HTML.
El marcado estructural describe el propósito del texto. Por ejemplo,

Golf

establece a "Golf" como un encabezamiento de segundo nivel, el cual se mostraría en un navegador de una manera similar al título "Marcado HTML" al principio de esta sección. El marcado estructural no define cómo se verá el elemento, pero la mayoría de los navegadores web han estandarizado el formato de los elementos. Un formato específico puede ser aplicado al texto por medio de hojas de estilo en cascada.

El marcado presentacional describe la apariencia del texto, sin importar su función. Por ejemplo, negrita indica que los navegadores web visuales deben mostrar el texto en negrita, pero no indica qué deben hacer los navegadores web que muestran el contenido de otra manera (por ejemplo, los que leen el texto en voz alta). En el caso de negrita e itálica, existen elementos que se ven de la misma manera pero tienen una naturaleza más semántica: enfásis fuerte y énfasis. Es fácil ver cómo un lector de pantalla debería interpretar estos dos elementos. Sin embargo, son equivalentes a sus correspondientes elementos presentacionales: un lector de pantalla no debería decir más fuerte el nombre de un libro, aunque éste esté en itálicas en una pantalla. La mayoría del marcado presentacional ha sido desechada con HTML 4.0, en favor de Hojas de estilo en cascada.

martes, 20 de octubre de 2009

misii}on, vision y valores.

vision:

que fuego liquido llegue a ser una empresa internacional y tenga varias sucursales y que llegue a ser la fovirita del el publico.

mision:

tener la mejor atencion para los ckientes, y el mejor cafe para satisfacer las necesidaders del cliente.

valores:

resposabilidad, honestidad, respeto, puntualidad, compromiso , cooperacion.

sistema de negocios!

negocio: un cafe
nombre:fuego líquido.
eslogan:despierta tus sentidos
analisis foda:

debilidades:
*falta de personal
*falta de experiencia
*falta de maquinaria.

fortalesas:

fortalezas:
* buen cafe.
* compromiso.
* buena vision.
* buena mision.
* buenos valores.

fortalesas:

amenazas:
* mucha competencia.
* situacion economica de la gente.

fortalesas:

oportunidades:
* buen servisio.
* mejores precios.
* buena atencion.
* buena ubicacion.

lunes, 28 de septiembre de 2009

Topologias de red.



--Malla: En una topología en malla, cada dispositivo tiene un enlace punto a punto y dedicado con cualquier otro dispositivo. El término dedicado significa que el enlace conduce el tráfico únicaniente entre los dos dispositivos que conecta


--Estrella: En la topología en estrella cada dispositivo solamente tiene un enlace punto a punto dedicado con el controlador central, habitualmente llamado concentrador. Los dispositivos no están directamente enlazados entre sí.


-- Árbol: La topología en árbol es una variante de la de estrella. Como en la estrella, los nodos del árbol están conectados a un concentrador central que controla el tráfico de la red. Sin embargo, no todos los dispositivos se conectan directamente al concentrador central.


--Bus: Una topología de bus es multipunto. Un cable largo actúa como una red troncal que conecta todos los dispositivos en la red.Los nodos se conectan al bus mediante cables de conexión (latiguillos) y sondas.


--Anillo: En una topología en anillo cada dispositivo tiene una línea de conexión dedicada y punto a punto solamente con los dos dispositivos que están a sus lados. La señal pasa a lo largo del anillo en una dirección, o de dispositivo a dispositivo, hasta que alcanza su destino.

Direcciones ip.

Una dirección IP es un número que identifica de manera lógica y jerárquica a una interfaz de un dispositivo (habitualmente una computadora) dentro de una red que utilice el protocolo IP(Internet Protocol), que corresponde al nivel de red del protocolo TCP/IP. Dicho número no se ha de confundir con la dirección MAC que es un número hexadecimal fijo que es asignado a la tarjeta o dispositivo de red por el fabricante, mientras que la dirección IP se puede cambiar.


Es habitual que un usuario que se conecta desde su hogar a Internet utilice una dirección IP. Esta dirección puede cambiar cada vez que se conecta; y a esta forma de asignación de dirección IP se denomina una dirección IP dinámica (normalmente se abrevia como IP dinámica).Los sitios de Internet que por su naturaleza necesitan estar permanentemente conectados, generalmente tienen una dirección IP fija (se aplica la misma reducción por IP fija o IP estática), es decir, no cambia con el tiempo. Los servidores de correo, DNS, FTP públicos, y servidores de páginas web necesariamente deben contar con una dirección IP fija o estática, ya que de esta forma se permite su localización en la red.

Existe un protocolo para asignar direcciones IP dinámicas llamado DHCP (Dynamic Host Configuration Protocol).

elementos para crear una red.

Varios equipos con el sistema operativo Windows instalado (es posible tener dos equipos con diferentes versiones de Windows en la misma red);
Tarjetas Ethernet conectadas a un puerto ISA o PCI (con un conector RJ45) o integradas a la placa madre. Asegúrese de que los diodos de la parte posterior de la tarjeta de red, si corresponde, se enciendan cuando el equipo esté encendido y de que el cable esté conectado. También existen adaptadores de red para puertos USB, especialmente en el caso de los adaptadores de red inalámbrica;
Los cables RJ45 en el caso de las redes conectadas;
Un hub, dispositivo al que se pueden conectar los cables RJ45 desde diferentes equipos de la red, que no son costosos (un valor aproximado de €50), un conmutador o, como alternativa, un cable cruzado, si desea conectar sólo dos equipos

miércoles, 16 de septiembre de 2009

Tipos de Navegadors.



Definicion de snapshot.

Es una herramienta para instalar en sitios webs, lo que hace esta herramienta o código por asi decirlo es crear una visualización o previsualización de cada vinculo de la pagina por ejemplo este link: Ejemplo de Snap, aqui hay otro ejemplo con un link a mi pagina de myspace, myspace.com/arielnieto, para que sirven bueno eso esta a criterio de cada uno, aveces una previsualización del sitio sirve para brindarnos información del link, otras veces queremos agregar una herramienta para hacer nuestro blog mas completo y agradable a la vista y logrando que internautas regresen a tu blog.

Hay varias opciones a configurar, los colores y tipo de previsualización, de ahí en mas la decisión es tuya.

Definicion de protocolo.

Se conoce como protocolo de comunicaciones a un conjunto de reglas que especifican el intercambio de datos u órdenes durante la comunicación entre sistemas...

El protocolo determina lo siguiente:
El tipo de comprobación de errores que se utilizará.
El método de compresión de los datos, si lo hay.
Cómo indicará el dispositivo que envía que ha acabado el enviar un mensaje.
Cómo indicará el dispositivo que recibe que ha recibido un mensaje.


Desde el punto de vista de un usuario, el único aspecto interesante sobre protocolos es que tu ordenador o dispositivo debe soportar los protocolos adecuados si quieres comunicarte con otros ordenadores. El protocolo se puede implementar en hardware o en software.

Actualmente no se desarrollan protocolos que se ajusten exactamente a este modelo, pero OSI sigue siendo muy útil para enseñar teoría de redes.

Definicion de intranet.

Una Intranet es una red de ordenadores privados que utiliza tecnología Internet para compartir de forma segura cualquier información o programa del sistema operativo para evitar que cualquier usuario de Internet pueda ingresar . En la arquitectura de las Intranets se dividen el cliente y el servidor. El software cliente puede ser cualquier computadora local (servidor web o PC), mientras que el software servidor se ejecuta en una Intranet anfitriona. No es necesario que estos dos softwares, el cliente y el servidor, sean ejecutados en el mismo sistema operativo. Podría proporcionar una comunicación privada y exitosa en una organización.


Tiene como función principal proveer lógica de negocios para aplicaciones de captura, informes y consultas con el fin de facilitar la producción de dichos grupos de trabajo; es también un importante medio de difusión de información interna a nivel de grupo de trabajo. Las redes internas corporativas son potentes herramientas que permiten divulgar información de la compañía a los empleados con efectividad, consiguiendo que estos estén permanentemente informados con las últimas novedades y datos de la organización. También es habitual su uso en universidades y otros centros de formación, ya que facilita la consulta de diferentes tipos de información y el seguimiento de la materia del curso.

Diferentes tipos de redes.

Una red de computadoras es una interconexión de computadoras para compartir información, recursos y servicios. Esta interconexión puede ser a través de un enlace físico (alambrado) o inalámbrico.

Algunos expertos creen que una verdadera red de computadoras comienza cuando son tres o más los dispositivos y/o computadoras conectadas.

Para comunicarse entre sí en una red el sistema de red utiliza protocolos de red.

Por extensión las redes pueden ser:
*Área de red local (LAN)
*Área de red metropolitana (MAN)
*Área de red amplia (WAN)
*Área de red personal (PAN)

Por relación funcional se clasifican en:
*Cliente/Servidor
*igual-a-igual (P2P)

Por topología:
*red alambrada
*red de anillo
*red de bus
*red de bus-estrella
*red de estrella
*red Mesh

Por estructura:
Red OSI
Red TCP/IP

Puede ser una intranet o extranet.

Historia del internet.

A comienzos de la decada del 60 A.R.P.A. emprendió la tarea de desarrollar un sistema militar de comunicaciones en red diseñado especificamente para interconectar computadores en forma descentralizada cuyo objetivo principal debia ser continuar operando aun en el caso de alguno o varios de sus nodos de comunicaciones fueran destruidos durante un ataque enemigo.

En 1962 el Dr. J.C.R. Licklider uno de los responsables principales del proyecto influyo para lograr que esta tecnologia de comunicaciones sirviese para interconectar las universidades dentro de los EE.UU. Hacia fines de la década de 1960la investigación fructifica al llevar de la teoría a la realidad la interconección de ordenadores en red comunicándolos a traves de las líneas telefónicas. Durante 1969 se instala el primer nodo de la primer red científica y académica que se conocerá en adelante como ARPANET y dos años mas tarde la red enlazará ya 15 universidades y centros de investigación.

Definicion de DARPA.

Definición de DARPA

(Defense Advanced Research Projects Agency o DARPA). DARPA es una agencia del Departamento de Defensa del gobierno de los Estados Unidos, responsable del desarrollo de nuevas tecnologías usadas en el área militar.

DARPA fue el responsable en el financiamiento y desarrollo de muchas tecnologías que han tenido impacto a nivel mundial, como las redes de computadoras (empezando con ARPANET, que luego dio origen a internet), y también NLS que fue el primero en tener un sistema de hipertexto y precursor en los interfaces gráfico de usuario.

Su nombre original fue simplemente Advanced Research Projects Agency (ARPA), pero fue cambiado a DARPA (por Defense) el 23 de marzo de 1972, luego volvió a ARPA el 22 de febrero de 1993, y nuevamente a DARPA el 11 de marzo de 1996.

DARPA fue establecido en 1958 en respuesta al lanzamiento del Sputnik soviético en 1957, con la misión de mantener la tecnología militar de EE.UU. por delante de sus rivales.

DARPA cuenta con unos 240 trabajadores, con un presupuesto de 3.200 millones de dólares.

martes, 25 de agosto de 2009

valores en la clase!

Respeto:

Es cuando una persona le da el lugar que le corresponde a otra y tiene cierto limite por el mismo lugar que tiene para como tratarla.

orden:

Es cuando llevas un sentido logico de las cosas que haces y siguiendo las reglas que te imponen.

Limpieza:

Esta ligado con el orden por que asi podemos ver, por ejemplo en un examen si todo esta tachoneado sabremos que no estaba seguro del metodo y otra es cuando en tu lugar tienes todo regado y no sigues un orden es mas facil que se manche tu trabajo.

Cooperación:

Es cuando, por ejemplo, uno de mis compañeros da un puno de vista yo guardo silencio y lo respeto.

Colaboracion:

Es cuando trabajo con mis compañeros para conseguir el mismo fin en la clase.

mi perrooo...!!!


Este es mi perroooo...
Puppy...
jejeje...
lo amoooooo!!!