Adobe Dreamweaver es una aplicación en forma de suite (basada
en la forma de estudio de Adobe Flash) que está destinada a la
construcción, diseño y edición de sitios y aplicaciones Web basados en estándares.
Creado inicialmente por Macromedia
(actualmente producido por Adobe Systems) es el programa 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.
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 años 1990 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 permite ocultar el
código HTML
de cara al usuario, haciendo posible que alguien no entendido pueda
crear páginas y sitios web fácilmente sin necesidad de escribir código.
Algunos desarrolladores web criticaban 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,
haciendo que se reduzca el exceso de código.
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 funcionalidad
con extensiones. Es decir, permite el uso de "Extensiones". Las
extensiones, tal y como se conocen, son pequeños programas, que
cualquier desarrollador web puede escribir (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 más 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 más 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.)
lunes, 12 de marzo de 2012
¿Qué es Comunicación Sincrónica y Asincrónica?
Comunicación Sincrónica
Cuando dos personas
llevan un diálogo conjuntamente a una hora determinada y pueden
reaccionar directamente a preguntas, respuestas y comentarios (la
mayoría de las veces cortos) entonces se trata de una comunicación
sincrónica. Ambas formas de comunicación también son posibles en
internet.
Pero la comunicación asincrónica no ha de ser necesariamente por escrito. Desde hace tiempo ya se pueden mandar "cartas con sonido" en cintas de audio o de vídeo. En internet también se pueden enviar archivos de audio y vídeo como anexos a mensajes de correo electrónico o con programas especiales.
Pero la comunicación asincrónica no ha de ser necesariamente por escrito. Desde hace tiempo ya se pueden mandar "cartas con sonido" en cintas de audio o de vídeo. En internet también se pueden enviar archivos de audio y vídeo como anexos a mensajes de correo electrónico o con programas especiales.
Comunicación Asincrónica
Cuando se escribe una carta o un mensaje por correo electrónico no se tiene una conexión directa con el compañero. Se escribe un texto (la mayoría de las veces largo) y se envía; el receptor lo encuentra cuando mira otra vez en su buzón y entonces puede contestarlo. Esta forma de comunicación se llama comunicación asincrónica.
Esta se desarrolló para solucionar el problema de los tiempo y la incomodidad de los equipos de telecomunicación.
Protocolos de red
Los
protocolos son reglas de comunicación que permiten el flujo de
información entre equipos que manejan lenguajes distintos, por ejemplo,
dos computadores conectados en la misma red pero con protocolos diferentes no podrían
comunicarse jamás, para ello, es necesario que ambas "hablen" el mismo
idioma. El protocolo TCP/IP fue creado para las comunicaciones
en Internet. Para que cualquier computador se conecte a Internet es
necesario que tenga instalado este protocolo de comunicación.
- Estrategias para mejorar la seguridad (autenticación, cifrado).
- Cómo se construye una red física.
- Cómo los computadores se conectan a la red.
Ejemplos de protocolos de red
§ Capa 1: Nivel físico
§ Cable coaxial o UTP categoría
5, categoría 5e, categoría 6, categoría 6a Cable de fibra óptica, Cable de par trenzado, Microondas, Radio, RS-232.
§ Capa 2: Nivel de enlace de datos
§ ARP, RARP, Ethernet, Fast Ethernet, Gigabit Ethernet, Token Ring, FDDI, ATM, HDLC.,cdp
§ Capa 3: Nivel de red
§ IP (IPv4, IPv6), X.25, ICMP, IGMP, NetBEUI, IPX, Appletalk.
§ Capa 4: Nivel de transporte
§ TCP, UDP, SPX.
§ Capa 5: Nivel de sesión
§ NetBIOS, RPC, SSL.
§ Capa 6: Nivel de presentación
§ ASN.1.
§ Capa 7: Nivel de aplicación
§ SNMP, SMTP, NNTP, FTP, SSH, HTTP, CIFS (también llamado SMB), NFS, Telnet, IRC, POP3, IMAP, LDAP, Internet Mail 2000, y en cierto
sentido, WAIS y el
desaparecido GOPHER.
viernes 9 de marzo de 2012
Conexiones de red
Red de computadoras
Una red de computadoras, también llamada red de
ordenadores, red de comunicaciones de datos o
red
informática, es un conjunto de equipos
informáticos y software conectados
entre sí por medio dedispositivos
físicos que
envían y reciben impulsos eléctricos, ondas electromagnéticas o
cualquier otro medio para el
Como en todo proceso de comunicación se requiere de un emisor,
un mensaje,
un medio y un receptor.
La finalidad principal para la creación de una red de
computadoras es compartir los recursos y la información
en la distancia, asegurar la confiabilidad y la disponibilidad de
la información, aumentar la velocidad de
transmisión de los datos y reducir el
costo general de estas acciones.2 Un
ejemplo es Internet, la cual
es una gran red de millones de computadoras ubicadas
en distintos puntos del planeta interconectadas
básicamente para compartir información y recursos.
La estructura y el modo de funcionamiento de las
redes informáticas actuales están definidos en
varios estándares, siendo el más importante y
extendido de todos ellos el modelo TCP/IP basado
en el modelo de referencia OSI.
Este último, estructura cada red en siete capas con funciones concretas
pero relacionadas entre sí; en TCP/IP se reducen a
cuatro capas. Existen multitud de protocolos repartidos
por cada capa, los cuales también están regidos por
sus respectivos estándares.
Clasificación
de las redes
Una
red puede recibir distintos calificativos de clasificación en base a
distintas taxonomías: alcance, tipo de conexión, tecnología, etc.
Por alcance
§ Red de área
personal, o PAN (Personal
Area Network) en inglés,
es una red de ordenadores usada para la comunicación entre los
dispositivos de la computadora cerca de una persona.
§ Red inalámbrica de área personal, o WPAN (Wireless
Personal Area Network), es una red de computadoras inalámbrica para
la comunicación entre distintos dispositivos (tanto computadoras,
puntos de acceso a internet, teléfonos celulares, PDA, dispositivos
de audio, impresoras) cercanos al punto de
acceso. Estas redes normalmente son de unos pocos metros y para uso
personal, así como fuera de ella. El medio de transporte puede ser
cualqueira de los habituales en las redes inalámbricas pero las que
reciben esta denominación son habituales en Bluetooth.
§ Red de área local, o LAN (Local
Area Network), es una red que se limita a un área especial
relativamente pequeña tal como un cuarto, un solo edificio, una nave, o
un avión. Las redes de área local a veces se llaman una sola red de
localización. No utilizan medios o redes de interconexión públicos.
§ Red de área local inalámbrica, o WLAN (Wireless
Local Area Network), es un sistema de comunicación de datos
inalámbrico flexible, muy utilizado como alternativa a las redes de área
local cableadas o como extensión de estas.
§ Red
de área de campus, o CAN (Campus
Area Network), es una red de computadoras de alta velocidad que
conecta redes de área local a través de un área geográfica limitada,
como un campus universitario, una base militar, hospital, etc. Tampoco
utiliza medios públicos para la interconexión.
§ Red de área metropolitana (metropolitan area network o MAN,
en inglés) es una red de alta velocidad (banda ancha) que da cobertura
en un área geográfica más extensa que un campus, pero aún así limitado.
Por ejemplo, un red que interconecte los edificios públicos de un
municipio dentro de la localidad por medio de fibra óptica.
§ Redes de área
amplia, o WAN (Wide
Area Network), son redes informáticas que se extienden sobre un área
geográfica extensa utilizando medios como: satélites, cables
interoceánicos, Internet, fibras ópticas públicas, etc.
§ Red de área de almacenamiento, en inglés SAN (Storage
Area Network), es una red concebida para conectar servidores,
matrices (arrays) de discos y librerías de soporte, permitiendo
el tránsito de datos sin afectar a las redes por las que acceden los
usuarios.
§ Red
de área local virtual, o VLAN (Virtual
LAN), es un grupo de computadoras con un conjunto común de recursos a
compartir y de requerimientos, que se comunican como si estuvieran
adjuntos a una división lógica de redes de computadoras en la cuál todos
los nodos pueden alcanzar a los otros por medio de broadcast (dominio
de broadcast) en la capa de enlace de datos, a pesar de su diversa
localización física. Este tipo surgió como respuesta a la necesidad de
poder estructurar las conexiones de equipos de un edificio por medio de
software,11 permitiendo
dividir un conmutador en varios
virtuales.
Por tipo de conexión
Medios no guiados
§ Red por radio es aquella
que emplea la radiofrecuencia como medio de unión
de las diversas estaciones de la red.
§ Red por infrarrojos, permiten
la comunicación entre dos nodos, usando una serie de leds infrarrojos para ello. Se trata de
emisores/receptores de ondas infrarrojas entre ambos dispositivos, cada
dispositivo necesita al otro para realizar la comunicación por ello es
escasa su utilización a gran escala. No disponen de gran alcacen y
necesitan de visibilidad entre los dispositivos.
§ Red por microondas, es un tipo
de red inalámbrica que utiliza microondas como
medio de transmisión. Los protocolos más frecuentes son: el IEEE 802.11b y
transmite a 2,4 GHz, alcanzando velocidades de
11 Mbps (Megabits por segundo); el rango de
5,4 a 5,7 GHz para el protocolo IEEE 802.11a;
el IEEE
802.11n que permite velocidades de hasta 600 Mbps; etc.
Por relación funcional
§ Cliente-servidor es la
arquitectura que consiste básicamente en un cliente que realiza
peticiones a otro programa (el servidor) que le da respuesta.
§ Peer-to-peer, o red
entre iguales, es aquella red de computadoras en la que todos o algunos
aspectos funcionan sin clientes ni servidores fijos, sino una serie de
nodos que se comportan como iguales entre sí.
Por tecnología
§ Red Point-To-Point es aquella en la
que existe multitud de conexiones entre parejas individuales de
máquinas. Este tipo de red requiere, en algunos casos, máquinas
intermedias que establezcan rutas para que puedan transmitirse paquetes
de datos. El medio electrónico habitual para la interconexión es el conmutador, o switch.
§ Red broadcast se caracteriza por
transmitir datos por un sólo canal de comunicación que comparten todas
las máquinas de la red. En este caso, el paquete enviado es recibido por
todas las máquinas de la red pero únicamente la destinataria puede
procesarlo. Las equipos unidos por un concentrador,
o hub, forman redes de este tipo.
Por topología física
Topologías físicas de
red.
§ La red en bus se
caracteriza por tener un único canal de comunicaciones (denominado bus,
troncal o backbone) al cual se conectan los diferentes
dispositivos.
§ En una red en anillo cada
estación está conectada a la siguiente y la última está conectada a la
primera.
§ En una red
en estrella las estaciones están conectadas directamente a
un punto central y todas las comunicaciones se han de hacer
necesariamente a través de éste.
§ En una red en malla cada
nodo está conectado a todos los otros.
§ En una red
en árbol los nodos están colocados en forma de árbol. Desde
una visión topológica, la conexión en árbol es parecida a una serie de
redes en estrella interconectadas salvo en que no tiene un nodo central.
§ En una red
mixta se da cualquier combinación de las anteriores.
Por la
direccionalidad de los datos
§ Simplex o unidireccional: un equipo
terminal de datos transmite y otro recibe.
§ Half-duplex, en castellano
semidúplex:
el método o protocolo de envío de información es bidireccional pero no
simultáneobidireccional, sólo un equipo transmite a la vez.
§ Full-duplex, o dúplex,: los dos
equipos involucrados en la comunicación lo pueden hacer de forma
simultánea, transmitir y recibir.
Por grado de autentificación
§ 'Red
privada: una red privada se definiría como una red que puede usarla
solo algunas personas y que están configuradas con clave de acceso
personal.
§ Red de
acceso público:
una red pública se define como una red que puede usar cualquier persona
y no como las redes que están configuradas con clave de acceso
personal. Es una red de computadoras interconectados, capaz de compartir
información y que permite comunicar a usuarios sin importar su
ubicación geográfica.
Por grado de difusión
§ Una intranet es
una red de ordenadores privados que utiliza tecnología Internet para
compartir dentro de una organización parte de sus sistemas de
información y sistemas operacionales.
§ Internet es un
conjunto descentralizado de redes de comunicación interconectadas que
utilizan la familia de protocolos TCP/IP, garantizando que las redes
físicas heterogéneas que la componen funcionen como una red lógica
única, de alcance mundial.
Por servicio o función
§ Una red
comercial proporciona soporte e información para una empresa u
organización con ánimo de lucro.
§ Una red
educativa proporciona soporte e información para una organización
educativa dentro del ámbito del aprendizaje.
§ Una red para
el proceso de datos proporciona
una interfaz para intercomunicar equipos que vayan a realizar una
función de cómputo conjunta.
domingo, 5 de febrero de 2012
El Lenguaje HTML!
HTML es un lenguaje que se utiliza para la creación de páginas WWW.
HTML se compone de una serie de comandos, que son interpretados por el visualizador para navegar por el WWW. El visualizador ejecuta todas las ordenes contenidas en el código HTML, de modo que un visualizador puede ser ejecutado para unas presentaciones y para otras no.
Mi primer documento HTML
No necesita etiqueta que se cierre, esta instruye al navegador que exhiba la imagen expecificada. El formato básico para incluir un gráfico es: <img src="imajen.ext">
En HTML podemos incluir arreglos de tablas, para eso se debe utilizar varias etiquetas:
Etiqueta <table></table>
Señala el inicio y final de una tabla, sus atributos son:
HTML se compone de una serie de comandos, que son interpretados por el visualizador para navegar por el WWW. El visualizador ejecuta todas las ordenes contenidas en el código HTML, de modo que un visualizador puede ser ejecutado para unas presentaciones y para otras no.
Mi primer documento HTML
- Abra el editor de textos: en windows abra bloc de notas
- Teclee lo siguente: <html><head>
<title>mi primera pagina web </title>
</head>
<body>
<center><h1> mi primera pagina web</h1></center>
<hr>
Esta es mi primera pagina.
<p> aqui va un segundo párrafo</p>
</body>
</html> - Grabe este archivo con nombre: ejemplo.html
- Abra el visualizador(no necesita conectarse a internet para ver las paginas)
- Elija "archivo/abrir pagina"
No necesita etiqueta que se cierre, esta instruye al navegador que exhiba la imagen expecificada. El formato básico para incluir un gráfico es: <img src="imajen.ext">
- Src: identifica la imagen que se desplegará
- Height: para redimensionamiento de gráfico
- Width: para redimensionamiento de gráfico
- Border: definido en pixeles
- Align: alineación puede ser: TOP, MIDDLE, BOTTOM, LEFT y RIGHT
- Alt: especifica el texto alterno
En HTML podemos incluir arreglos de tablas, para eso se debe utilizar varias etiquetas:
Etiqueta <table></table>
Señala el inicio y final de una tabla, sus atributos son:
- Align: establece la alineación de la tabla o texto mediante: align=left o align=right
- Bgcolor: establece el color de fondo de las celdas de la tabla
- Border: determina el ancho del borde en pixeles
- BorderColor: Asigna un color al borde
- BorderDark: determina el color de la parte oscura de un borde de tres dimensiones
- BorderLight: asigna el color de la parte clara de un borde de 3 dimensiones
- Caption: especifica el titulo para la tabla
- Cellpadding: establece la cantidad de espacio libre junto al contenido de una celda
- Cellspadding: asigana la cantidad de espacio entre las celdas de una tabla
- Width: determina el ancho de la tabla en pixeles o en un porcentaje
Etiqueta <th> </th>
Indica al navegador que exhiba el texto como un encabezado en la primera fila de una tabla. Atributos principales:
- Colspan: especifica el número de celdas que cubre el encabezado
- Align: determina la posición del texto del titulo
Etiqueta <tr> </tr>
Indica al navegador que exhiba el texto dentro de una fila, se puede interpretar como etiqueta para definir filas.
- Align: alineación de texto/objetos en toda la fila
Etiqueta <td></td>
La etiqueta de datos de la tabla, es la que identifica a las columnas o celdas específicas de una tabla. Atributos principales:
- Align: alineación del texto/objeto de la celda
- Bgcolor: color de fondo de la celda
- Background: imagen de fondo de una celda
- Width:ancho de la celda/columna con respecto al ancho de la tabla
Numeración y viñetas
Etiquetas <ul></ul>
Indica que cree una lista con viñetas no ordenada
Etiquetas <ol></ol>
Listas ordenadas
Etiqueta <li></li>
Se usa para indicar que exhiba el texto que el elemento de línea en una línea. Atributos:
- Type: Type=A usa letras mayusculas
- Type: Type=a usa letras minusculas
- Type: Type=I usa numeros romanos grandes
- Type: Type=i usa numeros romanos pequeños
- Type: Type=1 usa numero algebraicos
- Value:indica que se inicie la nuemeración a partir del numeroe specificado
Hipervículos
Un vínculo hipertextual es un texto, botón o imagen que al seleccionar nos lleve a otra dirección URL, página WEB o recurso
Etiqueta <a></a>
Esta etiqueta denota el inicio y final de una instrucción que contiene alguna forma de vínculo. Atributos:
- HREF: recurso al cual se hacer referencia el hipervínculo
- NAME: especifica el nombre de la posición a donde apuntar
- TARGET: destino del enlace
Frames
Ofrece la posibilidad de utilizar marcos y varias páginas en una sola.
Etiqueta <frameset></frameset>
Define la disposición gráfica de los marcos en la pantalla.
Atributos:
- Rows: determina el alto de las filas
- Cols: determina el ancho de las columnas
- Framespacing: espacio entre frames
Etiqueta <frame></frame>
Define un solo marco que forma parte del conjunto de marcos definidos en <frameset>. Atributos:
- Marginheight: determina que tanto espacio vertical existe entre el objeto ubicado en un marco y los extremos izquierdo o derecho de este
- MarginWidth: determina que tanto espacio horizontal existe entre el objeto ubicado en un marco y los extremos izquiero o derecho de este.
- Name: ofrece la capacidad de dar nombres a las ventanas de FRAME, de modo que puedan ser utilizados de hipervínculo
- Noresize: indica indica que el usuario no puede redimensionarse al marco
- Scrolling: habilita una barra de desplazamiento para un marco
- SRC: indica que exhiba en un marco el contenido de un documento HTML
Etiqueta <noframes></noframes>
Utilizada para desplegar un texto cuando un navegador no es capaz de desplegar los marcos.
Otras etiquetas útiles
Etiqueta de comentarios <! -- -->
Se trata de una etiqueta que puede ser introducida en cualquier parte del código y que es utilizada para realizar acotaciones y comentarios.
Etiqueta de comentarios <comment></comment>
Se trata de una etiqueta que puede ser introducida en cualquier parte del codigo y que es utilizada para realizar acotaciones y comentarios.
Etiquetas <address></address>
Ofrece una manera de dr formato a un pequeño cuerpo de texto que se asemeje a la rotulación de una carta convencional.
Etiqueta <cite></cite>
El texto dentro de la etiqueta <cite> aparece en cursivas para representar una cita.
Etiqueta <code></code>
El texto dentro de la etiqueta <code> aparece en una fuente con caracteres mono espaciados cuando se visualizará a través de un navegador.
Etiqueta <credit></credit>
Se emplea para indicar los créditos por el material incluido al documento.
Etiqueta <em></em>
Indica que se debe dar enfacis al texto que se contiene.
Etiqueta <kbd></kbd>
Indica al navegador que interprete el texto especificado en una fuente en negritas de ancho fijo.
Etiqueta <nobr></nobr>
La etiqueta <nobr> impide que el navegador inserte un salto de línea, incluso cuando es adecuado el ajuste de texto.
Etiqueta <p></p>
La etiqueta <p> indica el inicio y el final de oraciones a exhibir con un solo párrafo.
Etiqueta <pre></pre>
La etiqueta <pre> significa texto "preformateado" y se usa para conservar espacios y saltos de línea en cuerpos de texto.
Etiqueta <strong></strong>
Hace que el navegador exhiba el texto en negritas, algunos navegadores muestran en cursiva
Etiqueta <sub></sub>
Instruye al navegador que exhiba el texto especificado como subíndice
Etiqueta <sup></sup>
Indica al navegador exhibir el texto especificado como super índice.
Etiqueta <tt></tt>
Indica al navegador que exhiba el texto especificado en una fuente de ancho fijo.
Etiqueta <var></var>
Indica al navegador que exhiba el texto especificado en una fuente más pequeña, de ancho fijo.
Atributo bgproperties="fixed" DEL BODY
Indica a su navegador Internet Explorer que mantenga el fondo constante y no móvil de forma vertical.
Suscribirse a:
Entradas (Atom)