Está en la página 1de 14

Que es una pgina Web?

Es un espacio en Internet destinado a la publicacin de contenido. Una pgina Web es una "puerta virtual" la cual se encuentra en Internet donde uno puede escribir algo y la gente para acceder a ese contenido debe digitar la direccin de tu pgina Web, Ej. www.mipagina.com, para leer lo que escribes. El uso que le puedes dar a una pgina Web es infinito, puedes escribir poesa, hacer crticas de cine, entregar informacin, publicar videos, etc... En fin, lo que se te ocurra.... yahoo answer es una pgina Web destinada a responder las preguntas que la gente hace... google es una pgina Web que sirve como ayuda a la hora de buscar algo. Distintos tipos de pginas Web, segn en la forma que se sirven

Pgina Web esttica.


Es aquella que est compuesta de una serie de archivos que contienen el cdigo HTML que constituye la pgina en s y que permiten mostrar los textos, imgenes, videos, etc. que conforman el contenido de la pgina. Estos archivos se almacenan en el servidor de Hosting en formato HTML junto con los archivos de imgenes (comnmente en formato jpg, gif o PNG) y los videos y dems contenidos. Para modificar este tipo de pgina los archivos deben ser descargados del servidor con algn software para este fin (como los clientes FTP), editado usando un programa de edicin de pginas Web como el Dreamweaver, grabados y subidos nuevamente al servidor. Este proceso de edicin requiere manejar una serie de programas

que se deben tener instalados en la PC y requieren de una serie de conocimientos y habilidades para el uso correcto de estos programas. Por lo general la edicin de este tipo de pginas la realizan los diseadores y desarrolladores Web dedicados a estas labores. Este tipo de pgina es difcil de manejar por el propio cliente debido a los conocimientos y programas que se requieren. La mayora de personas que contrata este tipo de pginas para su negocio o empresa suele modificar el contenido muy espordicamente debido a que cada modificacin requerir de los servicios de la persona que desarrollo la Web o alguna otra que se dedique a dar estos servicios, lo que implica un costo por cada modificacin.

Pgina Web dinmica. El trmino dinmico hace referencia a que la pgina Web se construye al momento en que la pgina es visitada por el usuario. Es decir que el contenido de la pgina Web no es fijo sino que se construye de acuerdo a la interaccin que el usuario hace con la pgina. La informacin de este tipo de pgina suele estar almacenada en Bases de Datos de las cuales se extrae una parte segn las selecciones o acciones llevada a cabo por la persona que visita la pgina Web. Para realizar este tipo de pgina se necesita tener conocimientos de programacin y manejo de bases de datos o usar software que haga uso de estas tecnologas.

Las pginas Web dinmicas tienen adems las siguientes caractersticas: Gran nmero de posibilidades en su diseo y desarrollo. El visitante puede alterar el diseo, contenidos o presentacin de la pgina a su gusto. En su realizacin se utilizan diversos lenguajes y tcnicas de programacin. El proceso de actualizacin es sumamente sencillo, sin necesidad de entrar en el servidor. Permite un gran nmero de funcionalidades tales como bases de datos, foros, contenido dinmico, etc. Pueden realizarse ntegramente con software de libre distribucin. Existe una amplia comunidad de programadores que brinda apoyo desinteresado. Cuenta con un gran nmero de soluciones prediseadas de libre disposicin. En definitiva, el concepto de pgina Web dinmica se ha impuesto en el mundo del diseo y de la empresa en Internet. Pginas como Yahoo!, Google, Amazon e incluso sta, son excelentes ejemplos de pginas Web dinmicas que permiten interactuar con el visitante y le ofrecen posibilidades realmente sorprendentes: carritos de compra, posibilidad de incluir sus propias crticas en libros y discos, buscar en base a criterios determinados, participar en discusin y un largsimo etctera. Otra caracterstica principal de las pginas dinmicas es que pueden ser administradas por una persona sin conocimiento alguno de diseo o desarrollo Web. Esto se puede hacer mediante el uso de formularios que sirvan para que el usuario administrador modifique los contenidos de la pgina que estn almacenados en la Base de Datos. De esta manera el administrador solo debe poner tipo de los textos, elegir las imgenes, videos, etc. que irn en las secciones de la pgina en formularios construidos para ese fin.

Segn la tecnologa usada para hacerlas.

Pginas Web en Flash


