Buscar este blog

lunes, 23 de noviembre de 2015

Módulo 2: Cómo se escribe una página web

Los objetivos de este módulo son:
  • Conocer las principales fases que existen en el desarrollo de un sitio o aplicación web.
  • Conocer la estructura básica de una página web.
  • Aprender a crear páginas web sencillas con encabezados, párrafos y listas.
  • Aprender a crear enlaces entre las distintas páginas que forman un sitio web.
  • Conocer algunos editores de código HTML.

El desarrollo web

En diseño web, un wireframe (en español se puede traducir por esquema de la página o plano de la pantalla, aunque no se suelen usar estos términos), es un dibujo o esquema que representa el esqueleto o estructura visual de un sitio web (un conjunto de páginas web) o de una página web concreta. El wireframe suele carecer de aspectos visuales como estilo tipográfico, colores e imágenes, ya que su propósito es servir de apoyo para discutir el contenido, funcionalidad y comportamiento de un sitio web o de una página web.
En el siguiente vídeo se explican las diferencias que existen entre los wireframes, los mockups y los prototipos, se explica la importancia de prototipar una aplicación o sitio web antes de implementarla y se muestran los diferentes tipos de diagramas que se emplean para representar la navegación, la estructura y el funcionamiento de una aplicación o sitio web.



Prototipado: wireframes, mockups y prototipos

En diseño web, un wireframe (en español se puede traducir por esquema de la página o plano de la pantalla, aunque no se suelen usar estos términos), es un dibujo o esquema que representa el esqueleto o estructura visual de un sitio web (un conjunto de páginas web) o de una página web concreta. El wireframe suele carecer de aspectos visuales como estilo tipográfico, colores e imágenes, ya que su propósito es servir de apoyo para discutir el contenido, funcionalidad y comportamiento de un sitio web o de una página web.

Los planos son diagramas de organizacion y de funcionamiento blueprint, diagramas de contenido o flujo o mapa web.
Debe ser comprensive y reflejar con claridad la estructura, el flujo de navegación, y las relaciones entre los elementos.

En un prototipo no se debe incluir el diseño gráfico. Se debe presentar en gama de grises. Son dibujos estáticos. Sketching, es cuando realizamos bocetos de forma rápida e informal, con lápis y papel para transmitir una idea o concepto con rápidez y claridad.

Wireframes: es más elaborado e incluye el inventariado de contenido, es decir, qué contenido debe estar presente en cada página. Los elementos de la misma como cabeceras, enlaces, listas, formulario, etc.; el etiquetado de los vinculos o de los títulos; el layout (la ubicación, colocación y agrupación de los elementos de la página), así como la estrategia de navegación y la priorizacion de contenidos dentro de la misma. Debe contener tambien mediante notas asociadas a los elementos para indicar cómo deben mostrarse o para definir su comportamiento funcional.

Cuando se tiene una secuencia de WireFrames se habla de un StoryBoard.

Prototipos Funcionales: son prototipos de alta fidelidad, tambien llamados a menudo maquetas o mockups, que permiten detallar el proceso interactivo de una o varias tareas. Son prototipos o maquetas dinámicas, normalmente en HTML, que simulan o tienen implementadas partes del sistema final a desarrollar.

Nunca se debe comenzar a prototipar sin haber definido primero los objetivos del cliente, las necesidades de los usuarios, los requisitos del proyecto y la arquitectura de información de la aplicación Web.


Planos: Diagramas de flujo, o mapa web.
Maquetas: Referencia visual de la estructura, organizacion e interacción a nivel de página.
 -->Prototipos de baja fidelidad: Estáticos. -
    ->Sketch boceto rápido e informal con lapiz y papel
    ->WireFrame describe con más detalle e incluye notas asociadas a los elementos sobre cómo se
        deben mostrar o su comportamiento funcional.

Prototipos de alta fidelidad: Dinámicos.
->Prototipos funcionales, maquetas dinámicas.

Pencil project: Permite diseñar el prototipo, tiene muchas herramientas, pero no permite un prototipo exportado en codigo html. Lo exporta en Imagen.



Axure: Permite crear el prototipo y generar el codigo HTML del mismo. Desventaja: que si te enfocas mucho en este prototipo es dificil que lo llegues a cambiar. Video de Axure. 30 días en trial.

Balsamiq: Permite crear el prototipo más informalmente, aunque esto no quiere decir que de manera fea. Pero se puede diseñar con menos color evitando el enamoramiento del diseño, y complicarse la existencia agregando colores. Bonito a la vista parece que lo hubieses diseñado a mano. Se debe descargar e instalar app.




Gliffy: herramienta online. 


Lumzy: Esta herramienta es para uso online. http://lumzy.com/app/


WireframeSketcher: al usar el entorno de programación eclipse.

Visio: De Microsoft Office.
Adobe Ilustrator:


El lenguaje HTML


HTML son las siglas de HyperText Markup Language, que puede traducirse como lenguaje de marcas o marcado de hipertexto.El lenguaje HTML se emplea para crear las páginas web.

