<html>
<head>
<title> practica 3-b </title>
</head>
<body bgcolor="black">
<center>
<font color="white">
<font face="Papyrus">
<font size="10">
<p>Hola este documento tiene fondo negro, fuente en color blanco tipo papyrus, tamaño 10 puntos y esta centrado.
</p>
</body>
</html>
lunes, 23 de abril de 2012
PRACTICA 3-A
<html
<head>
<title> Practica 3-A </title>
</head>
<body>
<h2><center> <font color="red"> Alineación de párrafos</font></center></h2>
<hr>
<p align="left"> Este párrafo está alineado a la
izquierda </p>
<p align="right"> Este párrafo está alineado a la
derecha</p><p align="center"> Este párrafo está alineado al centro </p>
<p align="justify"> Este párrafo está alineado justificado </p>
<hr>
<hr>
<p> Este texto esta normal</p> <br>
<p> <b> Este texto está en negrita </b> </p>
<br><p> <i> Este texto está en cursiva </i> </p> <br>
<p> <strike> Este texto esta tachado </strike> </p> <br>
<p> <u> Este texto esta subrayado </u> </p> <br>
<p> Este texto está en <Sub> sub</sub>índice </p> <br>
<p> Este texto está en <Sup> sup</sup>índice </p> <br>
<p> <tt> Este texto esta mecanografiado </tt> </P> <br>
<p> <font face="Papyrus"> Este texto está en letra papyrus </font> </p> <br>
<p> <font face="Lucida Sans"> Este texto está en letra Lucida Sans </font> </p> <br>
<p> <font face="Monotype Corsiva"> Este texto está en letra Monotype Corsiva </font> </p> <br>
<p> <font size="10"> Este texto está en tamaño diez puntos </font> </p> <br>
<p> <font size="3"> Este texto está en tamaño tres puntos </font> </p> <br>
<p> <font size="5"> Este texto está en tamaño cinco puntos </font> </p> <br>
<p> <font color="#0000FF"> Este texto está en color azul </font> </p> <br>
<p> <font color="#008000"> Este texto está en color verde </font> </p> <br>
<p> <font color="#ffff00"> Este texto está en color amarillo </font> </p> <br>
<hr>
<hr>
<pre>
Comedia Radio
cntr protagonizado por Mike Stewart $14.99Drama Golden Fields protagonizado por Jane Rpddingham $19.99
</pre>
<br>
<code>
Comedia Radio cntr protagonizado por Mike Stewart $14.99Drama Golden Fields protagonizado por Jane Rpddingham $19.99
</code>
<hr>
<p>Este párrafo contiene espacios en blanco.</p>
<hr>
</body>
</html>
PRACTICA 3: MARCADO DE TEXTO.
<html>
<head>
<title> Practica 3</title>
</head>
<body>
<h2>
Ejemplo de las etiquetas em y strong. </h2>
<p>El lenguaje HTML permite marcar algunos segmentos de texto como <em> muy importantes</em> y otros segmentos como <strong> los más importantes</strong>.</p>
<h2>
Ejemplo de las etiquetas del e ins </h2>
<p>El HTML, acrónimo inglés de Hyper Text Markup Language (lenguaje de <del datetime="20091025" cite="http://www.librosweb.es/mas_informacion.html"> marcado de hipertexto </del> <ins datetime="20091026" cite="http://www.librosweb.es/ mas_informacion.html"> marcas hipertextuales </ins>) es un lenguaje de marcación diseñado para estructurar textos y presentarlos en forma de hipertexto. </p>
<h2> Ejemplo de las etiquetas cite y blockquote </h2>
<p>Como dijo <cite>Mahatma Gandhi</cite>:
<blockquote> Vive como si fueras a morir mañana y aprende como si fueras a vivir para siempre. </blockquote> </p>
<h2>
Ejemplo de las etiquetas abbr y acronym </h2>
<p>El <abbr title="lenguaje">leng.</abbr> <acronym title="HyperText Markup Language">HTML</acronym> es estandarizado por el <acronym title="World Wide Web Consortium">W3C</acronym>.</p>
<h2> Ejemplo de la etiqueta dfn </h2>
<p>Con estos síntomas, podría tratarse de un caso de <dfn title="Imagen o sensación subjetiva, propia de un sentido, determinada por otra sensación que afecta a un sentido diferente">sinestesia</dfn></p>
</body>
</html>
<head>
<title> Practica 3</title>
</head>
<body>
<p>El lenguaje HTML permite marcar algunos segmentos de texto como <em> muy importantes</em> y otros segmentos como <strong> los más importantes</strong>.</p>
<p>El HTML, acrónimo inglés de Hyper Text Markup Language (lenguaje de <del datetime="20091025" cite="http://www.librosweb.es/mas_informacion.html"> marcado de hipertexto </del> <ins datetime="20091026" cite="http://www.librosweb.es/ mas_informacion.html"> marcas hipertextuales </ins>) es un lenguaje de marcación diseñado para estructurar textos y presentarlos en forma de hipertexto. </p>
<h2> Ejemplo de las etiquetas cite y blockquote </h2>
<p>Como dijo <cite>Mahatma Gandhi</cite>:
<blockquote> Vive como si fueras a morir mañana y aprende como si fueras a vivir para siempre. </blockquote> </p>
<p>El <abbr title="lenguaje">leng.</abbr> <acronym title="HyperText Markup Language">HTML</acronym> es estandarizado por el <acronym title="World Wide Web Consortium">W3C</acronym>.</p>
<h2> Ejemplo de la etiqueta dfn </h2>
<p>Con estos síntomas, podría tratarse de un caso de <dfn title="Imagen o sensación subjetiva, propia de un sentido, determinada por otra sensación que afecta a un sentido diferente">sinestesia</dfn></p>
</body>
</html>
Practica 2: Manejo de secciones.
<html>
<head>
<title> Practica 2</title>
</head>
<body>
<h1>Titular de la página</h1>
<p>Párrafo de introducción...</p>
<h2>La primera sub-sección</h2>
<p>Párrafo de contenido...</p>
<h3>Otra subsección</h3>
<p>Más párrafos de contenido...</p>
<head>
<title> Practica 2</title>
</head>
<body>
<h1>Titular de la página</h1>
<p>Párrafo de introducción...</p>
<h2>La primera sub-sección</h2>
<p>Párrafo de contenido...</p>
<h3>Otra subsección</h3>
<p>Más párrafos de contenido...</p>
</body>
</html>Practica 1: Inserción de texto y estructuración en párrafos.
<html >
<head>
<title>PRACTICA
1</title>
</head>
<body>
<p>Este es el
texto que forma el primer párrafo de la página, los párrafos
pueden ocupar varias líneas y el navegador se
encarga de ajustar su longitud al tamaño de la
ventana.</p>
<p>El
segundo párrafo de la página también se define encerrando su texto con la etiqueta p. El navegador
también se
encarga
de separar automáticamente cada párrafo.</p>
</body>
</html>
ETIQUETAS Y ATRIBUTOS
Las etiquetas (en inglés: tags) son marcas insertadas en un
documento HTML para proporcionar información sobre una unidad o contenido.
Reglas básicas
· Las etiquetas están encerradas entre los signos "<" y ">".
· Generalmente vienen en pares <p> y <⁄p>.
· La primera es de apertura y la segunda de cierre.
· El texto que se encuentra entre dos etiquetas es el contenido del elemento.
· Los atributos siempre van en la etiqueta de apertura.
· Los valores siempre hay que ponerlos entre comillas.
Ejemplo:
Reglas básicas
· Las etiquetas están encerradas entre los signos "<" y ">".
· Generalmente vienen en pares <p> y <⁄p>.
· La primera es de apertura y la segunda de cierre.
· El texto que se encuentra entre dos etiquetas es el contenido del elemento.
Ejemplo:
Muchas etiquetas llevan atributos. Los mismos proveen de
mayor información a los elementos HTML.
·
Los atributos siempre van con la estructura: nombre="valor".· Los atributos siempre van en la etiqueta de apertura.
· Los valores siempre hay que ponerlos entre comillas.
Ejemplo:
En la etiqueta <body> podemos
observar el atributo bgcolor=(color
de fondo) y el valor "#FFFF00"(representa
el color amarillo en hexadecimal). Esto quiere decir que el color de fondo de
la página será amarillo.
lunes, 26 de marzo de 2012
B. USO DE LAS NORMAS REQUERIDAS EN LA INCORPORACIÓN DE LOS ELEMENTOS GRÁFICOS Y MULTIMEDIA.
Cuando en un Sitio Web se incorporan elementos gráficos y multimediales, se deben seguir normas muy concretas para evitar que su peso afecte el desempeño de la página cuando sea solicitada por los usuarios del Sitio Web. Recomendaciones para asegurar la correcta inclusión elementos gráficos y multimedia:
Optimización del peso de las imágenes. Se debe bajar al máximo posible el peso de las imágenes; cuando esto no sea posible hacerlo por su tamaño, se debe reducir el número de colores disponibles y la resolución (72 dpi es la norma).
Formato de imágenes. Ante un mismo tamaño de imagen, el peso varía dependiendo de si son procesadas para desplegarse en formato GIF respecto del formato JPG. Normalmente una imagen con colores planos (como un icono) tendrá un peso menor si se guarda en GIF respecto de si es guardada en JPG. Lo contrario ocurrirá con una imagen con muchos colores diversos (como una foto). Se recomienda probar ambos formatos para determinar el óptimo.
Ubicación de imágenes. Se recomienda usar un solo directorio para almacenar las imágenes repetidas, tales como los iconos y otros elementos gráficos que son utilizados en diferentes páginas del sitio. Al ubicarlos en un directorio único se puede aprovechar la función de caché del programa visualizador para mejorar el rendimiento de las páginas. Para efectos de seguridad, se recomienda impedir que un programa visualizador pueda ver el contenido de dicho directorio o cualquier otro dentro del sitio.
Uso del atributo ALT. En el código HTML se debe usar el atributo ALT (texto alterno) en las imágenes para que éste se despliegue antes que las imágenes y facilite de esta forma la comprensión del contenido a los usuarios.
Imágenes con alto y ancho. Las imágenes (dibujos, fotos, iconos, botones) deben tener tamaño para el ancho y el alto, para que el programa visualizador pueda dejar reservado el espacio para dicho contenido antes de que se realice su despliegue visual.
Manejo de plugins. Cuando se utilizan archivos multimediales que requieren el uso de plugins (programas visualizadores especiales) para revisarlos, se recomienda poner el programa para ser bajado u ofrecer un enlace a lugares donde obtenerlo. Esto es especialmente válido en sitios que ofrecen presentaciones de portada en tecnología Flash, las cuales deben ser anunciadas para que el usuario tenga la opción de verlas o avanzar directo al sitio.
Indicar el peso de los archivos. Cuando se ofrecen elementos gráficos o audiovisuales para que sean bajados al computador personal por el usuario (especialmente en Video, Audio, Flash u otros), se recomienda indicar el peso de los mismos, con el objeto de ofrecerle información útil para efectuar la operación.
Suscribirse a:
Entradas (Atom)