Este tipo de pgina Web est construida usando el software de Adobe llamado Flash. Este software permite realizar animaciones. Este tipo de pgina suelen ser muy vistosas y estn cargadas de efectos, movimientos, sonidos y dems. Para su construccin es necesario conocer a profundidad este software de animacin. El resultado de la construccin de este tipo de pginas son una serie de archivos en extensin swf que se suben a un servidor de Hosting. Para poder ser visualizados se necesita que la PC del visitante tenga instalado un programa anexo al navegador o plugin. Cabe sealar que el 90% de los PC del mundo tienen este plugin instalado. Si bien es cierto que aunque un diseador experto en Flash puede crear pginas Web realmente impresionantes con este software,

muy difciles de igualar usando cualquier otra tecnologa; el uso del Flash tiene grandes desventajas, entre las cuales mencionamos: Las pginas en flash pesan demasiado, cuanto ms efectos e imgenes tengan, el peso de los archivos finales ser mayor y por lo tanto el tiempo de descarga ir creciendo tremendamente. Esto es un factor muy importante puesto que los visitantes suelen ser muy impacientes. Si una pgina tarda ms de 15 segundos en cargar lo ms probable es que el visitante la cierre y busque otra. Las pgina en flash deben ser modificadas por una persona que conozca el uso de flash, es decir por un diseador en flash. Si bien es cierto que pueden hacerse pgina en flash administrable por el usuario esto requiere que la persona que las realice debe ser diseador en Flash y adems programador, y encontrar profesionales que manejen ambas herramientas es difcil y costoso. A Google no le gustan las pginas en flash. Esta es la razn principal para no tener una pgina en flash. A Google y a los dems buscadores importantes no les gustan las pgina en Flash debido a que no pueden leer su contenido, al menos an no pueden hacerlo de manera eficiente. Si el buscador no puede leer el contenido entonces no podr agregarlo a sus resultados de bsqueda y de esta manera su pgina no podr ser encontrada y ser muy difcil obtener visitas de manera natural por lo que tendr que buscar otras formas de atraer a los visitantes.

Pginas Web en HTML

Son pginas estticas construidas en el lenguaje de marcado HTML. Para construirlas se necesita saber este lenguaje que es bastante sencillo. Se puede usar software para edicin Web o simplemente un editor de texto cualquier, inclusive el bloc de notas. Este tipo de pgina tiene la desventaja de la pgina esttica y es poco recomendable. Pueden ser hechas con muy pocos conocimientos, solo es necesario saber un poco de diseo Web para poder realizarlas. Como herramientas de marketing y ventas son muy pobres y es muy poco lo que pueden ofrecerle.

Pginas Web en algn lenguaje de programacin de servidor


Son pginas dinmicas y estn desarrolladas en algn lenguaje de programacin de servidor como: PHP, ASP, Cold fusin, Ruby, etc. Usan adems una base de datos para almacenar los contenidos de la pgina en s. Para su desarrollo se requiere el uso de estos lenguajes y una serie de conocimientos anexos. Pueden realizar todo tipo de funcionalidades y son ideales como herramientas de ventas y de interaccin con los clientes Si estn construidas de manera idnea por un profesional que

conozca a profundidad las herramientas y la forma en que funciona el Internet, pueden convertirse en un elemento fundamental de su empresa.

Cmo

publicitarse en Internet?

Los social media (blogs, foros, Webs de todo tipo, wiki) permiten a cualquier persona poner su obra al acceso de cualquier otra sin que una tercera decida si la obra puede o no ser publicada, independientemente de motivos ideolgicos o comerciales. Si se renuncia a la exclusividad en la distribucin cualquier persona puede contribuir a la difusin de la obra a travs de redes distribuidas. Cuanto ms se extienda la obra por la red con mayor facilidad se encontrar esta obra en el futuro. En las redes distribuidas no es posible ejercer la censura, ya que es imposible controlar todos los nodos de una red, aunque en teora un operador podra intentar discriminar unos contenidos frente a otros en funcin de su naturaleza, de su formato o de las redes por las que transite (lo que constituira una violacin de la neutralidad de la red), pero incluso as no se podra ejercer la censura de forma absoluta.

Blog
Tambin bitcora, cuaderno de bitcora, ciber bitcora o ciber diario es un sitio Web peridicamente actualizado que recopila

cronolgicamente textos o artculos de uno o varios autores, apareciendo primero el ms reciente, donde el autor conserva siempre la libertad de dejar publicado lo que crea pertinente.

Wiki
Un wiki o una wiki (del hawaiano wiki, 'rpido'), es un sitio Web cuyas pginas pueden ser editadas por mltiples voluntarios a travs del navegador Web. Los usuarios pueden crear, modificar o borrar un mismo texto que comparten. Los textos o pginas wiki tienen ttulos nicos.

