Proyectos Html
HTML, o HyperText Markup Language, es el lenguaje de codificación con el que se estructura la web. Actualmente se utiliza junto con CSS (Cascading Style Sheets), que controla la apariencia del contenido de la página.
Para ver el aspecto de tu página web, tendrás que abrir un navegador web (por ejemplo, Chrome). Pulsa ctrl-O (cmd-O en un Mac) para abrir el diálogo «Abrir», navega hasta tu archivo .html guardado y ábrelo. También puedes arrastrar el archivo a tu navegador, o (en algunos navegadores) utilizar Archivo > Abrir archivo (o algo similar).
Los usuarios de su sitio web tendrán necesidades diferentes, ya sea en cuanto a la presentación de la página, la forma de acceder al contenido o el contenido mismo. Es importante tener en cuenta los principios del diseño universal y también las orientaciones específicas sobre el diseño web inclusivo.
Existen directrices para que los contenidos de la web sean accesibles a todos los usuarios y es importante tenerlas en cuenta a la hora de crear sitios web. Como punto de partida, consulte la Introducción a la Accesibilidad Web de la Iniciativa de Accesibilidad Web.
Ejercicios de Html5
Antes de HTML5, utilizábamos plug-ins de terceros, como – Flash, Microsoft Silverlight, etc. para reproducir vídeo en el navegador. HTML5 proporciona una forma estándar de incluir vídeo con varios atributos que mejoran su comportamiento por defecto.
En el código anterior, los atributos width y height especifican la anchura y la altura del elemento de vídeo, el marco de póster se muestra en un marco de vídeo hasta que el usuario hace clic en el botón de reproducción y el atributo source contiene diferentes tipos de formatos de vídeo para soportarlos en diferentes navegadores y dispositivos.
Iframe se utiliza para incrustar un documento HTML dentro de otro documento HTML en un sitio web. Requiere las etiquetas de inicio y fin <iframe>..</iframe> y un atributo target source que especifica la URL de un documento a mostrar en un iframe. También podemos especificar el tamaño del iframe mediante los atributos height y width. Iframe también tiene otros atributos, como desplazamiento, alineación, frameborder, vspace para mejorar la apariencia de iframe.
SVG significa Scalable Vector Graphics. Está recomendado por el W3C. Los gráficos en SVG se definen en formato XML. Es un estándar abierto que ha sido desarrollado activamente por el W3C. Los gráficos generados por SVG están basados en vectores, por lo que requieren menos espacio de almacenamiento y la imagen puede ampliarse o reducirse sin pérdida de calidad. Es compatible con los principales navegadores.
Proyectos prácticos de Html
COMM 750, Web Studies/Digital Media Instructor: Ross Collins Basic HTML Exercise Two You’ll be using the following new basic tags described below. Your final exercise should look like the illustration at right. <!–comment–>
This changes the color of your background. Replace the ? with a color based on the RGB hexidecimal system, two numbers or letters for each color. Try a random set of six numbers to see what happens. Or choose from the color picker at this WWW tutorial web site. <font face=»?» size=»?»></font>
This specifies the body text font. Fonts designed specifically for the web include arial for sans serif, and georgia for serif. Because the font won’t render unless it’s resident on a user’s machine, include alternatives, such as <font face=»arial, helvetica, sans-serif»> Size in HTML may be numbers 1 through 6, or may be indicated as relative sizes. This means you accept the default size set up by a user’s browser, and indicate sizes relative to that choice, using plus or minus, such as «-1.» Some webmasters recommend using relative sizes. <h3></h3>
Página html simple
Siempre he creído firmemente en el concepto de «aprender haciendo». Los conocimientos no valen nada si no puedes aplicarlos de forma práctica. La mejor manera de hacerlo es practicar lo que has aprendido… tomar ese conocimiento y ponerlo en práctica en el mundo real. Lo que encontrarás aquí son ejercicios prácticos que pondrán en práctica lo que has aprendido. Están divididos por tutoriales…
Empezarás haciendo una página sencilla desde cero y subiéndola a un servidor para que sea visible desde el resto del mundo. Luego pasarás a hacer unas cuantas páginas sencillas que utilizarán algunos de los conocimientos básicos de HTML que has adquirido.
Una vez más, no puedo dejar de insistir… tu habilidad con el HTML es directamente proporcional a la cantidad de práctica de autoría con él (y juguetear con Composer, MSWord o Front Page no es práctica de HTML). Así que, dicho esto, vamos a practicar un poco…