post

¿Lo quieres saber? Esta web predice cómo y cuándo vas a morir según las estadísticas

Mientras algunos se proponen curar todas las enfermedades, el estadista Nathan Yau se dedica a recoger los datos de los Centros para el Control y Prevención de Enfermedades de Estados Unidos y crear gráficos interactivos sobre nuestra esperanza de vida y las causas de la muerte.

 

Nathan en su gráfico introduce el sexo, la edad y la raza para ver representados en una matriz de puntos todos tus posibles destinos. Si tienes 27 años, la mayoría de los puntos se quedarán en blanco, pues lo más probable es que no mueras, pero algunos puntos se pondrán grises (muerte por causas externas) y a medida que pasen los años irán apareciendo puntos de varios colores (enfermedades de todo tipo). El gráfico se basa en las estadísticas de Estados Unidos de 1999 a 2014. Nos permite visualizar, por ejemplo, que pasado el primer año de vida de un bebé es menos probable que este se muera. O que un hombre blanco de 27 años, tiene un 50% de posibilidades de morir a los 74 años, probablemente de una enfermedad del sistema circulatorio o de cáncer.

Microsoft lanza herramientas para probar la compatibilidad en las webs

Quieres probar la compatibilidad de tu nuevo sitio con otros navegadores? Internet Explorer pensó en ti y creó la solución para este asunto. Se trata de MODERN.IE, que detecta los procedimientos de codificación y diseño que provocan problemas de compatibilidad de los sitios web en diversos navegadores.

Usarlo es muy sencillo: sólo debes ingresar a modern.ie e ingresar la URL de las páginas de tu web. Así podrás identificar problemas de compatibilidad de tu página con antiguas y modernas versiones de Internet Explorer, y te permitirá encontrar fácilmente cualquier problema de compatibilidad, modos y análisis de las bibliotecas usadas en tu sitio, y recomendaciones de desarrollo de acuerdo a estándares web actuales como HTML5 y CSS3.

Además te dejará evaluar los complementos de navegadores que utilizas, saber si tu diseño se adaptará a distintos dispositivos y pantallas, tanto en PC como en móviles y optimizar la experiencia del usuario según las características de Windows 8, analizando el comportamiento de tu sitio web en las últimas versiones de Internet Explorer y recomendándote la mejor manera de hacer el ícono del sitio en la pantalla de inicio de Windows 8.

MODERN.IE te da la oportunidad de descargar informes en formato PDF para que puedas compartirlos a través de tu correo electrónico y redes sociales, además de darte acceso a hacer consultas en el foro de MSDN y StackOverflow.

Brinda la mejor experiencia a los visitantes de tu web gracias a esta innovadora solución.

fuente.tuexperto

Diseñando sitios web sin tablas con Tableless

Tableless es el arte de construir sitios web sin recurrir al uso de tablas para separar contenido de diseño. En vez de tablas, se utiliza la colocación de CSS (Hojas de estilo en cascada) para ordenar los elementos y el texto en una página web. CSS fue introducido por el World Wide Web Consortium (W3C) para mejorar la accesibilidad web y hacer al código HTML más semántico que presentacional.

Desde su comienzo, el recién llegado CSS brindó más poder y facilidad para los formatos, y el tag fue cayendo en desuso. Por otro lado CSS todavía era muy limitado y difícil de aplicar a las estructuras de los sitios web (como el diseño de tres columnas), que eran muy fácil de implementar con tablas y no tenían un obvio equivalente en CSS.

Pero desde 2006 la situación mejoró considerablemente: Los navegadores más populares ya tenían suficiente soporte para las nuevas características de CSS, y esto derivó en una gradual adopción del diseño tableless (sin tablas).

Muchos sitios web usan CSS sólo para formatear y realizan la estructura usando tablas. esta técnica no es recomendada ni correcta, las tablas en un contenido semántico deben ser utilizadas para la muestra de datos tabulados, dejando a CSS la distribución de los elementos dentro de la página