El lenguaje HTML tiene muchas etiquetas, pero aplicando el Principio de Pareto (la regla del 80-20), sólo hay que conocer bien el 20% de las etiquetas, ya que con ellas se crea el 80% del contenido de las páginas web. Las etiquetas más importantes son:
  • html
  • head
  • meta
  • title
  • link
  • style
  • script
  • body
  • p
  • a
  • strong
  • em
  • img
  • form
  • input
  • select
  • textarea
  • table
  • tr
  • th
  • td
  • blockquote
  • hr
  • ul
  • ol
  • li
  • div
  • span

Historia de HTML

Tim Berners Lee, es considerado el padre de la web por que desarrolló tres tecnologías fundamentales en las que se basa la web.
 - HTML
 - URL
 - HTTP

Sobre HTML5

El 28 de octubre de 2014 el W3C publicó HTML5. A vocabulary and associated APIs for HTML and XHTML. W3C Recommendation 28 October 2014, lo que supone que HTML5 ya tiene el rango de estándar.
¿Significa esto que ya se puede utilizar HTML5 sin problemas? No, algo ha cambiado, ya tenemos una versión estable de HTML5, pero eso no significa que de un día para otro todos los navegadores web lo soportarán mágicamente.

HTML: conceptos básicos (parte 1)

HTML se emplea únicamente para definir la estructura y el contenido o información de una página web, la presentación visual no se define con HTML.

El elemento es el componente  básico de una página web. Una página web esta conformada por un conjunto de elementos.


HTML: conceptos básicos (parte 2)

HTML: conceptos básicos (parte 3)


Código de la lección: 
<html>
<head>
<title>HTML</title>
</head>
<body>

<h1>HTML</h1>

<p><strong>HTML</strong> son las siglas de <em>HyperText Markup Language</em>, 
que puede traducirse como lenguaje de marcas o marcado de hipertexto.
</p>

<p>El lenguaje HTML se emplea para crear las páginas web. 
Es muy fácil ver el código HTML de una página web, 
la opción exacta cambia de un navegador a otro y 
también puede cambiar de una versión a otra de un mismo navegador, 
pero suelen tener un nombre similar.
</p>

<p><strong>HTML</strong> se compone de etiquetas que se escriben 
entre los símbolos menor que y mayor que.</p>

<h2>Historia de HTML</h2>

<p>Los inicios del lenguaje HTML se remontan al año 1990, 
cuando <em>Tim Berners-Lee</em> creó la primera página web.</p>

<h2>Versiones de HTML</h2>

<p>Tim Berners-Lee definió la primera versión de HTML en el año 1991</p>
<p>En la actualidad, la última versión de HTML es HTML5</p>
</body>
</html>

Actividad:

<html>
<head>
<title>Tim Berners-Lee</title>
</head>
<body>
 <h1>Tim Berners-Lee</h1>


Sir Timothy "Tim" John Berners-Lee (Londres, Reino Unido, 8 de junio de 1955) es un científico de la computación británico, 
conocido por ser el padre de la Web. Estableció la primera comunicación entre un cliente y un servidor usando el protocolo <strong>HTTP</strong> 
en noviembre de 1989. En octubre de 1994 fundó el <em>Consorcio de la World Wide Web</em> (<strong>W3C</strong>) con sede en el <strong>MIT</strong>, 
para supervisar y estandarizar el desarrollo de las tecnologías sobre las que se fundamenta la Web y que permiten el funcionamiento de Internet.


<h2>Biografía</h2>


Nació en el sudoeste de Londres en 1955. Sus padres eran matemáticos y 
formaron parte del equipo que construyó el Manchester Mark I (una de las primeras computadoras). 
Durante el tiempo que estuvo en la universidad, construyó una computadora con una soldadora, circuitos <strong>TTL</strong>, 
un procesador Motorola 68000 y un televisor viejo. Se graduó en física en 1976 en el <em>Queen's College de la Universidad de Oxford</em>. 
Conoció a su primera esposa en este periodo. En 1978, trabajó en <em>D.G. Nash Limited</em> (también en <em>Poole</em>) escribió un sistema operativo.


Desarrollo de su carrera


Berners-Lee trabajó en el <strong>CERN</strong> desde junio hasta diciembre de 1980. Durante ese tiempo, 
propuso un proyecto basado en el hipertexto para facilitar la forma de compartir y la puesta al día de la información entre investigadores. 
En este periodo también construyó un programa llamado Enquire que no llegó a ver la luz.



Después de dejar el <strong>CERN</strong>, en 1980, se fue a trabajar a la empresa de <em>John Poole Image Computer Systems Ltd.</em>, 
pero regresó al <strong>CERN</strong> otra vez en 1984.



