Entradas

Mostrando entradas de abril, 2015

Forma de escribir listas en HTLM

Imagen
Tipos de listas en HTLM: Listas no ordenadas : En ellas el orden NO es importante. Elementos: Se indican con símbolos (círculos, cuadrados, etc.)    Etiqueta :<ul></ul> - Elemento :<li></li> Listas ordenadas : El orden de aparición de los elementos es importante.Elementos: Se indican con números o letras.   Etiqueta :<ol></ol> - Elemento :<li></li> Atributos : <" start ">:indica el valor inicial con el que debe comenzar la lista. <" type ">: indica el tipo de numeración, ya sean letras o números romanos. Ej.: <ol type="A">. <" reverse ">:Indica que la numeración debe ser descendente. Ejemplo:<ol type="A" reversed="reversed"> Listas de descripción : Etiqueta :<dl></dl> se emplea para definir una lista de términos con cero o más descripciones por cada término. - Elemento : Cada término de la lista se define con:  &

Gramática de HTML

Reglas básicas: Las etiquetas siempre se tienen que cerrar: <p> </p> Los elementos anidados deben estar bien formados, respetar el orden de apertura/cierre de cada una de las etiquetas (la etiqueta que se ha abierto última ha de cerrarse primero): <p><strong></strong></p> Es recomendable escribir las etiquetas SIEMPRE en minúscula: <title></title> Los atributos deben escribirse siempre en minúscula: <p class="importante">   Para guardar los ficheros utilizar las letras del alfabeto inglés y los números, el guion normal y el guion bajo.   La extensión de las páginas web es: HTML htm   Fuente: Activate, Google España    

Etiquetas HTML

Imagen
Etiquetas Básicas <HTML> Se empieza y finaliza el texto con esta etiqueta. <head> Se utiliza para la cabecera de la página, su contenido no aparece reflejado en la página pues refiere a metadatos no visibles. <title> Es obligatorio el uso de esta etiqueta, sólo se escribe una vez. <body> Define la segunda parte de la página web, es el cuerpo de la página, si se visualiza su contenido. <h1 a h6> Encabezados o títulos por orden jerárquico: h1 el más importante. <p> Párrafo de texto. <strong> Se usa para señalar un texto destacado ("negrita"). <em> Texto enfatizado ("cursiva").   Fuente: Activate, Google España

El lenguaje HTML. Estructura

Imagen
Esta formado por <etiquetas>  encerradas por corchetes angulares   El  elemento es el componente básico de una página web .   Una página web se compone de un número de elementos escritos en un orden concreto, con una etiqueta de apertura y una etiqueta final o de cierre.   <p class="importante">Esto es un párrafo</p> Esto es un elemento!   La etiqueta < p > de inicio puede tener atributos ( class ), el atributo puede tener un valor ( importante ) y luego el contenido (el mismo se sitúa entre las etiquetas de apertura y de cierre). A su vez el contenido puede estar formado por otras etiquetas o solo por texto. Luego se sitúa la etiqueta de cierre, que lleva una barra invertida.     Los elementos se pueden anidar, es decir, se pueden escribir unos dentro de otros. Fuente: Activate, Google España  

Concepto lenguaje HTML

El lenguaje HTML se emplea para crear las páginas web para ampliar el concepto,  y según la definición de Wikipedia, HTML es la "sigla en inglés de HyperText Markup Language (lenguaje de marcas de hipertexto), hace referencia al lenguaje de marcado para la elaboración de páginas web . Es un estándar que sirve de referencia del software que conecta con 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, videos, juegos, entre otros. Tim Berners-Lee es considerado el padre de la  world wide web  por haber desarrollado las tres tecnologías fundamentales en las que se basa la web: 1) HTML son las siglas de HyperText Markup Language , que puede traducirse como lenguaje de marcas o marcado de hipertexto que se utiliza para escribir y marcar páginas web. 2) URL : Uniform Resource Locator , localizador de recursos uniforme, es e

Ahorrando tiempo y dinero en la fase del desarrollo del sitio web

Imagen
No se debería comenzar a prototipar antes de tener claros los siguientes aspectos: Tener bien definidos los objetivos del cliente Determinar exactamente las necesidades de los usuarios Los requisitos del proyecto La arquitectura de la información de la aplicación web   Os recomiendo la lectura del artículo " Wireframes " de Olga Carreras, una especialista sobre el tema, para aclarar las dudas. Existen además, una multitud de herramientas en la Web que puedes emplear para crear todo tipo de diagramas, incluidos los diferentes tipos de prototipos  (wireframes, mockups).  Algunas son gratuitas, como Pencil Project: http://pencil.evolus.vn/ Otras son de pago, como Balsamiq: http://balsamiq.com/ o Gliffy: http://www.gliffy.com/ Fuente: Activate, Google España

Los inicios de internet (Parte II)

