como hacer una web en html

usted aprenderá los principios básicos. Sabrá todo lo necesario para hacer un web site básico. Qué software necesita. Cómo publicar sus páginas en Internet. Si no puede pagar por un espacio en un Servidor… Existen lugares donde puede tener un Site totalmente Gratis.
html.gif


Primero, voy a decir que este texto no pretende ser un curso formal de “Html”. Tan solo quiero que sea de ayuda y guía para todos aquellos que quieren introducirse en el tema.
Comenzaremos diciendo que el Html (HyperText Markup Language) no es verdaderamente un lenguaje de programación; es en realidad una versión reducida del Lenguaje SGML (Standard Generalized Markup Language), un lenguaje estándar para la descripción de documentos. Se emplea, entonces el Html, para describir las páginas que deseamos “crear”; de manera tal que los distintos “browsers” las muestren lo más fielmente posible.Debido a la existencia de distintos browsers (aunque actualmente existen dos que se disputan el dominio del mercado: Netscape e Internet Explorer) resulta difícil concebir una página de aspecto final único, todo depende del “browser con que se mire”.De esta manera nos encontramos con que existen ciertos “comandos” (tags) exclusivos de cada browser.
Una vez hechas estas aclaraciones comenzemos a desarrollar nuestra página para la world wide web!

Por si no lo sabías, todas las páginas web están creadas a partir del lenguaje HTML. Estas páginas en realidad son archivos .htm o .html de un bloc de notas. El resultado que tú ves en Internet es la “traducción” del navegador para que tú visualices el resultado final en tu sitio web.
Imagen de Cómo hacer una página web en HTML en bloc de notas

Por si no lo sabías, todas las páginas web están creadas a partir del lenguaje HTML. Estas páginas en realidad son archivos .htm o .html de un bloc de notas. El resultado que tú ves en Internet es la “traducción” del navegador para que tú visualices el resultado final.

Hoy te enseñaremos los pasos para que sepas cómo hacer una página web desde cero en HTML con un bloc de notas, que puede ser cualquier editor sencillo de texto, pero en este caso utilizaremos el de Windows.

Lenguaje HTML

Se compone de etiquetas de inicio < > y de fin </ >, y dentro de ellas se escribe el “significado” de la misma.

Por ejemplo: <HEAD> Mi página web en html </HEAD>


Estructura de la página web en HTML

La plantilla base de las webs en HTML es más o menos así:

<HTML>
<HEAD>
</HEAD>

<BODY>
</BODY>
</HTML>

Luego tienes que introducir el contenido deseado: la cabecera (el título) y el cuerpo de la página web dentro de las etiquetas.


El Texto

Para modificar las propiedades del texto deberemos utilizar etiquetas concretas para lo que deseemos estructurar:

<P>: Salto de párrafo. No tiene etiqueta de final.
<BR>: Salto de línea. No tiene etiqueta de final.
<BLOCKQUOTE>: Sirve para justificar el texto. No tiene etiqueta de final.

Y así con muchas más.


Añadir Imágenes

Si quieres poner una imagen de Internet a tu sitio web, el código HTML es: <img src=”URL”>. La etiqueta de cierre, </img>, es opcional.

animaciones para mi web

Elementos para páginas WEB, donde podrás conseguir todos los complementos necesarios para tener un WEB de calidad y atractivo. Es una página totalmente ligada al curso de HTML de Duiops.
Esta es una de las mayores colecciones de toda la red, con más de 2.000 gráficos, no tienes que echar más que un vistazo para comprobarlo. Quizás nos falta todavía un poco de clasificación entre los cientos de imágenes, pero puede resultar más cómodo tenerlas en la misma página todas juntas. Para bajarte las imágenes no tienes más que pulsar con el botón derecho del ratón sobre ellas y escoger la opción "Guardar imagen como..."































 

recursos para mi pagina web

https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTAXvAVO14c0gN6lqeCDzUPUB93a835QpGBetdc-42KJ9fYAklf
En este apartado de la web encontraras desde programas para crearte tus propios botones , hasta lugares donde aprender mas trucos y consejos . Ademas de una seleccion de lugares que ofrecen de forma gratuita , un monton de servicios para incluir en tus paginas , libros de visita , formularios , chats , foros , tablones de anuncios , contadores de visitas , albunes de fotos , etc , etc .

Muy útiles pueden ser programas auxiliares como:

Un capturador de pantallas. Uno gratis y fácil de usar es Jing, otro es “SNAG IT”  descargar 

Otro programita útil para visualizar a la vez un montón de imágenes que tengáis en vuestro disco duro y no tener que ir de una en una es “ACDsee” Descargar . Lo podéis encontrar también en los cds de muchas revistas de informática. Es muy recomendable comprarse al menos una de estas revistas al mes. 