En 1989, el <strong>CERN</strong> era el nodo de Internet más grande de Europa y Berners-Lee vio la oportunidad de unir Internet y el hipertexto 
(<strong>HTTP</strong> y <strong>HTML</strong>), de lo que surgiría la World Wide Web. Desarrolló su primera propuesta de la Web en marzo de 1989, 
pero no tuvo mucho eco, por lo que en 1990 y con la ayuda de Robert Cailliau, hicieron una revisión que fue aceptada por su gerente, Mike Sendall. 
Usó ideas similares a las que había usado en el sistema Enquire para crear la World Wide Web, para esto diseñó y construyó el primer navegador 
(llamado WorldWideWeb y desarrollado con NextStep) y el primer servidor web al que llamó <strong>httpd</strong> (HyperText Transfer Protocol daemon).


Fuente: <em>Wikipedia</em>
</body>
</html>

HTML: conceptos básicos (parte 4)

El título de la página:

W3School
Elementos y etiquetas listados en tablas

Listas no numeradas
<lu>
 <li>uno</li>
 <li>dos</li>
 <li>tres</li>
</lu>

Listas numeradas:
<ol>
 <li>uno</li>
 <li>dos</li>
 <li>tres</li>
</ol>

Listas de definición:
<dl>
  <dt>SGML</dt>
  <dd>Metalenguaje para la definición de otros lenguajes de marcado</dd>

  <dt>XML</dt>
  <dd>Lenguaje basado en SGML y que se emplea para describir datos</dd>

  <dt>RSS</dt>
  <dt>GML</dt>
  <dt>XHTML</dt>
  <dt>SVG</dt>
  <dt>XUL</dt>
  <dd>Lenguajes derivados de XML para determinadas aplicaciones</dd>
</dl>

HTML: listas (1)






Actividad:
<html>
<head>
 <title>Internet</title>
</head>

<body>
 <h1>Internet</h1>
 <h2>Contenido</h2>
 <br>
 <ol>
  <li>Principales protocolos</li>
  <li>Formas de conectarse</li>
 </ol>
 <br>
 <ol>
  <h2><li>Principales protocolos</li></h2>
  <ul>
   <li>Transmisión de Ficheros</li>
   <ul>
    <li>FTP</li>
   </ul>
   <li>Correo electrónico</li>
   <ul>
    <li>IMAP</li>
    <li>POP</li>
    <li>SMTP</li>
   </ul>
  </ul>
  <h2><li>Formas de conectarse</li></h2>
  <dl>
   <dt>Red telefónica comutada (RTC)</dt>
   <dd>La linea telefónica de toda la vida. Para acceder a Internet es necesario de un módem.</dd>
   <dt>Red Digital de Servicios Integrados (RDSI)</dt>
   <dd>Una línea telefónica especial. Para acceder a Internet es necesario un modém RDSI.</dd>
   <dt>Línea de Abonado Digital Asimétrica (ADSL)</dt>
   <dd>Se basa en la conversión de una línea RTC en una línea de alta velocidad. Para acceder a Internet es necesario un módem ADSL. </dd>
   <dt>Fibra Óptica</dt>
   <dd>Unalínea de fibra óptica. Normalmente la fibra óptica no llega hasta el usuario final, por lo que el término más apropiado es Fibra híbrida coaxial</dd>
  </dl>
 </ul>
</body>
</html>


HTML: enlaces

La Web se basa en dos conceptos: el hipertexto y la hipermedia.

El hipertexto permite crear, agregar, enlazar y compartir información con una estructura no secuencial que proviene de diversas fuentes por medio de enlaces. Los enlaces también se conocen como hipervínculos, vínculos o ligas (en Sudamérica). Y en inglés se emplean los términos hyperlink y link.


Nodos o secciones: contienen información accesible para el usuario.
Enlaces Uniones o conexiones entre nodos.
ANclajes: Puntos de activación de los enlaces.


Tipos de enlaces:
- Intradocumentales: 
Dentro del mismo documento, página.



Se manejan ID (destino) y en el enlace va precedido del simbolo #.

- Extradocumentales:

Actividad:
<h1>Los tres pilares de la Web</h1>


<a href='http://es.wikipedia.org/wiki/Tim_Berners-Lee'>Tim Berners-Lee</a> es considerado el padre de la Web porque desarrolló los tres elementos básicos para el funcionamiento de la Web:


<a href='#html'>HTML</a>
<a href='#http'>HTTP</a>
<a href='#url'>URL</a>


<h2 id='html'>HTML</h2>


HTML, siglas de HyperText Markup Language, hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, entre otros. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. Es el lenguaje con el que se definen las páginas web.



Fuente: <a href='http://es.wikipedia.org/wiki/HTML'>HTML</a>, Wikipedia



<h2 id='http'>HTTP</h2>

Hypertext Transfer Protocol o HTTP (en español protocolo de transferencia de hipertexto) es el protocolo usado en cada transacción de la World Wide Web. HTTP fue desarrollado por el World Wide Web Consortium y la Internet Engineering Task Force, colaboración que culminó en 1999 con la publicación de una serie de RFC, el más importante de ellos es el RFC 2616 que especifica la versión 1.1.

Fuente: <a href='http://es.wikipedia.org/wiki/Hypertext_Transfer_Protocol'>HTTP</a>, Wikipedia

