Archivo

Archivo para julio, 2009

TUTORIAL HTML: 3. ESTRUCTURA BÁSICA DE UN DOCUMENTO HTML

martes, 21 de julio de 2009 Sin comentarios

Un documento escrito en HTML consta de las siguientes etiquetas básicas:

<HTML> Indica el inicio del documento.
<HEAD> Inicio de la cabecera.
<TITLE> Inicio del título del documento.
</TITLE> Final del título del documento.
</HEAD> Final de la cabecera del documento.
<BODY> Inicio del cuerpo del documento.
</BODY> Final del cuerpo del documento.
</HTML> Final del documento.

Ejercicio :

Abre el editor de textos (el bloc de notas, por ejemplo) y escribe lo siguiente:

<html>
<head><title>Mi página web </title></head>
<body>Este es el texto de mi página web </body>
</html>

Guarda el archivo como «prueba.html» (no olvides escribir la extensión html). No es necesario entrar en internet para ver una página, ni tenerla colgada aún. Abre tu navegador. En el menú, haz clic en Archivo/Abrir. En la ventana emergente pulsa «examinar». Busca y abre el archivo que acabas de guardar. Observa el aspecto de tu primera página. Como ves, lo que has escrito como título aparece en la barra de tu navegador, no es el título del texto.

En el navegador, haz clic en menú/ver/código fuente. Se abre el editor de textos donde podrás leer el código HTML. Aquí mismo puedes hacer los cambios que quieras y guardarlos. Para volver a verlos sólo tienes que actualizar la página del navegador.

TUTORIAL HTML: 2. ETIQUETAS

martes, 21 de julio de 2009 Sin comentarios

HTML consta de una serie de órdenes que indican al navegador cómo queremos que aparezcan representados todos los elementos (texto, imágenes, rótulos, etc…) que contiene el documento. Estas órdenes son las etiquetas, que van enmarcadas por los signos <>.

Ejemplos:

<a> <font> <table> , etc.

Las etiquetas de HTML pueden ser de dos tipos: cerradas o abiertas.

1. Etiquetas cerradas

Son aquellas que tienen una palabra clave que indica el principio de la etiqueta y otra que indica el final.

Ejemplo:

<p>Esta lección es fácil</p>

La etiqueta <p></p> es la que contiene el texto de un párrafo. Decimos que es etiqueta cerrada porque necesita <p> para iniciar el párrafo y </p> para cerrarlo. (Obrsérvese la barra «/» de la etiqueta de cierre)

Entre la etiqueta inicial y la final se pueden encontrar otras etiquetas, encerradas unas por otras como si de muñecas rusas (matruskas) se tratara.

Ejemplo:

<p> Esta <b>lección</b> es fácil</p>

La palabra «lección» del ejemplo está encerrada dentro de la etiqueta <b></b> que indica estilo negrita. En este caso; únicamente la palabra «lección» aparecerá en negrita. Esto será lo que veremos en el navegador:

Esta lección es fácil.

2.- Etiquetas abiertas:

Constan de una sola palabra clave. No necesitan cerrarse al final.
Ejemplo:

<br>

que indica salto de línea.

Parámetros de las etiquetas.

Una etiqueta puede contener «parámetros», es decir, otras palabras claves que especifican y definen aún más concretamente cada etiqueta. Los parámetros se indican a continuación de la palabra clave de la etiqueta y dentro de sus signos <>.

Ejemplo:

<body bgcolor=»#FFFFFF»> </body> Bgcolor es un parámetro de la etiqueta <body>. Indica que el color de fondo del cuerpo del documento es blanco ( #FFFFFF)

*nota: hemos resaltado las etiquetas en negrita para una mayor comprensión, pero no es necesario hacerlo en nuestro editor de texto.

Categories: Uncategorized Tags: , ,

TUTORIAL HTML: 1. INTRODUCCIÓN

martes, 21 de julio de 2009 Sin comentarios

HTML (Hyper Text Markup Language) no es un lenguaje de programación, en realidad es el lenguaje informático que se utiliza para estructurar las páginas web.