HTML fue diseñado originalmente como un lenguaje de enmarcado pensado para compartir documentos científicos en línea. Sin embargo, Internet se expandió desde la investigación académica hacia el resto del mundo a mediados de los años 90, para convertirse en un medio diferente en el cual los diseñadores gráficos buscaban maneras de controlar la apariencia visual de los sitios web presentados a los usuarios finales, y para este fin, las tablas y los espaciadores (usualmente pixeles transparentes contenidos en una imagen GIF de 1×1 con su alto y ancho forzado explícitamente) fueron usados para crear y mantener la disposición de los elementos del sitio.

Esto causó muchos problemas. Muchas páginas web que fueron diseñadas con tablas, en vez de sin ellas, resultaron ser pesados documentos HTML lentos para su descarga y consumiendo más ancho de banda. Además, cuando un diseño basado en tablas es linearizado, por ejemplo cuando es leído por un motor de búsqueda, el orden del contenido puede ser algo confuso.

Como consecuencia de esta tendencia, fue desarrollado CSS para mejorar la separación entre diseño y contenido, y volver a la organización semántica del contenido en la Web.

fuente.wikipedia

Consejos para Desarrollar Sitios Webs Usables..

1. Anticipación, el sitio web debe anticiparse a las necesidades del usuario.

2. Autonomía, los usuarios deben tener el control sobre el sitio web. Los usuarios sienten que controlan un sitio web si conocen su situación en un entorno abarcable y no infinito.

3. Los colores han de utilizarse con precaución para no dificultar el acceso a los usuarios con problemas de distinción de colores (aprox. un 15% del total).

4. Consistencia, las aplicaciones deben ser consistentes con las expectativas de los usuarios, es decir, con su aprendizaje previo.

5. Eficiencia del usuario, los sitios web se deben centrar en la productividad del usuario, no en la del propio sitio web. Por ejemplo, en ocasiones tareas con mayor número de pasos son más rápidas de realizar para una persona que otras tareas con menos pasos, pero más complejas.

6. Reversibilidad, un sitio web ha de permitir deshacer las acciones realizadas

7. Ley de Fitts indica que el tiempo para alcanzar un objetivo con el ratón esta en función de la distancia y el tamaño del objetivo. A menor distancia y mayor tamaño más fácilidad para usar un mecanismo de interacción.

8. Reducción del tiempo de latencia. Hace posible optimizar el tiempo de espera del usuario, permitiendo la realización de otras tareas mientras se completa la previa e informando al usuario del tiempo pendiente para la finalización de la tarea.

9. Aprendizaje, los sitios web deben requerir un mínimo proceso de aprendizaje y deben poder ser utilizados desde el primer momento.

10. El uso adecuado de metáforas facilita el aprendizaje de un sitio web, pero un uso inadecuado de estas puede dificultar enormemente el aprendizaje.

11. La protección del trabajo de los usuarios es prioritario, se debe asegurar que los usuarios nunca pierden su trabajo como consecuencia de un error.

12. Legibilidad, el color de los textos debe contrastar con el del fondo, y el tamaño de fuente debe ser suficientemente grande.

13. Seguimiento de las acciones del usuario. Conociendo y almacenando información sobre su comportamiento previo se ha de permitir al usuario realizar operaciones frecuentes de manera más rápida.

14. Interfaz visible. Se deben evitar elementos invisibles de navegación que han de ser inferidos por los usuarios, menús desplegables, indicaciones ocultas, etc.

Otros principios para el diseño de sitios web son:

a) Los usuarios deben ser capaces de alcanzar sus objetivos con un mínimo esfuerzo y unos resultados máximos.

b) Un sitio web no ha de tratar al usuario de manera hostil. Cuando el usuario comete un error el sistema ha de solucionar el problema, o en su defecto sugerir varias soluciones posibles, pero no emitir respuestas que meramente informen del error culpando al usuario.

c) En ningún caso un sitio web puede venirse abajo o producir un resultado inesperado. Por ejemplo no deben existir enlaces rotos.

