Creación de páginas web con lenguaje HTML Para crear una página web se pueden utilizar varios programas especializados en esto, como por ejemplo, el Microsoft Front Page o el Macromedia Dreamweaver 3. Otra forma de diseñar un archivo .html, es copiar todo en el Bloc de Notas del Windows, ya que este sencillo programa cumple con un requisito mínimo que es la posibilidad de trabajar con las etiquetas con las que trabaja este lenguaje. A continuación les mostraremos las etiquetas mas comunes que deben aprenderse para hacer una pagina Web. Estructura de los documentos de HTML Si se tiene en cuenta el contenido del documento, todos los documentos de HTML bien escritos comparten una estructura en común. Un documento de HTML empieza con la etiqueta , que es la que encerrará el documento actual. Contiene dos secciones primordiales: la cabecera y el cuerpo encerradas respectivamente por los elementos cabeza y cuerpo. La cabecera puede contener información y siempre contiene el titulo del documento encerrado por el elemento

Primera pagina

---

Esta es mi primera pagina, aunque todavía es muy sencilla. Como el lenguaje HTML no es difícil, pronto estaremos en condiciones de hacer cosas mas interesantes.

Aquí va un segundo párrafo. Para escribir títulos se usa la etiqueta en donde x es un número. Ejemplo:

Titulo principal

Titulo secundario

Titulo terciario

Titulo cuarto nivel

Titulo quinto

Titulo sexto

Quedaría mas o menos así: Titulo principal Titulo secundario Titulo terciario Titulo cuarto nivel Titulo quinto Titulo sexto 5. Etiquetas de párrafo Para esto se utiliza la etiqueta

y

. Este comando es muy útil debido a que si uno escribe algo (en el editor que se este utilizando) por mucho espacio que uno le de siempre al texto, siempre va a aparecer en la misma línea. Para alinear un párrafo se utiliza el comando y , utilizado dentro de la etiqueta

. Se puede alinear de tres formas diferentes:

Párrafo...

Alinea a la izquierda.

Párrafo...

Realiza un centrado.

Párrafo...

Alinea a la derecha. Cuando nosotros queremos que lo que escribimos aparezca en otra línea utilizamos el comando
. Al terminar de escribir un párrafo es conveniente y estético utilizar el comando para separar un párrafo de otro que es

---

