Bienvenidos a Tutorial Web IPI_2010!

Este blog tiene como propósito principal proporcionar ayuda a aquellos que deseen iniciarse en la creación de sitios web, a través de consejos, guías, tutoriales, videos, etc. Nuestro enfoque será html y javascript, proporcionando ejemplos con código para su análisis y mejor comprensión! comencemos.......

jueves, 30 de septiembre de 2010

Como subir tu Sitio WEB

Bueno ahora explicaremos como subimos o como publicamos nuestro sitio web, bueno hay muchos servidores que ofrecen su servicio gratis, y podemos aprovechar su hosting gratis, es gratis porque atraen al mecado, bueno hay un servidor que se llama 110mb , este solo premite que subas 110mb, por eso tiene ese nombre.     www.110mb.com

Pasos para subir tu web:

miércoles, 29 de septiembre de 2010

Trabajando con Marcos(Frames)


Los frames es una forma de mostrar muchas páginas dentro de una sola ventana distribuyendo el tamaño de esta entre todas las páginas que deseamos cargar.
Crear los frames es muy fácil, solo tenemos que tomar en cuenta algunas cosas...
Una de ellas es que la página principal (donde pensamos mostrar el conjunto de nuestras páginas) o la página que contendrá los frames no tendrán la etiqueta "body".
Entonces si tenemos nuestras páginas creadas o cargaremos otras paginas , solo tenemos que modificar la página que las contendrá, esto lo hacemos de la siguiente forma:

Enlazando Páginas Web

Los sitios web consisten de páginas vinculadas. Para ver todas las paginas en un sitio web, deberás navegar las páginas del sitio web usando Hiper-Vínculos.

Introducción a los Hiper-Vínculos.

Los hiper--vínculos proveen enlaces hacia las páginas web, imágenes, archivos multimedia, y documentos de programas, tales como Acrobat Reader and MS Word. Los hiper-vínculos en HTML son creados usando las etiquetas de Ancla.

martes, 28 de septiembre de 2010

Etiquetas de Formato

Formatos del texto

El texto del documento se puede modificar de muchas formas, vamos a ver las más usuales:
Títulos
Los títulos o encabezamientos se emplean al comienzo de una sección. Las etiquetas que se usan son:


Etiqueta Se ve
<h1> Título </h1>

Título

<h2> Título </h2>

Título

<h3> Título </h3>

Título

<h4> Título </h4>

Título

<h5> Título </h5>
Título
<h6> Título </h6>

Estructura Básica de un Documento HTML

Todos los documentos Html tienen la estructura que se muesta a continuación, aunque la etiqueta <body> puede ser sustituida por <frameset> para un tipo de páginas que dividen la ventana del navegador en varios cuadros (frames).
<HTML>
    <HEAD>
       <TITLE>Título de la página</TITLE>
... </HEAD>
    <BODY>
        Aquí iría el contenido de la página </BODY>
</HTML>
Vamos a analizar más detenidamente las distintas secciones que componen la página
Entre las etiquetas <html> y <head> se suelen colocar otras opcionales, como por ejemplo:


¿Cómo comienzo a escribir HTML?

Para comenzar, lo único que necesitamos es un editor de textos para escribir las páginas tal como Gedit, Joe o Jed para los usuarios de Linux, o si eres usuario de Windows puedes usar el Bloc de Notas. Además necesitaremos un navegador para visualizar su contenido, entre los más populares tenemos a Mozilla Firefox e Internet Explorer.

Las etiquetas y sus atributos se pueden escribir en mayúsculas o minúsculas. El lenguaje ignora, también, los espacios en blanco seguidos, donde sólo cuenta uno de ellos.
Una vez que hayas escrito una página, guárdala en un fichero con extensión .htm o .html. Cuando hagas doble click sobre él se abrirá el navegador y te mostrará la página.

Comprendiendo HTML

HTML es una coleción de estilos independientes de la plataforma usados para crear un documento web o una página web.
HTML es un lenguaje versátil que puede ser usado en cualquier plataforma. HTML indica la manera en la cual el documento será leído por un interprete. Esto se realiza mediante un set de elementos de HTML, los cuales marcan el documento e informan al navegador web, tal como Internet Explorer, acerca de la acción a ser tomada cuando cierto elemento es usado.