 |
| | | | | | | |
|
|
|
 |
ARTICULOS Y TUTORIALES DE WEBMASTERS |
|
|
|
|
|
 |
HTML WEBMASTERS |
|
|
|
|
|
Textos preformateados, Textos preformateados
|
|
|
|
|
|
Propósito de este documento (varios años después), Propósito de este documento (varios años después)
|
|
|
|
|
|
Notas sobre el lenguaje, Notas sobre el lenguaje
|
|
|
|
|
|
¿Cómo se escriben los formularios ?, ¿Cómo se escriben los formularios ?
|
|
|
|
|
|
¿Cómo funciona esto?, ¿Cómo funciona esto?
|
|
|
|
|
|
Propósito de este documento, Propósito de este documento
|
|
|
|
|
|
No Index Follow, Con la siguiente linea le diremos a los robots que no nos indexen la página
|
|
|
|
|
|
Los lenguajes JavaScript y Java, Los lenguajes JavaScript y Java
|
|
|
|
|
|
Enviar un e-mail via formulario, Muy útil para recibir el contenido de los formularios que rellenan los usuarios.
|
|
|
|
|
|
Ultimas innovaciones, Como es normal el HTML, como cualquier otro lenguaje, no está terminado ni lo estará nunca. Día a día se le van implementando nuevas utilidades que le hacen, si cabe, más atractivo y práctico. Hay que distinguir entre lo que son elementos "oficiales" del lenguaje, y las implementaciones que los creadores de cada visualizador le van añadiendo a sus respectivos programas. Buena muestra de ello son los CGI y los applets, plug-ins y JavaScripts de Netscape y los ActiveX de Microsoft.
|
|
|
|
|
|
Cuerpo de un documento, Cuerpo de un documento
|
|
|
|
|
|
Degradados de color en pantalla, Con este pequeño código conseguimos un degradado de color en la pantalla sin tener que utilizar ninguna imágen
|
|
|
|
|
|
Introducción a DHTML, DHTML son las siglas en inglés de Lenguaje de Marcado de Hipertexto Dinámico, o simplemente HTML Dinámico.
|
|
|
|
|
|
Dar formato a las barras de Scroll, Si queremos que las barras de Scroll de nuestro navegador se ajusten al diseño de la web podemos cmbiar su formato con estilos de CSS.
|
|
|
|
|
|
Tabla de códigos decimal-hexadecimal, Tabla de códigos decimal-hexadecimal
|
|
|
|
|
|
Páginas con vídeo, Páginas con vídeo
|
|
|
|
|
|
Paginas con sonido,
Netscape implementa en la versión 3.0 los sonidos, que junto con el vídeo, son sin duda dos de los efectos más atractivos del HTML. Pueden utilizarse indistintamente ficheros de sonido con los formatos WAV, AIFF, AU, MIDI o el nuevo MP3. Las instrucciones para reproducir vídeos son prácticamente las mismas.
|
|
|
|
|
|
Creación de enlaces (links), Creación de enlaces (links)
|
|
|
|
|
|
Estructura de un documento HTML, Estructura de un documento HTML
|
|
|
|
|
|
Introducción a los formularios, Introducción a los formularios
|
|
|
|
|
|
Texto en color, Texto en color
|
|
|
|
|
|
Enlaces dentro de la misma página, Un método para ayudar en la navegación de una misma página es hacer enlaces dentro de ella, formando un índice del contenido de la página.
|
|
|
|
|
|
Listas y menús, Listas y menús
|
|
|
|
|
|
Icono de la web en, Para hacer mas fácil el reconocer tu web en medio de muchos links.
|
|
|
|
|
|
Efectos DHTML, Efectos DHTML
|
|
|
|
|
|
Páginas accesibles para discapacitadosPáginas accesibles para discapacitados,
|
|
|
|
|
|
Agrupar campos de formulario con FIELDLIST, Desde la salida de la revisión 4 del HTML, podemos encerrar parte de un formulario dentro de la etiqueta FIELDSET se mostrara un rectángulo alrededor de los mismos.
|
|
|
|
|
|
Paletas de colores correctas para la web, Los colores reproducibles en un determinado ordenador dependen, entre otras cosas, del sistema operativo utilizado (también influyen la pantalla, targeta de video...).
|
|
|
|
|
|
Paginas con sonido, Ejemplos de páginas con sonido
|
|
|
|
|
|
Tamaños y tipos de letra en HTML, Tamaños y tipos de letra en HTML
|
|
|
|
|
|
¿Por qué hay que usar códigos?, ¿Por qué hay que usar códigos?
|
|
|
|
|
|
Códigos hexadecimales de color, Códigos hexadecimales de color
|
|
|
|
|
|
Diseño Web: antes del HTML, Consejos para diagramar la estructura de un sitio – Básicos de un sitio institucional.
|
|
|
|
|
|
No repetir una imagen de fondo, Muy útil con imágenes grandes que tienen la función de "Front-end" de una aplicación.
|
|
|
|
|
|
HTML básico, El HTML (HyperText Markup Language) es un lenguaje sencillo para formatear texto, usado para escribir páginas web.
|
|
|
|
|
|
Head, Cabecera (HEAD) de un documento HTML
|
|
|
|
|
|
¿Porcentaje o Píxel?, Todos los que nos dedicamos a diseñar páginas web, en un momento u otro nos hemos hecho esta pregunta, ¿debo usar porcentaje o píxel fijo para definir las tablas de mi sitio?, ¿qué es mejor?.
|
|
|
|
|
|
Formularios elegantes, Para dar un toque mas "profesional" a las presentacíones de formularios.
|
|
|
|
|
|
Gráficos animados, Gráficos animados
|
|
|
|
|
|
Compresión HTTP: ¡Paginas super-rápidas!, ¿Que dirías si te enteras que existe una manera sencilla de hacer que tus paginas bajen hasta 10 veces mas rápido? ¿Y si, además, puedes ahorrar dinero en ancho de banda?
|
|
|
|
|
|
Metatags, Que són y como funcionan
|
|
|
|
|
|
Quitar el Scroll del navegador, Elimanar la barra lateral del navegador nunca fue tan fácil
|
|
|
|
|
|
Información adicional en los campos de los formularios, La etiqueta LABEL permite que cada elemento de un formulario disponga de una etiqueta informativa que aparece al pasar por encima del elemento.
|
|
|
|
|
|
Sitios de carga rápida, Quiere que su sitio web cargue más rapido? si está tratando de correr un negocio u ofrecer algún tipo de información interesante, puede ser bastante importante.
|
|
|
|
|
|
Párrafos. Saltos de línea. Bloques tabulados. Línea horizontal. Divisiones. Recuadros, Párrafos. Saltos de línea. Bloques tabulados. Línea horizontal. Divisiones. Recuadros
|
|
|
|
|
|
Sacar el subrayado de los links, Para que el subrayado de los links no nos cargue visualmente demasiado la página.
|
|
|
|
|
|
Otros efectos en el texto, Otros efectos en el texto
|
|
|
|
|
|
Evitar el Error 404 "PAGINA NO ENCONTRADA", El error 404 significa PAGINA NO ENCONTRADA y según algunasestadísticas al menos un 5% de las visitas dentro de un sitio web van a parar a este mensaje.
|
|
|
|
|
|
Introducción al HTML, Introducción al HTML
|
|
|
|
|
|
Capas con texto desplazable, Para tener mucho texto en una página nos puede ser útil que parte de esta no quede a la vista y sea visible a través de una capa con una barra de desplazamiento que nos permitira ir viendo el texto a medida que vamos leyendo sin tener que ocupar un gran espacio en la pantalla.
|
|
|
|
|
|
Forzar el salto de página al imprimir, Permite que nuestra web quede bien paginada en el momento de imprimir.
|
|
|
|
|
|
Columnas de texto en un documento, Columnas de texto en un documento
|
|
|
|
|
|
Cómo hacer los mapas de imágenes, Hoy es posible linkear solo una o varias parte de una misma imagen a diferentes destinos, gracias al tag MAP.
|
|
|
|
|
|
Rollover del color de las celdas, Cambia el color de la celda de la tabla al pasar el mouse por encima.
|
|
|
|
|
|
Tabla con cabecera independiente y barra de Scroll, Queremos mostrar una tabla que independientemente de lo larga o ancha que sea muestre siempre la cabecera, permitiendo hacer scroll por el contenido.
|
|
|
|
|
|
El tag ... , Indicación de acrónimos en el texto.
|
|
|
|
|
|
Ejecutar videos dentro la web, Dale un toque multimedia a tu página
|
|
|
|
|
|
Cambio del color del texto al pasar el cursor por encima, Un roll-over peró con los colores del texto.
|
|
|
|
|
|
Páginas multimedia, Páginas multimedia
|
|
|
|
|
|
Qué son los frames, Los frames (en inglés frame = cuadro, bastidor o marco) es un elemento implementado por Netscape, que permite dividir la pantalla en varias áreas independientes unas de otras...
|
|
|
|
|
|
Cambio de Cursor, Cambia el aspecto del cursor entre diferentes tipos de imágenes.
|
|
|
|
|
|
|