d) Un sitio web debe ajustarse a los usuarios. La libertad en el uso de un sitio web es un término peligroso, cuanto mayor sea el número de acciones que un usuario pueda realizar, mayor es la probabilidad que cometa un error. Limitando el número de acciones al público objetivo se facilita el uso de un sitio web.

e) Los usuarios no deben sufrir sobrecarga de información. Cuando un usuario visita un sitio web y no sabe donde comenzar a leer, existe sobrecarga de información.

f) Un sitio web debe ser consistente en todos los pasos del proceso. Aunque pueda parecer apropiado que diferentes áreas tengan diseños diferentes, la consistencia entre los diseños facilita al usuario el uso de un sitio.

g) Un sitio web debe proveer de un feedback a los usuarios, de manera que éstos siempre conozcan y comprendan lo que sucede en todos los pasos del proceso.

fuente.desarrolloweb

What is a Dynamic website

Dynamic websites can have two types of dynamic activity: Code and Content. Dynamic code is invisible or behind the scenes and dynamic content is visible or fully displayed.
Dynamic code

The first type is a web page with dynamic code. The code is constructed dynamically on the fly using active programming language instead of plain, static HTML.

A website with dynamic code refers to its construction or how it is built, and more specifically refers to the code used to create a single web page. A dynamic web page is generated on the fly by piecing together certain blocks of code, procedures or routines. A dynamically-generated web page would recall various bits of information from a database and put them together in a pre-defined format to present the reader with a coherent page. It interacts with users in a variety of ways including by reading cookies recognizing users’ previous history, session variables, server side variables etc., or by using direct interaction (form elements, mouse overs, etc.). A site can display the current state of a dialogue between users, monitor a changing situation, or provide information in some way personalized to the requirements of the individual user.
Dynamic content

The second type is a website with dynamic content displayed in plain view. Variable content is displayed dynamically on the fly based on certain criteria, usually by retrieving content stored in a database.

A website with dynamic content refers to how its messages, text, images and other information are displayed on the web page, and more specifically how its content changes at any given moment. The web page content varies based on certain criteria, either pre-defined rules or variable user input. For example, a website with a database of news articles can use a pre-defined rule which tells it to display all news articles for today’s date. This type of dynamic website will automatically show the most current news articles on any given date. Another example of dynamic content is when a retail website with a database of media products allows a user to input a search request for the keyword Beatles. In response, the content of the web page will spontaneously change the way it looked before, and will then display a list of Beatles products like CDs, DVDs and books.
[edit] Purpose of dynamic websites

The main purpose of a dynamic website is automation. A dynamic website can operate more effectively, be built more efficiently and is easier to maintain, update and expand. It is much simpler to build a template and a database than to build hundreds or thousands of individual, static HTML web pages.

What is a Static website

A static website is one that has web pages stored on the server in the format that is sent to a client web browser. It is primarily coded in Hypertext Markup Language , HTML.

Simple forms or marketing examples of websites, such as classic website, a five-page website or a brochure website are often static websites, because they present pre-defined, static information to the user. This may include information about a company and its products and services via text, photos, animations, audio/video and interactive menus and navigation.

This type of website usually displays the same information to all visitors. Similar to handing out a printed brochure to customers or clients, a static website will generally provide consistent, standard information for an extended period of time. Although the website owner may make updates periodically, it is a manual process to edit the text, photos and other content and may require basic website design skills and software.

In summary, visitors are not able to control what information they receive via a static website, and must instead settle for whatever content the website owner has decided to offer at that time.

They are edited using four broad categories of software:

* Text editors, such as Notepad or TextEdit, where content and HTML markup are manipulated directly within the editor program
* WYSIWYG offline editors, such as Microsoft FrontPage and Adobe Dreamweaver (previously Macromedia Dreamweaver), with which the site is edited using a GUI interface and the final HTML markup is generated automatically by the editor software
* WYSIWYG online editors which create media rich online presentation like web pages, widgets, intro, blogs, and other documents.
* Template-based editors, such as Rapidweaver and iWeb, which allow users to quickly create and upload web pages to a web server without detailed HTML knowledge, as they pick a suitable template from a palette and add pictures and text to it in a desktop publishing fashion without direct manipulation of HTML code.