Estupendo visualizador y capturador de imágenes Freeware  "XnView" en Español, versiones para Windows y Linux. Descargar.

  • Utilidades como cortar, cambiar tamaño.
  • Guardar en diferentes formatos, gif, bmp, jpg, etc.
  • Puedes ver y convertir imágenes.
  • Su función de capturar imágenes es muy práctica y sencilla de usar.
  • Distintas opciones de visualización, como iconos, como, como iconos pequeños, etc.
  • Creación de página Web con iconos de las imágenes.

fondos para paginas web

fondos web y texturas de descarga gratuita. Hay algunos sitios que reviso con frecuencia, porque me gusta la calidad de los recursos que ofrecen. Hoy quiero recomendar tres de ellos, que seguro te serán de utilidad si estás pensando en cambiar el diseño de tu blog, o si desarrollas proyectos para terceros.

GypsyGarden (1 pattern)

patterns_14

Pattern 2 (14 patterns)

patterns_1

Patterns 2 (6 patterns)

patterns_2

Textured Stripes (6 patterns)

patterns_3

My first photoshop pattern (4 patterns)

patterns_4

pattern part1 (9 patterns)

patterns_5

Patterns .24 (33 patterns)

patterns_6

Lace Patterns: the prelude (6 patterns)

patterns_7

Untitled patterns 03 (12 patterns)

patterns_8

Patterns .23 (33 patterns)

patterns_11

Green Patterns (6 patterns)

patterns_9

Patterns .27 (50 patterns)

patterns_10

Patterns 3 (6 patterns)

patterns_12

Softly Plaidly- Peachy Keen (11 patterns)

patterns_13

black – white patterns (13 patterns)

patterns_15

iconos para web gratis

http://images.all-free-download.com/images/graphiclarge/free_web_icons_icons_pack_120770.jpg
Ineversay Siéntase libre de utilizar para uso personal .. Iconos en el sistema: antes, rss, rss 2, de búsqueda, compras, estrellas, hacia atrás, el cuadro, el calendario, diagrama de barras, chat, reloj, copia, base de datos, descarga, bandera azul, la bandera de la codicia, la bandera roja, carpeta, reenviar, amigos , ayuda, casa, enlace, correo, cine, música, ordenador portátil.

Tamaño de archivo: 0.39 MB 

Estructura de una página HTML.

http://www.2novatos.com/wp-content/uploads/2010/05/estructura_html.jpg
Instrucciones HTML están encerradas entre los caracteres: < y >.
Muchos elementos HTML requieren una marca de comienzo y otra de finalización. Todo aquello que está fuera de las marcas del lenguaje se imprime en la pantalla (dentro del navegador).
La estructura básica de una página HTML es:
<html>
<head>
</head>
<body>
Cuerpo de la página.
</body>
</html>
Una página HTML es un archivo que generalmente tiene como extensión los caracteres html. Por ejemplo podemos llamar a nuestra primer página con el nombre: pagina1.html
Durante este curso no necesitará utilizar otra herramienta más que este sitio. Veremos que contamos con una ventana donde tipeará la página y en otra verá los resultados que genera el navegador. No significa que no pueda hacerse una copia de los ejercicios que desarrolla y almacenarlos en su computadora.
Estos son los elementos básicos que toda página HTML debe llevar.
Si observamos toda página comienza con la marca:<html> y finaliza con la marca:</html> Los fines de marcas tienen el mismo nombre que el comienzo de marca, más el caracter /
Una página HTML tiene dos secciones muy bien definidas que son la cabecera:
<head>
</head>
Y el cuerpo de la página:
<body>
Cuerpo de la página.
</body>
Todo el texto que dispongamos dentro del <body> aparece dentro del navegador tal cual lo hayamos escrito.
Todas las páginas tiene como mínimo esta estructura: cabecera y cuerpo.
Otra cosa importante es que el lenguaje HTML no es sensible a mayúsculas y minúsculas, es decir podemos escribirlo como más nos guste, además no requiere que dispongamos cada marca en una línea (podríamos inclusive escribir toda la página en una sola línea! cosa que no conviene ya que somos nosotros quienes tendremos que modificarla en algún momento).
Ahora puede ir a la sección de problema resuelto y ver el ejemplo ejecutándose en el navegador. Podrá ver la pantalla dividida en tres partes: primero se enuncia el problema, la segunda parte es el editor donde tipeamos la solución al problema (en este caso ya está resuelto por lo que aparece automáticamente) y la última sección de la pantalla muestra la página ejecutándose en el navegador.
Por último deberá resolver un problema, es decir confeccionar una página HTML. Recomiendo tipear las marcas HTML para aprenderlas de memoria. No es conveniente copiar y pegar. Cuando recuerde todas las marcas, podrá copiar y pegar trozos de páginas HTML para agilizar el desarrollo.