¿A quién pertenece el nombre de dominio leomessi.com? ¿Desde cuando y cuando caduca?
¿A quién pertenece el nombre de dominio cristianoronaldo.com? ¿Desde cuando y cuando caduca?
martes, 13 de octubre de 2015
martes, 6 de octubre de 2015
Soluciones a varios de los ejercicios de el MÓDULO 2
Módelo HTML de un currículum usando listas
<head>
<title>Curriculum Vitae de Bruce Wayne</title>
</head>
<body>
<h1>Curriculum Vitae de Bruce Wayne</h1>
<h2>Datos personales</h2>
<ul>
<li>Nombre completo: <strong>Bruce Wayne</strong></li>
<li>Fecha de nacimiento: <strong>1/5/1939</strong></li>
<li>Lugar de nacimiento: <strong>Gotham City</strong></li>
</ul>
<h2>Formación académica</h2>
<ul>
<li>1956-1961: <strong>Universidad del Espantapájaros</strong></li>
<li>1952-1956: <strong>Instituto de Dos Caras</strong></li>
<li>1944-1952: <strong>Escuela Primaria del Joker</strong></li>
</ul>
<h2>Experiencia laboral</h2>
<ul>
<li>1975-1985: <strong>En el paro</strong></li>
<li>1965-1975: <strong>Cazavillanos y demás chusma</strong></li>
<li>1962-1965: <strong>Aprendiz de superhéroe</strong></li>
</ul>
</body>
</html>
Modelo HTML de una web con HIPERENLACES
<html>
<head>
<title>Los tres pilares de la Web</title>
</head>
<body>
<h1>Los tres pilares de la Web</h1>
<p>
<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 <a href="http://es.wikipedia.org/wiki/World_Wide_Web">Web</a>:
</p>
<ul>
<li><a href="#html">HTML</a></li>
<li><a href="#http">HTTP</a></li>
<li><a href="#url">URL</a></li>
</ul>
<h2 id="html">HTML</h2>
<p>
HTML, siglas de <strong>HyperText Markup Language</strong>, 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.
</p>
<p>
Fuente: <a href="http://es.wikipedia.org/wiki/HTML">HTML</a>, Wikipedia
</p>
<h2 id="http">HTTP</h2>
<p>
<strong>Hypertext Transfer Protocol</strong> 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.
</p>
<p>
Fuente: <a href="http://es.wikipedia.org/wiki/Hypertext_Transfer_Protocol">HTTP</a>, Wikipedia
</p>
<h2 id="url">URL</h2>
<p>
Un <strong>localizador de recursos uniforme</strong> o URL —siglas en inglés de <em>Uniform Resource Locator</em>— 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.
</p>
<p>
Fuente: <a href="http://es.wikipedia.org/wiki/Localizador_de_recursos_uniforme">URL</a>, Wikipedia
</p>
</body>
</html>
viernes, 2 de octubre de 2015
Módulo 2: Cómo se escribe una página web
DEFINICIONES
- Wireframe: Dibujo o esquema que representa el esqueleto o estructura visual de un sitio web. Suele carecer de aspectos visuales, ya que su propósito es servir de apoyo para discutir el contenido, funcionalidad y comportamiento de una web.
DIFERENCIAS ENTRE EL DISEÑO WEB Y EL DESARROLLO WEB
- Diseño web:
- Diseño Visual -> Elementos gráficos
- Herramientas gráficas (Photoshop, Gimp)
- Diseño (Sin código) -> Partes que se representas: HTML y CSS / Elementos gráficos
- Desarrollo web:
- Se divide en:
- Cliente: Necesita conocimientos de -> HTML y CSS / JavaScript y DOM
- Servidor: Desarrolla la parte de la web que no se publica.
- Utiliza lenguajes PHP, ASP, ASP.NET, JSP, PERL y Coldfusion.
- Diseño y desarrollo de bases de datos.
- Seguridad.
PROTOTIPADO
- Diferencia entre PLANOS y MAQUETAS.
- Planos: Estructura de la aplicación y flujo de navegación.
- Maquetas: Diagrama de presentación visual.
- Baja fidelidad: Estáticos (Sketch / Wireframes)
- Alta fidelidad: Dinámicos (Prototipo funcional)
- Desde esta web puedes descargar un programa para crear tus diagramas: PENCIL PROJECT
HTML
HyperText Markup Languaje: Lenguaje de marcas o marcado de hipertextos. Define la estructura y contenido; no la estructura visual.
- XHTML1 -> HTML 4 -> HTML 5
ETIQUETAS
- <html> ... </html> (Es la etiqueta principal, la raíz. Solo existe una y toda la web se escribe dentro de ella.
- <head> ... </head> (Es la cabecera, donde se reunen los metadatos [información web] no se publican)
- <title> ... </title> (Se escribe dentro de la etiqueta <head> <title> ... </title> </head>, es el título de la página, solo hay una y es obligatoria.
- <body> ... </body> (El cuerpo, contenido visible de la página)
- <h1> ... </h1> (Encabezados o títulos. Se distinguen 6 niveles; desde h1 hata h6)
- <em> ... </em> (Texto enfatizado; en cursiva)
- <br> </br> (Etiqueta de salto de línea. Es una etiqueta vacía)
ETIQUETAS PARA CREAR LISTAS
Tipos de listas
EJEMPLOS
Lista no ordenada:
Lista ordenada:
 |
| Numeración descendente |
Lista de descripción:
Lista anidada:
 |
| Una lista dentro de otra lista; sublista. |
GRAMÁTICA
- Las etiquetas siempre se tienen que cerrar. < > </ >
- Los documentos anidados tienen que estar bien formados.
- Incorrecto: elementos superpuestos: <p><strong> ... </p></strong>
- Correcto: elementos anidados: <p><strong> ... </strong></p>
- Etiquetas SIEMPRE en minúsculas.
- Los valores de los atributos tienen que llevar comillas.
- Incorrecto: <p class=importante>
- Correcto: <p class="importante">
- Los caracteres para guardar archivos:
- Nombre de la página web: AB...Z / ab...z / 01...9 / - / _
- Extención del archivo: .htm / .html
jueves, 1 de octubre de 2015
Definiciones
DEFINICIONES
- Hipertexto: Conjunto estructurado de textos, gráficos... unidos entre sí por enlaces y conexiones lógicas.
- Hipermedia: Conjunto estructurado de diversos medios, como textos, gráficos, imágenes y sonidos unidos entre sí por enlaces y transmisiones lógicas para la transmisión de una información. (Hipertexto + Multimedia).
- URL: Un localizador de recursos uniforme (conocido por la sigla URL, del inglésUniform Resource Locator) es un identificador de recursos uniforme (Uniform Resource Identifier, URI) cuyos recursos referidos pueden cambiar, esto es, la dirección puede apuntar a recursos variables en el tiempo.1 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.
Tim Berners-Lee
Tim Berners-Lee
Timothy "Tim" John Berners-Lee (Londres, Reino Unido, 8 de junio de1955) 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 HTTP en noviembre de 1989. En octubre de 1994 fundó el Consorcio de la World Wide Web (W3C) con sede en el MIT, para supervisar y estandarizar el desarrollo de las tecnologías sobre las que se fundamenta la Web y que permiten el funcionamiento de Internet.
Ante la necesidad de distribuir e intercambiar información acerca de sus investigaciones de una manera más efectiva, Berners-Lee desarrolló las ideas fundamentales que estructuran la web. Él y su grupo crearon lo que por sus siglas en inglés se denomina Lenguaje HTML (HyperText MarkupLanguage) o lenguaje de etiquetas de hipertexto, el protocolo HTTP (HyperText Transfer Protocol) y el sistema de localización de objetos en la web URL (Uniform Resource Locator).
Suscribirse a:
Entradas (Atom)