BIENVENIDOS !
¡Tus primeros pasos en Internet! ? Crea tu propia web de la manera más básica .
¿Estás listo para visualizar tu Web? WebStarter puede introducirle en el mundo de la creación Web en cuatro pasos simples. Necesitarás de 10 a 20 minutos para leer todo el tutorial. Cuando haya terminado, sabrás como crear e ilustrar tus páginas, cómo colocarlas en Internet y cómo difundirlas en todo el mundo.
Descubra las bases de HTML y comience a crear tus primeras páginas Web
Para crear tu primer sitio, necesitas conocer el "lenguaje" Web, es decir, HTML. Éste te permitirá presentar tu sitio. Pero un primer paso importante consiste en definir la arquitectura de tu sitio.
Diseñar antes de crear
Tome un papel y un lápiz, y comience por determinar todo lo que quisiera ver en tu sitio. Representa cada página en un papel y dibuja todos sus vínculos.
link: http://webmaster.multimania.es/ressources/images/channel/webmaster/webstarter/webstarter-a01-im1.gif
Figura 1: Estructura típica de un sitio
Un buen consejo para comenzar el diseño de un sitio es empezar por la página principal dado que ésta es lo primero que ven los visitantes cuando llegan. Igualmente, debes poder acceder a todos los temas del sitio desde esta página principal, y las otras páginas debe ofrecer un vínculo para regresar a ella. Esta primera página debe llamarse index.html (o index.htm), lo que es actualmente una convención aceptada en Internet. Esto permitirá a los visitantes escribir su URL de sitio http://www.mysite.com mientras que se les dirigirá hacia http://www.mysite.com/index.html.
Extensión correcta. Las dos extensiones .htm y .html son igualmente válidas. Sólo asegúrese que sus vínculos utilicen la extensión correcta.
Las otras páginas del sitio no están sujetas a ninguna regla obligatoria, pero intente comenzar por adoptar las buenas costumbres. En primer lugar, evite utilizar caracteres de espacio, caracteres acentuados u otras peculiaridades. No olvide que es posible que los visitantes extranjeros no puedan acceder a estos caracteres. Limítese a las 26 letras del alfabeto y a algunos dígitos. En segundo lugar, atribuya un nombre a todos sus archivos de páginas, imágenes u otros recursos mediante letras minúsculas. De esta manera, evitará muchas confusiones al crear los vínculos.
Crea tu sitio
¿Qué es el HTML?
Después de haber expuesto algunas directivas, pasemos a lo fundamental del asunto. En sentido estricto, el HTML no es un lenguaje de programación. Es más bien un lenguaje de presentación. Así, se le utilizará para hacer que sus páginas sean más atractivas integrando imágenes, vínculos, etc., y mejorando el formato del texto mediante la definición de fuentes y de otros atributos, como negritas, cursivas, subrayados, entre otros.
El HTML consta de etiquetas que son fichas de sintaxis vinculadas a un estilo de presentación o a un objeto. Se les percibe fácilmente dado que siempre están entre los caracteres < y >. Por ejemplo, la etiqueta que se debe utilizar para aplicar un estilo en cursiva a un texto es <i> y aquella para insertar una imagen es
<img>.
¿Mayúsculas o minúsculas? HTML no distingue entre mayúsculas y minúsculas. Soporta ambos tipos de caracteres.
HTML utiliza dos tipos de etiqueta:
Etiquetas de formato
Estas etiquetas se utilizan por parejas: una etiqueta de apertura como , y una etiqueta de cierre, identificada por el carácter barra oblicua /, como . Por ejemplo, un texto en cursiva estará marcado de la siguiente manera: <i>italic</i>.
Etiquetas de inserción
Permiten integrar varios tipos de objetos en una página, como imágenes, sonidos, vídeos, etc. Se utilizan como etiquetas únicas, sin una etiqueta de cierre, pero se les asigna atributos como complemento.
Por ejemplo, para integrar una imagen de un archivo llamado avion.jpg, deberá utilizar la etiqueta <img> junto con el atributo src. Se obtendrá lo siguiente: <img src="avion.jpg"> para este resultado:
Ahora, está consciente de la sintaxis HTML. Sin embargo, debemos tratar aún de un último problema antes de escribir la primera página. ¿Qué software utilizará para crear páginas Web? Para la primera vez, utilice un editor de texto simple: en Windows, Notepad , o en los sistemas Macintosh, SimpleText . Pero no olvide guardar sus páginas con la extensión .html.
¿Cómo hacer para ubicarlas? Para iniciar Notepad de Windows, seleccione Inicio > Programas > Accesorios > Notepad.
Estructura de una página HTML
¡Tenga cuidado! No se puede escribir cualquier cosa como para la Web. Sus páginas deben respetar la estructura básica de un documento HTML.
<html>
<head>
Here is the page head
<title>Here is the page title</title>
</head>
<body>
Here is the page body
</body>
</html>
Cada una de las tres etiquetas utilizadas en esta estructura de página HTML tiene un papel específico.
<html> y </html> enuncian el inicio y el final de la página respectivamente.
<head> y </head> enuncian el encabezamiento de la página. Esta parte de la página contiene cierta información de máxima importancia como el nombre del autor, el título de la página y, entre otros, los datos necesarios para una presentación exitosa del sitio.
<title> y </title> enuncian el título de la página. Este título aparecerá en la barra de título del navegador del usuario.
<body> y </body> enuncian el cuerpo de la página, es decir, todos los elementos que aparecerán en la ventana del navegador. En esta sección, colocará sus imágenes, animaciones y, evidentemente, su texto.
Todas sus páginas HTML deben estar de conformidad con esta estructura si los navegadores de sus visitantes deben interpretarlas exitosamente.
Todavía falta la segunda parte!!! Si te sirvió la para tu futura web, avisame, que sigo subiendo guías practicas! Desde ya , MUCHAS GRACIAS POR LEER!
¡Tus primeros pasos en Internet! ? Crea tu propia web de la manera más básica .
¿Estás listo para visualizar tu Web? WebStarter puede introducirle en el mundo de la creación Web en cuatro pasos simples. Necesitarás de 10 a 20 minutos para leer todo el tutorial. Cuando haya terminado, sabrás como crear e ilustrar tus páginas, cómo colocarlas en Internet y cómo difundirlas en todo el mundo.
Descubra las bases de HTML y comience a crear tus primeras páginas Web
Para crear tu primer sitio, necesitas conocer el "lenguaje" Web, es decir, HTML. Éste te permitirá presentar tu sitio. Pero un primer paso importante consiste en definir la arquitectura de tu sitio.
Diseñar antes de crear
Tome un papel y un lápiz, y comience por determinar todo lo que quisiera ver en tu sitio. Representa cada página en un papel y dibuja todos sus vínculos.
link: http://webmaster.multimania.es/ressources/images/channel/webmaster/webstarter/webstarter-a01-im1.gif
Figura 1: Estructura típica de un sitio
Un buen consejo para comenzar el diseño de un sitio es empezar por la página principal dado que ésta es lo primero que ven los visitantes cuando llegan. Igualmente, debes poder acceder a todos los temas del sitio desde esta página principal, y las otras páginas debe ofrecer un vínculo para regresar a ella. Esta primera página debe llamarse index.html (o index.htm), lo que es actualmente una convención aceptada en Internet. Esto permitirá a los visitantes escribir su URL de sitio http://www.mysite.com mientras que se les dirigirá hacia http://www.mysite.com/index.html.
Extensión correcta. Las dos extensiones .htm y .html son igualmente válidas. Sólo asegúrese que sus vínculos utilicen la extensión correcta.
Las otras páginas del sitio no están sujetas a ninguna regla obligatoria, pero intente comenzar por adoptar las buenas costumbres. En primer lugar, evite utilizar caracteres de espacio, caracteres acentuados u otras peculiaridades. No olvide que es posible que los visitantes extranjeros no puedan acceder a estos caracteres. Limítese a las 26 letras del alfabeto y a algunos dígitos. En segundo lugar, atribuya un nombre a todos sus archivos de páginas, imágenes u otros recursos mediante letras minúsculas. De esta manera, evitará muchas confusiones al crear los vínculos.
Crea tu sitio
¿Qué es el HTML?
Después de haber expuesto algunas directivas, pasemos a lo fundamental del asunto. En sentido estricto, el HTML no es un lenguaje de programación. Es más bien un lenguaje de presentación. Así, se le utilizará para hacer que sus páginas sean más atractivas integrando imágenes, vínculos, etc., y mejorando el formato del texto mediante la definición de fuentes y de otros atributos, como negritas, cursivas, subrayados, entre otros.
El HTML consta de etiquetas que son fichas de sintaxis vinculadas a un estilo de presentación o a un objeto. Se les percibe fácilmente dado que siempre están entre los caracteres < y >. Por ejemplo, la etiqueta que se debe utilizar para aplicar un estilo en cursiva a un texto es <i> y aquella para insertar una imagen es
<img>.
¿Mayúsculas o minúsculas? HTML no distingue entre mayúsculas y minúsculas. Soporta ambos tipos de caracteres.
HTML utiliza dos tipos de etiqueta:
Etiquetas de formato
Estas etiquetas se utilizan por parejas: una etiqueta de apertura como , y una etiqueta de cierre, identificada por el carácter barra oblicua /, como . Por ejemplo, un texto en cursiva estará marcado de la siguiente manera: <i>italic</i>.
Etiquetas de inserción
Permiten integrar varios tipos de objetos en una página, como imágenes, sonidos, vídeos, etc. Se utilizan como etiquetas únicas, sin una etiqueta de cierre, pero se les asigna atributos como complemento.
Por ejemplo, para integrar una imagen de un archivo llamado avion.jpg, deberá utilizar la etiqueta <img> junto con el atributo src. Se obtendrá lo siguiente: <img src="avion.jpg"> para este resultado:
Ahora, está consciente de la sintaxis HTML. Sin embargo, debemos tratar aún de un último problema antes de escribir la primera página. ¿Qué software utilizará para crear páginas Web? Para la primera vez, utilice un editor de texto simple: en Windows, Notepad , o en los sistemas Macintosh, SimpleText . Pero no olvide guardar sus páginas con la extensión .html.
¿Cómo hacer para ubicarlas? Para iniciar Notepad de Windows, seleccione Inicio > Programas > Accesorios > Notepad.
Estructura de una página HTML
¡Tenga cuidado! No se puede escribir cualquier cosa como para la Web. Sus páginas deben respetar la estructura básica de un documento HTML.
<html>
<head>
Here is the page head
<title>Here is the page title</title>
</head>
<body>
Here is the page body
</body>
</html>
Cada una de las tres etiquetas utilizadas en esta estructura de página HTML tiene un papel específico.
<html> y </html> enuncian el inicio y el final de la página respectivamente.
<head> y </head> enuncian el encabezamiento de la página. Esta parte de la página contiene cierta información de máxima importancia como el nombre del autor, el título de la página y, entre otros, los datos necesarios para una presentación exitosa del sitio.
<title> y </title> enuncian el título de la página. Este título aparecerá en la barra de título del navegador del usuario.
<body> y </body> enuncian el cuerpo de la página, es decir, todos los elementos que aparecerán en la ventana del navegador. En esta sección, colocará sus imágenes, animaciones y, evidentemente, su texto.
Todas sus páginas HTML deben estar de conformidad con esta estructura si los navegadores de sus visitantes deben interpretarlas exitosamente.
Todavía falta la segunda parte!!! Si te sirvió la para tu futura web, avisame, que sigo subiendo guías practicas! Desde ya , MUCHAS GRACIAS POR LEER!