What is a Website

A website is a collection of related web pages containing images, videos or other digital assets. A website is hosted on at least one web server, accessible via a network such as the Internet or a private local area network through an Internet address also called URL.

A web page is a document, typically written in plain text interspersed with formatting instructions of Hypertext Markup Language (HTML, XHTML). A web page may incorporate elements from other websites with suitable markup anchors.

Web pages are accessed and transported with the Hypertext Transfer Protocol (HTTP), which may optionally employ encryption (HTTP Secure, HTTPS) to provide security and privacy for the user of the web page content. The user’s application, often a web browser, renders the page content according to its HTML markup instructions onto a display terminal.

All publicly accessible websites collectively constitute the World Wide Web.

The pages of a website can usually be accessed from a simple Uniform Resource Locator (URL) called the homepage. The URLs of the pages organize them into a hierarchy, although hyperlinking between them conveys the reader’s perceived site structure and guides the reader’s navigation of the site.

Some websites require a subscription to access some or all of their content. Examples of subscription websites include many business sites, parts of news websites, academic journal websites, gaming websites, file-sharing websites, message boards, web-based e-mail, social networking websites, websites providing real-time stock market data, and websites providing various other services (e.g. websites offering storing and/or sharing of images, files and so forth).

What is a Weblet

A weblet is similar to, but different in several ways from a minisite or microsite. Although a weblet is similar in that it is a type of Internet web design, its main differences are as follows:

1. It is a site that is “usually maintained by a single individual”. The first reference to the term weblet seems to have appeared in a report produced for NASA numbered RNR-94-017, dated back on October 6th, 1994 and entitled “Spinning a Useful Weblet”. The definition this document used in relation to a weblet was as follows: “A highly interconnected portion of the World Wide Web devoted to a particular end, usually maintained by a single individual or organization and located at a single site.”

2. Another key difference is that weblets allow users the option to download content and read it when they’re off-line with a feature called a “Downloadable Weblet”. The fact that weblets can be downloaded provides the unique ability for users to both display and download professional looking content with a polished appeal, similar to that of a brochure, magazine or glossy hand out. Downloads can be in the form of one or more pages and references can span multiple pages that link between individual pages for viewing offline. Creating a downloadable weblet requires an approach slightly different from creating normal Web pages.

4. Weblets are meant to assist non-technical, non-web-savvy people to better publish professional looking web content without the use of identical-looking web templates and without having to know anything about programming in HTML and other computer programming languages. This allows non-developers an easier and quicker way to create and keep up their web site or a supplementary extension to an existing, primary website, by use of subdomains.

5. The term weblet is also used by Microsoft as a means to modify settings that control the functionality of an Enterprise portal”. Also, web applications referred to as webapp can also be purchased or designed, uploaded and executed as an added component to a weblet.

Concluding remarks from Al Globus and Chris Beaumont of NASA included the comment that “indexing issues need to be worked out.” Also, the article mentions that web content requires rigorous editing and reviewing. The complexity of creating web content continues to be difficult and has acquired a reputation for being sloppy and of low quality. They further mention that although the Web is a superb means of disseminating technical information to a large audience at low cost, these documents must constantly be kept up to date. A sustained large effort would be needed to provide a significant utility to update web sites in a much easier way.

SInce 1994, better software has been developed to enable non-technical users to update their websites as weblets; these continue to improve. Today non-technical users are able to use tools that they are already familiar with such as their Word Processor, Spreadsheet, Presentation and Publishing software to update content on there website that dynamically generates HTML and Adobe Flash websites and publishes these to weblet servers.

In addition, there are many add-ons called weblet tools available to help the non-technical user. There are tools to optimize the weblets for Search Engine Optimization (SEO), streaming video, voice annotation and other functionality.

What is a Landing page

In online marketing a landing page, sometimes known as a lead capture page, is a single web page that appears in response to clicking on an advertisement. The landing page will usually display directed sales copy that is a logical extension of the advertisement or link.