Etiquetas para darle formato al texto: Para el tamaño y tipo de letra se usa la etiqueta y , que posee tres atributos: tamaño (Size), Tipo de letra o fuente (face) y color Formato: y Sirve para colocar un texto en Negrita. y < /U> Sirve para subrayar un texto y Sirve para tachar un texto. y Cumple la misma función que y Para colocar un texto en cursiva. texto con énfasis texto con énfasis citación citación definición definición teclado teclado ejemplo ejemplo SIZE: Regula el tamaño de los caracteres. Ejemplo: texto... . FACE: Es la fuente que se quiere usar, Arial, Times new Roman, etc. Ejemplo: texto… Color: Regula el color de los caracteres. En principio existen dos posibilidades para definir los colores en HTML: 1. Mediante la especificación de los valores RGB del color deseado en forma hexadecimal (RGB=Red/Green/Blue, valores Rojo/Verde/Azul) 2. Mediante la especificación del nombre del color en ingles Ejemplos: Blanco Blanco #FFFFFF Negro Negro #000000 Rojo Rojo #FF0000 Verde Verde #00FF00 Azul Azul #0000FF Amarillo Amarillo #FFFF00 Cyan Cyan #00FFFF Magenta Magenta #FF00FF Si nos decidimos a trabajar con valores hexadecimales, entonces tenemos la libertad de utilizar 16,7 millones de colores. De esta manera trabajamos independientemente de los navegadores Web. Si especificamos el nombre del color, podemos evitar la definición del color en forma hexadecimal que es un poco más difícil. Actualmente están estandarizados tan sólo 16 colores. Existen colores adicionales los cuales son dependientes de los navegadores Web. Primero que todo debe escribir un símbolo #. A continuación siguen las 6 cifras para la definición del color. Las primeras 2 cifras definen el valor rojo, las siguientes 2 el valor verde y las 2 últimas el valor azul. Las cifras hexadecimales son: 0 (corresponde al decimal 0) 1 (corresponde al decimal 1) 2 (corresponde al decimal 2) 3 (corresponde al decimal 3) 4 (corresponde al decimal 4) 5 (corresponde al decimal 5) 6 (corresponde al decimal 6) 7 (corresponde al decimal 7) 8 (corresponde al decimal 8) 9 (corresponde al decimal 9) A (corresponde al decimal 10) B (corresponde al decimal 11) C (corresponde al decimal 12) D (corresponde al decimal 13) E (corresponde al decimal 14) F (corresponde al decimal 15) (mirar el cuadro de la página anterior) Para ponerle color de fondo a la página escribir: con el cual obtendremos un color de fondo gris oscuro. Colocar mal los colores de fondo en nuestras páginas puede provocar problemas. ¿Qué ocurría con los links o enlaces si colocáramos un fondo de color azul?. Puesto que los links son azules cuando todavía no se han pulsado puede ocurrir que no se puedan leer con claridad o incluso que no se puedan distinguir en absoluto del fondo. Se puede imaginar todavía un caso peor si decidiéramos colocar un fondo demasiado oscuro, tan oscuro que no permitiera distinguir con claridad la información que se presenta en pantalla. Podemos remediar esto eligiendo nosotros mismos el color que queremos que tengan los links o enlaces e incluso el texto, las etiquetas para hacer esto son las siguientes: • text="#número" Para el color del texto. • link="#número" Para el color de los enlaces. • vlink="#número" El color con que aparecerán los enlaces ya visitados. • alink="#número" Color del enlace cuando lo pulsamos. Por lo tanto la etiqueta puede quedar del siguiente modo: Ahora veremos como poner una imagen de fondo. Es muy sencillo, basta con usar la etiqueta: background="localización de la imagen" Esta etiqueta va dentro de la etiqueta . Ejemplo: Con esto lograremos que la imagen dragonball.gif aparezca como fondo en nuestra pagina. Etiquetas META Son usadas para poner meta-información del documento. Esta "directiva" indica al visor de Internet las palabras clave y contenido de nuestra página Web. Muchos de los buscadores de páginas Web de Internet (Yahoo, Lycos, etc...) utilizan el contenido de esta directiva para incluir la página en sus bases de datos. Ejemplo: Indica al visor el nombre de la página y sus contenidos principales. Indica el nombre de la persona que elabora la pagina WEB Indica al visor las palabras clave para los buscadores de Internet. Para hacer listas: Las listas se definen de forma muy sencilla: se dice dónde empieza la lista, dónde empieza cada punto y dónde acaba la lista. Las etiquetas que se utilicen en cada caso deben aparecer al principio de línea, o al menos sin texto por delante (sólo espacios o tabulaciones). Las listas pueden ser: Lista desordenada,

(Unordered List). Lista ordenada,
(Ordered List). Ejemplos de diferentes tipos de listas: Lista con números romanos:
1. Manzana
2. Zanahoria
3. Lechuga
4. Tomate
Manzana Zanahoria Lechuga Tomate Lista numerada:
1. Manzana
2. Zanahoria
3. Lechuga
4. Tomate
Manzana Zanahoria Lechuga Tomate Lista con puntos:
• Manzana
• Zanahoria
• Lechuga
• Tomate
Manzana Zanahoria Lechuga Tomate Lista con círculos:
• Manzana
• Zanahoria
• Lechuga
• Tomate
Manzana Zanahoria Lechuga Tomate Lista con cuadrados:
• Manzana
• Zanahoria
• Lechuga
• Tomate
Aca encontre esta información muy completa espero les sirva y en el proximo post veremos como insertar imagenes les saluda the one Leer más: http://www.monografias.com/trabajos7/html/html.shtml#ixzz35zIuhE6L

Primeros Pasos

Primeros Pasos