Imagen
Como había mencionado en mi entrada anterior: Los inicios de Internet: De ARPANET a Internet , a principios de los '80 se había separado de  ARPANET la red exclusivamente militar (Milnet), hecho que le confirió un carácter más civil y menos oficial a la red original. Al mismo tiempo que ocurría esto, otras redes operaban de forma independiente como UUCP O USENET conectando sistemas Unix, o CSNET y BITNET como soporte a comunicaciones en el mundo académico y de investigación. Todas estas redes han acabado conectadas a Internet (y no formando parte de ella como muchas veces se ha dicho erróneamente). En 1986 NFSNET toma el relevo de ARPANET como red para investigadores. Por estas fechas un conjunto de redes privadas se empieza a hacer cargo del grueso del tráfico de la red, lo que precipita el final de la presencia gubernamental. Finalmente ARPANET desaparece en 1990 (NFSNET lo hace en 1991) dejando un sucesor en forma de un conjunto de redes: Internet. En estos momentos la p

Házlo en blanco y negro: notas acerca del prototipado del sitio web

Imagen
Antes de comenzar a diseñar el prototipo del sitio web es necesario: Identificar los objetivos del proyecto y las necesidades de los usuarios Especificar las funcionalidades y requerimientos de la aplicación web Definir y diseñar los sistemas de navegación, organización, etiquetado y búsqueda Realizar el " prototipado " de la aplicación Importante : El éxito de nuestro sitio web depende de que los usuarios encuentren y puedan gestionar la información de manera efectiva.   Diagramación y prototipado : Se realiza para explicar cual será la diagramación, estructura, navegación y funcionamiento de la aplicación web (por analogía se entendería realizar los planos y las maquetas de un edificio (en este caso concreto, del sitio web,  ANTES de que éste empiece a construirse). Es común que se realicen a mano alzada y en blanco y negro en las primeras reuniones con el cliente. Planos (también denominados: Blueprint/Diagramas de Contenido/

Los inicios de internet: de ARPANET a Internet

Imagen
Internet hunde sus raíces durante la guerra fría. El Departemento de Defensa norteamericano temía que un ataque nuclear destruyera su red de comunicaciones centralizada y buscaba un nuevo diseño que resistiera los efectos de una agresión de ese tipo. La idea para una nueva red parte de RAND, una famosa organización de investigación para la defensa: se eliminaría la autoridad centralizada de forma que no fuera posible destruir la red atacando al nodo principal; los mensajes se dividirían en paquetes y cada uno tendría un doble identificador con la dirección de destino y el número de paquete. Cada uno de estos componentes viajaría sin una ruta prestablecida: si el paso por un nodo no fuera posible, se desviaría a otro que finalmente le llevase a su destino. En el nodo final se iría recomponiendo el mensaje a medida que se fueran recibiendo los paquetes que lo forman. Con este esquema se asegura que la destrucción o corte de una parte de la red (incluso una parte importante) no supone

Ciclo de desarrollo de un sitio web

Imagen
El ciclo de desarrollo de un sitio web se basa en la relación dinámica entre tres actores fundamentales : desarrollador o arquitecto web   diseñador gráfico   cliente    Y las fases que se suceden en la relación dinámica antes del final del proyecto son:   Contacto inicial Planificación Contenido Diseño Desarrollo Lanzamiento   Para el desarrollo de un sitio web es necesaria la intervención de un Diseñador Gráfico (quien se ocupa del aspecto visual del sitio) y un Desarrollador Web (un programador especializado, o dedicado de forma específica, en desarrollar aplicaciones de la World Wide Web o aplicaciones distribuidas en red que se ejecutan mediante HTTP desde un servidor web a un navegador web ). Sin duda el aspecto imprescindible en todo el proceso es la implantación del código, es decir que la función del Desarrollar Web es fundamental para llevar a término el proyecto de manera exitosa. Fuente: Activate, Google España

Algunas definiciones de internet

Imagen
Hipertexto Hipermedia URL Dominio IP HyperText Markup Language : lenguaje de marcas o marcado de hipertexto El nacimiento oficial de internet se fija en 1969 con ARPANET, una red experimental patrocinada por la Agencia de Investigación de Proyectos Avanzados (ARPA) del Departamento de Defensa norteamericano. El propósito de esta primera red era explorar tecnologías experimentales de conexión enlazando centros de investigación entre sí y acercando recursos remotos como bases de datos y grandes sistemas a investigadores de todo el mundo. Fuentes: Activate, Google España wikipedia HTML, Creación de páginas Web (Alonso Alvarez García, Anaya Multimedia)

Tim Berners-Lee, el padre de la Web

Imagen
World Wide Web , la Web, es el invento que más ha cambiado nuestras vidas en los últimos 20 años. La Web, es un sistema de distribución de información basado en hipertexto e hipermedia accesible a través de Internet . Sir   Timothy "Tim" John Berners Lee ,  KBE  ( Londres ,  Reino Unido ,  8 de junio  de  1955 ) es un  científico  de la  computación  británico, es 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 .  Un elemento esencial de la Web es HTML, el lenguaje de marcado que se emplea para crear las  páginas web . HTML permite describir la estructura y el contenido de una página web,  principalmente texto, aunque tam