Video de Tutorial de HTML

"Aqui esta un video de como hacer Paginas WEB en Bloc de Notas.
Espero que los guste mucho.

Tutorial Básico de HTML

Tutorial y manual básico de HTML

Introduccion a Html"

Mis pretensiones con este Tutorial no son ni mucho menos intentar enseñar el lenguaje HTML, es más lo único que quiero es llegar a aprender más sobre HTLM según escribo estas líneas. Así que os ruego me perdoneís las meteduras de pata que pueda tener y espero que todos aquellos que sepais de esto me ayudeís a completar el tutorial.
Realizar una página web es bastante fácil y no es necesario saber HTML, basta con utilizar uno de los innumerables programas que hay en el mercado y te ayudan a ello, todo se hace a golpe de ratón. No obstante siempre hay que retocar algo, y por eso estoy escribiendo esto, para que con unos ligeros conocimientos, podamos dar nuestro toque personal a las páginas que diseñemos.

¿Que es HTML?
Una buena pregunta eh?, bueno pues HTLM son las iniciales de Hiper Text Markup Languaje. Pues eso, en definitiva es un lenguaje de programación, mas o menos standard que se usa para que podamos crear documentos que se puedan ver con cualquier navegador.
Los programas HTLM, están hechos con texto plano, sólo contienen números y letras, pero ojo, no todos los caracteres son válidos, algunos carácteres son especiales y debemos insertar su código, por ejemplo las minúsculas acentuadas . Para decirle al navegador que nos muestre una a acentuada debemos teclear á y el resultado sería á, la e acentuada é, y así el resto de vocales. Más adelante incluire una tabla con los códigos especiales, pero de momento esto nos sirve.
Lo que si hay que tener en cuenta es que los códigos de marcado del lenguaje HTML, no son puntillosos y no distinguen entre mayúsculas y minúsculas. Con lo que si hay que tener cuidado es con las llamadas externas, y sobre todo con nombres de ficheros. Con los maravillosos sistemas operativos que tienen ahora nuestros ordenadores, podemos poner nombres larguisimos a nuestros ficheros, y además pueden contener espacios. Por cuestiones de portabilidad, yo seguiría con los nombres cortitos, y si tengo que separar palabras, nunca useis un blanco, es mejor un guión, y apañado. Además, donde si hay que tener cuidado por que si distingue mayúsculas y minúsculas es en los nombres de los ficheros, para el no es lo mismo PEPE que Pepe que pepe, serían tres ficheros distintos, así que cuidado con esto, luego no digaís que no os he avisado.

ESTRUCTURA DE UNA PAGINA
Bueno, esto ya se empieza a poner interesante. Vamos a empezar a escribir nuestro primer código HTML. Lo primero que hay que saber es que todo documento HTML debe empezar y acabar por las etiquetas y respectivamente. Como veís empezamos a utilizar este lenguaje. Todas las etiquetas van entre <>. Además la gran mayoría de las etiquetas van emparejadas y para distinguir entre la etiqueta de inicio y de fin, se le pone / a la etiqueta de fin. Fácil no?.
Todos los documentos HTML tienen dos partes, el encabezado y el cuerpo, de perogrullo no?. Pues hasta para esto hay que poner etiqueta, y cuales son? .
Para el encabezado la etiqueta es y En esta sección se pone la información de la página y poco más. Aquí es donde pónemos el título de nuestra página, para que todo el mundo nos conozca. El título irá entre las etiquetas lo que pongamos aqui, aparecera en la parte izquierda de la línea superior de la ventana.
Ya esta, manos a la obra vamos a empezar a diseñar nuestra primera página. Cogemos cualquier procesador, y acordaros de que se debe salvar como texto normal.



Y ahora vamos con la parte importante, el cuerpo del documento, donde vamos a insertar nuestro texto, imagenes, hiperenlaces, scrips ......... el cuerpo también tiene su etiqueta, que como no podia ser de otra manera son y y entre medias que?. Nuestra página WEB como todos los documentos, necesita un encabezamiento, algo que llame la atención y que defina el resto de la página. Podemos definir hasta 6 tamaños de encabezados, y esto se hace con las etiquetas