<h2 id='url'>URL</h2>

Un localizador de recursos uniforme o URL —siglas en inglés de Uniform Resource Locator— es un identificador de recursos uniforme (URI) cuyos recursos referidos pueden cambiar, esto es, la dirección puede apuntar a recursos variables en el tiempo. Están formados por una secuencia de caracteres, de acuerdo a un formato modélico y estándar, que designa recursos en una red, como Internet.

Fuente: <a href='http://es.wikipedia.org/wiki/Localizador_de_recursos_uniforme'>URL</a>, Wikipedia


HTML: problemas con los editores

Un editor de páginas web es un programa de ordenador, un software, diseñado para facilitar la creación y edición de páginas web basadas en HTML, CSS, JavaScript y otras tecnologías que se emplean en el desarrollo web.

HTML: tres errores típicos

  • Saltos de línea.
  • Espacios en blanco.
  • Referencias de caracteres (caracteres especiales).

Presentación del proyecto

  • Crear un sitio web formado por varias páginas conectadas mediante enlaces.

Qué tengo que hacer

Este curso tiene como objetivo que al finalizarlo seas capaz de crear y publicar un sitio web en Internet. ¿Qué sitio web? Te proponemos tres tipos de sitios web, pero puedes elegir otra temática:
  1. Tu currículo: disponer de un currículo en la Web puede ser un elemento diferenciador a la hora de buscar empleo.
  2. Identidad digital personal en la Web: un sitio web que represente tu marca digital como profesional.
  3. Tu empresa: el sitio web de tu empresa (puede ser real o imaginaria).
A lo largo del curso tu sitio web irá creciendo en contenido y en funcionalidades, así que no intentes correr, ten paciencia. Y no intentes ser muy ambicioso: a Thomas Alva Edison se le atribuye la cita “No fracasé, sólo descubrí 999 maneras de como no hacer una bombilla”. Tú te encuentras en la misma situación: estás aprendiendo, vas a descubrir 999 maneras de como no hacer un sitio web.
Te sugerimos que no intentes crear un sitio web muy grande: de cinco a diez páginas es suficiente para poder probar todo lo que vas a aprender en este curso.
Como se te ha explicado en este módulo, el primer paso es prototipar tu sitio web. En una de las actividades que has realizado tenías que evaluar algunas herramientas que ayudan a crear prototipos. La herramienta ya la tienes pero ahora, ¿por dónde empiezas? Un buen punto de inicio es analizar el contenido y la estructura de otros sitios web similares al que vas a construir.
Una vez tengas definido el prototipo de tu sitio web puedes pasar a crearlo página por página. Para ello utiliza un editor de páginas web, ¿cuál? Recuerda la actividad que has realizado en la que tenías que analizar varios editores de páginas web y decidir el mejor desde tu punto de vista.
Ya tienes el tema de tu sitio web, ya tienes tu prototipo y ya tienes tu editor de páginas web. ¿Y ahora?
Comienza por la página principal y luego pasa a crear el resto de páginas web. Por ejemplo, si has decidido crear un sitio web para publicar tu currículo en la web, puedes crear estas páginas (lo primero que se indica es el título que le puedes poner a cada página):
  • “Tu nombre”: página principal con enlaces al resto de páginas del sitio web.
  • “Tu nombre - Datos personales”: página con los datos personales de contacto.
  • “Tu nombre - Formación académica”: página con la formación académica, la puedes estructurar en apartados según el tipo de formación (primaria, secundaria, superior, profesional, cursos).
  • “Tu nombre - Idiomas”: página con los conocimientos de idiomas (idioma, nivel, exámenes oficiales, estancias en el extranjero).
  • “Tu nombre - Experiencia profesional”: página con la experiencia profesional (empresa, puesto, labor desempeñada).
Por ahora no puedes hacer muchas cosas, no puedes poner imágenes, no puedes poner formularios, no puedes poner vídeos, etc. No te preocupes, en los próximos módulos aprenderás a hacer todo eso y mucho más.
¿Y la presentación visual? ¿Cómo se cambian los colores o el tipo de letra? Recuerda que todo eso se define con CSS (Cascading Style Sheets) y se tratará en la segunda parte de este curso. Por ahora te tienes que centrar en la estructura y contenido de tu sitio web.


Prototipos visuales de alta fidelidad


Evolución de los prototipos de baja a alta fidelidad, se muestran los principales atributos estéticos de los elementos de una página web (colores, áreas, cajas de contenido, imágenes, tipografías, menús y enlaces, iconos y elementos decorativos), se comentan algunos aspectos sobre el software de diseño visual (trabajar en capas, medir, editar imágenes), se ofrecen cinco consejos antes de empezar a diseñar (busca inspiración, paleta básica de colores, busca recursos gráficos, define las tipografías, recopila el material necesario), y cinco consejos para empezar a diseñar (trabaja en capas, de general a particular, no abuses de ciertos elementos, optimiza el tiempo, organización).

El prototipo o diseño visual es la evolucion del mockup, un documento más elaborado y detallado.