World Wide Web


EL servicio World Wide Web (la telaraa Mundial), tambin conocida como WWW o simplemente web, es un Sistema de informacin distribuido por internet basado en la tecnologa hipertexto/hipermedia, que proporciona una fuente comn a los distintos formatos de datos (texto, grficos, vdeo, audio, etc.) y a los servicios de internet existentes (FTP, news, telnet,). Todo esto hace que el servicio web sea el servicio ms utilizado en Internet. Un documento Hipertexto, es un texto en que cualquier palabra puede ser especificado como un enlace a otro0 documento que contiene ms informacin sobre dicha palabra, por lo que la lectura de un documento hipertexto no es secuencial o lineal, sino que se puede acceder a la informacin que nos interese desde otro concepto relacionado (simplemente haciendo clic con el ratn en la palabra relacionada), y de esta forma avanzar de documento en documento hasta encontrar la informacin deseada. Un documento hipermedia es un hipertexto, pero que no incluye solo informacin textual sino tambin informacin mundial, es decir, puede incluir grficos, vdeo, y sonido. Los documentos web o tambin llamados pginas Web puede estar localizados en diferentes sitios de internet, estos sitios son llamados servidores Web. El lenguaje estandarizado para la creacin de la pgina Web es el lenguaje HTML (Hyper Text Markup Language.), lenguaje de marcas de hipertexto. Es un lenguaje muy sencillo que permite escribir documentos hipertexto. La descripcin se basa en especificar en el texto la estructura lgica del contenido (ttulos, prrafos de textos normales, enumeraciones, definiciones, citas, etc.) as como lo0s diferentes efectos que se quieran dar (especificar los lugares del documento donde se debe poner cursiva, negrita, o un grfico determinado.) Un sitio web es un conjunto de archivos y carpetas, relacionados entre s, con un diseo similar o un objetivo comn. Es necesario disear y planificar el sitio web antes de crear las pginas que va a contener.

La forma habitual de crear un sitio consiste en crear una carpeta en el disco local. Los documentos HTML normalmente se crean dentro de dicha carpeta, mientras que para contener las imgenes, las animaciones, las hojas de estilo, etc., se deben crear nuevas carpetas dentro de sta, con el objetivo de tener una mejor organizacin de los archivos a la hora de trabajar. Esto es lo que se conoce como sitio local. Despus se podrn copiar los archivos en un servidor web, en el denominado sitio remoto, lo que equivale a publicar el sitio, de modo que la gente podr verlo en Internet. La organizacin de los archivos en un sitio permite administrar y compartir archivos, mantener los vnculos de forma automtica, utilizar FTP para cargar el sitio local en el servidor, etc. Es conveniente que la pgina inicial del sitio tenga el nombre index.htm o index.html, ya que los navegadores buscan una pgina con ese nombre cuando se intenta acceder a una URL genrica. ste intentara cargar la pgina por lo que se producira un error en el caso de que no existiera ninguna pgina con el nombre index.htm Para utilizar el servidor Web se necesita una aplicacin cliente capaz de entender o interpretar informacin HTML, a este tipo de aplicaciones se le pone como Browsers o navegadores o visualizadores o hojeadores. Mediante el browser el usuario puede acceder a los documentos HTML y moverse de un documento o a otro a travs de sus vnculos o enlaces, este hecho de mover con browser por las pginas por las WWW a travs de sus enlaces se le conoce como Navegar por Internet. Introduccin Primeras herramientas: Para comenzar slo son necesarios dos elementos: Un editor de textos: vale cualquiera, siempre que no formatee el texto. Por ellos, los ms adecuados son los ms sencillos (el block de notas de Windows 95). Si se utiliza procesadores como Word, se debe guardar los ficheros como Solo texto para que no introduzca rdenes de formateo, que pueden provocar errores al cargarlo en el navegador. Un visualizador o navegador de Web: Netscape, Microsoft Explorer, Mosaic, Opera, etc. El editor de texto lo usaremos para ir escribiendo los documentos HTML, que ser posteriormente interpretado por el navegador, con lo que iremos comprobando los cambios y aadidos que vayamos efectuando. Mtodo de trabajo: con el editor de textos crearemos un fichero con el nombre que queramos, pero que debe tener necesariamente la extensin .HATML o .HTM si nuestro sistema operativo no soporta extensiones de ms de tres letras. Habr un fichero distinto para cada apartado; conviene crear un directorio especfico en sus rdenes e irlos guardando en l, para poder repasar lo aprendido, aparte de que puede ser necesario para ejecutar otro ejemplo prctico.