a

teniendo en cuenta que el número 1 define el tamaño de letra más grande y el 6 define el más pequeño.
Seguimos diseñando la página:

BIENVENIDO A MI PAGINA PERSONAL

Bienvenido a mi página personal (H1)

Bienvenido a mi página personal (H2)

Bienvenido a mi página personal (H3)

Bienvenido a mi página personal (H4)

Bienvenido a mi página personal (H5)

Bienvenido a mi página personal (H6)

PARRAFOS
Y ahora que, ya tenemos el encabezado de nuestra página, pero se puede mejorar el aspecto, alineando el parrafo. Lo normal es que todos queramos poner el encabezado en el centro de la página. Esto se logra con la etiqueta . Esta etiqueta también es válida para gráficos, pero lo veremos mas adelante.

BIENVENIDO A MI PAGINA PERSONAL

BIENVENIDO A MI PAGINA PERSONAL (H2)

Los párrafos van entre las etiquetas

y

, y los podemos alinear a la izquierda, a la derecha y como ya hemos visto, centrarlos, pero vamos a seguir con nuestra página, introduciendo el comando ALIGN.

BIENVENIDO A MI PAGINA PERSONAL

Ahora estoy escribiendo el primer párrafo de mi página personal, que quiero que se alinea a la izquierda.

Pero esta línea quiero que salga a la derecha

Toma ya y ahora en el centro

Ahora estoy escribiendo el primer párrafo de mi página personal, que quiero que se alinie a la izquierda

Pero esta línea quiero que salga a la derecha

Toma ya y ahora en el centro.


Habeís visto las posibilidades de alineamiento del parrafo, pues hay más. Si lo que queremos es sangrar un párrafo, debemos escribir entre las etiquetas

Y

.


FORMATOS
Pues visto lo anterior, seguimos dando forma a nuestra página, ahora vamos a ver como darle formato a nuestro texto. Lo primero que vamos a ver es como modificar el tamaño de la letra, esto se hace con el comando , en unión con el modificador SIZE.
Hay varias maneras de modificar el tamaño de la fuente. En primer lugar podemos hacer referencia al tamaño absoluto de la fuente. Los tamaños absolutos varían entre el 1 y el 7, siendo 7 el mas grande, y 1 el mas pequeño. La segunda manera de realizar la modificación, es hacer referencia al tamaño relativo de la fuente, es decir restando o incrementando el tamaño actual de la fuente en la cantidad especificada. Este modificador puede varíar entre -4 y +4. Pero como mejor se ve esto es continuando con nuestra página.

Esta línea está escrita con tamaño 3

Esta línea esta escrita con tamaño 3

Esta línea está escrita con tamaño 5

Esta línea esta escrita con tamaño 5

Esta línea está escrita con tamaño -3

Esta línea esta escrita con tamaño relativo -3
Cómo vemos en el último ejemplo, el resultado es el mismo que si aplicamos , resultado que restarle 3 unidades al último tamaño definido de fuente, en nuestro ejemplo 5.
Visto todo lo anterior, sólo queda por decir que es posible determinar cual es el tamaño base de la fuente con la que vamos a escribir nuestro documento HTML, para ello usamos la etiqueta , escrito justo a continuación de la etiqueta .

ESTILOS
Para resaltar partes del texto que estamos escribiendo, podemos utilizar negritas, cursivas, etc. Las etiquetas mas comúnes que podemos usar aparecen en la siguiente tabla
Estilo Etiqueta
Negrita Negrita
Cursiva Cursiva
Subrayado Subrayado
Cita Cita
Código Código
Enfasis Enfasis
Fuerte Fuerte
Teletipo Teletipo
Tachado Tachado
Subíndice Subíndice
Superíndice Superíndice
Grande Grande
Pequeño Pequeño