Buscar un diseño que este acorde con lo que se quiere realizar.

http://www.webdesign-inspiration.com/web-designs/page/25
http://www.webcreme.com/
http://ohdeergames.com/
http://dblg.co.uk/
http://www.onthegrid.city/
http://www.goldsmithandco.com/
http://chicksfryhouse.com/

http://allenova.pro/



Para crear paletas de colores.


Elementos para complementar la creación.






viernes, 20 de noviembre de 2015

Módulo 1: Cómo funciona la web

Modulo 0: historia de la Web.

Como funciona la web, es el segundo módulo del curso Desarrollo web de actívate, en el cual se pueden aprender temas como los siguientes:

Evolución de la web: de página web a aplicación web.

El hipertexto y la hipermedia:












Hipertexto
Conjunto estructurado de textos, gráficos, etc., unidos entre sí por enlaces y conexiones lógicas.
Multimedia
Que utiliza conjunta y simultáneamente diversos medios, como imágenes, sonidos y texto, en la transmisión de una información.
Hipermedia
Conjunto estructurado de diversos medios, como textos, gráficos, imágenes y sonidos, unidos entre sí por enlaces y conexiones lógicas para la transmisión de una información.

Las URLs:

Las URLs amigables:

Las URL semánticas o URL amigables son aquellas URLs que son, dentro de lo que cabe, entendibles para el usuario. Lejos de las clásicas URLs de las páginas dinámicas llenas de variables GET y números difíciles de recordar, las URL semánticas están formadas con palabras relacionadas con el contenido de la página y fáciles de recordar. Estas se utilizan en los sitios web dinámicos (no estáticos). Por ello se están utilizando mucho más que las URL extensas.



Los nombres de dominio:

El nombre de dominio es un nombre único que normalmente se emplea para identificar un sitio web en Internet. Un nombre de dominio aparece en una URL, pero un nombre de dominio y una URL son dos cosas distintas que no debes confundir.


Los nuevos nombres de dominio:


.com, .org, .net y otros más fueron los primeros nombres de dominio que existieron en Internet. Pero Internet ha crecido mucho desde su nacimiento (¿recuerdas cuándo y dónde nació Internet?, si no lo recuerdas, vuelve a ver el vídeo sobre la historia de Internet), las necesidades han aumentado y esos nombres de dominio se han quedado pequeños.
A mediados de 2012, ICANN (Internet Corporation For Assigned Names and Numbers), el organismo que regula los nombres de dominio, publicó una lista con los 1.930 nuevos nombres de dominio de primer nivel que habían sido solicitados durante el proceso que había iniciado unos años antes. Estos nombres de dominio no existen todavía, se están introduciendo poco a poco y algunos han sido rechazados (en Program Statistics se puede consultar el número de nombres de dominio que han sido introducidos o rechazados hasta el momento).
Algunos de los nuevos nombres de dominio se refieren a profesiones, como .abogado o .doctor, así como a empresas y marcas, como es el caso de .microsoft, .google, .canon, .dunlop o .calvinklein.


Las direcciones IP y el sistema de nombres de dominio: DNS
Sistema de gestión de contenidos:
Un sistema de gestión de contenidos (en inglés Content Management System y también conocido por sus siglas CMS) es un software que permite crear, administrar y publicar contenidos en forma de páginas web.
Un sistema de gestión de contenidos permite publicar páginas web de una forma rápida y sencilla, sin necesidad de conocer cómo están realizadas las páginas web. Pero ese no es el objetivo de este curso: el objetivo de este curso es que seas capaz de crear las páginas web por ti mismo desde cero. Sin embargo, en este curso vas a aprender a utilizar un sistema de gestión de contenidos como un paso previo a la creación de páginas web de forma autónoma.
En este curso vas a aprender a utilizar Blogger, un servicio disponible a través de Internet que se puede clasificar como un sistema de gestión de contenidos ofrecido bajo la modalidad de Software como Servicio (en inglés Software as a Service y también conocido por sus siglas SaaS), un servicio de distribución de software donde el programa y los datos que maneja el programa se alojan en servidores a los que se accede a través de Internet.

Creación de una página Web con Blogger:
Ayuda de Blogger.
Foro de Ayuda de Blogger.

Arquitectura de la WWW (world wide web):

Architecture of the World Wide Web, Volume One es una recomendación del W3C del año 2004 en la que se describe la arquitectura de la Web y las decisiones de diseño que condujeron a alcanzar esa arquitectura y modo de funcionamiento.


Lo más destacable es la definición de la Web que se ofrece en la introducción:
The World Wide Web (WWW, or simply Web) is an information space in which the items of interest, referred to as resources, are identified by global identifiers called Uniform Resource Identifiers (URI).
Traducido al español:
La World Wide Web (WWW, o simplemente Web) es un espacio de información en el que los elementos de interés, denominados recursos, se identifican mediante identificadores globales llamados Identificadores Uniformes de Recursos (URI).
Cómo nos conectamos a Internet:

 La Comisión Nacional de los Mercados y la Competencia explica las principales formas que existen de conectarse a Internet en España (cobre, fibra óptica y cable coaxial) y algunas de sus diferencias.