Landing pages are often linked to from social media, email campaigns or pay per click (PPC) campaigns in order to enhance the effectiveness of the advertisements. The general goal of a landing page is to convert site visitors into sales leads. By analyzing activity generated by the linked URL, marketers can use click-through rates and Conversion rate to determine the success of an advertisement.

Types of landing pages

There are two types of landing pages: reference and transactional.

A reference landing page presents information that is relevant to the visitor. These can display text, images, dynamic compilations of relevant links, or other elements. Reference landing pages are effective if they meet the objectives of their publishers, which may be associations, organizations or public service entities. For many reference landing pages, effectiveness can be measured by the revenue value of the advertising that is displayed on them.

A special type of ‘reference landing page’ is the ‘webvert’, the marketing goal focuses on lead generation and interaction with the visitor. A webvert is not ‘transactional’ in nature. A webvert is a reference based, ethical landing page.The webverts consists of an advert, designed on the AIDA principle. The traffic is driven from Google Adwords and is designed for two specific marketing tactics:

* To attain high Google Adwords landing page quality scores, the benefit being any Adwords campaign costs are minimized.
* The webvert has a clear call to action, always with a reply form or clear way to engage.

The visitor traffic is immediate as the Adword relies on Google advertising to drive visitors to the webvert.

A transactional landing page seeks to persuade a visitor to complete a transaction such as filling out a form or interacting with advertisements or other objects on the landing page, with the goal being the immediate or eventual sale of a product or service. If information is to be captured, the page will usually withhold information until some minimal amount of visitor information is provided, typically an email address and perhaps a name and telephone number as well – enough to “capture the lead” and add the prospect to a mailing list.

A visitor taking the desired action on a transactional landing page is referred to as a conversion. The efficiency or quality of the landing page can be measured by its conversion rate, the percentage of visitors who complete the desired action. Since the economics of many online marketing programs are determined by the conversion rate, marketers constantly test alternatives and improvements to their landing pages. Some of the testing methods used are A/B testing and multivariate testing.

What is a Microsite

A microsite is an Internet web design term referring to an individual web page or a small cluster (around 1 to 7) pages which are meant to function as an auxiliary supplement to a primary website. The microsite’s main landing page most likely has its own domain name or subdomain.This is also known as niche marketing.

They are typically used to add a specialized group of information either editorial or commercial. Such sites may be linked in to a main site or not or taken completely off a site’s server when the site is used for a temporary purpose. The main distinction of a microsite versus its parent site is its purpose and specific cohesiveness as compared to the microsite’s broader overall parent website.

Microsites used for editorial purposes may be a page or group of pages that, for example, might contain information about a holiday, an event or similar item which gives more detailed information than a site’s general content area may provide. A community organization may have its main site with all of the organization’s basic information, but creates a separate, temporary microsite to inform about a particular activity, event or similar.

Often, microsites will be used for editorial purposes by a commercial business to add editorial value. For example, a retailer of party goods may create a microsite with editorial content about the history of Halloween or some other holiday or event. The commercial purpose of such editorial microsites, (beyond driving product sales), may include adding value to the site’s visitors for branding purposes as well as providing editorial content and keywords allowing for greater chances of search engine inclusion. Normally, microsites do not contain web applications.

Microsites may be used for purely commercial purposes to create in-depth information about a particular product, service or as editorial support towards a specific product, such as describing a new technology. A car manufacturer, for example, may present a new hybrid vehicle and support the sales presentation with a microsite specific to explaining hybrid technology.

With the prevalence of keyword contextual advertising, (more commonly referred to as Pay per click or PPC), microsites may be created specifically to carry such contextual advertising. Or along a similar tactic, they’re created in order to specifically carry topic-specific, keyword-rich content with the goal of having search engines rank them highly when search engine users seek such content topics.

An additional benefit of a microsite is that it can lower your PPC cost because the microsite can focus on specific keywords improving your Quality Score therefore lowering your cost per click.