Esto se va a escribir en negrita

LINEAS HORIZONTALES
A veces vamos a necesitar separar las distintas secciones de nuestro documento HTML, una forma sencilla de hacerlo, es insertar líneas horizontales. Esto se consigue con la etiqueta

---

. Esta etiqueta no lleva su pareja de cierre, es individual, por defecto traza una línea de todo el ancho de la pantalla, no obstante se puede modificar el aspecto de las líneas añadiendo los siguientes parámetros:
SIZE = Indica el grosor en pixel de la línea
WIDTH = Especifica la anchura que la línea ocupa en la pantalla, se le puede especificar en pixels o en porcentaje.
ALIGN= Alineación de la línea
NOSHADE = Si queremos la línea con sombra o sin sombra.
Pero todo esto se ve mejor con un ejemplo:

---

El resultado es una línea de grosor 5 pixel un 50% de la pantalla alineada a la izquierda sin sombra, es decir:
--------------------------------------------------------------------------------


ENLACES
La verdadera potencia de internet nos la da la posibilidad de enlazar todas las páginas como si de una tela de araña se tratase, una página sin enlaces no tiene demasiado sentido, asi que vamos a ver de forma muy breve como insertar enlaces dentro de nuestro documento. Los enlaces nos pueden llevar a otro documento o bien a otra sección dentro del documento editado. Este documento de tutorial, esta repleto de enlaces a la misma página, como habeís podido ver, desde el índice que está al principio de este documento, se accede a las secciones directamente, igualmente de cada una de las secciones, se accede al índice. Además, este documento tiene enlaces externos, como vereis en la parte inferior de la pantalla, hay un enlace a la página principal de mi site y hay otro enlace a

Por cierto si os gusta leer y escuchar música, pinchar en este enlace, podreis adquirir los mejores libros y la mejor música de internet, y además así colaborareis a que pueda seguir manteniendo este tutorial.

Bueno, y ahora manos a la obra que es lo que nos interesa, vamos a generarnos un enlace a uno de los buscadores mas conocidos YAHOO

Buscar en YAHOO

Buscar en YAHOO

Ahora lo vamos a complicar un poco más y vamos a poner un gráfico como el del ejemplo anterior.

Bien no, es mucho más fácil de lo que parece.Como veis Hemos realizado dos enlaces a otras páginas pero con el mismo formato podemos acceder a otros muchos servicios de internet, podemos realizar enlace tipo ftp, correo electronico, etc. Vamos a ver como añadir un enlace de correo:
Mandame un correo
Mándame un correo
Para agregar enlaces a marcadores dentro de la página actual, o dentro de otra página, lo primero que hay que definir es el marcador, esto se hace de la siguiente manera:
Texto del marcador
Texto del marcador
El enlace al marcador anterior se definiría:
Enlace al marcador anterior
Cómo véis se incluye el símbolo "#" antes del nombre del marcador
Enlace al marcador anterior
Tambien se pueden hacer llamadas a marcadores definidos en otras páginas:
Enlace al marcador de la página index.html