Guía para principiantes en nombres de dominio:


La Guía se centra principalmente en aquellos nombres de dominio registrados bajo dominios genéricos de primer nivel (como .COM, .NET, y .ORG) y no en nombres registrados bajo dominios de primer nivel en código de país (como .DE, .CN, .JP, y .UK). .Esta Guía ofrece un resumen de los aspectos más importantes relacionados con la obtención y el uso de un nombre de dominio.


www.icann.org o www.internic.net, para mantenerse informado sobre las actualizaciones.

¿Qué es el nombre de dominio y cómo funciona?



Cada computadora en la red pública de Internet tiene una dirección numérica única (similar a la exclusividad de los números de teléfono) que consiste en una cadena de números que a la mayoría de las personas les resulta difícil recordar. Esta cadena se denomina “dirección IP”. IP quiere decir “protocolo de Internet”.

Para facilitar la búsqueda de una ubicación determinada en Internet, se creó el Sistema de nombres
de dominio o DNS. El DNS traduce la dirección IP en una dirección alfanumérica única llamada

nombre de dominio, que es más fácil de recordar.


Tanto el nombre de dominio como la dirección IP detrás de éste son únicos.



El nombre de dominio puede permanecer intacto aun cuando el sitio web se traslade a otro equipo o servidor host porque se puede indicar al DNS que vincule un nombre de dominio existente a una nueva dirección IP. Es lo mismo que ocurre cuando una empresa o una familia se traslada a otra ubicación; el nombre de la familia o de la empresa permanece intacto, incluso si cambia la dirección.
¿Cómo es el proceso de registro?¿Cómo registro un nombre de dominio?

 Elija el nombre de dominio de primer nivel (también llamado extensión) y el de segundo nivel (también llamado etiqueta) 


Los nombres de dominio tienen dos partes: los caracteres que siguen al último punto en el nombre de dominio y los caracteres que lo siguen. La parte que sigue al último punto se llama dominio de primer nivel (TLD) o extensión. La parte que se encuentra a la izquierda del punto se llama dominio de segundo nivel o etiqueta. Esta es la parte del nombre de dominio que los usuarios generalmente asocian con su sitio web o dirección de correo electrónico. Juntas, las secciones “icann” y “.org” de la dirección “icann.org” forman el nombre de dominio.



 Seleccione un registrador o revendedor para hacer el registro (consulte la pregunta 5).



Seleccionar el registrador y decidir por cuántos años desea hacer el registro. La mayoría de los registradores ofrecen períodos de registro de 1 a 10 años y a menudo otorgan descuentos por períodos más largos.



 Verifique la disponibilidad del nombre que eligió.



verificar si el nombre que desea está disponible. En el caso de un gTLD, si el nombre de dominio aún está disponible, puede registrarlo directamente con un registrador o un revendedor que tenga relación con un registrador.


Si el nombre de dominio que desea no está disponible, puede modificar la sección de segundo nivel del nombre de dominio intentando describir la misma idea de modo diferente. Las herramientas de búsqueda de los sitios web de los registradores cuentan a menudo con características que ofrecen variaciones del nombre original que podrían estar disponibles si el nombre principal seleccionado no lo está.

Si el nombre de dominio que busca ya está registrado, quizá pueda adquirir del registrante actual el derecho de registrarlo (es decir, de la persona o empresa que lo registró últimamente y que posee el derecho de uso del dominio). Algunos registradores y otras empresas ofrecen servicios relacionados con la reventa de nombres de dominio, lo que podría incluir un proceso de subasta o puja. Sin embargo, el proceso puede ser complejo y lento. En la base de datos Whois encontrará quién es el registrante del nombre de dominio que usted desea. Una forma de buscar en Whois por todos los TLD genéricos está disponible en http://www.internic.net/whois.html.



 Decida cuál será la longitud del registro (obtenga más información en esta sección).

Tiempo que contratará el registro del dominio.

 Realice los procedimientos de registro, incluido el pago.

¿Cómo selecciono el nombre del dominio que deseo registrar?

Los gTLD que permiten que cualquier persona se registre incluyen .COM, .INFO, .NET y .ORG. Otros tres gTLD (.BIZ, .NAME y .PRO) tienen determinados requisitos de elegibilidad (por ejemplo, .BIZ está pensado para empresas).

Existen otros gTLD que restringen el registro a personas o entidades que pertenecen a una comunidad determinada. Estos gTLD incluyen .AERO, .ASIA, .CAT, .COOP, .EDU, .JOBS, .MUSEUM, .MOBI, .TEL y .TRAVEL. Algunos de estos gTLD indican a los usuarios de Internet las calificaciones de los registrantes. Otros gTLD indican a los usuarios la clase de contenido que encontrarán en determinadas extensiones. Quizás sea más costoso registrarse en alguno de los gTLD restringidos, en parte porque podría haber una verificación de los costos asociados con el proceso de registro. Por otro lado, puede ser útil registrarse en un gTLD restringido, ya que podría ayudar a demostrar que posee una calificación determinada que ha sido verificada por una fuente de autoridad.

