sábado, 14 de mayo de 2011

Hipervinculo en html

Una Web huérfana es una mala Web, una página Web debe contener vínculos que lleven a otras páginas Web. Veamos cómo.
Crear enlaces externos-externos
Usaremos el tag a, de anchor, que es un vínculo con los atributos href (Ruta) y alguno más que podemos añadir.
Ejemplo: mailxmail
Crear enlaces externos-internos
Si queremos vincular a una página de nuestro sitio Web no hará falta especificar la ruta, sino tan sólo el archivo, pero recuerda que si es renombrado, habrá que modificar el vínculo.
Enlaces internos-internos
Si queremos vincular a una parte de la página como por ejemplo, el principio, definiremos un marcador.

FASES DEL DESARROLLO WEB

Este es un tema que suele dar mucho que debatir y bastante recurrente en la comunidad de diseñadores web. También es un tema muy extenso y sobre el que se puede pormenorizar, pero me voy a limitar a dar mi opinión personal en grandes rasgos, destacando la clasificación y el orden de las fases que considero cruciales para el diseño web.
Estas fases corresponden a la arquitectura basada en el modelo a tres capas: usuarios, aplicación (cliente-servidor), datos. Donde se mantenga la independencia que otorga cada capa, pero con un alto grado de interactividad entre ellas.

FASE 1. PLANIFICACIÓN
Esta fase consta del análisis (el 50% del todo) , una etapa primordial para poder culminar con éxito cualquier tipo de proyecto.
• Documentación del proyecto
• Memoria del proyecto
• Objetivos
• Mensaje
• Audiencia
• Contenido
• Legalidad
• Plazos de tiempo
• Presupuesto
FASE 2. CONTENIDO E INFORMACIÓN
Diseño de Base de datos
Las fases pertinentes son:
1. Modelo entidad/relación
2. Modelo relacional
3. Implementación de la base de datos (MySQL)
Más información detallada de esta fase en desarrollo de base de datos.
CMS prefabricado ó Aplicación a medida
Diseño de la estructura del sitio Web
Se debe diseñar el diagrama de flujo que organizará la información en el sitio Web, proporcionando la estructura final de la Web y las distintas relaciones entre las paginas que la conforman.
FASE 3. DISEÑO DE INTERFAZ
Prototipo imaginario
Durante esta fase se debe desarrollar la interfaz gráfica del sitio Web, la forma, el estilo y diseño vendrá dado por la información de las fases predecesoras.
Prototipo real
En este momento debemos ponernos al control del ordenador y empezar a diseñar con cualquier programa de retoque gráfico. Cualquier cambio o alteración en la idea inicial será fácilmente editable en el programa.
FASE 4. DESARROLLO TÉCNICO
Ha llegado la hora de transformar esas imágenes de la maqueta realizadas en la fase tres en el verdadero sitio Web.
Estructura de directorios
Teniendo en cuenta fases predecesoras debemos crear los directorios para albergar todos los ficheros que conformaran la totalidad del sitio Web.
Estructura XHTML (zona pública) y CSS
Desarrollo dinámico
Es importante desarrollar el dinamismo en función del diseño de la base de datos realizado en la fase dos. Debemos tener en cuenta el modelo relacional, y avanzar programando sin quitar ojo de dicho modelo.
El modelo relacional podrá ayudarnos a elegir que partes programamos antes y cuales mas tarde, con el fin de optimizar tiempos y al final “montar el puzzle de forma mas cómoda”.
PHP para un gran proyecto? SI, gracias!
Pruebas de evaluación
Aunque debe ir probándose de forma secuencial y constante según avanzamos, es importante que llegados aquí nos centremos de forma total en hacer test de cada parte del programa, con todas sus herramientas.

FASES DEL DESARROLLO WEB