Hola amigos les saluda The One y hoy empezaremos con unos conceptitos básicos que nos van a ayudar a dar los primeros pasos en el mundo de programación, como lo mencionaba antes para programar necesitamos aprender lenguajes de programación, ya que atravez de ellos podremos dar ordenes a los ordenadores, y uno de los lenguajes mas sencillos y a su vez mas usados es el HTML (HTML, siglas de HyperText Markup Language, hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que, en sus diferentes versiones, define una estructura básica y un código para la definición de contenido de una página web, como texto, imágenes, etc.) ahora abre cualquier pagina web la que desees y con el click derecho de tu raton ubícate sobre donde dice ver código fuente y veras muchos signos todo eso es parte del lenguaje HTML pero para empezar a introducirnos en HTML haremos el famoso hola mundo.

<!DOCTYPE html>

<html>

<head>

<title>HolaMundo</title>

</head>

<body>

<h1>HolaMundo</h1>

</body>

</html>

Si bien en teoría es posible programar utilizando solamente el block de notas, este programa no está del todo preparado para ayudarnos a desarrollar aplicaciones.

Existen aplicaciones específicas que hacen mucho más simple el desarrollo de aplicaciones.

El ambiente de desarrollo es un conjunto de herramientas y programas que necesitas instalar en tu computadora, para que sea mas fácil crear aplicaciones.

Para comenzar a desarrollar la aplicación, es posible instalar estos componentes, en una versión reducida, en una computadora común y corriente. Bueno es recomendable que como desarrolladores tengamos instalados los diversos navegadores, como lo son internet Explorer, Firefox, crome, ya que de esta manera podremos probar nuestras creaciones en diferentes entornos, cuando los tengamos ya instalados buscar los correspondientes firebugs correspondientes para cada navegador, a y se me olvidaba es muy importante que no tengas instalados barras de terceros ni plugins fuera de la instalación estándar, ya que a causa de ellos a veces se tiene una función anómala de las aplicaciones .

Descargas sugeridas:

Google Chrome:

http://www.google.com/intl/es-419/chrome/browser/

Mozilla Firefox

http://www.mozilla.org/es-ES/firefox/new/

Microsoft Management SQL Server 2008 Express Edition

http://www.microsoft.com/es-es/download/details.aspx?id=7593

Microsoft Visual Studio express 2008

http://microsoft-visual-basic-2008-express.softonic.com/descargar

Tipos de Aplicaciones y Tecnologias que podriamos utilizar

Para programación existen diferentes Tecnologías que podemos utilizar dependiendo de lo que queramos realizar:

Las aplicaciones de escritorio aon aquellas que no necesitan conectarse a internet y funciona desde el escritorio para desarrollar este tipo de aplicaciones podemos usar C#.NET o Java también existen las aplicaciones Web que son aquellas aplicaciones que requiere conexión a internet  permanente para ejecutarse podemos usar lenguajes como Javascript, C#.NET, Java, WCF.

Si necesitamos Guardar Información existen las BD o Bases de datos y para ello existen varios lenguajes de programación como SQL, SQL Server Express o My SQL Cuando no estamos seguros de que tipo de información vamos a guardar existen las Bases de Datos Documentales En este último grupo, cada registro se compone de un documento, sea éste de cualquier tipo: una publicación impresa, un documento audiovisual, gráfico o sonoro, un documento de archivo, un documento electrónico

Y cuando necesitamos que nuestras aplicaciones interactúen con componentes electrónicos o robóticos podemos utilizar Arduino.

Hola

Que tal, mis amigos me llaman The One y pues paso a saludarles y comentarles que mi intención es que juntos aprendamos paso a paso de programación, que es una de las herramientas mas importantes de nuestra época, es importante ya que atravez de todas estas herramientas podemos crear soluciones para diferentes tipos de necesidades, desde entretenimiento hasta empresariales y empezaremos por conceptos básicos hasta aprender diferentes  lenguajes de programación y muchas cosas que podemos realizar con la programación así que espero sus comentarios y que me acompañen en este largo pero interesante viaje.