Algunos gTLD son más nuevos que otros, por lo que pueden resultar menos familiares para los usuarios de Internet. Como resultado, los nuevos gTLD podrían presentar mayor disponibilidad para un dominio que desea registrar. Con el tiempo y un mayor uso, es probable que esta situación se modifique.

¿Qué es un registrador y cómo selecciono uno?

Un registrador de dominio gTLD es una empresa acreditada por ICANN que procesa su registro para el nombre de dominio seleccionado, si está disponible. El registrador realiza el proceso por medio del registro, que es la entidad que mantiene la base de datos acreditada para el nombre de dominio que usted eligió.

Para saber si el dominio se encuentra disponible: http://www.internic.net/whois.html.

También es posible registrar un nombre de dominio por medio de un revendedor que tenga un arreglo comercial con un registrador.

Lista de las diez preguntas más importantes que debe considerar al seleccionar a un registrador.

Al seleccionar un nombre de dominio se debe considerar lo siguiente:

 ¿Deseo que el nombre de dominio diga algo sobre mí, o sobre mi organización o empresa?
 ¿Deseo un nombre de dominio distintivo que se destaque del resto?
 ¿Deseo un nombre de dominio descriptivo que comunique información importante?
 ¿Deseo un dominio de segundo nivel o de primer nivel que sea fácil de recordar?
 ¿Deseo registrarlo en un gTLD restringido (como .COOP, que se explica en los párrafos siguientes)? Si este es el caso, ¿cumplo con los requisitos de elegibilidad?

¿Cómo averiguar si el nombre de dominio que deseo usar esta disponible?

La mayoría de los nombres de dominio están disponibles según el orden de llegada.

Si hay algún nombre en particular que desea registrar, debe hacerlo cuanto antes. Puede consultar si el nombre seleccionado está disponible en el sitio web del registrador que decidió utilizar. Para hacerlo, debe buscar si el nombre de dominio en cuestión está disponible.

¿Cómo es el proceso de registro?

El registrador que seleccione le solicitará información de contacto e información técnica; algunos de estos datos también son requeridos por ICANN. El registrador conservará la información de contacto y enviará los datos técnicos a la entidad conocida como el registro, que mantiene el directorio central de ese TLD. Cada dominio de primer nivel tiene sólo un registro acreditado, que proporciona a otros equipos de Internet la información necesaria para enviarle mensajes por correo electrónico o para ubicar su sitio web. Por ejemplo, Public Interest Registry opera el registro .ORG.


Como parte del proceso de registro, deberá firmar un contrato con el registrador que usted o el revendedor hayan seleccionado. Dicho contrato estipula los términos en virtud de los cuales se aceptará y mantendrá su registro. Cuando haya realizado satisfactoriamente el proceso de registro, se convertirá en el registrante de su nuevo nombre de dominio.

¿Por qué hay tanta diferencia en los costos de los nombres de dominio?
Algunas fuentes ofrecen nombres de dominio por precios que parecen muy bajos, mientras que otras lo hacen por precios que parecen muy altos.

Los registradores acreditados por ICANN pueden fijar sus propios precios por los servicios de registro de nombres de dominio. Algunas diferencias de precio se deben al nivel de servicio técnico que ofrece cada registrador. Por ejemplo, un registrador cuya mesa de ayuda está disponible las 24 horas del día, los siete días de la semana, quizás cobre más que un registrador que sólo cuenta con una dirección de correo electrónico para soporte. Además, puede ocurrir que los registradores ofrezcan nombres de dominio junto con otros servicios, lo que daría como resultado un precio mayor. Si usted elige el precio más bajo, quizás no reciba todas las funciones que desea; pero, si elige un precio más alto, quizá pague por funciones que no son importantes para usted. Un precio es extremadamente alto puede indicar que canal de ventas que ofrece ese nombre de dominio se centra en nombres que ha determinado que serán diferenciales o de alto valor. Al registrar un nombre de dominio, debe considerar el precio y lo que el precio incluye.

Si compro un nombre de dominio, ¿recibo también un sitio web? ¿Puedo comenzar a recibir correos electrónicos en ese dominio inmediatamente?

Registrar un nombre de dominio sólo significa que usted ha obtenido determinados derechos para usar el nombre para el término del registro. El alojamiento de sitios web o el servicio de correo electrónico no estará disponible a menos que haya convenido específicamente esos servicios en relación con el nombre de dominio. 

Crear un sitio web consta de varios pasos, como la obtención de servicios de alojamiento y la publicación de contenido.

El nombre de dominio que elegí ya está siendo usado, pero cuando ingreso, observo que no tiene contenido. Si no está en uso, ¿por qué no puedo disponer de él?