El elemento básico de HTML es el texto. Para crear tu primera página Web tan sólo se necesita un editor de textos sencillo, como el Bloc de Notas de Windows.

Existen editores específicos para realizar paginas Web donde por medio de comandos se pueden incluir las etiquetas, sin necesidad de teclearlas, pero para llegar a un completo conocimiento de HTML te recomendamos que aprendas a usar HTML con el Bloc de Notas. Más adelante, cuando trabajes con programas de diseño de páginas web (Dreamweaver, Frontpage, etc) encontrarás sin problema los errores que irremediablemente cometas si dominas el lenguaje HTML.

Importante: utiliza siempre minúsculas para los nombres de tus archivos y no pongas acentos. Utiliza también la barra baja para los espacios entre palabras. ¡¡Te ahorrarás muchos quebraderos de cabeza!!.

Ejemplo:

<a href=«texto_unico.html»</a>

mejor que

<a href=«Texto único.html»</a>

TUTORIAL DE HTML

martes, 21 de julio de 2009 Sin comentarios

Para crear tu propia página web existen diferentes programas de sencillo manejo (Dreamweaver, Frontpage, etc), pero te recomendamos que, antes de utilizarlos, eches un vistazo al lenguaje HTML, al menos en sus nociones más básicas. Con este tutorial pretendemos guiar tus primeros pasos en el apasionante mundo de diseño de páginas web.

1.  Introducción
2. Etiquetas.
3. Estructura básica de un documento HTML
4. Cabecera del documento – Las etiquetas <head> y <title>.
Etiqueta <meta>
5. Cuerpo del documento – La etiqueta <body>.
6. Estilo de texto- Etiqueta <font>.
7. Encabezamientos – Etiqueta <h>
8. El párrafo – Etiqueta <p> – Espacios – Etiqueta <br> alineación párrafo
9. Formatos especiales. Etiquetas <blockquote>, <pre>, <address>
10. Listas de Elementos – Etiquetas <ol>, <ul>, <li>
11. Imágenes – Etiqueta <img>
12. Enlaces – etiqueta <a>, <href>
13. Tablas – Etiquetas <table>, <td> y <tr>
14. Tablas con título. Etiqueta <caption>
15. Mapas interactivos – etiquetas <map> y <area>
16. Formularios – Etiquetas <form>, <input>, <select>, <textarea> y <option>.
17. Frames o marcos. – Etiquetas <frameset>, <frame> y <noframe>
18. Applets
19. Sonidos y música de fondo – Etiquetas <bgsound> y <embed>
20. Efecto marquesina – etiqueta <marquee>
21. Reglas horizontales o separadores. Etiqueta <hr>.
22. Inserción de Scripts en HTML.

Categories: Uncategorized Tags: ,

MI PRIMERA PÁGINA WEB

martes, 21 de julio de 2009 Sin comentarios

http://3.bp.blogspot.com/_tElYDmYns_4/Sav3XVN8pJI/AAAAAAAAAAc/xkei6eDaMcc/s320/pagina+web.jpg

Para empezar a hacer una página web debemos buscar un buen servicio de dominios y hostings.

Hoy en dia son más baratos, o podemos buscar un subdominio gratuito como ofrecen en Geocities, entre otros,
pero si nuestra página web es de nuestro negocio, es preferible un dominio de pago.

1.- Crea tu diseño. También puedes descargar plantillas HTML, que son diseños ya creados que se pueden aplicar a una página.

2.- Recuerda que debes optimizar para una resolución mínimo de 800×600 ya que la mayoría de los usuarios tienen esa resolución y si la haces con más resolución la pagina no se verá bien en algunos usuarios.

3.- Recuerda poner un conetenido atractivo. No pongas demasiadas  imágenes ya que la carga de la página sería muy lenta para usuarios de Internet con poco ancho de banda, por ejemplo usuarios que acceden a internet a través de un modem de línea telefónica básica.