DAR COLOR A LA PAGINA
Hasta ahora hemos visto todo lo necesario para realizar nuestra primera página WEB, pero ahora, vamos a darle un poco de vidilla, ya que una pagina con letra negra sobre fondo blanco, queda un poco sosa, asi que vamos a modificar los colores tanto del fondo como de las letras, e incluso vamos a poder insertar un gráfico como fondo de nuestra página.
Para modificar los colores de fondo del documento debemos añadir a la etiqueta de cuerpo de documento el parámetro BGCOLOR="#RRGGBB" donde #RRGGBB indica la combinacion de tonos de rojo, verde y azul necesarios para conseguir el color que deseamos. No obstante HTML reconoce 16 colores simples black, gray, maroon, purple, green, olive, navy, teal, silver, red, white, lime, yelow, aqua, blue y fuchsia con nombre y apellidos, así que para poner un fondo azul, bastará con poner sin más. Si lo queremos complicar más, necesitamos saber el número en hexadecimal que define el color que queremos y lo ponemos en la etiqueta bgcolor, el color rojo sin ir mas lejos sería #FF0000.
Para definir el color del texto, utilizaremos el parámetro TEXT="#RRGGBB". Para definir el color de los enlaces no vilistados, LINK="#RRGGBB", para los enlaces visitados VLINK="#RRGGBB", para los enlaces en los que se haga click ALINK="#RRGGBB".
Para insertar una imagen de fondo, usamos el parámetro BACKGROUND="imagenfondo.gif". Los formatos de ficheros más utilizados son el gif y jpg. Cabe reseñar que el fichero debe estar en el mismo directorio que el documento HTML que lo llama, en caso contrario se debe especifivar el PATH a dicho fichero gráfico. Y OJO, ya dije anteriormente que aunque en el código HTML da igual escribir las etiquetas en mayúsculas o minúsculas, cuando se hace una llamada a un fichero, enlace, etc... Si existen diferencias, con lo cual para evitar problemas, escribimos todo en minúsculas.

INSERTAR IMAGENES
Y como todo documento que se precie debe tener imagenes, vamos a insertarlas de una manera facilísima, esto se hace con el comando . Si además queremos especificar el tamaño siendo n el tamaño en pixels de la imagen.
Si a esto le añadimos todo lo que hemos visto anteriormente, podemos alinear la imagen, incluirla en un enlace a otras páginas, etc etc.

Ahora entendemos mucho mejor el ejemplo anterior


LISTAS
Este es uno de los elementos mas útiles para nuestros documentos HTML, ya que nos permite esquematizar de una forma clara la información contenida en nuestro documento.
Una lista es una sucesion de elementos que pertenecen a una estructura común y que es posible numerarlo, sin darle muchas más vueltas, el índice de esta página esta realizado con una lista.

Hay diferentes tipos de listas, sin orden con orden, numeradas, alfabeticas, etc.... Es bastante común que vayan precedidos de bolos o números para diferenciar una línea de otra.

Para crear una lista ordenada, se usan las etiquetas

y

, y a cada elemento se le incluye entre las etiquetas y pe.

1. INTRODUCCION



2. QUE ES HTML?

El resultado es como sigue:

INTRODUCCION
QUE ES HTML?
Las listas sin orden, preceden a las líneas por un bolo, y es igual que el ejemplo anterior, sustituyendo

por


Los elementos de las listas pueden ser a su vez listas





1. Estructura de un documento HTML






• Encabezado



• Cuerpo








Estructura de un documento HTML
Encabezado
Cuerpo
Para las listas ordenadas, también podemos usar los parámetros TYPE y START, para definir el tipo de numeración que deseamos y en que número empezar, los tipos són AaIi, para las numeraciones Alfabéticas, Alfabéticas minúsculas, Romanas y Romano minúsculas respectivamente.

pe.
, El primer elemento numerado de la lista será la C


CARACTERES ESPECIALES
Código Cáracter especial
< <
> >
& &
" "
¿ ¿
¡ ¡
á á
Á Á
é é
É É
í í
Í Í
ó ó
Ó Ó
ú ú
Ú Ú
ñ ñ
Ñ Ñ
ü ü
Ü Ü
&nbs; Espacio en blanco

Descarga aqui FireFox Gratis

Conoce el mejor navegador del mundo

Firefox está adaptado a la forma en la que usas la web, seguridad, estabilidad, velocidad y mucho más. ¡Instalación fácil y gratuita!

Descarga Aqui Open Office Gratis

Open Office
Paquete de aplicaciones que incluye procesador de textos, planilla de cálculos, editor de presentaciones, entre otros. Además de ocupar poco espacio en el disco duro, es compatible con los documentos de Microsoft Office y puede exportar al popular PDF.

Causas por las que una Computadora se apaga frecuentemente.