Una entidad que registra un nombre de dominio no está obligada a usarlo con algún propósito (por ejemplo, crear un sitio web laboral) en un período de tiempo en particular. El registrante puede elegir, cómo y cuándo usar un nombre de dominio registrado, y si lo hará. Si ingresa un nombre de dominio particular en su navegador y encuentra que es una página en blanco, podría significar que el registrante está reservando el nombre de forma anticipada para darle un uso futuro o que lo está reservando de forma defensiva (para que nadie más lo pueda obtener), o que no lo está usando de forma activa por otros motivos. Un registrante puede también optar por usar un nombre de dominio solo a los fines de tener un correo electrónico, sin desarrollar un sitio web.

Si considera que el registrante actual no está usando el nombre de dominio, puede intentar comunicarse con él para ver si desea venderle o transferirle el nombre. Sin embargo, el registrante no tiene la obligación de hacerlo.

¿Cómo renuevo un nombre de dominio que ya registré?

Si tiene intenciones de renovar el registro, debe comunicarse con su registrador antes de la fecha de vencimiento de su dominio, a menos que se haya suscrito los servicios de renovación automática que ofrece su registrador.

¿Qué ocurre si olvido renovar mi nombre de dominio?

Antes, si olvidaba renovar su nombre de dominio antes de que venciera su registro, se quedaba sin opciones si otra persona lo registraba inmediatamente. Sin embargo, en los últimos años, hubo quejas de registrantes que perdían los derechos a sus nombres de dominios por error, negligencia o fraude. Para abordar estas inquietudes, algunos los registradores, aunque no todos, han implementado un período de gracia de redención de nombres de dominios, a veces conocido como el RGP.

Según el RGP, si se borra un nombre, de forma intencional o no, se entra en un período de gracia de redención por nombre eliminado de 30 días. El nombre de dominio se coloca en estado de retención del registro. Una vez que se encuentra en estado de retención del registro, su nombre de dominio no funcionará, y no podrá enviar ni recibir mensajes de correo electrónico desde el dominio que está en estado de retención, lo que lo debe alertar de que se ha vencido su registro. Siempre que se encuentre dentro del período de 30 días, puede recuperar su registro a través de su registrador, si es que ofrece el servicio RGP. Su registrador puede entonces canjear el nombre de dominio del registro pagando la tarifa de renovación y un cargo por servicio, que se le cobrará a usted. La tarifa total que cobra un registrador que ofrece este servicio puede superar ampliamente la tarifa de renovación estándar; es por esto que le recomendamos que recuerde renovar su nombre de dominio antes de la fecha de vencimiento. Si su registrador ofrece este servicio, su acuerdo debe contar con una explicación de las tarifas que se le cobran y el servicio.

¿Puedo comprar y vender un nombre de dominio?

Con toda libertad, puede transferir un nombre de dominio registrado en un gTLD a otro registrador siempre que hayan pasado más de 60 días desde que se registró o desde que fue transferido anteriormente, y siempre que no rijan otras exclusiones mencionadas en la política de transferencia entre registradores (IRTP).

Se le permite a cada registrador desarrollar sus propios procedimientos de transferencia y plazos siempre que sean claros, concisos y que cumplan con determinados requisitos contractuales de ICANN. Por lo tanto, debe controlar los requisitos relevantes con sus registradores actuales y propuestos.

Tenga en cuenta que para transferir cualquier nombre de dominio registrado en cualquier gTLD, el registro requiere que confirme un código de autorización (también conocido como auth code). El código de autorización es único para cada nombre de dominio y es asignado por el registrador al momento de registrar su nombre de dominio.

También debe verificar si el nombre de dominio que desea transferir se encuentra en un estado denominado “bloqueo del registrador”, que lo puede ayudar a evitar que se realicen transferencias de dominio o cambios de archivo de registro inadvertidas o fraudulentas sin su conocimiento expreso.

Un registrante, o persona que registra un nombre de dominio, es propietario de los derechos para usar ese registro durante el período que haya elegido al momento de registrar o renovar el registro. Es posible cambiar el archivo de registro de un dominio para indicar que otra persona u organización se ha convertido en el registrante de ese dominio. El registrador puede o no cobrar por este proceso, aunque dependiendo de si se trata de una subasta o empresa de mercado secundario, puede haber otras tarifas. El nuevo registrante debe establecer una cuenta con el registrador. Para desalentar el fraude, la mayoría de los registradores requieren documentación proveniente del registrante actual que confirme que se desea un cambio de registro.

Tenga en cuenta, sin embargo, que al registrar un nombre de dominio, acepta:

 Que el registro no infringe ni transgrede los derechos de ningún tercero.
 Que usted no registra el nombre de dominio con fines ilegales.

 Que no usará deliberadamente el nombre de dominio en incumplimiento de ninguna ley ni reglamentación vigente.

Cómo funciona la web?

La idea principal que transmite este vídeo es que sólo transcurren unas milésimas de segundo desde que el usuario aprieta el botón para navegar a una dirección web hasta que se resuelve la dirección IP asociada a un nombre de dominio y se solicita el recurso asociado a la dirección web.


Qué son los registros DNS? Conceptos Básicos
Tipos de registros DNS