1.-Qué te hace ver una página web?
Que es un
página electrónica o una ciber pagina.
Qué mantiene tu atención en la misma?
Las páginas web pueden
estar almacenadas en un equipo local o un servidor web remoto. El servidor web puede
restringir el acceso únicamente a redes privadas, por ejemplo, en una intranet corporativa, o puede publicar las
páginas en la World Wide Web. El acceso a las páginas web es realizado mediante
una transferencia desde servidores,
utilizando el protocolo de transferencia de hipertexto
.jpg)
¿Que provoca que te salga de esa página? Una página web está
compuesta principalmente por información (sólo texto y/o módulos multimedia)
así como por hiperenlaces; además puede contener o asociar hoja de estilo,
datos de estilo para especificar cómo debe visualizarse, y también aplicaciones
embebidas para así
permitir interactividad.
¿Qué es una red? 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 de dispositivos
físicos que envían y
reciben impulsos
eléctricos, ondas
electromagnéticas o
cualquier otro medio para el transporte de datos, con la finalidad de compartir información,
recursos y ofrecer servicios.1
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.
¿Historia del internet? La historia de Internet se
remonta al temprano desarrollo de las redes de comunicación. La idea de una red de ordenadores diseñada para permitir la
comunicación general entre usuarios de varias computadoras sea tanto desarrollos tecnológicos como la
fusión de la infraestructura de la red ya existente y los sistemas
de telecomunicaciones. La primera descripción
documentada acerca de las interacciones sociales que podrían ser propiciadas a
través del networking (trabajo en red) está contenida en una
serie de memorandos escritos por J.C.R. Licklider, del Massachusetts Institute of Technology, en
agosto de 1962, en los cuales Licklider discute sobre su concepto de Galactic
Network (Red Galáctica).
¿Cuál es el propósito del trabajo del internet? En total el Internet
es una forma de comunicación que esta cambiando al mundo, tiene sus pro y sus
contra como todo en esta vida, solo hay que estar seguro de que uso se le dará
y quedara satisfecho.
Por un lado en el orden informativo es muy efectivo, aunque la televisión y la radio que son cosas más comunes aun. Es muy útil en el ámbito educativo aunque en el comercio se destaca mas, cosa que en mi opinión debería ser lo contrario.
Una de las mejores ventajas es la de las actualizaciones, permitiéndote mantener tus softwares siempre modernizados y preparados para todo lo nuevo.
Y no esta demás mencionar el correo electrónico que gracias a él recibes y mandas tu correspondencia gratis a cualquier parte del mundo y a cualquier hora.
Y como no todo puede ser color rosa están los virus que fácilmente pudieran contagiarte y recibir ataques de hackers que es algo poco probable pero posible.
Por un lado en el orden informativo es muy efectivo, aunque la televisión y la radio que son cosas más comunes aun. Es muy útil en el ámbito educativo aunque en el comercio se destaca mas, cosa que en mi opinión debería ser lo contrario.
Una de las mejores ventajas es la de las actualizaciones, permitiéndote mantener tus softwares siempre modernizados y preparados para todo lo nuevo.
Y no esta demás mencionar el correo electrónico que gracias a él recibes y mandas tu correspondencia gratis a cualquier parte del mundo y a cualquier hora.
Y como no todo puede ser color rosa están los virus que fácilmente pudieran contagiarte y recibir ataques de hackers que es algo poco probable pero posible.
¿Tipos de navegadores?Un navegador web es
una aplicación utilizada en internet y que se utiliza para la interpretación de
sitios web o archivos que generalmente están desarrollados en el código HTML.
Los buscadores son entonces los que permiten visualizar textos, gráficos, animaciones,
acceder a sonidos y ejecutar programas. Algunos de los navegadores más
populares son:
Google chrome: este navegador fue creado por
la empresa Google. Se lo puede obtener de forma gratuita, y se caracteriza por
tener una interfaz de usuario que resulta eficiente y de gran sencillez. Este
navegador es valorado por sus usuarios debido a la seguridad, claridad,
sencillez, rapidez y estabilidad que proporciona. Además le otorga a los
usuarios privacidad en sus navegaciones al borrar los archivos cookies y no
registrar las actividades.
Internet explorer: este navegador está
integrado al sistema operativo Windows, lo que trae como consecuencia que
no pueda ser borrado por el usuario. A diferencia del Google chrome, este
navegador no es considerado demasiado seguro, aunque presenta avanzadas
opciones en cuanto a privacidad y seguridad. Este navegador, ofrece al usuario
la posibilidad de controlar la presentación de los colores, letras y tamaños
del texto y permiten al usuario que navegue con facilidad gracias a la
presencia del historial, favoritos, pestañas de búsqueda y otros elementos.
Mozilla Firefox: este navegador incluye, entre
otras, corrector ortográfico, pestañas, sistema de búsqueda integrado que usa
el motor de búsqueda que quiera el usuario. Se caracteriza por su estabilidad,
sencillez, seguridad y rapidez. Además, le permite al usuario modificar su
apariencia y estilo.
Opera Browser: este
navegador posee soporte estándar, gran velocidad y es de fácil uso. Una de las
grandes ventajas que posee es que se lo actualiza y mejora constantemente, por
lo que no presenta errores. También contiene un buscador y pestañas. Una
ventaja que tiene es que eliminó la presencia de avisos publicitarios. Opera
Browser está integrado a las consolas Nintendo y a teléfonos celulares.
Safari: este navegador fue
creado por Apple. Una de las ventajas que presenta es la posibilidad de enviar
por mail páginas web y almacenarlas a pesar de que estas hayan sido eliminadas
de la red. Se caracteriza por ofrecer controles parentales muy eficientes,
proporcionar seguridad y proteger los datos.
¿Motores de búsqueda? Un motor de búsqueda,
también conocido como buscador, es un sistema informático que busca archivos almacenados en servidores web gracias a su «spider»
(también llamado araña web). Un ejemplo son los buscadores
de Internet (algunos buscan únicamente
en la web, pero otros lo hacen además en
noticias, servicios como Gopher, FTP, etc.) cuando se pide
información sobre algún tema. Las búsquedas se hacen con palabras clave o con
árboles jerárquicos por temas; el resultado de la búsqueda «Página de resultados del buscador» es un listado de direcciones web en los que se mencionan temas relacionados
con las palabras clave buscadas.
Como operan de forma
automática, los motores de búsqueda contienen generalmente más información que
los directorios. Sin embargo, estos últimos también han de construirse a partir
de búsquedas (no automatizadas) o bien a partir de avisos dados por los
creadores de páginas (lo cual puede ser muy limitante). Los buenos directorios
combinan ambos sistemas. Hoy en día Internet se ha convertido en una herramienta rápida y
eficiente para la búsqueda de información, para ello han surgido los buscadores
que son un motor de búsqueda que nos facilita encontrar información rápida de
cualquier tema de interés, en cualquier área de las ciencias, y de cualquier parte del mundo.
Redes sociales Los humanos siempre
nos hemos relacionado por grupos: familiares, laborales, sentimentales, etc. En
una red social los individuos están interconectados, interactúan y pueden tener
más de un tipo de relación entre ellos. En la actualidad, el análisis de las
redes sociales se ha convertido en un método de estudio en ciencias como la
antropología o la sociología. Internet y las nuevas tecnologías favorecen el
desarrollo y ampliación de las redes sociales.
Historia Facebook Mark Zuckerberg creó Facebook en el
periodo en que fue estudiante de la Universidad
de Harvard. Cuando esta red
social empezó a ganar en popularidad, Mark abandonó sus estudios en Harvard. La
compañía actualmente tiene sus oficinas centrales en Palo Alto, California. En 2003 Zuckerberg lanzó en la
universidad un sitio web llamado Facemash donde reunía varias
fotografías y nombres de estudiantes de Harvard, este sitio estuvo disponible
solo por algunas horas y por este suceso fue llevado ante los directivos de la
Universidad, quienes culparon a Mark por haber sustraído datos e imágenes del
sistema informático de la institución; suspendieron a Mark de clases, quien
luego se alejó de la universidad al año siguiente para crear Facebook. En enero
de 2004 los hermanos Winklevoss y Divya Narendra, estudiantes también de
Harvard, supieron del incidente de Mark y su Facemash, observaron sus
habilidades informáticas y hablaron con él acerca de una idea que ellos tenían
para crear un directorio web en línea para el uso de todos los integrantes de
las fraternidades en la universidad, hasta entonces dispersos en diversos facebooks,
anuarios impresos. Mark aceptó y comenzó a trabajar en ese proyecto, Zuckerberg
trabajaba en ese proyecto pero al mismo tiempo trabajaba en uno propio,
el thefacebook, que apareció el 4 de febrero de 2004
reflejando a Mark como creador. Seis días después, los hermanos Winklevoss y
Narendra abren una demanda pues thefacebook era similar al
sitio web en el cual ellos estaban trabajando llamado HarvardConnection.com. Acusaron
a Mark de haber retrasado intencionalmente el proyecto de ellos en el cual él
era el desarrollador principal, para crear thefacebook, y que por
consiguiente su idea fue robada y a ellos no les dio ningún crédito. Thefacebook
se hizo muy popular entre todos los estudiantes de Harvard y pronto creció más,
hasta llegar a otras instituciones y alcanzando a todas las universidades de
la Ivy League.
En algún momento de
2004, Sean Parker, creador de Napster, supo de la existencia de thefacebook por
medio de su novia. Parker ya tenía experiencia en redes sociales al ser
accionista de Friendster, para entonces la más popular. Por la
diferencia de publico entre ambos, Parker intuyó que thefacebook podía
tener mayor potencial. Tuvo una entrevista con Zuckerberg para negociar entrar
como presidente ejecutivo, a cambio de eliminar el the del
nombre dejándolo como Facebook. En 2005 Sean Parker fue expulsado
del cargo de presidente ejecutivo después de ser arrestado como sospechoso de
posesión de cocaína.
La idea de crear
una comunidad basada en la Web en que la gente compartiera sus gustos y
sentimientos no es nueva, pues David Bohnett, creador de Geocities, la había incubado a fines de la década
de 1980. Una de las estrategias de Zuckerberg fue abrir
la plataforma Facebook a otros
desarrolladores.
Entre los años 2007
y 2008 se puso en marcha Facebook en español, traducido por voluntarios,7 extendiéndose a los países de Latinoamérica y
a España. .
También hay una
película que sobre los inicios de Facebook titulada La red social.
Historia twitter: Existe algo de controversia
acerca de cómo se gestó la idea que dio origen a Twitter. Según algunas
fuentes,13 la idea original surgió
dentro de la compañía Odeo, mientras se estaba
desarrollando un servicio de radio on-line ("podcasting") que no tuvo
éxito debido al lanzamiento casi simultáneo de un producto similar por parte
de iTunes.
El primer prototipo
fue usado internamente entre los empleados de Odeo. Sus creadores habrían sido
los extrabajadores de Google, Evan Williams y Biz Stone con
la colaboración de Jack Dorsey, Evan Henshaw-Plath y
fundamentalmente de Noah Glass. Glass, que al poco tiempo fue despedido de la
compañía, ha manifestado que Twitter nació en su propia máquina.14 Y Henshaw-Plath vendió su parte en el
proyecto por 7000 dólares, con lo que se compró un viejo VW para salir a
recorrer el país.15
Una vez iniciado el
proyecto probaron varios nombres, alguno de los cuáles fue "Status"
(Stat.us), twitch (tic) por el ruido del vibrador de los teléfonos, pero
finalmente dieron con "twitter", inspiración de Glass en
alusión a "Flickr". La versión definitiva se lanzó el
15 de julio de 2006, que según palabras de Dorseyera ,su definición era
"una corta ráfaga de información intrascendente”, el “pio de un pájaro”,
que en inglés es twitt. En octubre de ese año, Stone, Williams, Dorsey y otros
formaron Obvious Corporation, adquiriendo los derechos sobre Odeo, luego de que
los inversores originales perdieran su interés ante el fracaso inicial del
proyecto. Desde esa fecha, Twitter ha ido ganando adeptos rápidamente. En marzo
de 2007, ganó el premio South by Southwest Web Award en la
categoría de blog. Y en abril, la nueva
compañía Twitter, Inc se independizó de su
gestora.
Jack Dorsey es el actual presidente
del Consejo de
Administración de Twitter, Inc, empresa que surgió por el éxito cosechado. A
principios de 2008, el equipo de Twitter estaba compuesto por 18 personas. Al
año siguiente, Twitter había multiplicado su plantilla por cuatro y seguía
creciendo.
Aunque Twitter usó
durante un corto período de tiempo los servicios de publicidad como AdSense de Google, la compañía
decidió descartar los ingresos por publicidad hasta que aumentara el número de
usuarios, y se financió mientras tanto con inversiones de empresas de capital riesgo. En septiembre de 2009, Twitter anunció cambios a
las condiciones de servicio, dejando abierta la posibilidad de incluir
publicidad en sus servicios.16
El 3 de noviembre de 2009 apareció la versión de
Twitter en español.17 El 8 de octubre de 2009 el microblogging publicó
una aplicación para que los usuarios de forma no lucrativa lo tradujeran
en español, francés, italiano yalemán. La traducción al español fue la primera en
culminarse y en estar disponible en la fecha indicada. El Palacio de La Moncloa, sede del Gobierno Español y residencia de los
presidentes ejecutivos, José Luis
Rodríguez Zapatero,
fue uno de los usuarios felicitados por Twitter por haber confiado en las
posibilidades de este servicio antes de que fuera lanzado en español.18
En abril de 2010
Twitter lanza una nueva estrategia para emitir publicidad en forma de un
servicio llamado Promoted Tweets, que podría traducirse como “tuits
promocionados” o “tuits patrocinados”. Básicamente, se trata de tuits con el
patrocinio de alguna empresa que aparecen como primer resultado cuando
realicemos una búsqueda de mensajes en el servicio. Su patrocinio está señalado
con un mensaje resaltado tras los metadatos del mensaje. Sólo se muestra un
mensaje patrocinado, para evitar el intrusismo en las páginas de búsqueda.
Además, Twitter permite a los desarrolladores de terceros adoptar este servicio
en sus aplicaciones, de modo que el creador de una aplicación para Twitter de
escritorio puede ganar parte de los beneficios publicitarios si incluye este
servicio en su programa.
El 12 de septiembre
de 2013, Twitter anunció que había presentado la documentación a la SEC antes de una
prevista salida a bolsa.19
Historia whatsapp: WhatsApp es un juego de palabras
basado en la expresión en inglés «What’s up?», cuyo
significado se asemeja a ‘¿qué hay?’, ‘¿qué pasa?’, o ‘¿cómo te va?’ y la
palabra en inglés «App / Application». La
empresa creadora de la aplicación, WhatsApp Inc., fue fundada en 2009
por Jan Koum (quien había llegado desde Ucrania
a Estados Unidos a principios de los años noventa hablando muy poco inglés),
quien había sido anteriormente el director del equipo de operaciones de
plataforma de Yahoo! y el antiguo jefe del
equipo de ingenieros Brian Acton.7 La compañía tiene su sede
en Silicon Valley.8
Por otro lado,
WhatsApp Inc. ha recibido inversiones por valor de 10 millones de dólares
por parte de la empresa Sequoia Capital.7 WhatsApp fue retirado de la AppStore el 14 de
enero de 2012 durante cuatro días, según algunos por fallos de seguridad. Esto
ha sido desmentido por Brian Acton.9
En marzo de 2013
Whatsapp anunció que la versión para Android, que fue gratuita desde su
creación, sería de pago por el primer uso; luego de 365 días de uso es
forzoso volver a pagar para extender el uso del programa por otro año. Esto ha
llevado a un progresivo declive de Whatsapp a favor de otros competidores, en
los países donde la plataforma Android es dominante ya que el concepto de pagar
por servicios de Internet y apps es inexistente.
El 19 de febrero de 2014, Mark Zuckerberg ―el creador de Facebook― anunció en su perfil personal la compra de la
aplicación móvil Whatsapp por un importe total de 19 000 millones de
dólares y aclaró que compró la aplicación para que haya más usuarios en
Facebook.
El 22 de febrero de
2014 tuvo unos fallos a nivel mundial, los responsables de WhatsApp reconocían
la caída del servicio en una cuenta de Twitter dedicada a informar de posibles
fallos en la aplicación, @wa_status. «Lo sentimos, estamos experimentando
problemas con los servidores. Esperamos estar recuperados y activos pronto».
Una hora después de registrarse el inconveniente, la aplicación Telegram, informó también de una sobrecarga en su
sistema, tras haber recibido «100 nuevos registros en el servicio por
segundo». El día 2 de abril se presentó otro de estos fallos. El día 25 de mayo
de ese mismo año, a las 19 h se produjo un fallo a corto plazo que volvía a
dejar a los usuarios sin servicio durante algo más de una hora.
En 2015 se comenzó a
habilitar la opción de llamadas de voz por medio de la
aplicación, para sistemas android.
.jpg)
Que es un protocolo: Un protocolo es
un método establecido de intercambiar datos en Internet. Un protocolo es un
método por el cual dos ordenadores acuerdan comunicarse, una especificación que
describe cómo los ordenadores hablan el uno al otro en una red. Como seres humanos,
utilizamos el lenguaje como protocolo, en este caso hemos acordado comunicarnos
con la lengua española.
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.
Que es un dominio: Un dominio de Internet es
una red de identificación asociada a un grupo de dispositivos o equipos
conectados a la red Internet.
El propósito
principal de los nombres de dominio en Internet y del sistema de nombres de
dominio (DNS), es
traducir las direcciones IP de cada modo activo en la red, a términos
memorizables y fáciles de encontrar. Esta abstracción hace posible que
cualquier servicio (de red) pueda moverse de un lugar geográfico a otro en la
red Internet, aún cuando el cambio implique que tendrá una dirección IP
diferente.1
Sin la ayuda del
sistema de nombres de dominio, los usuarios de Internet tendrían que acceder a
cada servicio web utilizando la dirección IP del modo (por ejemplo, sería
necesario utilizar http://192.0.32.10 en vez de http://example.com). Además,
reduciría el número de webs posibles, ya que actualmente es habitual que una
misma dirección IP sea compartida por varios dominios.
Hosting: Según la Wikipedia:
El alojamiento web (en inglés web hosting) es el servicio que provee a los usuarios de Internet un sistema para poder almacenar información, imágenes, vídeo, o cualquier contenido accesible vía Web. Es una analogía de hospedaje o alojamiento en hoteles o habitaciones donde uno ocupa un lugar específico, en este caso la analogía alojamiento web o alojamiento de páginas web, se refiere al lugar que ocupa una página web, sitio web, sistema, correo electrónico, archivos etc. en Internet o más específicamente en un servidor que por lo general hospeda varias aplicaciones o páginas web.
Los Web Host son compañías que proporcionan espacio de un servidor a sus clientes.
Se puede definir como un lugar para tu página web o correos electrónicos, aunque esta definición simplifica de manera conceptual el hecho de que el alojamiento web es en realidad espacio en Internet para prácticamente cualquier tipo de información, sea archivos, sistemas, correos electrónicos, videos etc.
El alojamiento web (en inglés web hosting) es el servicio que provee a los usuarios de Internet un sistema para poder almacenar información, imágenes, vídeo, o cualquier contenido accesible vía Web. Es una analogía de hospedaje o alojamiento en hoteles o habitaciones donde uno ocupa un lugar específico, en este caso la analogía alojamiento web o alojamiento de páginas web, se refiere al lugar que ocupa una página web, sitio web, sistema, correo electrónico, archivos etc. en Internet o más específicamente en un servidor que por lo general hospeda varias aplicaciones o páginas web.
Los Web Host son compañías que proporcionan espacio de un servidor a sus clientes.
Se puede definir como un lugar para tu página web o correos electrónicos, aunque esta definición simplifica de manera conceptual el hecho de que el alojamiento web es en realidad espacio en Internet para prácticamente cualquier tipo de información, sea archivos, sistemas, correos electrónicos, videos etc.
Un buen servicio de hosting genera beneficios directos tanto a los usuarios de su sitio como para los administradores del mismo. Una buena velocidad de navegación y tiempos de respuestas mínimos en las aplicaciones dinámicas son detalles muy valorados por los usuarios.
No solo sus usuarios se benefician de un buen hosting, usted como administrador puede tener un control total de su sitio gracias a los paneles de control muy avanzados y flexibles (CPANEL)
AJAXPERU ofrece 5 planes básicos de alojamiento web compartido (servicios de hosting) sobre Linux, con la mayor disponibilidad y el mejor precio del mercado, y contando con una amplia gama de servicios adicionales.
Nuestros planes de alojamiento web compartido (servicios de hosting) están diseñados para responder a las necesidades más exigentes, dejando la complejidad de la administración de servidores en manos de nuestro equipo.
Java scrip: Se utiliza principalmente en su forma
del lado del cliente (client-side), implementado como parte de
un navegador web permitiendo mejoras en
la interfaz de usuario y páginas web dinámicas4 aunque existe una forma de JavaScript
del lado del servidor (Server-side
JavaScript o SSJS). Su uso en aplicaciones externas a la web, por ejemplo en documentos PDF, aplicaciones de escritorio
(mayoritariamente widgets) es también significativo.
JavaScript se diseñó
con una sintaxis similar al C, aunque adopta nombres y
convenciones del lenguaje de
programación Java.
Sin embargo Java y JavaScript no están relacionados
y tienen semánticas y propósitos diferentes.
Todos los
navegadores modernos interpretan el código JavaScript integrado en las páginas
web. Para interactuar con una página web se provee al lenguaje JavaScript de
una implementación del Document Object Model (DOM).
Tradicionalmente se
venía utilizando en páginas web HTML para realizar operaciones
y únicamente en el marco de la aplicación cliente, sin acceso a funciones
del servidor. JavaScript se interpreta en
el agente de usuario, al mismo tiempo que las
sentencias van descargándose junto con el código HTML.
Una cuarta edición
está en desarrollo e incluirá nuevas características tales como paquetes,
espacio de nombres y definición explícita de clases
Dreamweaver: es una aplicación en programa de estudio
(basada en la forma de estudio de Adobe Flash) que está destinada a la
construcción, diseño y edición de sitios, vídeos y aplicaciones Web basados en estándares.
Creado inicialmente por Macromedia (actualmente producido
por Adobe Systems) es uno de los programas más
utilizados 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.
Sus principales
competidores son Microsoft Expression Web y BlueGriffon (que es de código abierto) 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. A partir de la compra de Macromedia por parte
de Adobe. Las letras CS significan Creative Suite
La gran ventaja de
este editor sobre otros es su gran poder de ampliación y personalización,
puesto que en este programa sus rutinas (como la de insertar un hipervínculo,
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 y todo ello permite que programadores y editores web hagan extensiones
para su programa y lo pongan 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
plataforma 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.
Barras de herramientas de dremweaver:
.jpg)
Componentes de dreamweaver: A partir de la versión 5,
Dreamweaver admite el resaltado
de sintaxis para los
siguientes lenguajes por defecto:
· Active Server Pages (ASP).
· ASP.NET (no se admiten en la versión CS4
- http://kb2.adobe.com/cps/402/kb402489.html)
· C#
· Cascading Style Sheets (CSS)
· Extensible
HyperText Markup Language (XHTML)
· Extensible Markup
Language (XML)
1. Elemento de lista
numerada
2. Elemento de lista
numerada
Pasos para crear
un pagina web sencilla con dreamweaver:
1. Registro de dominio
El primer paso para tener presencia en Internet es registrar un dominio. El nombre de dominio es como su dirección en Internet (www.mabelgiordano.com.bo), a través de la cual los clientes potenciales visitarán su página web para conocer su oferta de productos y servicios. Aunque parezca una actividad muy simple, la definición del nombre, la categoría del dominio (.com, .net, .org, info, .name, .biz, .tv, .gov, .edu) y el código de país (.com.bo, .com.br, .com.co, .com.cl) es crítica y deben ser cuidadosamente establecidos en base al giro de la empresa, mercado destino y disponibilidad de nombres de dominio.
Es muy importante que alguien dentro de su empresa adquiera la titularidad del dominio para que ustedes tengan el control total sobre el mismo. Si usted adquiere un paquete de servicios y no se encarga personalmente de registrar su dominio, es muy probable que éste quede bajo el control de una tercera persona ajena a su empresa. Muchos de los problemas en la administración de dominios se deben a que las empresas no adquieren esa responsabilidad desde un principio.
2. Hospedaje del dominio
Para que su página web pueda ser visitada por los usuarios de Internet, adicional al nombre de dominio, usted debe contratar un servicio de hospedaje (web hosting) a través del cual su empresa contará con un espacio en disco dentro de un servidor web conectado a Internet y además un número determinado de cuentas de correo electrónico personalizadas con el nombre de su dominio (juan.perez@miempresa.com.mx), las cuales podrá usted asignar a los empleados que las requieran. Actualmente, la mayoría de los proveedores de web hosting ofrecen en su paquete básico 250 Mb de almacenamiento, 8,000 Mb de transferencia y 10 cuentas de e-mail.
3. Diseño del sitio web
El diseño es la comunicación textual (contenidos) existente en Internet una faceta visual, sino que obliga a pensar una mejor estructuración de los mismos en este soporte. La unión de un buen diseño con una jerarquía bien elaborada de contenidos aumenta la eficiencia de la web como canal de comunicación e intercambio de datos, que brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos, característica destacable del medio Internet.
4. Mantenimiento del sitio web
Todo evoluciona en el tiempo y su empresa no es la excepción. Es muy probable que usted tenga que hacer algunos ajustes a su página web cada determinado tiempo debido a cambios de productos, altas y bajas de personal de contacto, nuevos distribuidores, noticias, eventos, actualización de información técnica, nuevos artículos, entre otros conceptos. La frecuencia del mantenimiento varía de empresa en empresa, ya que existen compañías que requieren cambios semana tras semana y otras que revisan el contenido de su página web una vez al año.
Si su empresa cuenta con un sitio web extenso y participan varias personas en el mantenimiento del mismo, es conveniente que usted evalúe la posibilidad de que su sitio web sea desarrollado empleando un administrador de contenido CMS (content management system), de tal forma que la labor de mantenimiento sea más sencilla y expedita y no tenga usted que depender de una agencia de diseño web para mantener actualizado su sitio.
5. Difusión del sitio web
Por lo general este es el tema en el que existe mayor confusión entre las empresas que implementan una página web por vez primera. La mayoría de las personas piensan que para poder promocionar eficazmente sus productos y servicios en Internet, es suficiente con tener la página web y desconocen que ésta debe contar con un medio de difusión o promoción, como quiera usted llamarle, para que las visitas lleguen.
No sólo es necesario que su página web tenga un diseño agradable. Para que su sitio sea visitado con frecuencia y se generen las oportunidades de negocio (Internet generated leads), los clientes potenciales deben saber que su página web existe y debe haber alguna forma de localizarla fácilmente. Aun cuando existen diversas formas de difusión, actualmente el método más efectivo es el posicionamiento de páginas web en buscadores, ya que es precisamente por medio de los motores de búsqueda que los usuarios de Internet localizan los productos y servicios que ellos y ellas requieren.
El primer paso para tener presencia en Internet es registrar un dominio. El nombre de dominio es como su dirección en Internet (www.mabelgiordano.com.bo), a través de la cual los clientes potenciales visitarán su página web para conocer su oferta de productos y servicios. Aunque parezca una actividad muy simple, la definición del nombre, la categoría del dominio (.com, .net, .org, info, .name, .biz, .tv, .gov, .edu) y el código de país (.com.bo, .com.br, .com.co, .com.cl) es crítica y deben ser cuidadosamente establecidos en base al giro de la empresa, mercado destino y disponibilidad de nombres de dominio.
Es muy importante que alguien dentro de su empresa adquiera la titularidad del dominio para que ustedes tengan el control total sobre el mismo. Si usted adquiere un paquete de servicios y no se encarga personalmente de registrar su dominio, es muy probable que éste quede bajo el control de una tercera persona ajena a su empresa. Muchos de los problemas en la administración de dominios se deben a que las empresas no adquieren esa responsabilidad desde un principio.
2. Hospedaje del dominio
Para que su página web pueda ser visitada por los usuarios de Internet, adicional al nombre de dominio, usted debe contratar un servicio de hospedaje (web hosting) a través del cual su empresa contará con un espacio en disco dentro de un servidor web conectado a Internet y además un número determinado de cuentas de correo electrónico personalizadas con el nombre de su dominio (juan.perez@miempresa.com.mx), las cuales podrá usted asignar a los empleados que las requieran. Actualmente, la mayoría de los proveedores de web hosting ofrecen en su paquete básico 250 Mb de almacenamiento, 8,000 Mb de transferencia y 10 cuentas de e-mail.
3. Diseño del sitio web
El diseño es la comunicación textual (contenidos) existente en Internet una faceta visual, sino que obliga a pensar una mejor estructuración de los mismos en este soporte. La unión de un buen diseño con una jerarquía bien elaborada de contenidos aumenta la eficiencia de la web como canal de comunicación e intercambio de datos, que brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos, característica destacable del medio Internet.
4. Mantenimiento del sitio web
Todo evoluciona en el tiempo y su empresa no es la excepción. Es muy probable que usted tenga que hacer algunos ajustes a su página web cada determinado tiempo debido a cambios de productos, altas y bajas de personal de contacto, nuevos distribuidores, noticias, eventos, actualización de información técnica, nuevos artículos, entre otros conceptos. La frecuencia del mantenimiento varía de empresa en empresa, ya que existen compañías que requieren cambios semana tras semana y otras que revisan el contenido de su página web una vez al año.
Si su empresa cuenta con un sitio web extenso y participan varias personas en el mantenimiento del mismo, es conveniente que usted evalúe la posibilidad de que su sitio web sea desarrollado empleando un administrador de contenido CMS (content management system), de tal forma que la labor de mantenimiento sea más sencilla y expedita y no tenga usted que depender de una agencia de diseño web para mantener actualizado su sitio.
5. Difusión del sitio web
Por lo general este es el tema en el que existe mayor confusión entre las empresas que implementan una página web por vez primera. La mayoría de las personas piensan que para poder promocionar eficazmente sus productos y servicios en Internet, es suficiente con tener la página web y desconocen que ésta debe contar con un medio de difusión o promoción, como quiera usted llamarle, para que las visitas lleguen.
No sólo es necesario que su página web tenga un diseño agradable. Para que su sitio sea visitado con frecuencia y se generen las oportunidades de negocio (Internet generated leads), los clientes potenciales deben saber que su página web existe y debe haber alguna forma de localizarla fácilmente. Aun cuando existen diversas formas de difusión, actualmente el método más efectivo es el posicionamiento de páginas web en buscadores, ya que es precisamente por medio de los motores de búsqueda que los usuarios de Internet localizan los productos y servicios que ellos y ellas requieren.
Que son los elementos de multimedia :
Multimedia es un sistema que utiliza más de un medio de comunicación para
transmitir, administrar o presentar información, combinando texto, imagen,
animación, sonido y vídeo.
El software y hardware multimedia permiten
almacenar y presentar contenidos de manera dinámica y animada mejorando
notablemente la atención, comprensión y el aprendizaje, ayudando al usuario o
receptor a asimilar de la información presentada más
rápidamente.
Multimedia permite el uso de hipertexto para
mostrar texto que enlaza a información adicional sobre ese texto. Además del
uso de Hipermedia, que es una fusión entre hipertexto y multimedia.
El uso de multimedia reduce costos en el desarrollo
de proyectos siendo de gran utilidad prácticamente todas las áreas de
desarrollo humano como educación, negocio, entretenimiento, ingeniería,
medicina, arte y otros. La multimedia es usada para incluir efectos especiales,
videos, sonido y la animación en presentaciones, enciclopedias electrónicas,
cursos, videos musicales, películas y más.
IPOS DE INFORMACIÓN MULTIMEDIA:
IPOS DE INFORMACIÓN MULTIMEDIA:
· Texto: sin
formatear, formateado, lineal e hipertexto.
· Gráficos: utilizados
para representar esquemas, planos, dibujos lineales...
· Imágenes: son
documentos formados por píxeles. Pueden generarse por copia del entorno
(escaneado, fotografía digital) y tienden a ser ficheros muy voluminosos.
· Animación: presentación
de un número de gráficos por segundo que genera en el observador la sensación
de movimiento.
· Vídeo: Presentación
de un número de imágenes por segundo, que crean en el observador la sensación
de movimiento. Pueden ser sintetizadas o captadas.
· Sonido: puede
ser habla, música u otros sonidos.
El trabajo multimedia está actualmente a la orden
del día y un buen profesional debe seguir unos determinados pasos para elaborar
el producto.
· Definir
el mensaje clave. Saber qué se quiere decir. Para eso es necesario
conocer al cliente y pensar en su mensaje comunicacional. Es el propio cliente
el primer agente de esta fase comunicacional.
· Conocer
al público. Buscar qué le puede gustar al público para que
interactúe con el mensaje. Aquí hay que formular una estrategia de ataque
fuerte. Se trabaja con el cliente, pero es la agencia de comunicación la que
tiene el protagonismo. En esta fase se crea un documento que los profesionales
del multimedia denominan "ficha técnica", "concepto" o
"ficha de producto". Este documento se basa en 5 ítems: necesidad,
objetivo de la comunicación, público, concepto y tratamiento.
· Desarrollo
o guion. Es el momento de la definición de la Game-play:
funcionalidades, herramientas para llegar a ese concepto. En esta etapa
sólo interviene la agencia que es la especialista.
Creación de un prototipo.
En multimedia es muy importante la creación de un prototipo que no es sino una
pequeña parte o una selección para testear la aplicación.
· De
esta manera el cliente ve, ojea, interactúa... Tiene que contener las
principales opciones de navegación.
Ahora ya se está trabajando con digital, un
desarrollo que permite la interactividad. Es en este momento cuando el cliente,
si está conforme, da a la empresa el dinero para continuar
con el proyecto. En relación al funcionamiento de la propia empresa, está puede
presuponer el presupuesto que va a ser necesario, la gente que va a trabajar en
el proyecto (lista de colaboradores). En definitiva, estructura la empresa. El
prototipo es un elemento muy importante en la creación y siempre va a ser
testeado (público objetivo y encargados de comprobar que todo funciona)
· Creación
del producto. En función de los resultados del testeo del
prototipo, se hace una redefinición y se crea el producto definitivo, el
esquema del multimedia.
Videos sencillos para elaborar un pagina web de dreamweaver:
https://www.youtube.com/watch?v=7OeQP4Wd9BA
¿Que es Framework?
Servidor FTP o host es la dirección a la que se dirigirá Dreamweaver para conectarse a tu servidor será del tipo ftp.servidor.com o también podrás encontrar algunas que están formadas en forma de dirección IP (como por ejemplo, 192.186.1.1)
En el campo Directorio del Servidor podremos establecer una carpeta contenida en el servidor donde queramos subir las páginas.
En Usuario y Contraseña escribe el nombre de usuario y el password para poder conectar con el servidor. Marca la casilla Guardar si quieres que el programa recuerde la contraseña.
¿Que es Framework?
En el desarrollo de software, un framework o infraestructura digital, es una estructura conceptual y tecnológica de soporte definido, normalmente con artefactos o módulos de software concretos, que puede servir de base para la organización y desarrollo desoftware. Típicamente, puede incluir soporte de programas, bibliotecas, y un lenguaje interpretado, entre otras herramientas, para así ayudar a desarrollar y unir los diferentes componentes de un proyecto.
Representa una arquitectura de software que modela las relaciones generales de las entidades del dominio, y provee una estructura y una especial metodología de trabajo, la cual extiende o utiliza las aplicaciones del dominio.
os frameworks tienen como objetivo principal ofrecer una funcionalidad definida, auto contenida, siendo construidos usando patrones de diseño, y su característica principal es su alta cohesión y bajo acoplamiento. Para acceder a esa funcionalidad, se construyen piezas, objetos, llamados objetos calientes, que vinculan las necesidades del sistema con la funcionalidad que este presta. Esta funcionalidad, está constituida por objetos llamados fríos, que sufren poco o ningún cambio en la vida del framework, permitiendo la portabilidad entre distintos sistemas. Frameworks conocidos que se pueden mencionar por ejemplo son Spring Framework, Hibernate, donde lo esencial para ser denominados frameworks es estar constituidos por objetos casi estáticos con funcionalidad definida a nivel grupo de objetos y no como parte constitutiva de estos, por ejemplo en sus métodos, en cuyo caso se habla de un API o librería. Algunas características notables que se pueden observar:
- Lainversión de control: En un frame, a diferencia de las bibliotecas, el flujo de control no es dictado por el programa que llama, sino por el mismo.1
- La funcionalidad o comportamiento predeterminado: Un marco tiene un comportamiento predeterminado. Este comportamiento por defecto debe ser un comportamiento útil, definido e identificable.
- Su extensibilidad : Un marco puede ser ampliado para proporcionar una funcionalidad específica. El frame, en general, no se supone que deba ser modificado, excepto en cuanto a extensibilidad. Los usuarios pueden ampliar sus características, pero no deben ni necesitan modificar su código.
¿Que son las tablas dentro de Dramweaver 8?
Existen varias formas de añadir y eliminar filas y columnas a una tabla.
Lo primero que hay que hacer es, estando el cursor en una celda o seleccionando varias, desplegar el menú contextual de la tabla al pulsar con el botón derecho sobre ella, o bien abrir el menú Modificar. En ambos casos aparece la opción Tabla.
Según las celdas seleccionadas, algunas de las opciones de Tabla se podrán utilizar mientras que otras no.
Para insertar una fila o una columna, hay que pulsar sobre las opciones Insertar fila o Insertar columna.
La fila se inserta sobre la celda o el conjunto de celdas seleccionadas, mientras que la columna se inserta a su izquierda.
También tenemos una opción más completa, la opción Insertar filas o columnas.... Al seleccionarla aparece una nueva ventana, donde es posible determinar si lo que se insertarán serán filas o columnas, el número de ellas que se insertará, y la posición donde se insertarán.
|
Para eliminar una
fila o una columna, hay que posicionar el cursor en la fila o columna a eliminar y elegir la opción Eliminar fila o Eliminar columna del menú Tabla.
También se puede seleccionar la fila o columna a borrar y pulsar la tecla de borrado (Del o Supr)
|
¿Como inserta imágenes en Dramweaver 8?
Todas las páginas web acostumbran a tener un cierto número de imágenes, que permiten mejorar su apariencia, o dotarla de una mayor información visual.
|
Existen una serie de formatos de imagen más recomendables que otros para ser introducidos en una página web. Esta información puedes consultarla aquí
 . |
 |
Para insertar una imagen hay que dirigirse al menú Insertar, a la opción Imagen. Después de esto, ya es posible seleccionar una imagen a través de la nueva ventana.
Si por algún motivo se desea insertar un BMP, este no aparecerá a no ser que en Tipo se seleccione Todos los archivos.
|
En Relativa a es posible especificar si la imagen será relativa al documento o a la carpeta raíz del sitio. Es preferible que sea relativa al Documento, ya que si se mueve todo el sitio a una ubicación diferente, la imagen puede no verse al estar siendo buscada en la ubicación anterior.
Lo mismo ocurre cuando se selecciona un documento para crear un vínculo.
|
La ruta en la que se encuentra la imagen aparecerá representada de una u otra forma en el campo URL de la ventana y en el campo Origen del inspector de propiedades, dependiendo de si ha sido insertada como relativa a la carpeta raíz del sitio o relativa al documento.
Por ejemplo, imagina que dentro de la carpeta raíz del sitio (la carpeta del sitio) se encuentran la carpeta imagenes y el documento en el que deseamos insertar la imagen. Dicha imagen, llamada aulaclic.jpg, se encuentra dentro de la carpeta imagenes.
En el caso de insertar la imagen como relativa al Documento la ruta sería:
imagenes/aulaclic.jpg
Mientras que en el caso de ser insertada como relativa a la Raíz del sitio la ruta sería:
/imagenes/aulaclic.jpg
Ocurre lo mismo que cuando se crea un hipervínculo a un documento relativo al documento o a la carpeta raíz del sitio.
Si se inserta un BMP en un documento, este no aparece correctamente en Dreamweaver, aunque sí en el navegador. En Dreamweaver aparecerá de la siguiente forma:
Esa misma imagen es la que aparece en Dreamweaver cuando no se encuentra una imagen que había sido insertada. Esto puede ocurrir si se ha modificado el nombre de la imagen, o si se ha movido de directorio, desde fuera de Dreamweaver. En ese caso, la imagen que aparecerá en el navegador será similar a esta:
Aparece un recuadro blanco con una X roja, junto con el nombre de la imagen o el contenido del campo Alt del inspector de propiedades, que explicaremos a continuación.
|
|
|
Para practicar puedes realizar el
Cuando seleccionamos una imagen el Inspector de propiedades muestra esta apariencia:
Desde aquí podrás acceder a distintas propiedades:
Desde el campo Alt podrás asignarle una ayuda contextual a la imagen, esta se mostrará cuando coloques el ratón sobre ella, y es muy útil de cara a hacer páginas accesibles ya que el texto que se escribe será leído por los programas lectores para invidentes. También es muy útil, como ya hemos visto, si la imagen por alguna razón no puede mostrarse.
En Clase podrás asignarle un estilo que hayas creado anteriormente, así podrás darle alineación, bordes e incluso tamaño con sólo un clic.
Si le damos un valor al campo Vínculo convertiremos al imagen en un link a otra página. Para enlaces externos recuerda que debe empezar siempre por HTTP:// y si deseas crear un vínculo a un enlace electrónico deberá empezar por mailto:
En caso de que le hayas asignado un vínculo podrás decidir en qué ventana quieres que se abra selecionando un valor en el campo Destino.
Puedes asignarle un tamaño de borde desde el campo Borde.
Y puedes seleccionar su alineación con respecto al texto desde el campo Alinear.
Por último las opciones Espacio V y Espacio H te serán muy útiles para separar la imagen del texto y así no queden demasiado pegadas a él. Estos campos indican el espacio vertical y horizontal respectivamente entre la imagen y el texto.
|
Dentro de Dreamweaver puede modificarse el tamaño de las imágenes. Dicho cambio de tamaño no se aplica directamente sobre el archivo de imagen, sino que lo que varía es la visualización de la imagen dentro de la página.
Es muy probable que la imagen resultante no sea de buena calidad, en comparación de cómo podría quedar modificándola desde un editor externo, como Fireworks.
Por ejemplo, vamos a ver lo que ocurre si insertamos una imagen que representa el icono de Dreamweaver y modificamos su tamaño de varias formas diferentes:
|
Imagen original
 |
Imagen con tamaño modificado
|
Puede apreciarse claramente que los resultados no son muy satisfactorios, pero en ocasiones puede resultar útil modificar el tamaño de algunas imágenes aunque esto implique perder calidad.
Existen dos formas de modificar el tamaño.
|
Una de ellas es, una vez seleccionada la imagen, arrastrar con el puntero alguno de los recuadros negros que aparecen alrededor de la imagen.
|  |
La otra es a través de inspector de propiedades, cambiando los campos An (anchura) o Al (altura). Estos campos aparecerán en el inspector cuando esté seleccionada alguna imagen.
Si estos campos no contienen el tamaño original de la imagen, el valor aparecerá resaltado en negrita y aparecerá a la derecha una flecha circular que permite volver al tamaño original haciendo clic sobre ella.
 |
¿Que es un servidor?
Un servidor web o servidor HTTP es un programa informático que procesa una aplicación del lado del servidor, realizando conexiones bidireccionales y/o unidireccionales y síncronas o asíncronas con el cliente y generando o cediendo una respuesta en cualquier lenguaje o Aplicación del lado del cliente. El código recibido por el cliente suele ser compilado y ejecutado por un navegador web. Para la transmisión de todos estos datos suele utilizarse algún protocolo. Generalmente se usa el protocolo HTTP para estas comunicaciones, perteneciente a la capa de aplicación del modelo OSI. El término también se emplea para referirse al ordenador que ejecuta el programa.
¿Que son Hiperenlaces?
Un hipervínculo (también llamado enlace, vínculo, o hiperenlace) 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 hipervínculo 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.
Los hipervínculos 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
Un enlace cuenta con dos extremos, denominados anclas(nautilus), y una dirección. El enlace comienza en el ancla origen y apunta al ancla destino. Sin embargo, el término enlace a menudo se utiliza para el ancla origen, mientras que al ancla destino se denomina enlace de destino (link target).hiperenlace
El enlace de destino más común es un URL, utilizado en la World Wide Web. Puede invocar a un documento, por ejemplo una página web, a otro recurso, o a una posición determinada en una página web. Este último se consigue asignando a un elemento HTML el atributo "name" o "id" en esa posición del documento HTML. El URL de la posición es el URL de la página con "#atributo name" añadido.
Cuando los enlaces de destino invocan, además de texto, elementos multimedia ( audio, video, imágenes, etc. ), puede decirse que estamos navegando en un espacio hipermedia, un ámbito de interacción humana que intensifica la densidad de los mensajes, dentro de la gama exhaustiva de supuestos funcionales que aporta la Red, como por ejemplo: comunicación en tiempo real y en tiempo diferido, comunicación de una persona a una persona, de varias a una, de una a varias, de varias a varias, etc.
[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.
El código HTML contiene todas las características principales de un enlace:
- link target (URL) (destino) o (ubicación)
- link label (etiqueta)
- link title (título)
- link class or link id (clase)
Utiliza el elemento "a" de HTML con el atributo "href" y opcionalmente otros atributos como “title”, “class”, “style”, “target” o “id”:
<a href="URL" title="título del enlace" class="clase del enlace">etiqueta del enlace</a>
Cuando el puntero se sitúa sobre un enlace, dependiendo del navegador, se muestra un texto informativo acerca del enlace:
- Un texto emergente, que desaparece cuando el puntero se vuelve mover (a veces desaparece igualmente pasados unos segundos). Internet Explorer y Mozilla Firefox muestran el título, Opera muestra también el URL.
- Además, el URL puede ser mostrado en la barra de estado.
además hiper vinculo
¿Qué son sitios remotos?
Muy bien, ahora veamos los pasos que tenemos que seguir para configurar las opciones y que Dreamweaver se pueda conectar con nuestro servidor.
Para ello deberemos modificar la especificación que creamos en su día del sitio con el que estamos trabajando.
Así que haz clic en Sitio y selecciona Administrar sitios.
Selecciona el sitio con el que quieras establecer comunicación remota (o crea uno nuevo para el caso) y pulsa Editar.
Verás que se abre el cuadro de diálogo de Definición del Sitio.
Ahora podremos escoger entre trabajar en modo básico o avanzado. Vamos a seleccionar la pestaña Avanzado para poder ver con más detenimiento las opciones que se nos ofrecen.
Una vez estés en el nuevo modo, selecciona la Categoría Datos remotos en el listado de la izquierda.
Ahora en el desplegable Acceso selecciona el método de acceso que deberá utilizar Dreamweaver para conectarse con el servidor. Como ya hemos dicho nosotros explicaremos la opción FTP.
Se mostrarán las siguientes opciones:
Aquí deberás rellenar los datos que te facilitó el servicio de hosting que contrataste. Si no recuerdas los datos o has perdido el correo electrónico que seguramente te enviaron, pídeles de nuevo la información.
Los datos que necesitrás son los siguientes:
Servidor FTP o host es la dirección a la que se dirigirá Dreamweaver para conectarse a tu servidor será del tipo ftp.servidor.com o también podrás encontrar algunas que están formadas en forma de dirección IP (como por ejemplo, 192.186.1.1) En el campo Directorio del Servidor podremos establecer una carpeta contenida en el servidor donde queramos subir las páginas.
Imagina que dentro de la estructura de carpetas del servidor romoto tienes una que se llama pagina y dentro de esta otra que se llame principal. Podríamos indicar la ruta pagina/principal para que los archivos se subiesen directamente a esa ubicación.
En Usuario y Contraseña escribe el nombre de usuario y el password para poder conectar con el servidor. Marca la casilla Guardar si quieres que el programa recuerde la contraseña.
Una vez introducidos estos datos puedes pulsar el botón Probar para ver si son correctos y Dreamweaver puede crear una conexión con el servidor remoto.
Finalmente comentaremos la opción Permitir desproteger y proteger archivo. Esta casilla es útil cuando más de una persona está utilizando el mismo servidor y las mismas páginas. De esta forma (como veremos más adelante) podrás bloquear diversos archivos para evitar que se vean modificados por otra persona (que también tenga acceso al servidor) mientras tú trabajas con ellos.
Si seleccionas la opción Cargar archivos en el servidor automáticamente al guardar forzarás a que Deamweaver suba los archivos cada vez que los guardes. Una opción bastante útil para no olvidar subir pequeños retoques que se vayan haciendo en el tiempo. Aunque es una opción un poco peligrosa porque si modificas la versión en local y te equivocas no podrás recuperar la versión anterior que estaba almacenada en el remoto porque se habrá sobreescrito. Esta opción tampoco es recomendable si no tienes conexión permanente y rápida a Internet.
Una vez hayas terminado Acepta todas las pantallas hasta volver a la vista de trabajo y estaremos listos
¿con que barras cuenta Dreamweaver?
Principales Barras y menús de Dreamweaver 8
El pánel objetos
La barra de herramientas
La barra de herramientas de Dreamweaver contiene botones que permiten alternar entre diferentes vistas del documento rápidamente, cambiar el título del documento o previsualizar la página en el navegador. Los elementos del menú Opciones (botón situado en el extremo derecho de la barra de herramientas) cambia en función de la vista que seleccione.
- Para ver u ocultar la barra de herramientas, elija en el menú Ver la opción Barra de herramientas.
- Para ver sólo código en la ventana de documento, haga clic en el botón Vista de código.
- Para ver una vista que contenga las vistas de Código y de Diseño, haga clic en el botón Vistas de código y diseño.
- Para ver sólo la vista de Diseño, haga clic en el botón Vista de diseño.
- Para introducir un título para el documento, utilice el campo Título. Si el documento ya tiene título, éste aparecerá en dicho campo.
- Para poner, obtener o proteger un archivo, haga clic en el botón de menú de "Estado de archivo".
- Para previsualizar o depurar un documento en un navegador, haga clic en Vista previa/depurar en navegador y elija uno de los navegadores enumerados en el menú emergente.
- Para actualizar la vista de Diseño, haga clic en el botón Actualizar vista de diseño.
- Para obtener información de referencia sobre código HTML, CSS y JavaScript, haga clic en el botón Referencia.
- Para desplazarse por el código, haga clic en el botón Navegación por el código. Para obtener más información, consulte "Introducción al depurador JavaScript".
- Para mostrar u ocultar la regla, la cuadrícula y las ayudas visuales, haga clic en el botón de menú Opciones.
El pánel objetos
Este pánel contiene botones que permiten la creación e inserción de diversos tipos de objetos, como tablas, vínculos, capas e imágenes. El pánel contiene siete categorías de forma predeterminada: Común, Formularios, Marcos, Head, Invisibles y Caracteres. También contiene botones que cambian de vista: Estándar y Disposición. Cada uno de estos elementos serán explicados en temas posteriores.
Para cambiar de categoría dé clic sobre alguna de las pestañas situadas en la parte superior del pánel.
Si desea insertar un objeto en el documento haga clic en el correspondiente botón del pánel o arrastre el ícono del botón hasta la ventana de documento. Dependiendo del objeto, aparecerá un cuadro de diálogo en el cual se le pedirá que seleccione o inserte el archivo u objeto deseado.
Si desea insertar un marcador de posición mantenga presionada la tecla Control mientras da clic en el ícono para insertar el objeto. (Por ejemplo, para insertar un marcador de posición para una imagen sin especificar un archivo de imagen, mantenga presionada la tecla Control y haga clic en el botón Imagen.)
Nota: Esto no permite omitir todos los cuadros de diálogo. Algunos objetos, como las barras de navegación, las capas, los botones Flash, los marcos, etc., no insertan marcadores de espacio.
El inspector de propiedades permite examinar y editar las propiedades del elemento que esté seleccionado actualmente, puede ser un objeto o texto. Es posible seleccionar los elementos en la ventana de documento o en el inspector de código.
La mayoría de los cambios realizados en las propiedades se aplicarán de inmediato en la ventana de documento. (Para algunas propiedades, los cambios no se aplican hasta que se hace clic fuera de los campos de texto de edición de la propiedad, se presiona Enter o se presiona Tab para cambiar a otra propiedad.)
El contenido del inspector de propiedades varía en función del elemento seleccionado. Si quiere obtener información sobre propiedades concretas, seleccione un elemento en la ventana de documento y, a continuación, haga clic en el icono Ayuda, situado en la esquina superior derecha del inspector de propiedades.
El inspector de propiedades muestra inicialmente las propiedades del elemento seleccionado que se utilizan con mayor frecuencia; para ver todas las propiedades haga clic en la flecha de ampliación situada en la esquina inferior derecha del inspector de propiedades, para ver más propiedades del elemento.
¿Que son las AP Capas en Dreamweaver?
Contenido
Las capas AP son una variación de las capas regulares. Una capa aparece en Dreamweaver como un recuadro con un determinado posicionamiento de coordenadas en X e Y. Es decir que aparece un cierto número de píxeles desde la parte superior de la página y desde el borde izquierdo de la página. Sin embargo al ver la página en un navegador el contenido de la capa cambia en función del tamaño de la ventana del navegador. Las capas AP difieren de ésta en que al fijar la posición del contenido se sigue conservando la distancia exacta desde la parte superior y desde el lado izquierdo que especifica el usuario, independientemente del tamaño de la ventana del navegador.
Posición
Las capas AP se pueden ubicar en una página web haciendo clic e insertando en la barra de herramientas superior de Dreamweaver. Selecciona los objetos de diseño de la lista proporcionada y a continuación selecciona la capa AP. Esto coloca un cuadro en la pantalla. Para colocar el cuadro, mueve el cursor sobre el cuadrado que aparece en la parte superior izquierda de la esquina. El cursor se convierte en una mano. Haz clic y arrastra para mover la caja. También puedes ajustar el cuadro para que aparezca un número exacto de píxeles desde la parte superior y el borde izquierdo mediante la adición de valores en las ventanas etiquetadas con T y en el panel de propiedades en la parte inferior de la pantalla L.
Las capas AP pueden contener cualquier tipo de contenido con el apoyo de Dreamweaver incluyendo texto e imágenes. Para colocar texto en una capa AP haz clic dentro de su caja y tipo. Para colocar una imagen, haz clic y arrastra la imagen desde el panel de archivos en la parte inferior derecha de la esquina de la pantalla a la caja de la capa AP en tu página web. Una vez que el contenido se encuentre en la caja ésta de desplazará con la capa AP sin importar dónde se ubique.
Tamaño
Si el contenido es demasiado grande o demasiado pequeño para la capa AP, lo mejor es cambiar su tamaño antes de que se salga de tu página. Para ello haz que el cursor flote sobre una de las esquinas de la casilla de la capa AP y enseguida haz clic y arrastra para cambiar el tamaño de la caja. Puedes establecer la capa AP a un ancho y a un alto específico de píxeles por la la adición de valores en las ventanas etiquetadas con W y H en el panel de propiedades.
¿ Función de las AP Capas en Dreamweaver?
| DREAMWEAVER | |||
| ¿QUE ES? | Es un programa para desarrollo de paginas web. El mismo posee un entorno visual y una vista codigo. Antes pertenecia a Macromedia ahora pertenece a Adobe | ||
| CONCEPTO | Creador y editor de páginas web | ||
| CARACTERISTICAS | La aplicación permite crear sitios de forma totalmente gráfica, y dispone de funciones para acceder al código HTML generado. Permite la conexión a un servidor, a base de datos, soporte para programación en ASP, PHP, Javascript, cliente FTP integrado, etc. Principal competencia de Microsoft FrontPage. | ||
| ¿PARA QUE SIRVE | Las funciones de edición visual de Dreamweaver MX permiten agregar rápidamente diseño y funcionalidad a las páginas, sin la necesidad de programar manualmente el código HTML. Se puede crear tablas, editar marcos, trabajar con capas, insertar comportamientos JavaScript, etc., de una forma muy sencilla y visual. | ||
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, videos y aplicaciones Web basados en estándares.Permiten agregar rápidamente diseño y funcionalidad a las páginas, sin la necesidad de programar manualmente el código HTML.
Se puede crear tablas, editar marcos, trabajar con capas, insertar comportamientos JavaScript, etc., de una forma muy sencilla y visual.
Cuando utilizamos Dreamweaver para crear una página Web no tenemos que preocuparnos de todo esto. Dreamweaver inserta automáticamente las etiquetas necesarias para construir la página con la apariencia y contenido definidos en el editor gráfico.
Ventajas:
- · 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 hipervínculo, una imagen o añadir un comportamiento) están hechas en Javascript-C, lo que le ofrece una gran flexibilidad en estas materias.
- · 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.
- · 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.
¿Como insertar una capa en Dreamweaver?
Las capas pueden insertarse en una página a través del menú Insertar, opción Objeto de diseño, Capa.
Una vez se ha insertado la capa, pueden editarse sus atributos, pero para ello hay que seleccionarla primero.
Una capa puede seleccionarse de varias maneras. Una de ellas es pulsando sobre el icono
 correspondiente, pero esto no resulta útil cuando existen muchas capas en un mismo documento, ya que todas las capas tienen asociada una imagen igual a esta, y no es fácil seleccionar la deseada a la primera. |
Cuando existen varias capas en un mismo documento, es preferible seleccionarlas a través de la pestaña Capas del panel Diseño, que puede abrirse a través del menú Ventana opción Capas. Si la opción Capas no te aparece directamente en este menú, posiblemente esté dentro de la opción Otros. También puedes abrir el panel pulsando F2.
En dicho panel aparecen los nombres de todas las capas que existen en el documento actual, y para seleccionar una de ellas simplemente hay que pulsar sobre el nombre en el panel.
|  |
Las propiedades de la capa se especifican a través de su inspector de propiedades.
ID de capa es el nombre de la capa. También puede ser cambiado a través del panel Capas, haciendo doble clic sobre él.
Iz y Sup indican la distancia en píxeles que hay entre los límites izquierdo y superior del documento y la capa.
An y Al indican la anchura y la altura de la capa.
Índice Z es el número de orden de colocación de las capas. Este valor también puede cambiarse a través del panel Capas. Una capa será solapada por aquellas capas cuyo índice Z sea mayor que el suyo.
Vis indica la visibilidad inicial de la capa. La visibilidad puede ser de cuatro tipos:
La visibilidad también puede cambiarse a través del panel Capas, pulsando sobre la imagen del ojo. El ojo abierto indica Visible, y el ojo cerrado indica Hidden.
A través de Im. fondo y Col puede indicarse una imagen o un color de fondo para la capa.
Desb. (Desbordamiento) controla cómo aparecen las capas en un navegador cuando el contenido excede el tamaño especificado de la capa.
¿Cuales son las ventajas de tener una pagina web?
Hoy en día Internet es una herramienta utilizada en todo el mundo y nos permite acceder a múltiples recursos y conocer sobre otras empresas con facilidad.
Muchas empresas crecen exponencialmente gracias a sus sitios web.
Para tener una idea más clara de la cantidad de usuarios que pueden llegar a un sitio Web, en América existen 927, 492, 299 habitantes de los cuales 431, 939, 479 tienen acceso a Internet. Ellos representan el 46.6% de la población.
Sin un sitio web, la empresa debe tener su oficina abierta y atender un teléfono para ofrecer atención a sus potenciales clientes.
Con un sitio Web, potenciales clientes pueden informarse de sus productos y servicios a cualquier hora, desde cualquier lugar con conexión a Internet.
¿Cuales no son las desventajas de no tener una pagina web? |
Desventajas:
1. Los diseños son muy pobres y poco profesionales (a excepción de wiix que con algo de conocimiento se pueden hacer sitios bastante decentes)
2. La empresa mostrara publicidad suya en tu sitio web
3. El dominio con el que trabajes, nunca será tuyo, siempre dependerá de la empresa, y si esta desaparece, también desaparece el tuyo, nada como tener tu propio dominio.
4. Las personas que visiten tu sitio, no le darán tanta credibilidad, tú en que pagina confiarías mas en una que cuente con un dominio propio ejemplo, www.ideainternet.com.mx o en ideainternet.mex.tl.mx
5. Otra desventaja es que no te aseguran que tu sitio web estará disponible, si tiene algún problema tu pagina no tienes a quien quejarte, ni quien te asesore en problemas.
6. No hay garantía de la disponibilidad y longevidad de tu sitio
7. No tendrás cuentas de correo personalizadas como ventas@ideainternet.com.mx
2. La empresa mostrara publicidad suya en tu sitio web
3. El dominio con el que trabajes, nunca será tuyo, siempre dependerá de la empresa, y si esta desaparece, también desaparece el tuyo, nada como tener tu propio dominio.
4. Las personas que visiten tu sitio, no le darán tanta credibilidad, tú en que pagina confiarías mas en una que cuente con un dominio propio ejemplo, www.ideainternet.com.mx o en ideainternet.mex.tl.mx
5. Otra desventaja es que no te aseguran que tu sitio web estará disponible, si tiene algún problema tu pagina no tienes a quien quejarte, ni quien te asesore en problemas.
6. No hay garantía de la disponibilidad y longevidad de tu sitio
7. No tendrás cuentas de correo personalizadas como ventas@ideainternet.com.mx
Y la mayor desventaja que tiene contando con un sitio web gratis, es que los buscadores siempre te restaran importancia, y será muy difícil que aparezcas en las búsquedas de tus posibles clientes, y si tu pagina no tienes visitas, para que quieres pagina no?
Si bien es cierto no estarás gastando ni un peso en tu pagina web, estás perdiendo muchas ventajas que adquieres al momento de contar con un sitio web profesional.
Tags:: Ventajas y Desventajas de Tener un Sitio Web GratisActualmente como está la economía del país | muchos empresarios que apenas van comenzando | regularmente buscan las formas de ahorrar dinero | es por eso que a algunos se les hace fácil | construir su sitio y alojarlo con algún proveedor que se lo ofrezca de forma gratuita. en vez de contratar un empresa de diseño web.Los sitios que no cobran por tener tu sitio web ayudan mucho a crear páginas web | sencillas y esta pueden ser muy útiles para algunas personas que quieren tener un sitio web personal | para hablar de su vida | o cosas que hacen | algo como un facebook pero en un sitio web.Algunas páginas donde les pueden ayudar a crear su sitio web gratis y hasta tener un subdominio gratis (depende de otro dominio) son: www.mex.tl | www.wix.com | www.galeon.comVentajas:La ventaja más importante de tener un sitios con estos proveedores | es que no vas a gastar ni un peso en tener tu sitio web.Otra ventaja es que en muchas ocasiones tienen varias plantillas predeterminadas con las que podemos empezar a diseñar nuestro sitioEn Idea Internet no recomendamos ya que tu página web | es tu presencia en la internet | es la primera impresión de tus posibles clientes | tal vez algunos ya te conozcan | pero y los que no? como sabrán si eres o no bueno | tienes que resaltar que eres profesional | que tus servicios al igual que todo tu negocio | son una empresa formal | en la cual pueden confiar tus clientes.Desventajas:1. Los diseños son muy pobres y poco profesionales (a excepción de wiix que con algo de conocimiento se pueden hacer sitios bastante decentes)2. La empresa mostrara publicidad suya en tu sitio web3. El dominio con el que trabajes | nunca será tuyo | siempre dependerá de la empresa | y si esta desaparece | también desaparece el tuyo | nada como tener tu propio dominio.4. Las personas que visiten tu sitio | no le darán tanta credibilidad | tú en que pagina confiarías mas en una que cuente con un dominio propio ejemplo | www.ideainternet.com.mx o en ideainternet.mex.tl.mx5. Otra desventaja es que no te aseguran que tu sitio web estará disponible | si tiene algún problema tu pagina no tienes a quien quejarte | ni quien te asesore en problemas.6. No hay garantía de la disponibilidad y longevidad de tu sitio7. No tendrás cuentas de correo personalizadas como ventas@ideainternet.com.mxY la mayor desventaja que tiene contando con un sitio web gratis | es que los buscadores siempre te restaran importancia | y será muy difícil que aparezcas en las búsquedas de tus posibles clientes | y si tu pagina no tienes visitas | para que quieres pagina no?Si bien es cierto no estarás gastando ni un peso en tu pagina web | estás perdiendo muchas ventajas que adquieres al momento de contar con un sitio web profesional.
