Diseño de páginas web con xhtml javascript y css

¿Qué herramienta de programación se desarrolló en 1993 y se convirtió en el estándar de Internet?

Construir un sitio web de éxito es mucho más que saber un poco de lenguaje de marcado de hipertexto (HTML). El proceso comienza mucho antes de codificar, y este libro le introduce en el proceso de desarrollo ágil, explicando por qué este método tiene tanto sentido para los proyectos web y cuál es la mejor manera de aplicarlo. La planificación es vital, por lo que también aprenderá a utilizar técnicas como el brainstorming, los wireframes, las maquetas y los prototipos para que su proyecto comience de la mejor manera posible y le ayude a garantizar un progreso fluido a medida que se desarrolla.

La comprensión del marcado semántico correcto es esencial para cualquier profesional de la Web, por lo que este libro explica cómo debe utilizarse XHTML para estructurar el contenido de modo que el marcado se adhiera a los estándares Web actuales. Conocerá la amplia gama de elementos HTML disponibles y aprenderá cómo y cuándo utilizarlos mediante la creación de páginas web de ejemplo.

Sin el uso creativo de las Hojas de Estilo en Cascada (CSS), los sitios web serían prácticamente iguales. CSS le ofrece la posibilidad de diferenciar su sitio web del resto, manteniendo al mismo tiempo la integridad de su marcado. Aprenderá cómo funciona CSS y cómo aplicar estilos a sus páginas, lo que le permitirá materializar sus ideas de diseño en el navegador.

Idioma del sitio web

Web browsers receive HTML documents from a web server or from local storage and render the documents into multimedia web pages. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.

HTML elements are the building blocks of HTML pages. With HTML constructs, images and other objects such as interactive forms may be embedded into the rendered page. HTML provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes, and other items. HTML elements are delineated by tags, written using angle brackets. Tags such as <img /> and <input /> directly introduce content into the page. Other tags such as <p> surround and provide information about document text and may include other tags as sub-elements. Browsers do not display the HTML tags but use them to interpret the content of the page.

In 1980, physicist Tim Berners-Lee, a contractor at CERN, proposed and prototyped ENQUIRE, a system for CERN researchers to use and share documents. In 1989, Berners-Lee wrote a memo proposing an Internet-based hypertext system.[3] Berners-Lee specified HTML and wrote the browser and server software in late 1990. That year, Berners-Lee and CERN data systems engineer Robert Cailliau collaborated on a joint request for funding, but the project was not formally adopted by CERN. En sus notas personales[4] de 1990 enumeró[5] "algunas de las muchas áreas en las que se utiliza el hipertexto" y puso en primer lugar una enciclopedia.

Los 10 mejores lenguajes de diseño web

En la primera parte nos preguntamos "¿Por qué usar XHTML?", antes de lanzarnos a codificar nuestra primera página HTML. A continuación, repasamos los elementos básicos de esta tecnología y destacamos algunas de las ventajas de XHTML.

No te enseñaré a utilizar ningún programa que escriba XHTML por ti. Creo firmemente que la mejor manera de crear páginas web es ensuciarse las manos y escribir el código uno mismo. Llevo siete años haciéndolo, ¡y todavía no me ha fallado! ¿Por qué es importante la programación manual? Por varias razones.

Los programas que producen HTML para usted a menudo lo hacen mal, produciendo a menudo páginas Web que hacen las cosas de la manera larga. Cuando codificas tus páginas a mano tienes una comprensión íntima de lo que estás haciendo, y puedes hacer que el tamaño real del archivo de la página Web sea lo más pequeño posible. Esto reduce el tiempo de descarga, por lo que las páginas se cargan más rápido y los usuarios están más contentos.

Cuando se utiliza un programa para generar HTML para usted, usted no tiene la oportunidad de entender cómo su página se construye internamente porque todo está hecho para usted. Esto no es un problema mientras todo funcione... pero ¿y si no funciona? Si descubres que tu página web no se muestra correctamente en Internet Explorer 4, y muchos de tus usuarios utilizan ese navegador, vas a tener que solucionarlo. Esto significa olvidarte del programa y mirar tú mismo el código. ¿Verás el problema? Si has estado utilizando el programa para que codifique la página por ti, cuando surjan problemas probablemente no tendrás los conocimientos necesarios para solucionarlos.

¿Cuál es el lenguaje estándar de descripción de páginas web?

Suele ser la primera pregunta sobre los estándares web. El contenido, el estilo y la maquetación se pueden realizar con HTML (elementos de fuente para el estilo y tablas HTML para la maquetación), así que ¿para qué molestarse con el XHTML/CSS? Las tablas para el diseño, etc. es como se solía hacer en los viejos tiempos del diseño web, y mucha gente todavía lo hace así (aunque realmente no deberías), que es una de las razones por las que creamos este curso en primer lugar. No vamos a cubrir estos métodos en este curso. Aquí están las razones más convincentes para usar CSS y HTML sobre métodos anticuados:

HTML y XHTML son lenguajes de marcado compuestos por elementos, que contienen atributos (algunos opcionales y otros obligatorios). Estos elementos se utilizan para marcar los distintos tipos de contenido en los documentos, especificando cómo se supone que debe mostrarse cada parte del contenido en los navegadores web (por ejemplo, encabezados, párrafos, tablas, listas con viñetas, etc.).

Los elementos definen el tipo de contenido propiamente dicho, mientras que los atributos aportan información adicional sobre esos elementos, como un ID para identificarlos o la ubicación de un enlace. Hay que tener en cuenta que el marcado debe ser lo más semántico posible, es decir, describir sin ambigüedades la función del contenido. La figura 1 muestra la anatomía de un elemento típico.