Este es un tema que suele dar mucho que debatir y bastante recurrente en la comunidad de diseñadores web. También es un tema muy extenso y sobre el que se puede pormenorizar, pero me voy a limitar a dar mi opinión personal en grandes rasgos, destacando la clasificación y el orden de las fases que considero cruciales para el diseño web.
Estas fases corresponden a la arquitectura basada en el modelo a tres capas: usuarios, aplicación (cliente-servidor), datos. Donde se mantenga la independencia que otorga cada capa, pero con un alto grado de interactividad entre ellas.

FASE 1. PLANIFICACIÓN
Esta fase consta del análisis (el 50% del todo) , una etapa primordial para poder culminar con éxito cualquier tipo de proyecto.
• Documentación del proyecto
• Memoria del proyecto
• Objetivos
• Mensaje
• Audiencia
• Contenido
• Legalidad
• Plazos de tiempo
• Presupuesto
FASE 2. CONTENIDO E INFORMACIÓN
Diseño de Base de datos
Las fases pertinentes son:
1. Modelo entidad/relación
2. Modelo relacional
3. Implementación de la base de datos (MySQL)
Más información detallada de esta fase en desarrollo de base de datos.
CMS prefabricado ó Aplicación a medida
Diseño de la estructura del sitio Web
Se debe diseñar el diagrama de flujo que organizará la información en el sitio Web, proporcionando la estructura final de la Web y las distintas relaciones entre las paginas que la conforman.
FASE 3. DISEÑO DE INTERFAZ
Prototipo imaginario
Durante esta fase se debe desarrollar la interfaz gráfica del sitio Web, la forma, el estilo y diseño vendrá dado por la información de las fases predecesoras.
Prototipo real
En este momento debemos ponernos al control del ordenador y empezar a diseñar con cualquier programa de retoque gráfico. Cualquier cambio o alteración en la idea inicial será fácilmente editable en el programa.
FASE 4. DESARROLLO TÉCNICO
Ha llegado la hora de transformar esas imágenes de la maqueta realizadas en la fase tres en el verdadero sitio Web.
Estructura de directorios
Teniendo en cuenta fases predecesoras debemos crear los directorios para albergar todos los ficheros que conformaran la totalidad del sitio Web.
Estructura XHTML (zona pública) y CSS
Desarrollo dinámico
Es importante desarrollar el dinamismo en función del diseño de la base de datos realizado en la fase dos. Debemos tener en cuenta el modelo relacional, y avanzar programando sin quitar ojo de dicho modelo.
El modelo relacional podrá ayudarnos a elegir que partes programamos antes y cuales mas tarde, con el fin de optimizar tiempos y al final “montar el puzzle de forma mas cómoda”.
PHP para un gran proyecto? SI, gracias!
Pruebas de evaluación
Aunque debe ir probándose de forma secuencial y constante según avanzamos, es importante que llegados aquí nos centremos de forma total en hacer test de cada parte del programa, con todas sus herramientas.

HTML

HTML, siglas de Hipertexto Markup Lenguaje (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.
HTML también es usado para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML
Primeras especificaciones
La primera descripción de HTML disponible públicamente fue un documento llamado HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991. Describe 22 elementos comprendiendo el diseño inicial y relativamente simple de HTML. Trece de estos elementos todavía existen en HTML .
Berners-Lee consideraba a HTML una ampliación de SGML, pero no fue formalmente reconocida como tal hasta la publicación de mediados de 1993, por la IETF, de una primera proposición para una especificación de HTML: el boceto Hypertext Markup Language de Berners-Lee y Dan Connolly, el cual incluía una Definición de Tipo de Documento SGML para definir la gramática.4 El boceto expiró luego de seis meses, pero fue notable por su reconocimiento de la etiqueta propia del navegador Mosaic usada para insertar imágenes sin cambio de línea, reflejando la filosofía del IETF de basar estándares en prototipos con éxito. 5 Similarmente, el boceto competidor de Dave Raggett HTML+ (Hypertext Markup Format) (Formato de marcaje de hipertexto), de 1993 tardío, sugería, estandarizar características ya implementadas tales como tablas.