Si alguna vez te ha pasado que tu computadora se apaga repentina y frecuentemente, y no sabes qué hacer, seguramente estarás muy frustrado por ésta situación tan incómoda que se presenta con tanta cotidianidad, pues tranquilo que ya todo eso cambiará ahora mismo.

Vamos a analizar las causas más comunes por las que una computadora se apaga. ¿Qué causa ésto? Por lo general son problemas de recalentamiento del procesador (CPU), ésto hace que el mecanismo preventivo (automático) del procesador apague la computadora.

Sin embargo veamos las cinco causas más comunes que conocemos hoy día:

1. Recalentamiento de algún componente físico

Los procesadores (microprocesador) cuentan con mecanismos automatizados que comprueban siempre la temperatura de los mismos, cuando halla recalentamiento, de manera automática apagaría la computadora para así prevenir daños mayores.

Ahora bien, profundizando más en éste tema, ¿qué causa el recalentamiento de los procesadores? Pésima ventilación, por supuesto. Puede que el ventilador (llamado disipador o fan cooler) no esté funcionando correctamente, y no halla refrigeración.

Podría ser a causa del polvo que está atascando el funcionamiento del ventilador. La solución más eficiente es que se le haga un mantenimiento físico a los mismos, limpiándolos con una aspiradora, brochas y dejándolos como si estuvieran nuevos.

Por cierto, aclarar que no sólo es por el ventilador del procesador, también podría ser la tarjeta madre (placa base en unos países) que esté recalentando mucho.

2. Conflictos con algún hardware nuevo o estropeado

Te pregunto, mi amigo: ¿Has instalado algún componente físico nuevo? ¿Tarjeta gráfica aceleradora? ¿Capturadora de Televisión? Puede que hayan conflictos de compatibilidad. Prueba quitando éstos componentes nuevos, a ver se soluciona.

Y claro que no siempre es por cuestiones de hardware nuevo, también podría ser porque un componente que ya estaba en tu ordenador presenta problemas. Lo que se podría hacer es verificar que un componente esté dañado, probándolo en otro.

Si tienes dos módulos de memoria RAM, prueba quitando uno y usando el PC con el otro, y así sucesivamente. La idea es ir descartando qué causa la problemática. Recuerda que los componentes físicos son muy delicados, ten mucho cuidado.

3. El sistema operativo está infectado por un virus

Lo comprobé con una computadora que me trajeron hace unos días. El sistema se apagaba sólo tras un tiempo pasado, misteriosamente. Probé de todo, hasta probé con otros componentes físicos, el problema seguía. ¿Qué causaba ésto entonces?

Pues bien, es posible que un virus haya infectado tu sistema que ha sido elaborado con el objetivo de apagar o reiniciar la computadora de forma automática. Y puede que éste se ejecute cuando inicias algún programa o una actividad en específico.

Lo que puedes hacer entonces es limpiar exhaustivamente tu sistema de cualquier virus que esté presente en el mismo. Próximamente traeré un manual sobre cómo eliminar efectivamente virus (o troyano) en un sistema sin fallar en el intento

Espero que éste artículo les sirva de mucha ayuda. Si alguno conoce otras causas por las que una computadora se apague repentina y frecuentemente, sería bueno que por favor lo compartiera con todos los lectores de este Blog.

¿Como saber si mi Computadora esta infectada de Virus?

Más de una vez he querido escribir sobre ésto, ¿cómo saber si mi sistema está infectado por alguna amenaza informática? Bien sea virus, troyanos, o lo que sea que fuere, cuáles son los síntomas más comunes o algunos indicios para saber que estamos infectados.

Y es que con tanta porquería que hay en Internet no es nada extraño que nuestro sistema haya sufrido alguna vez una infección por cualquier malware. De hecho, muchos analistas de seguridad aseguran que la mayor fuente de contagio viral se encuentra es en Internet.

