 |
| | | | | | | |
|
|
|
 |
ARTICULOS Y TUTORIALES DE WEBMASTERS |
|
|
|
|
|
 |
HTML WEBMASTERS |
|
|
|
|
|
HTML básico, El HTML (HyperText Markup Language) es un lenguaje sencillo para formatear texto, usado para escribir páginas web.
|
|
|
|
|
|
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.
|
|
|
|
|
|
Metatags, Que són y como funcionan
|
|
|
|
|
|
Estructura de un documento HTML, Estructura de un documento HTML
|
|
|
|
|
|
Sacar el subrayado de los links, Para que el subrayado de los links no nos cargue visualmente demasiado la página.
|
|
|
|
|
|
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.
|
|
|
|
|
|
Icono de la web en, Para hacer mas fácil el reconocer tu web en medio de muchos links.
|
|
|
|
|
|
No repetir una imagen de fondo, Muy útil con imágenes grandes que tienen la función de "Front-end" de una aplicación.
|
|
|
|
|
|
Efectos DHTML, Efectos DHTML
|
|
|
|
|
|
¿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?.
|
|
|
|
|
|
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
|
|
|
|
|
|
Tamaños y tipos de letra en HTML, Tamaños y tipos de letra en HTML
|
|
|
|
|
|
Quitar el Scroll del navegador, Elimanar la barra lateral del navegador nunca fue tan fácil
|
|
|
|
|
|
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.
|
|
|
|
|
|
Creación de enlaces (links), Creación de enlaces (links)
|
|
|
|
|
|
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.
|
|
|
|
|
|
Forzar el salto de página al imprimir, Permite que nuestra web quede bien paginada en el momento de imprimir.
|
|
|
|
|
|
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?
|
|
|
|
|
|
Tabla de códigos decimal-hexadecimal, Tabla de códigos decimal-hexadecimal
|
|
|
|
|
|
Rollover del color de las celdas, Cambia el color de la celda de la tabla al pasar el mouse por encima.
|
|
|
|
|
|
Páginas multimedia, Páginas multimedia
|
|
|
|
|
|
Head, Cabecera (HEAD) de un documento HTML
|
|
|
|
|
|
Los lenguajes JavaScript y Java, Los lenguajes JavaScript y Java
|
|
|
|
|
|
Introducción al HTML, Introducción al HTML
|
|
|
|
|
|
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.
|
|
|
|
|
|
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...
|
|
|
|
|
|
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.
|
|
|
|
|
|
Códigos hexadecimales de color, Códigos hexadecimales de color
|
|
|
|
|
|
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.
|
|
|
|
|
|
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.
|
|
|
|
|
|
Texto en color, Texto en color
|
|
|
|
|
|
Textos preformateados, Textos preformateados
|
|
|
|
|
|
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.
|
|
|
|
|
|
Introducción a los formularios, Introducción a los formularios
|
|
|
|
|
|
Páginas accesibles para discapacitadosPáginas accesibles para discapacitados,
|
|
|
|
|
|
No Index Follow, Con la siguiente linea le diremos a los robots que no nos indexen la página
|
|
|
|
|
|
El tag ... , Indicación de acrónimos en el texto.
|
|
|
|
|
|
Listas y menús, Listas y menús
|
|
|
|
|
|
Cuerpo de un documento, Cuerpo de un documento
|
|
|
|
|
|
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.
|
|
|
|
|
|
Columnas de texto en un documento, Columnas de texto en un documento
|
|
|
|
|
|
¿Por qué hay que usar códigos?, ¿Por qué hay que usar códigos?
|
|
|
|
|
|
Cambio de Cursor, Cambia el aspecto del cursor entre diferentes tipos de imágenes.
|
|
|
|
|
|
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...).
|
|
|
|
|
|
Introducción a DHTML, DHTML son las siglas en inglés de Lenguaje de Marcado de Hipertexto Dinámico, o simplemente HTML Dinámico.
|
|
|
|
|
|
Paginas con sonido, Ejemplos de páginas con sonido
|
|
|
|
|
|
Enviar un e-mail via formulario, Muy útil para recibir el contenido de los formularios que rellenan los usuarios.
|
|
|
|
|
|
Páginas con vídeo, Páginas con vídeo
|
|
|
|
|
|
¿Cómo funciona esto?, ¿Cómo funciona esto?
|
|
|
|
|
|
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
|
|
|
|
|
|
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.
|
|
|
|
|
|
¿Cómo se escriben los formularios ?, ¿Cómo se escriben los formularios ?
|
|
|
|
|
|
Gráficos animados, Gráficos animados
|
|
|
|
|
|
Notas sobre el lenguaje, Notas sobre el lenguaje
|
|
|
|
|
|
Propósito de este documento, Propósito de este documento
|
|
|
|
|
|
Otros efectos en el texto, Otros efectos en el texto
|
|
|
|
|
|
Propósito de este documento (varios años después), Propósito de este documento (varios años después)
|
|
|
|
|
|
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.
|
|
|
|
|
|
Formularios elegantes, Para dar un toque mas "profesional" a las presentacíones de formularios.
|
|
|
|
|
|
Diseño Web: antes del HTML, Consejos para diagramar la estructura de un sitio – Básicos de un sitio institucional.
|
|
|
|
|
|
|