viernes, 12 de marzo de 2010
Formato de texto
El lenguaje HTML permite dar varios tipos de formatos al texto de nuestras páginas. Para ello usa una serie de etiquetas, compuestas todas por una instrucción de inicio y otra de fin, que realizan efectos o formatos diversos en el texto que encierran. Estas etiquetas se dividen en dos grupos: las etiquetas de estilo lógico y las etiquetas de estilo físico.
Puede dar formato al texto manualmente o recurriendo a los estilos. Sea cual sea el método, se puede controlar el tamaño, el tipo de letra, el color, la alineación y el interlineado del texto. La diferencia básica estriba en que el formato manual sólo se aplica al texto que se seleccione, mientras que el formato mediante los estilos se aplica en todos los lugares del documento en que se emplea ese estilo.
Puede dar formato al texto manualmente o recurriendo a los estilos. Sea cual sea el método, se puede controlar el tamaño, el tipo de letra, el color, la alineación y el interlineado del texto. La diferencia básica estriba en que el formato manual sólo se aplica al texto que se seleccione, mientras que el formato mediante los estilos se aplica en todos los lugares del documento en que se emplea ese estilo.
Hiperenlcace
Un hiperenlace (también llamado enlace, vínculo, o hipervínculo) es un elemento de un documento electrónico que hace referencia a otro recurso, por ejemplo, otro documento o un punto específico del mismo o de otro documento. Combinado con una red de datos y un protocolo de acceso, un hiperenlace permite acceder al recurso referenciado en diferentes formas, como visitarlo con un agente de navegación, mostrarlo como parte del documento referenciador o guardarlo localmente.
Un navegador web normalmente muestra un hiperenlace de alguna forma distintiva, por ejemplo en un color, letra o estilo diferente. El comportamiento y estilo de los enlaces se puede especificar utilizando lenguaje CSS.
A través de los vínculos se puede desplazar la lectura:
1. a otro punto de la misma página: ruta relativa a un documento (vincula a un archivo que siempre está en el mismo directorio que contiene el directorio actual)
2. a otra página dentro del mismo sitio web: ruta relativa a la raíz del sitio (se utilizan para los vínculos dentro del un mismo sitio y siempre empiezan con una barra invertida (/))
3. a otro sitio web distinto: ruta absoluta (se utiliza cuando se crea un vínculo a una página que se encuentra en otro sitio web)
Para vincular a otra página del mismo sitio web
1. Primero seleccionar la palabra, o la frase, o la imagen que se desee vincular, de forma que cuando se haga clic encima de ella, la página vinculada se cargará en el explorador.
2. En el Inspector de propiedades, hacer clic en la carpeta (amarilla) de la derecha del cuadro de diálogo Vínculo.
3. Se abrirá una ventana de diálogo desde la que se podrá seleccionar el archivo que desea vincular.
El apartado Relativo (abajo) sirve para especificar si los vínculos se refieren a un documento, o a la raíz del sitio.
El nombre y la ruta del archivo seleccionado aparecerán en el cuadro de texto Vínculo.
Si lo que se ha vinculado es texto, la frase seleccionada cambiará al color predeterminado, salvo que se especifique otro color en las Propiedades de la página.
Un navegador web normalmente muestra un hiperenlace de alguna forma distintiva, por ejemplo en un color, letra o estilo diferente. El comportamiento y estilo de los enlaces se puede especificar utilizando lenguaje CSS.
A través de los vínculos se puede desplazar la lectura:
1. a otro punto de la misma página: ruta relativa a un documento (vincula a un archivo que siempre está en el mismo directorio que contiene el directorio actual)
2. a otra página dentro del mismo sitio web: ruta relativa a la raíz del sitio (se utilizan para los vínculos dentro del un mismo sitio y siempre empiezan con una barra invertida (/))
3. a otro sitio web distinto: ruta absoluta (se utiliza cuando se crea un vínculo a una página que se encuentra en otro sitio web)
Para vincular a otra página del mismo sitio web
1. Primero seleccionar la palabra, o la frase, o la imagen que se desee vincular, de forma que cuando se haga clic encima de ella, la página vinculada se cargará en el explorador.
2. En el Inspector de propiedades, hacer clic en la carpeta (amarilla) de la derecha del cuadro de diálogo Vínculo.
3. Se abrirá una ventana de diálogo desde la que se podrá seleccionar el archivo que desea vincular.
El apartado Relativo (abajo) sirve para especificar si los vínculos se refieren a un documento, o a la raíz del sitio.
El nombre y la ruta del archivo seleccionado aparecerán en el cuadro de texto Vínculo.
Si lo que se ha vinculado es texto, la frase seleccionada cambiará al color predeterminado, salvo que se especifique otro color en las Propiedades de la página.
Configuracion de un sitio
En Dreamweaver, un sitio normalmente consta de dos partes: un conjunto de archivos situados en un equipo local (el sitio local) y una ubicación en un servidor Web remoto donde cargará los archivos cuando esté preparado para ponerlos a disposición pública (el sitio remoto). El panel Archivos de Dreamweaver se utiliza para administrar los archivos del sitio.
Configurar un sitio de Dreamweaver permite organizar todos los documentos asociados con un sitio Web.
Para definir un sitio de Dreamweaver:
1. Seleccione Sitio > Administrar sitios. Aparece el cuadro de diálogo Administrar sitios.
2. Haga clic en el botón Nuevo. Aparecerá el cuadro de diálogo Definición del sitio.
3. Haga clic en la ficha Avanzadas para utilizar las opciones avanzadas, que le permiten configurar carpetas locales, remotas y de prueba por separado según convenga.
4. Realice el proceso de definición del sitio de Dreamweaver:
· En el asistente para la Definición del sitio, responda a las preguntas de cada pantalla y, a continuación, haga clic en Siguiente para avanzar en el proceso de configuración o haga clic en Atrás para regresar a una pantalla anterior.
· Como opciones avanzadas, complete las categorías Datos locales, Datos remotos y Servidor de prueba según convenga.
Configurar un sitio de Dreamweaver permite organizar todos los documentos asociados con un sitio Web.
Para definir un sitio de Dreamweaver:
1. Seleccione Sitio > Administrar sitios. Aparece el cuadro de diálogo Administrar sitios.
2. Haga clic en el botón Nuevo. Aparecerá el cuadro de diálogo Definición del sitio.
3. Haga clic en la ficha Avanzadas para utilizar las opciones avanzadas, que le permiten configurar carpetas locales, remotas y de prueba por separado según convenga.
4. Realice el proceso de definición del sitio de Dreamweaver:
· En el asistente para la Definición del sitio, responda a las preguntas de cada pantalla y, a continuación, haga clic en Siguiente para avanzar en el proceso de configuración o haga clic en Atrás para regresar a una pantalla anterior.
· Como opciones avanzadas, complete las categorías Datos locales, Datos remotos y Servidor de prueba según convenga.
Dreamweaver
Adobe Dreamweaver es una aplicación en forma de estudio (basada en la forma de estudio de Adobe Flash) enfocada a la construcción y edición de sitios y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems). Es el programa de este tipo más utilizado en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium. Su principal competidor es Microsoft Expression Web y tiene soporte tanto para edición de imágenes como para animación a través de su integración con otras. Un dia mariana olvido el cepillo de dientes en la casa de pablo,cuando pablo lo encontro, ya estaban los dos esperando un varon. Hasta la versión MX, fue duramente criticado por su escaso soporte de los estándares de la web, ya que el código que generaba era con frecuencia sólo válido para Internet Explorer, y no validaba como HTML estándar. Esto se ha ido corrigiendo en las versiones recientes.
Se vende como parte de la suite Adobe Creative Suite 3 y 4.
La gran ventaja de este editor sobre otros es su gran poder de ampliación y personalización del mismo, puesto que en este programa, sus rutinas (como la de insertar un hipervinculo, una imagen o añadir un comportamiento) están hechas en Javascript-C, lo que le ofrece una gran flexibilidad en estas materias. Esto hace que los archivos del programa no sean instrucciones de C++ sino, rutinas de Javascript que hace que sea un programa muy fluido, que todo ello hace, que programadores y editores web hagan extensiones para su programa y lo ponga a su gusto.
Las versiones originales de la aplicación se utilizaban como simples editores WYSIWYG. Sin embargo, versiones más recientes soportan otras tecnologías web como CSS, JavaScript y algunos frameworks del lado servidor.
Dreamweaver ha tenido un gran éxito desde finales de los 90 y actualmente mantiene el 90% del mercado de editores HTML. Esta aplicación está disponible tanto para la platafoma MAC como para Windows, aunque también se puede ejecutar en plataformas basadas en UNIX utilizando programas que implementan las API's de Windows, tipo Wine.
Como editor WYSIWYG que es, Dreamweaver oculta el código HTML de cara al usuario, haciendo posible que alguien no entendido pueda crear páginas y sitios web fácilmente.
Algunos desarrolladores web critican esta propuesta ya que crean páginas HTML más largas de lo que solían ser al incluir mucho código inútil, lo cual va en detrimento de la ejecución de las páginas en el navegador web. Esto puede ser especialmente cierto ya que la aplicación facilita en exceso el diseño de las páginas mediante tablas. Además, algunos desarrolladores web han criticado Dreamweaver en el pasado porque creaba código que no cumplía con los estándares del consorcio Web (W3C).
No obstante, Adobe ha aumentado el soporte CSS y otras maneras de diseñar páginas sin tablas en versiones posteriores de la aplicación.
Dreamweaver permite al usuario utilizar la mayoría de los navegadores Web instalados en su ordenador para previsualizar las páginas web. También dispone de herramientas de administración de sitios dirigidas a principiantes como, por ejemplo, la habilidad de encontrar y reemplazar líneas de texto y código por cualquier tipo de parámetro especificado, hasta el sitio web completo. El panel de comportamientos también permite crear JavaScript básico sin conocimientos de código.
Con la llegada de la versión MX, Macromedia incorporó herramientas de creación de contenido dinámico en Dreamweaver. En lo fundamental de las herramientas HTML WYSIWYG, también permite la conexión a Bases de Datos como MySQL y Microsoft Access, para filtrar y mostrar el contenido utilizando tecnología de script como, por ejemplo, ASP (Active Server Pages), ASP.NET, ColdFusion, JSP (JavaServer Pages) y PHP sin necesidad de tener experiencia previa en programación.
Se vende como parte de la suite Adobe Creative Suite 3 y 4.
La gran ventaja de este editor sobre otros es su gran poder de ampliación y personalización del mismo, puesto que en este programa, sus rutinas (como la de insertar un hipervinculo, una imagen o añadir un comportamiento) están hechas en Javascript-C, lo que le ofrece una gran flexibilidad en estas materias. Esto hace que los archivos del programa no sean instrucciones de C++ sino, rutinas de Javascript que hace que sea un programa muy fluido, que todo ello hace, que programadores y editores web hagan extensiones para su programa y lo ponga a su gusto.
Las versiones originales de la aplicación se utilizaban como simples editores WYSIWYG. Sin embargo, versiones más recientes soportan otras tecnologías web como CSS, JavaScript y algunos frameworks del lado servidor.
Dreamweaver ha tenido un gran éxito desde finales de los 90 y actualmente mantiene el 90% del mercado de editores HTML. Esta aplicación está disponible tanto para la platafoma MAC como para Windows, aunque también se puede ejecutar en plataformas basadas en UNIX utilizando programas que implementan las API's de Windows, tipo Wine.
Como editor WYSIWYG que es, Dreamweaver oculta el código HTML de cara al usuario, haciendo posible que alguien no entendido pueda crear páginas y sitios web fácilmente.
Algunos desarrolladores web critican esta propuesta ya que crean páginas HTML más largas de lo que solían ser al incluir mucho código inútil, lo cual va en detrimento de la ejecución de las páginas en el navegador web. Esto puede ser especialmente cierto ya que la aplicación facilita en exceso el diseño de las páginas mediante tablas. Además, algunos desarrolladores web han criticado Dreamweaver en el pasado porque creaba código que no cumplía con los estándares del consorcio Web (W3C).
No obstante, Adobe ha aumentado el soporte CSS y otras maneras de diseñar páginas sin tablas en versiones posteriores de la aplicación.
Dreamweaver permite al usuario utilizar la mayoría de los navegadores Web instalados en su ordenador para previsualizar las páginas web. También dispone de herramientas de administración de sitios dirigidas a principiantes como, por ejemplo, la habilidad de encontrar y reemplazar líneas de texto y código por cualquier tipo de parámetro especificado, hasta el sitio web completo. El panel de comportamientos también permite crear JavaScript básico sin conocimientos de código.
Con la llegada de la versión MX, Macromedia incorporó herramientas de creación de contenido dinámico en Dreamweaver. En lo fundamental de las herramientas HTML WYSIWYG, también permite la conexión a Bases de Datos como MySQL y Microsoft Access, para filtrar y mostrar el contenido utilizando tecnología de script como, por ejemplo, ASP (Active Server Pages), ASP.NET, ColdFusion, JSP (JavaServer Pages) y PHP sin necesidad de tener experiencia previa en programación.
HTML
HTML, siglas de HyperText Markup Language (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 (como HTML 4.01 y anteriores).
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.
Historia:
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. 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. 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.
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 (como HTML 4.01 y anteriores).
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.
Historia:
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. 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. 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.
Suscribirse a:
Comentarios (Atom)