El Lenguaje HTML
Html: ES un lenguaje que se utiliza para la creacin de pginas web en la WWW. Por pgina entendemos el documento que aparece en el visualizador o navegador. Se compone de una serie de comandos, que son interpretados por el visualizador, o programa que utilicemos para navegar por el WWW. En ltima instancia es el visualizador puede ejecutar todas las rdenes contenidas en el cdigo HTML. El lenguaje HTML se estructura utilizando marcos o etiquetas o comandos. La forma general de una marca es la de un comando HTML encerrado entre dos signos de menor a mayor [</.>]

El mecanismo de funcionamiento de estas marcas es muy sencillo. Cuando el visualizador encuentre le signo menor (<) examina todos los caracteres que encuentre hasta el final de la marca, el smbolo mayor (>). Entonces interpreta la marca y su contenido y aplica la propiedad al texto que viene a continuacin. Hay marcas que se aplica en todo el documento HTML, o slo donde el punto en que son insertadas hasta el final del documento Otra se aplican exclusivamente con la misma marca precedida de la barra inclinada hacia atrs (/). El valor de los atributos se expresan encerrados entre comillas () Algunos atributos slo viene definidos por su nombre (no tiene valor); son los atributos llamados compactos

Cuatro normas fundamentales


HTML es simplemente texto Lo primero es saber que un documento HTML es un archivo de texto simple, luego, se puede editar con cualquier editor de texto sencillo, como por ejemplo el Block de notas de Windows 95/98/NT. El HTML no distingue entre maysculas y minsculas en la especificacin de marcas y sus atributos. Sin embargo, por legibilidad, es aconsejable codificar tanto marcas como atributos en maysculas. Caracteres especiales Carcter especial Transcripcin HTML comentario Los acentos &<vocal a acentuar>acute; En la actualidad la mayora de los browsers la soporta Smbolo menor que (<) &It: Smbolo mayor que (>) &gt; La ee &ntilde; En la actualidad la mayora de los browsers la soporta Espacio en blanco &nbsp; (non breaking HTML slo reconoce un space) espacio en blanco entre palabras

Enlaces a otra pgina


Para enlazar a otro documento, es necesario conocer la ubicacin exacta del documento que se referenciar. Una ubicacin, puede ser referenciada en forma relativa o absoluta. Relacin relativa: se indica especificando la posicin del documento en la estructura de subdirectorios a partir de la misma ubicacin del documento actual. Ubicacin absoluta: se indica especificando el URL (uniform resurce locator) de la pgina que se est referenciado.

Cargar Imagen
Las imgenes son un elemento esencial para disear una pgina activa. No obstante, un nmero excesivo de imgenes en una pgina puede hacer ralentizar el proceso de visualizacin (las imgenes son las partes de la pagina que mas ocupa). Es importante conseguir un compromiso entre una pgina atractiva (lo que lleva incluido grficos), y una pgina pueda cargarse en un tiempo razonable.

Formatos de imagen
Existen una gran cantidad de formatos de imgenes en un ordenador, cada uno de ellos con sus ventajas e inconvenientes. Sin embargo, a la hora de publicarlo por internet, solamente tenemos que tener en cuenta dos formatos ms especficos: el GIF y el JPEG. Ya que estas nos ofrece mayor resolucin, y de forma que comprime el tamao de las imgenes, por la que estas se pueden transmitir ms rpidamente por internet. Formato GIF: proviene del ingls Graphics Interchange Format o Formato de intercambio de grficos. Este formato fue desarrollado por CompuServe para proporcionar un mecanismo de transmisin de archivos de imagen mediante lneas telefnicas. Este mecanismo consiste en comprimir las imgenes para una transmisin ms rpida en un medio de muy baja capacidad como lo son los hilos telefnicos. La imagen en formato GIF est limitada a 256 colores simultneos. Otra propiedad interesante del formato GIF es la de poder crear grficos animados, el formato de este tipo de imgenes se le denomina GIF 89. Los archivos de imgenes en este formato tienen asociado la extensin .gif. Formato JPEG: son las siglas de Joint Photographic Expert Group (Grupo de expertos fotogrficos reunidos). Al igual que el formato GIF, comprime las imgenes para una transmisin ms rpida, aunque difiere en el algoritmo de compresin. Los archivos de imgenes en este formato tienen asociado la extensin .jpg. Tamao de las imgenes Si no especificamos nada mas, el tamao de la imagen aparecer en el navegador con el tamao que tendr originalmente. Para modificar el tamao de la imagen se utiliza los siguientes modificadores en la etiqueta <IMG>: WIDTH: especifica la anchura en pixels de la imagen HEIGTH: especifica el nmero de pixels que tendr de alto la imagen.

