EcuRed - Contribuciones del colaborador [es]

Dominio web

2020-06-12T19:26:04Z

Reyviento: Publicación de nueva página Dominio Web

[[Archivo:Que es dominio web.jpg|alt=Dominio Web|miniaturadeimagen|Todo lo que podemos hacer con un [https://dominiogr.com/ Dominio Web]]]
El Dominio web es el nombre o texto único registrado en internet que identifica cada una de las páginas web. Cualquier usuario en cualquier parte del mundo, puede acceder a nuestra página web por medio de nuestro dominio web. Los dominios pueden tener diferentes extensiones como: .com, .net, .org, Etc.

Un nombre de dominio puede tener diferentes extensiones por ejemplo. Dominiogr.com, dominiogr.org, dominiogr.net y ser tres páginas web completamente diferentes.

Algunas extensiones pueden ser identificadores geo localizados, que son extensiones de dominio pensadas para posicionarse en cierto países. Por ejemplo, .ES, .FR, .MX

El dominio .com es un dominio global que se puede posicionar en cualquier parte del mundo en general, es el preferido por la gran mayoría de páginas web.

== ¿Cómo funciona un dominio Web? ==
El dominio web es el nombre exclusivo y único que identifica un sitio web en Internet para que un usuario pueda encontrarlo.

Los navegadores web acceden a los sitios web almacenados en el hosting mediante una dirección IP (''Internet Protocol''), este número es tan largo como una dirección. Ejemplo, 110.114.0.52 que indica en que servidor se encuentran el sitio. Se utilizan Dominio o nombres, ya que es más fácil que recordar direcciones o números.

== Fuentes ==
* '''https://dominiogr.com/'''
[[Categoría:Web]]

Posicionamiento en buscadores

2020-06-12T17:52:36Z

Reyviento: Adición de información Que es optimización SEO

{{Materia
|nombre=SEO
|imagen=Drf_seo.jpg‎
|tamaño
|descripción=El objetivo inicial de la actividad SEO es aparecer en un buscador cuando se busque por determinados términos. Una vez que ya se ha cumplido esa primera etapa y está entre los resultados de las búsquedas, se trata de conseguir que el [[sitio web]] optimizado aparezca lo más arriba posible, aumentando su visibilidad y las posibilidades de que entren en la página en busca de un contenido determinado.
|campo a que pertenece= Internet
|principales exponentes=
}}
'''SEO''' son las siglas de '''Search Engine Optimization'''. Otras maneras de llamarlo son "'''posicionamiento en buscadores'''" o, simplemente, "'''posicionamiento web'''". El SEO viene a ser una serie de técnicas para optimizar un sitio web, de manera que mejore su visibilidad en los [[Motor de búsqueda|motores de búsqueda]].

==¿Qué es la optimización SEO?==
La optimización SEO, es encontrar palabras claves las cuales nuestros clientes potenciales utilizan para buscar sus necesidades en Internet.

En el caso que nuestra página web, aparezca en la primera página de Google. Lo más probable es, que el cliente acabe dentro de nuestro sitio web. Nuestra web crecerá, el tráfico aumentará, habrá más visitas, llamadas y posibles ventas.

Hay dos formas que van de la mano para optimizar el posicionamiento de nuestra web. El SEO On Page y SEO Off Page. Dos procedimientos distintos para lograr el mismo objetivo.<ref>[https://dominiografico.com.co/posicionamiento-web/ Optimización SEO]</ref>

==Principalmente dos áreas de optimización==

''SEO On Page'': Desde la propia [[página web]], perfeccionando el propio sitio que se quiere posicionar, para que sea mejor considerado por parte de los [[buscador]]es. Esto se consigue facilitando que el sitio web sea "entendido" por parte del motor de búsqueda, de manera que indexe mejor el contenido y se alcancen diversos parámetros de calidad en diversas áreas, que hagan entender que se trata de un sitio de calidad: contenido, velocidad, buena estructura, etc.

''SEO Off Page'': Todas las técnicas y acciones que se pueden hacer de manera externa al sitio y que les ayuden a ganar relevancia en la [[web]]. Esto se hace principalmente consiguiendo enlaces hacia el sitio a promocionar y mejorando las apariciones en otros medios, pero también podría ser pagando por [[publicidad]].

==Problemática del aprendizaje SEO==

En [[Internet]] se puede aprender muchísimo del posicionamiento en buscadores, pero se debe tener cuidado, porque no siempre la información que se encuentra está actualizada. Los buscadores son muy dinámicos y van ajustando el modo en el que entienden el "ecosistema web", por lo que a lo largo del tiempo las reglas siempre van cambiando. Es por ello que es importante la fecha de publicación de los textos o vídeos que estás utilizando para aprender.

Lo que funcionaba un día puede que no funcione más adelante. [[Google]] está en constante evolución y lo que un día puede ayudar en el posicionamiento otro día puede perjudicar, hasta el punto de recibir penalizaciones.

==Buscadores y cómo entienden y registran o indexan la web==

Los buscadores, como Google, tienen robots o sistemas que se dedican a visitar páginas constantemente. Comúnmente, a esos robots se les llama "[[Araña web|arañas]]". Cuando visitan una página lo hacen con profundidad, es decir, cuando analizan el contenido de una página. Luego, van accediendo a todos los enlaces que hay en ella. Si encuentran cuatro páginas enlazadas, el robot las visita también y por tanto las analizará. Si tienen enlaces, se dirigirá a las páginas enlazadas y así de modo indeterminado, hasta cualquier nivel de profundidad en el sitio.

Si se publican nuevos contenidos en un sitio, la araña los encontrará cuando analice la web, debido a ese rastreo constante. Asimismo, si se tienen páginas salientes hacia otros [[Dominio Virtual|dominios]], Google o el motor correspondiente, también accederá a ellas en su rastreo permanente de los sitios en la web. Esto quiere decir que, cuando se publica una página en Internet y aunque Google no la conozca en un principio, podrá indexarla si alguien los enlaza.

Puede resultar obvio que, cuanto más se actualice una web publicando nuevo contenido, se le está invitando a Google a analizar el sitio con mayor frecuencia para indexar las nuevas páginas.

Cuando Google ha rastreado una página, la añade a su base de datos de páginas de la web y ese proceso es llamado indexación del contenido. Todas las páginas indexadas por el buscador son las que pueden aparecer entre los resultados de las búsquedas. Es importante entender este proceso.

El tiempo requerido para aparecer en Google una página recién publicada en la web, de un sitio o dominio no publicado hasta el momento, es variable. Generalmente, Google lo hará cuando encuentre enlaces de una web, pero puede requerir enlaces hacia dicha web de cierto valor para comenzar a mostrarla en sus resultados. No obstante, se puede ayudar a Google a encontrar esa página registrando el dominio en las "Webmaster Tools".

==¿Qué páginas tiene Google de nuestra web?==

Una de las primeras preguntas que se puede hacer la persona que se dedica a posicionar un sitio en Internet es: ¿qué páginas tiene Google de nuestra web en su base de datos? Esta es una pregunta que seguro será clave, sobre todo en proyectos que ya existen. Se consigue con un comando bien simple:

site:www.ecured.cu

Para lanzar ese comando simplemente tenemos que hacer la búsqueda en Google de ese término "site:www.ecured.cu" o cualquier otro dominio, que generalmente escribiremos sin las tres W ("www") y sin el "http://". Con ello conseguiremos todas las [[URL]]s que Google ha rastreado, leído e indexado de nuestro dominio y tiene en su base de datos y que podrían aparecer entre los resultados de las búsquedas.

Con esto también tenemos la ocasión de entender mejor cómo ve Google nuestro sitio web y nuestro contenido, o sea, cómo entiende a nuestra página. Quizás te lleves algunas sorpresas, o no, pero seguro que te ayudará a sacar algunas conclusiones.

Si no sale ninguna página haciendo el comando "site:" es que Google no ha indexado tu sitio web. Esto puede ocurrir por mecanismos como el "robots.txt" que estés impidiendo a Google que, a pesar que rastree tu sitio, no indexe tu contenido.

==Referencias==

[http://www.desarrolloweb.com/articulos/que-es-el-seo-conceptos-generales.html Qué es el SEO]

[[Category:Desarrollo web]]

Página Web

2020-06-12T17:42:45Z

Reyviento: /* Fuentes */

{{Definición|Nombre=Página Web|imagen=Paginaweb.jpeg|concepto=Es el nombre que se le da a un conjunto de factores como lo son, imagen, texto, sonido y video.}}

Una '''página web''' no es simplemente una aplicación del diseño convencional, ya que, además, hay que considerar una serie de elementos que van a condicionar el desarrollo exitoso del proceso de diseño tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen y vídeo

== Elementos gráficos ==

En primer lugar, las páginas [[Web]] se deben descargar de un servidor Web remoto, por lo que el ancho de banda va a ser un factor clave en la velocidad de visualización. Los elementos gráficos, dependiendo del tamaño de la imagen y del formato en que se guarde, suelen traducirse en ficheros de bastante peso.

Esto origina que las páginas que contienen en su diseño muchas imágenes, o de gran tamaño, tarden mucho tiempo en ser descargadas. La realidad ha demostrado que el tiempo máximo de aguante de una persona que espera la descarga de una página suele ser de unos 10 segundos, pasados los cuales prefiere abandonar la búsqueda y buscar otro más rápido.

== Navegadores ==

Otro aspecto a tener en cuenta es que las páginas [[Web]] son visualizadas en unas aplicaciones específicas, los navegadores Web, que imponen grandes limitaciones al diseño de las mismas. La ventana de un navegador es eminentemente rectangular, con unas medidas concretas (dadas por la resolución empleada por el usuario en su monitor) y con unas capacidades de interpretación de colores que varían mucho según el ordenador usado, el sistema operativo, el monitor y la tarjeta gráfica.

Estos factores imponen fuertes limitaciones al diseñador Web, que debe buscar siempre que sus páginas puedan ser visualizadas correctamente por el mayor número de usuarios, para resolver esta dificultad se debe trabajar a la vez con varios navegadores, diseñando sus páginas de tal forma que la interpretación de ellas sea similar en todos, lo que impone nuevas limitaciones al diseño.

== Interacción con el usuario ==

Por otra parte, una página Web no es un diseño gráfico estático, sino que contiene diferentes elementos que tienen la capacidad de interaccionar con el usuario, como menús de navegación, enlaces, formularios, etc. Además, una página aislada no existe, sino que forma parte de un conjunto de páginas inter-relacionadas entre sí (el sitio Web), que deben presentarse al usuario con el mismo “estilo”, aunque su funcionalidad sea muy diferente.

A esto hay que sumar que las páginas diseñadas deben luego construirse en un lenguaje específico, el HTML, que por sí mismo es muy limitado, lo que hace que el diseñador Web tenga que estar siempre pensando si la interfase que está diseñando gráficamente va a poder ser luego construida.

Por último, una página Web suele ocultar, en la mayoría de los casos, una serie de procesos complejos que se ejecutan sin que el usuario sea consciente de ellos (ejecución de códigos de [[Lenguajes de programación]] tanto en [[Cliente]] como en [[Servidor]], acceso a bases de datos en [[Servidor de acceso remoto|Servidores remotos]], etc.), procesos que añaden tiempo a la presentación de las páginas y que muchas veces suelen afectar de forma importante al diseño de estas, ya que el diseñador no sabe de antemano qué contenidos concretos van a tener. El diseño Web va más allá del diseño gráfico, al influir en él multitud de factores que limitan las posibilidades del diseño, pero también otros que añaden interactividad y funcionalidades a una página Web.

== Gestores de páginas web ==

Algo muy importante, los gestores de páginas web, son los que nos dicen a nosotros como va quedando nuestro sitio, y son los que en un futuro, nos permitirán poner Online esa web.
* WordPress es un CMS de código abierto especial para crear sitios web desde el más sencillo hasta el más robusto, su fama lo precede, así que es uno de los software más conocidos en el mundo. El 30% de las páginas web del mundo están diseñadas en WordPress desde su lanzamiento en el 2003. <ref>[https://dominiografico.com.co/diseno-web/pagina-web-wordpress/#Que_es_WordPress Página web WordPress]</ref>

*Como este tipo de gestores existen varios, y uno de los más dinámicos, es el [[Joomla|Joomla]], que nos facilita no tener que utilizar mucho el código fuente del lenguaje web, todo se hace con una interfaz gráfica, donde el diseñador, solo tiene que poner y seleccionar lo que quiere según lo que esté realizando.
*[[Adobe Dreamweaver|Adobe Dreamweaver]] que mediante una interfaz amigable, hace que el programador ó diseñador, pueda desarrollar ampliamente sus habilidades para montar su sitio de una forma más acogedora según los requerimientos del mismo.
*[[Django|Django]] es un framework de desarrollo Web que ahorra tiempo y hace que el desarrollo Web sea divertido. Utilizando Django puedes crear y mantener aplicaciones Web de alta calidad con un mínimo esfuerzo. 
*[[Symphony|Symphony]], es otro [[Framework|framework]] para webs, muy utilizado en estos días, pues es muy dinámico en el trabajo con las bases de datos, formularios de registros.
*[[Sencha Ext js|'''Sencha Ext js''']], una herramienta para crear aplicaciones web interactivas, utilizando técnicas tales como [[AJAX|Ajax]], [[DHTML|DHTML]] y DOM scripting. Ext 3.3.0 incluye interoperabilidad con [[JQuery|jQuery]] y [[Prototype|Prototype]]. Además, según las últimas noticias, Sencha incluye una licencia del producto de Ext JS, táctil para móviles utilizando [[PHP5|PHP5]], una mejora increíble en la herramienta, donde más de un millón de desarrolladores colaboran para hacer de esta Ext js una buena utilidad para el desarrollo y diseño de webs y productos individuales.

== Posicionamiento web ==
Para posicionarse en Google, no es suficiente con el bonito diseño de una página web un sitio web debe tener en cuenta dos aspectos, el SEO on page y el SEO off page. El SEO on page es la optimización de la estructura y el contenido interno de nuestra página web, y el SEO off page se refiere a todo el tráfico que podamos obtener desde páginas web externas. Como por ejemplo, redes sociales, directorios, etc. Claro esta que todo este trabajo debe ser realizado por un experto SEO. <ref>[https://dominiogr.com/diseno-de-paginas-web/#Posicionamiento_web Posicionamiento web]</ref>

== Fuentes ==

*[http://www.fotonostra.com Fonostra] 
*[http://www.pri.jovenclub.cu/jc/linux/noticia/299/ Linux Pinar]: SENCHA EXT JS 3.3.0 
*[http://www.pri.jovenclub.cu/jc/linux/taller/ El Taller de Linux Pinar]: Django

[[Category:Desarrollo_web]]
[[Category:Internet]]
<references />
* [https://dominiogr.com Diseño de páginas web]: Dominio Gráfico

Página Web

2020-06-12T17:39:00Z

Reyviento: Agregar la importancia del posicionamiento web

Página Web

2020-06-12T17:22:31Z

Reyviento: /* Gestores de páginas web */

{{Definición|Nombre=Página Web|imagen=Paginaweb.jpeg|concepto=Es el nombre que se le da a un conjunto de factores como lo son, imagen, texto, sonido y video.}}

Una '''página web''' no es simplemente una aplicación del diseño convencional, ya que, además, hay que considerar una serie de elementos que van a condicionar el desarrollo exitoso del proceso de diseño tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen y vídeo

== Elementos gráficos ==

En primer lugar, las páginas [[Web]] se deben descargar de un servidor Web remoto, por lo que el ancho de banda va a ser un factor clave en la velocidad de visualización. Los elementos gráficos, dependiendo del tamaño de la imagen y del formato en que se guarde, suelen traducirse en ficheros de bastante peso.

Esto origina que las páginas que contienen en su diseño muchas imágenes, o de gran tamaño, tarden mucho tiempo en ser descargadas. La realidad ha demostrado que el tiempo máximo de aguante de una persona que espera la descarga de una página suele ser de unos 10 segundos, pasados los cuales prefiere abandonar la búsqueda y buscar otro más rápido.

== Navegadores ==

Otro aspecto a tener en cuenta es que las páginas [[Web]] son visualizadas en unas aplicaciones específicas, los navegadores Web, que imponen grandes limitaciones al diseño de las mismas. La ventana de un navegador es eminentemente rectangular, con unas medidas concretas (dadas por la resolución empleada por el usuario en su monitor) y con unas capacidades de interpretación de colores que varían mucho según el ordenador usado, el sistema operativo, el monitor y la tarjeta gráfica.

Estos factores imponen fuertes limitaciones al diseñador Web, que debe buscar siempre que sus páginas puedan ser visualizadas correctamente por el mayor número de usuarios, para resolver esta dificultad se debe trabajar a la vez con varios navegadores, diseñando sus páginas de tal forma que la interpretación de ellas sea similar en todos, lo que impone nuevas limitaciones al diseño.

== Interacción con el usuario ==

Por otra parte, una página Web no es un diseño gráfico estático, sino que contiene diferentes elementos que tienen la capacidad de interaccionar con el usuario, como menús de navegación, enlaces, formularios, etc. Además, una página aislada no existe, sino que forma parte de un conjunto de páginas inter-relacionadas entre sí (el sitio Web), que deben presentarse al usuario con el mismo “estilo”, aunque su funcionalidad sea muy diferente.

A esto hay que sumar que las páginas diseñadas deben luego construirse en un lenguaje específico, el HTML, que por sí mismo es muy limitado, lo que hace que el diseñador Web tenga que estar siempre pensando si la interfase que está diseñando gráficamente va a poder ser luego construida.

Por último, una página Web suele ocultar, en la mayoría de los casos, una serie de procesos complejos que se ejecutan sin que el usuario sea consciente de ellos (ejecución de códigos de [[Lenguajes de programación]] tanto en [[Cliente]] como en [[Servidor]], acceso a bases de datos en [[Servidor de acceso remoto|Servidores remotos]], etc.), procesos que añaden tiempo a la presentación de las páginas y que muchas veces suelen afectar de forma importante al diseño de estas, ya que el diseñador no sabe de antemano qué contenidos concretos van a tener. El diseño Web va más allá del diseño gráfico, al influir en él multitud de factores que limitan las posibilidades del diseño, pero también otros que añaden interactividad y funcionalidades a una página Web.

== Gestores de páginas web ==

Algo muy importante, los gestores de páginas web, son los que nos dicen a nosotros como va quedando nuestro sitio, y son los que en un futuro, nos permitirán poner Online esa web.
* WordPress es un CMS de código abierto especial para crear sitios web desde el más sencillo hasta el más robusto, su fama lo precede, así que es uno de los software más conocidos en el mundo. El 30% de las páginas web del mundo están diseñadas en WordPress desde su lanzamiento en el 2003. <ref>[https://dominiografico.com.co/diseno-web/pagina-web-wordpress/#Que_es_WordPress Página web WordPress]</ref>

*Como este tipo de gestores existen varios, y uno de los más dinámicos, es el [[Joomla|Joomla]], que nos facilita no tener que utilizar mucho el código fuente del lenguaje web, todo se hace con una interfaz gráfica, donde el diseñador, solo tiene que poner y seleccionar lo que quiere según lo que esté realizando.
*[[Adobe Dreamweaver|Adobe Dreamweaver]] que mediante una interfaz amigable, hace que el programador ó diseñador, pueda desarrollar ampliamente sus habilidades para montar su sitio de una forma más acogedora según los requerimientos del mismo.
*[[Django|Django]] es un framework de desarrollo Web que ahorra tiempo y hace que el desarrollo Web sea divertido. Utilizando Django puedes crear y mantener aplicaciones Web de alta calidad con un mínimo esfuerzo. 
*[[Symphony|Symphony]], es otro [[Framework|framework]] para webs, muy utilizado en estos días, pues es muy dinámico en el trabajo con las bases de datos, formularios de registros.
*[[Sencha Ext js|'''Sencha Ext js''']], una herramienta para crear aplicaciones web interactivas, utilizando técnicas tales como [[AJAX|Ajax]], [[DHTML|DHTML]] y DOM scripting. Ext 3.3.0 incluye interoperabilidad con [[JQuery|jQuery]] y [[Prototype|Prototype]]. Además, según las últimas noticias, Sencha incluye una licencia del producto de Ext JS, táctil para móviles utilizando [[PHP5|PHP5]], una mejora increíble en la herramienta, donde más de un millón de desarrolladores colaboran para hacer de esta Ext js una buena utilidad para el desarrollo y diseño de webs y productos individuales.

== Fuentes ==

*[http://www.fotonostra.com Fonostra] 
*[http://www.pri.jovenclub.cu/jc/linux/noticia/299/ Linux Pinar]: SENCHA EXT JS 3.3.0 
*[http://www.pri.jovenclub.cu/jc/linux/taller/ El Taller de Linux Pinar]: Django

[[Category:Desarrollo_web]]
[[Category:Internet]]
<references />

Página Web

2020-06-12T17:18:38Z

Reyviento: /* Gestores de páginas web */

{{Definición|Nombre=Página Web|imagen=Paginaweb.jpeg|concepto=Es el nombre que se le da a un conjunto de factores como lo son, imagen, texto, sonido y video.}}

Una '''página web''' no es simplemente una aplicación del diseño convencional, ya que, además, hay que considerar una serie de elementos que van a condicionar el desarrollo exitoso del proceso de diseño tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen y vídeo

== Elementos gráficos ==

En primer lugar, las páginas [[Web]] se deben descargar de un servidor Web remoto, por lo que el ancho de banda va a ser un factor clave en la velocidad de visualización. Los elementos gráficos, dependiendo del tamaño de la imagen y del formato en que se guarde, suelen traducirse en ficheros de bastante peso.

Esto origina que las páginas que contienen en su diseño muchas imágenes, o de gran tamaño, tarden mucho tiempo en ser descargadas. La realidad ha demostrado que el tiempo máximo de aguante de una persona que espera la descarga de una página suele ser de unos 10 segundos, pasados los cuales prefiere abandonar la búsqueda y buscar otro más rápido.

== Navegadores ==

Otro aspecto a tener en cuenta es que las páginas [[Web]] son visualizadas en unas aplicaciones específicas, los navegadores Web, que imponen grandes limitaciones al diseño de las mismas. La ventana de un navegador es eminentemente rectangular, con unas medidas concretas (dadas por la resolución empleada por el usuario en su monitor) y con unas capacidades de interpretación de colores que varían mucho según el ordenador usado, el sistema operativo, el monitor y la tarjeta gráfica.

Estos factores imponen fuertes limitaciones al diseñador Web, que debe buscar siempre que sus páginas puedan ser visualizadas correctamente por el mayor número de usuarios, para resolver esta dificultad se debe trabajar a la vez con varios navegadores, diseñando sus páginas de tal forma que la interpretación de ellas sea similar en todos, lo que impone nuevas limitaciones al diseño.

== Interacción con el usuario ==

Por otra parte, una página Web no es un diseño gráfico estático, sino que contiene diferentes elementos que tienen la capacidad de interaccionar con el usuario, como menús de navegación, enlaces, formularios, etc. Además, una página aislada no existe, sino que forma parte de un conjunto de páginas inter-relacionadas entre sí (el sitio Web), que deben presentarse al usuario con el mismo “estilo”, aunque su funcionalidad sea muy diferente.

A esto hay que sumar que las páginas diseñadas deben luego construirse en un lenguaje específico, el HTML, que por sí mismo es muy limitado, lo que hace que el diseñador Web tenga que estar siempre pensando si la interfase que está diseñando gráficamente va a poder ser luego construida.

Por último, una página Web suele ocultar, en la mayoría de los casos, una serie de procesos complejos que se ejecutan sin que el usuario sea consciente de ellos (ejecución de códigos de [[Lenguajes de programación]] tanto en [[Cliente]] como en [[Servidor]], acceso a bases de datos en [[Servidor de acceso remoto|Servidores remotos]], etc.), procesos que añaden tiempo a la presentación de las páginas y que muchas veces suelen afectar de forma importante al diseño de estas, ya que el diseñador no sabe de antemano qué contenidos concretos van a tener. El diseño Web va más allá del diseño gráfico, al influir en él multitud de factores que limitan las posibilidades del diseño, pero también otros que añaden interactividad y funcionalidades a una página Web.

== Gestores de páginas web ==

Algo muy importante, los gestores de páginas web, son los que nos dicen a nosotros como va quedando nuestro sitio, y son los que en un futuro, nos permitirán poner Online esa web.
* WordPress es un CMS de código abierto especial para crear sitios web desde el más sencillo hasta el más robusto, su fama lo precede, así que es uno de los software más conocidos en el mundo. El 30% de las páginas web del mundo están diseñadas en WordPress desde su lanzamiento en el 2003<ref>[https://dominiografico.com.co/diseno-web/pagina-web-wordpress/#Que_es_WordPress]{{Dominio Gráfico|fuente=Dominio Gráfico}}</ref>

*Como este tipo de gestores existen varios, y uno de los más dinámicos, es el [[Joomla|Joomla]], que nos facilita no tener que utilizar mucho el código fuente del lenguaje web, todo se hace con una interfaz gráfica, donde el diseñador, solo tiene que poner y seleccionar lo que quiere según lo que esté realizando.
*[[Adobe Dreamweaver|Adobe Dreamweaver]] que mediante una interfaz amigable, hace que el programador ó diseñador, pueda desarrollar ampliamente sus habilidades para montar su sitio de una forma más acogedora según los requerimientos del mismo.
*[[Django|Django]] es un framework de desarrollo Web que ahorra tiempo y hace que el desarrollo Web sea divertido. Utilizando Django puedes crear y mantener aplicaciones Web de alta calidad con un mínimo esfuerzo. 
*[[Symphony|Symphony]], es otro [[Framework|framework]] para webs, muy utilizado en estos días, pues es muy dinámico en el trabajo con las bases de datos, formularios de registros.
*[[Sencha Ext js|'''Sencha Ext js''']], una herramienta para crear aplicaciones web interactivas, utilizando técnicas tales como [[AJAX|Ajax]], [[DHTML|DHTML]] y DOM scripting. Ext 3.3.0 incluye interoperabilidad con [[JQuery|jQuery]] y [[Prototype|Prototype]]. Además, según las últimas noticias, Sencha incluye una licencia del producto de Ext JS, táctil para móviles utilizando [[PHP5|PHP5]], una mejora increíble en la herramienta, donde más de un millón de desarrolladores colaboran para hacer de esta Ext js una buena utilidad para el desarrollo y diseño de webs y productos individuales.

== Fuentes ==

*[http://www.fotonostra.com Fonostra] 
*[http://www.pri.jovenclub.cu/jc/linux/noticia/299/ Linux Pinar]: SENCHA EXT JS 3.3.0 
*[http://www.pri.jovenclub.cu/jc/linux/taller/ El Taller de Linux Pinar]: Django

[[Category:Desarrollo_web]]
[[Category:Internet]]

Diseño web

2020-06-12T17:05:30Z

Reyviento: /* Enlaces externos */

{{Definición
|nombre=Diseño Web
|imagen=DiseñoWeb.jpeg
|tamaño=
|concepto=
}}'''Diseño Web.''' Actividad que consiste en la planificación, diseño e implementación de sitios y páginas Web. No es simplemente una aplicación del diseño convencional sobre [[Internet|Internet]]. ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad, [[arquitectura de la información]] y la interacción de medios como el audio, texto, imagen y video. Se lo considera dentro del diseño [[multimedia]].

== Historia ==

El término "Web" se refiere al servicio de [[Internet]] que permite a los usuarios navegar a través de las páginas Web. Con las postrimerías de los tiempos, el oficio del diseño ha evolucionado, pero siempre ha estado asociado con los medios de comunicación. No es en vano, que el diseño es concebido como un instrumento mediático.

Sólo recién en la década del setenta se comenzó a hablar de este rubro "diseño". Antes, el diseño era conocido comúnmente como técnica o maestría xilográfica, curtiembre, [[Orfebrería|orfebrería]], técnica prensista, confección de modas, entre otras tantas artesanías. A finales de los setenta, con la irrupción de la digitalización, el diseño se volcó intensamente en el incipiente mundo del Internet que vino a acelerar, uniformar y diversificar la transferencia de datos.

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 de Internet. El diseño Web ha tenido amplia aplicación en los sectores comerciales de Internet, especialmente en la [[World Wide Web]] (WWW). Asimismo, a menudo la Web se utiliza como medio de expresión plástica en sí. Artistas y creadores hacen de las páginas en Internet un medio más para ofrecer sus producciones y utilizarlas como un canal más de difusión de su obra.

El diseño Web, no sólo se compone de los elementos gráficos y colores de cada página, sino también la organización en una pantalla, y más importante aún, la estructura de las pantallas de las páginas Web, y la facilidad del usuario para acceder a dónde quiere llegar. Existen muchos puntos a tener en cuenta en el diseño Web, los que merecen una especial atención y son tres aspectos prioritarios.

== Imagen gráfica==

Lo más importante, es que el diseño Web guste a los usuarios, que las páginas Web sean atractivas, agradables, que no fatiguen la vista, que los colores no se confundan con facilidad (especialmente pensando en personas con deficiencias visuales), y también que los espacios más interesantes de cada una de las pantallas de la página Web, destaquen frente al resto de contenidos.

Así se consigue facilitar la consulta al usuario y ahorrar tiempo. Las imágenes de la [[página Web]], tienen que estar optimizadas para [[Internet]], para que además de tener un diseño Web atractivo, las pantallas se carguen rápido y permitan una navegación cómoda y eficaz, incluso para aquellas personas que tienen conexiones con prestaciones limitadas).

==Distribución de los contenidos en las pantallas==

La página debe mantener un orden lógico, y siempre que sea posible una misma estructura y ubicación de los menús y contenidos. Resulta útil que los usuarios puedan consultar la ruta de pantallas desde la inicial hasta la actual, para que así puedan memorizar la ruta y volver en un futuro si es preciso. También es importante para un diseño Web adecuado, que la página cumpla los estándares del [[World Wide Web Consortium]] ó W3C (www.w3.org), garantizando así la [[Accesibilidad (Informática)|accesibilidad]] a la [[página Web]], tanto para usuarios como para buscadores.

=== Estructura de los apartados===

Es otro elemento importante del diseño Web, puesto que debe ser lo más intuitiva posible para los usuarios, y debe garantizar una gran facilidad para llegar a todas las pantallas de la [[página Web]]. Este elemento es fundamental, no sólo para los usuarios, sino también para conseguir que la página Web tenga visitas referidas desde buscadores.

== Fases del diseño Web ==

El diseño Web, es un proceso elaborado que está formado por varias fases. Cuanto más grande es el proyecto, más fases puede tener. A continuación se mencionan algunas de las fases básicas del diseño Web, con las que cuentan todos los proyectos.

=== Análisis y definición del diseño Web===

En esta fase del diseño se estudia la imagen que debe tener la [[página Web]], de acuerdo al objetivo que desea cumplir. Es la fase en la que se genera una primera visión del diseño que presentarán las páginas Web del sitio.

=== Creación de la página Web===

Después de aprobar el boceto del diseño Web en la fase anterior, se procede a la implementación de este diseño como [[página Web]], con sus cabeceras, menús, animaciones e imágenes.

=== Programación de la navegabilidad ===

Una vez creadas y estructuradas las páginas Web, se procede a programar su navegabilidad y su funcionalidad, para una correcta presentación de las páginas Web, tal y como se define en el diseño Web original.

Estos tres actos, se van haciendo uno tras otro, y a veces continuamente. Algunos teóricos del diseño no ven una jerarquización tan clara, ya que estos actos aparecen una y otra vez en el proceso de diseño.

=== Evaluación ===

Diseñar como acto cultural implica conocer criterios de diseño como presentación, producción, significación, socialización, costos, mercadeo, entre otros. Estos criterios son innumerables, pero son contables a medida que el encargo aparece y se define.

== Interfaz del diseño Web==

Actualmente, el diseño Web está volcado a la construcción de la interfaz, máscaras o modos de visualización de contenidos como [[blog]], [[flash]], o programas como [[Windows Media Player]]. Dada la alta ingeniería y funcionalidad de las aplicaciones computacionales, es necesario reconstruir una manera (o lenguaje) para presentarlas al usuario que está distante de los conceptos ingenieriles o mecánicos.

Los contenidos por sí solos no sirven, porque gráficamente serían nada más que una carpeta con archivos. Lo que busca el diseño Web es inventar una manera simple, efectiva y atractiva de presentarlos al usuario.

El diseño Web es análogo a sus distintas versiones, pero se caracteriza principalmente por eliminar por completo el empleo de todo tipo de materia prima, centrándose básicamente en el espacio virtual aparente o hiperespacio.

El diseño Web contiene un amplio abanico de posibilidades, lo que lleva a una amplia variedad de tipos de diseño Web. A continuación veremos algunos de estos tipos de diseño y su público objetivo.

=== Diseño Web avanzado===

Es el tipo de diseño Web orientado a profesionales, aquellos que quieren contar con las nuevas tecnologías en el diseño de sus páginas Web. El diseño Web avanzado es demandado principalmente por empresas tecnológicas o clientes relacionados con el mundo audiovisual.

=== Diseño Web clásico ===

Es el diseño Web tradicional, utilizando los elementos básicos: texto e imágenes. Este diseño Web prescinde de elementos como [[flash]], video streaming o cualquier tecnología avanzada.

=== Diseño Web industrial===

El diseño Web industrial se encarga de las páginas Web para industrias, presentando unas Webs corporativas cuyo objetivo es representar la imagen de la empresa.

=== Consideraciones ===

A la hora de comenzar a maquetar una [[página Web]], es fundamental tener en cuenta qué tipo de diseño queremos emplear, puesto que dependiendo de que utilicemos uno u otro, el resultado final puede ser muy distinto.

En primer lugar, tenemos el diseño "sólido" (de ancho fijo), en el que los elementos de la página mantienen las mismas dimensiones en cualquier resolución que utilicemos. En este caso, sabemos exactamente cuál va a ser el resultado final en todos los casos.

En segundo lugar, está el diseño "líquido" en el que los contenidos de la página fluyen y se adaptan al contenedor, es decir, a la resolución de pantalla o tamaño de la ventana del navegador.

Aunque lo ideal para un diseñador Web, es controlar totalmente lo que ve el usuario final, hay que pensar que precisamente cada usuario final tiene distintas preferencias a la hora de visitar una página Web. También, cada usuario utiliza la resolución de pantalla que le conviene.

Es por esto por lo que en los sitios que lo requieren, utilizamos un diseño “mixto” que consiste en una mezcla del diseño sólido y el líquido. Hay partes de la página como son los menús o el pie, que mantienen sus proporciones independientemente del tamaño de la pantalla. Por el contrario, otros elementos de la página, como son los textos, gráficos, imágenes, incluso animaciones, crecen dependiendo de la resolución de pantalla.

Esta última posibilidad es la más difícil de controlar, puesto que en cada navegador puede tener unos resultados distintos. Sin embargo, la experiencia del usuario al navegar por una página Web, siempre será óptima independientemente de la resolución que tenga configurada.

== Enlaces externos==

*[http://www.desarrolloWeb.com Desarrollo Web]
*[http://www.Webtaller.com Portal del Webmaster]
*[http://www.Webestilo.com WebEstilo]
*[http://www.Webexperto.com WebExperto.com]
*[http://www.vitaminaWeb.com Recursos para Webmasters]
*[https://zetadisseny.es/presupuesto-precio-pagina-web/ zetadisseny.es]
*[https://dominiogr.com/diseno-de-paginas-web/ Diseño de paginas Web]

== Fuentes==
*[http://hostingconceptos.blogspot.com/2014/02/como-crear-una-pagina-web.html Como Crear Una Pagina Web]
*Urribarri, R. (1999). “El uso de Internet y la Teoría de la Comunicación”. [[Venezuela]]: Universidad de [[Zulia]].
*Booch, Grady, Rumbaugh, James, Jacobson, Ivar. ([[2000]]). “El lenguaje unificado de modelado”. Addison Wesley.
*Date, C. (1994). An Introduction to Database System. 6ta Edición. Addison Wesley.
*Franquet, R. ([[2005]]). Comunicar en la [[Sociedad de la Información]]. Universidad Autónoma de [[Barcelona]].
*Presuman, Roger. (2002). [[Ingeniería de Software]]. Un enfoque práctico. España: McGraw.Hill.
*Valcárcel, N. ([[2001]]). Comunicación Profesional.
*Villatoro, P. y Silva, A. (2005). Estrategias, programas y experiencias de superación de la brecha digital y universalización del acceso a las [[Nuevas Tecnologías de la Información y la Comunicación]] ([[TIC]]). Serie políticas sociales. [[CEPAL]].

[[Category:Informática]]