Es por eso que en éste artículo recopilaré los indicios o los síntomas más populares para determinar que hemos sido infectados por cualquier virus, como ver una lista, para que así sea más simple su comprensión. Si presentas alguna de las siguientes características es posible que tu sistema operativo esté infectado por cualquier virus o amenaza informática:

•El sistema está más lento que nunca para cualquier operación
•Salen errores del sistema con mucha frecuencia
•De repente (con mucha cotidianidad) el sistema se bloquea
•Sin razón ni motivo el sistema se reinicia sólo
•El administrador de tareas o el editor del registro están deshabilitados
•Aparición de carpetas o archivos extraños en tus directorios
•Las carpetas contienen archivos con los mismos nombres de las carpetas
•Cuando imprimes documentos, salen raros, a veces ni es posible
•Ejecutar aplicaciones se ha vuelto imposible: salen muchos errores
•Modificaciones en la longitud de los archivos, y de su fecha de creación
•El sistema no reconoce dispositivos USB, o componentes físicos
•Algunas unidades lógicas de disco son inaccesibles
•El sistema no termina de arrancar correctamente o se tarda mucho
•Aparición de aplicaciones con nombres raros en el gestor de procesos
•Disminuye el espacio libre en el disco duro
•La memoria en uso cada vez exagera más, aún cuando ni usamos el sistema
Claro está que esos síntomas son los más comunes. Ahora bien, vale la pena resaltar que si presentas sólo un síntoma, no es que nuestro sistema se infectó ya; se dice que se está infectado es cuando presentas por lo menos más de tres síntomas como los anteriores.

Daños al sistema a nivel de software
•Modificación de programas para que no funcionen
•Modificación de programas para que funcionen incorrectamente
•Eliminación de programas, datos, archivos, entre otros
•Consumir espacio del disco duro progresivamente
•Hacer que el sistema funcione con más lentitud
•Robo de información personal y confidencial
•Imposibilita el acceso a funciones del sistema
•Hace que el sistema no arranque correctamente
Daños al computador a nivel de hardware

•Borrado de la información contenida en el BIOS
•Quemado del procesador por información errónea del sensor de temperatura, la cual obviamente ha sido establecida intencionalmente por el mismo virus
•Estropeo del disco duro por hacer que lea datos repetidamente en el mismo sector

Estrategia de marketing en medios sociales. Marketing y comercio electrónico.

Comercio Electronico

Aqui les doy a Demostrar un poco de lo que es Comercio Electronico. Espero que lo Disfruten mucho.

Descargas de Software

Aqui podra descargar el software de Wamp server 2




Descarga de Wamp Server 2 Has Clic Aqui

Noticias sobre el Hardware en Informática

Opera lanza su versión 10.5

Promete el navegador más rápido del mercado con nuevo motor java script, nuevas técnicas de renderizacion y mayor optimización de recursos. Todo ello con un aspecto muy retocado y muy orientado a la nueva versión del sistema operativo de Microsoft. Un nuevo navegador realmente rápido con funciones muy interesantes que van más allá de un rendimiento sorprendente. El nuevo navegador Opera 10.5 disfruta de nuevos bríos con profundas novedades en sus motores principales, tanto visuales como de java script, que le permite ser hasta siete veces más rápido que su antecesor (que ya era de los mas rápidos del mercado) en tareas tan importantes actualmente como es la ejecución de código java script. Pero las novedades no solo van en referencia a su capacidad o rendimiento sino también a nuevas funciones tan interesantes como una nueva modalidad de navegación completa privada, donde no dejaremos rastro alguno, y también mayor seguridad con detección de paginas fraudulentas o con código maligno. Ahora también permite la ejecución permanente de Widgets tengamos o no corriendo el navegador. Todo esto aderezado con un nuevo y atractivo aspecto que lo integra perfectamente en el sistema Aero de Windows 7 y una mejora notable en su sistema “anti cuelgues” que lo hace aun más estable.

La descarga la tenéis en: Clic Aqui

Bienvenidos a mi Blog

Hola Bienvenidos a mi Blog