Tablas.
Una tabla es una manera muy compacta y muy clara de mostrar una informacin. Una tabla en HTML se entiende como un conjunto de filas (filas=Horizontal), apiladas una sobre otra. Cada fila contiene a su vez un conjunto de celdas, puestas una al lado de otra. Una tabla se declara usando el comando <TABLE></TABLE>. Dentro de la tabla, se usa <TR></TR>para indicar una fila y dentro de una fila, <TD></TD>para delimitar contenido dentro de una celda. El elemento de cierre de la fila es optativo. El texto indicado en cada celda puede ser formateado con cualquiera de las etiquetas vistas anteriormente. Todos estos comandos aceptan nmeros modificadores. Se pueden, entre otras cosas, unir celdas, especificar la alineacin del contenido de la celda, y mucho ms.

Titulo de la tabla.
Es conveniente que las tablas tengan un tirulo que las identificas y aclare su contenido.

Aunque ese ttulo puede ser contenido colocando textos formateados antes de la tabla, HTML dispone de la etiqueta <CAPTION>. Esta etiqueta tiene ventaja que el texto formateado se coloca automticamente en el centro de la anchura de la tabla.

Bordes de la tabla.
Para colocar bors a una tabla en HTMAL se utiliza el modificador BORDER dentro de la etiqueta <TABLE>. La sintaxis es: <TABLE BORDER=anchura></TABLE> donde anchura indica la anchura en pixels del borde exterior de la tabla. El modificador BORDER coloca bordes extremos e internos en la tabla, pero la anchura que se especifica solo afecta a los bordees externos.

Tamao de la tabla
Por defecto el tamao de la tabla viene dado por el texto a los grficos que contiene. Sin embargo, es posible que en ocasiones queramos cambiar la anchura de nuestra tabla. La forma de establecer una anchura fija en una tabla es utilizar el modificador WIDTH dentro de la etiqueta <TABLE>. Aqu anchura puede ser un nmero que especifica en pixels la anchura absoluta de la tabla, o bien un porcentaje que indique la anchura de la tabla en legacin a la anchura del rea del documento del navegador.

FRAMES (MARCOS)
Los frames (marcos) es una tcnica que se utiliza para subdividir la pantalla del visualizador en diferentes ventanas, con las caractersticas de que cada una de ellas se podr manipular por separado, es como si caducan de ellas fuera una pgina web. Esto en muy til para, por ejemplo, para mostrar el contenido seleccionado. Para definir las diferentes subventamas o frames su utilidad las marcas: <FRAMESET></FRAMESERT> y <FRAME>. Con <FRAMESET> indicamos cmo se va a dividir la pantalla principal, donde podr ir varias directivas fameset anidadas con el fin subdividir cualquiera de la subdivisiones. Con la marca <FRAME> indicamos las propiedades de cada subventanas y necesitamos una marca <frame> para cada subventana creada; los atributos son: Name= nombre. Indica el nombre por el que nosotros nos vamos a referir a esa ventana. Src=URL (lugar de localizacin) Indica un fichero .html cuyo contenido se mostrar en esa ventana. Marginwidth= nmero (ancho del margen) Indica el margen izquierdo y derecho de la subventana, se da en puntos. Marginheight= nmero (alto del margen) Indica el margen superior e inferior de la subventana, se da en puntos. Scrolling= yes/no/auto (Desplazamiento) Indica si se aplica una barra de desplazamiento (tipica barra para moverse de arriba y abajo que aparece en Windows) a la subventana.

Noresize. Si se escribe este atributo, el usuario no podr redimensionar las subventanas con el visor; ya que el usuario podr cambiar el tamao de las subventanas con solo situar el cursor en un borde de la pantalla y desplazarlo. rea de texto Representan un campo de texto de mltiple lneas y aparecen como una caja. Normalmente se utiliza para que se incluya en ellas comentarios. La marca es <TEXTAREA></TEXTEREA> y sus atributos son: Name = Campo, nombre del campo Cols = nmero, numero de columnas de textos de texto visibles Rows = nmero, nnero de filas de texto visibles Align = valor, Puede ser top (arriba), middle (medio), bottom (abajo), left (izquierda) y right (derecha). Wrap = VIRTUAL / PHYSICAL, Justifica el texto automticamente en el interior de la baja. La opcin physical enva las lneas de texto separadas en lneas fsicas.