4.-Puedes poner publicidad para recuperar gastos de hospedaje.

Algunas páginas pagan por click, por registro o por compra. (no se recomienda poner publicidad si la página es de nuestro negocio)
5.-Da a conocer tu página. Evita hacer SPAM. Puedes usar un intercambio de banners.

Categories: Uncategorized Tags: ,

Herramientas para la creación de Páginas Web

lunes, 20 de julio de 2009 Sin comentarios

HERRAMIENTAS BÁSICAS:


Básicamente una página web puede construirse con un simple editor de texto (como puede ser el bloc de notas de windows) siempre que se tenga un profundo conocimiento del pseudo lenguaje HTML, o al menos seamos capaz de memorizar todas sus etiquetas. Es lo que se conoce como vrear las páginas web a sanqre. Pero esto no es fácil y ademas un sitio de internet está compuesto de multitud de páginas web enlazadas entre ellas, imágenes, archivos de scripts y un sinfín de elementos que debemos controlar. Por ello es conveniente disponer de algunos programas básicos que nos faciliten la tarea. Entre ellos tenemos:

Servidor Local:

No es indispensable, pero puede ahorrarnos más de un dolor de cabeza con los enlaces situados en nuestras páginas. Un servidor local permitirá que podamos acceder a nuestro sitio en forma local (en nuestro ordenador) pero como si estuviéramos accediendo a él a través de internet, es decir, con una dirección tipo http://misitio/paginas.htm. Si además vas a desarrollar páginas con PHP el servidor local es imprescindible. Aunque en el mercado existen muchos programas para montar tu servidor local, el más extendido es el Apache, y también es el más barato: es gratis. No te va a ocupar mucho espacio ni te va a pedir complicadas operaciones de instalación y configuración. Además la amplia comunidad de usuarios va a permitirte encontrar soluciones a los problemas que se te puedan plantear. Otra opción es el Personal Web Server que viene con Window 98, o incluso el IIS que viene con el servidor Window 2000.

Editor de Páginas Web:

Aunque un editor de textos es suficiente para escribir una página web, no está de más contar con un programa específico que además te dará otras prestaciones enfocadas al mantenimiento de un sitio completo, como comprobación y actualización de enlaces, cambios en múltiples páginas, plantillas, etc. Existen muchos, pero una laternativa interesante es NVU

Editor de Imágenes:

En otro apartado de esta guía se dice que las imágenes son prácticamente imprescindibles en las páginas web, razón por la cual no está de más disponer de un editor de imágenes. Con él podrás optimizar las imágenes, cambiar su formato o crear imágenes propias para botones o barras de navegación. Existen muchos programas que pueden serte útiles en este apartado, como por ejemplo Fireworks (Macromedia), Photo Shop (de Adobe) o Photo Paint (de Corel).
Dentro de este apartado si vas a usar imágenes en formato gif animado deberás disponer de un programa al efecto, el más adecuado quizás sea el Ulead Gif Animator.

Ciente FTP:

Si el editor HTML no lo posee, necesitaras un cliente FTP, es decir, un programa que te permita enviar las páginas que hayas creado a donde hayas alojado tu sitio web. Habitualmente es un programa que te conecta a tu alojamiento mostrándote lo que allí tienes almacenado (directorio remoto), al mismo tiempo te muestra lo que tienes en tu sitio local. Mediante algún botón o comando sencillo te permite como mínimo enviar ficheros a tu directorio remoto o recogerlos para traerlos a tu disco local. Hay algunos gratuitos como coffeCup FTP, FileZilla FTP o smartFTP (existe versión española).

Categories: Uncategorized Tags:

Video Tutorial DreamWeaver

lunes, 20 de julio de 2009 Sin comentarios

Categories: Uncategorized Tags:

TuWeb24h

lunes, 20 de julio de 2009 Sin comentarios

Categories: Uncategorized Tags:

Herramientas para la creación de páginas web

lunes, 20 de julio de 2009 Sin comentarios

Categories: Uncategorized Tags:
Ir a la barra de herramientas