=== ¡== BIENVENIDOS A LA CLASE DE PÁGINA WEB == DOCENTE == GUILLERMO HORACIO PATIÑO

JAVASCRIPT

JAVASCRIPT
Guillermo Horacio Patiño

TODO LO QUE DEBE SABER ANTES DE CONTRATAR UNA PÁGINA WEB



1. DOMINIO O NOMBRE DE LA PÁGINA WEB.
Cuando usted adquiere un dominio, obtiene un nombre en internet, el cual ninguna otra persona podrá tener, donde tendrá el privilegio de ser el único en internet con dicho nombre, por esta razón, debe ser el propietario real durante su tiempo de uso, usted debe solicitar a su registrador que su nombre aparezca como contacto administrativo y una vez contratado el servicio, solicite un certificado de propiedad, ésto es importante ya que si pierde contacto con la empresa registrante, podrá solicitar a otra empresa su administración.

2. HOSTING PARA UNA PAGINAS WEB.
El hospedaje es muy importante contratarlo con empresas certificadas y preferiblemente con la misma empresa que elabora el sitio web, ya que cuando ocurra algún imprevisto no tenga que estar buscando una solución de un lugar a otro, tenga en cuenta que el hospedaje debe permitirle mantener activo su sitio web 24 horas los 365 días del año, y soportar un flujo de visitantes ilimitado sin ningún contratiempo, también debe permitir la creación de correos corporativos de amplia capacidad y de buen servicio, ya que es por este medio por donde finalmente se comunicará con sus visitantes.

3. EL DISEÑO DE CADA PAGINA WEB.
Tenga en cuenta que realizar una página web profesional difiere mucho de páginas web gratuitas o de bajo costo, ya que existen grandes diferencias internas que solo personal profesional puede hacerle ver, no compare sitios web por su precio sino por su calidad, y siempre visite los sitios web realizados por las empresas ya que es la mejor manera de verificar su calidad gráfica, de contenido y de construcción; siempre que un sitio web es realizado por una empresa se cuenta con un link en la parte inferior del sitio web identificándolo como diseño propio.

4. LAS PLANTILLAS PARA PAGINAS WEB.
Su página web es una parte importante de su imagen corporativa, y hace parte de sus medios de comunicación, las plantillas si bien le permiten tener un sitio web muy rápido y a bajo costo, es probable que otras empresas de su misma naturaleza ya hayan adquirido o en un futuro adquieran la misma plantilla que usted tenga y al final su competencia y usted terminan teniendo gráficamente la misma página web.

5. LA INFORMACIÓN QUE DEBO MOSTRAR EN MI PAGINA WEB.
Una página web debe contener muchos aspectos importantes de contenido, la información debe ser clara y exacta pensando siempre en lo que el cliente necesita saber; en ocasiones el exceso de contenido puede no ser tan importante como su organización y la facilidad para encontrarlo.



6.VELOCIDAD DE CARGA DE UNA PAGINA WEB.
Una pagina web debe ser muy ágil y sobre todo liviana, recuerde que las personas hoy por hoy mantienen muy ocupadas y no están dispuestas a esperar mucho tiempo por la información de un sitio web demorado y pesado, sobre todo cuando tienen un sin numero de sitios web a su disposición, por consiguiente las páginas que requieren tiempo en cargar no son una buena idea, intente absténgase de las paginas con introducciones, musica y animaciones que requieran cargas demoradas y que al final no poseen una información relevante para sus clientes.

7. LAS ANIMACIONES EN EL DISEÑO WEB.
Debe tener en cuenta al público al que usted se va a dirigir, ya que si su publico objetivo son jovenes o chicos, seguramente las animaciones, movimientos y sonidos les resulten familiares y agradables, por lo contrario si su publico objetivo es adulto una buena recomendacion seria construir sitios web con un bajo numero de animaciones y éstas con velocidades de transicion mínimas o muy suaves, que permitan una buena lectura sin una pesada carga cognitiva.

8. CUÁL ES EL OBJETIVO DE LA PAGINA WEB.
Es recomendable tener claro cuáles serán los objetivos de realizar su sitio web. algunas empresas pueden necesitar solo presencia en internet, para dar soporte a sus clientes o como ayudaventas en el area comercial. Otras empresas más ambiciosas pueden requerir de su página web un potente medio publicitario, donde consequir clientes y ventas sea un objetivo de todos los dias. El diseño web deberá ser construido pensando en alcanzar sus metas.

9. QUÉ ES POSICIONAMIENTO WEB
Una pagina web es el primer paso en internet, pero no es el único, cuando piense en realizar un diseño web, también deberá pensar en el posicionamiento, estar en los primeros lugares de búsqueda, seguramente le generará muy buenos ingresos, tenga en cuenta que el posicionamiento natural o pago tambien depende de la calidad de información y de construcción de su página web.


10. SERVICIO POST VENTA PARA PAGINAS WEB.
Un aspecto muy importante de contratar una página web, es el servicio post venta, recuerde que ésta es la segunda parte de la venta. Tenga en cuenta la disponibilidad en horarios de atención, si se cuenta con un local o lugar fisico, cuantos y cuales son los medios de comunicación que se tienen disponibles, en numero de empleados, son puntos que hablan acerca de una empresa, ya que si usted necesita una información, realizar algún cambio o una solicitud de en su sitio web, pueda contar con el personal especializado a tiempo y rápido.


11 .CUALES SON LOS COSTOS DE UNA PAGINA WEB.
Los costos del diseño web pueden variar en relación a la calidad y cantidad de sus gráficos, información y construcción. desde sitios web muy económicos a sitios web de alta envergadura, al final es el cliente quién decide cuanto desea invertir en base a su presupuesto y al nivel de alcance que desea para su página web, si le ofrecen en un sitio web con mucha información con buena calidad y a muy bajo precio tenga sus precauciones.

12. ASESORÍA PREVIA PARA UNA PAGINA WEB.
Una asesoría puede traerle muchos beneficios antes de contratar un sitio web, identifique lo que usted quiere, lo que necesita y lo que le ofrecen. recuerde lo que quiere tal vez no es lo que necesita, lo que necesita talvez no es lo que le ofrecen y lo que le ofrecen tal vez no es lo quiere ni lo necesita.



MARCOS





código del menú

<HTML>

<head><TITLE>Menu</title>
</HEAD>

<OL type="1">
<H3>
<FONT COLOR="YELLOW">
<LI><a href="Computador.html" target="VENTANA">Computador</a>
<LI><a href="automovil.html" target="VENTANA">Autom&oacute;vil</a>
<LI><a href="Telefono.html" target="VENTANA">Tel&eacute;fono</a>
<LI><a href="guillermopatino.html" target="VENTANA">Autor</a>
</LI>
</FONT>
</H3>
</OL>

</BODY>

</HTML>
==========================================================================
código marco principal << este código es el que se ejecuta >>



<html>
<head>
<title>MARCOS</title>
</head>


<FRAMESET>

<body>


<FRAMESET COLS=10%,50%>
<FRAME SRC="Menu.html">
<FRAME SRC="Computador.html" NAME="VENTANA">
<FRAME SRC="automovil.html" NAME="VENTANA">
<FRAME SRC="Telefono.html" NAME="VENTANA">
<FRAME SRC="guillermopatino.html" NAME="VENTANA">
</FRAMESET>




</body>
</html>

==========================================================================








ejemplo de página con marco





MARCOS O FRAMES
Los marcos o FRAMES, son etiquetas o procedimientos especiales de HTML
que permiten dividir, lo que aparentemente es una sola página, en diferentes zonas
o ventanas, independientes unas de las otras. En cada ventana se puede mostrar
una página diferente. La división puede hacerse verticalmente por columnas, de
manera horizontal por filas, o una combinación de ambas. La página contenida en
cada marco tendrá definidas sus propiedades de manera independiente y desde un
marco se puede, a través de enlaces, hacer que se despliegue una página
cualquiera en otro marco, lo que los hace muy útiles para varios propósitos. Por
ejemplo, en una misma ventana se puede definir un marco que contenga el logotipo
o “banner” de la compañía, un segundo marco para desplegar el menú de
navegación, y por último un marco que muestre la página o documento actual.
La construcción de páginas que contienen marcos se hace de manera similar
a la de cualquier documento HTML. La única diferencia radica en el hecho de que la
etiqueta <BODY> es reemplazada por <FRAMESET>, que es la etiqueta que
define la estructura de los frames o marcos en los que se dividirá la ventana del
navegador.
36 de 44 http//:www.masterlinux.org EFGM© 2000-2007
Para explicar el uso de <FRAMESET>, y el de otras etiquetas necesarias
para la implementación de frames, se utilizarán cuatro páginas ya creadas:
Computador.html, Automovil.html, Telefono.html y Menu.html, y una nueva que
servirá como página de definición de los marcos, la cual debe guardarse con el
nombre de Marcos.html, dentro del mismo directorio de las otras páginas
mencionadas.
Se creará como ejercicio una página dividida verticalmente en dos marcos:
en el de la izquierda, ocupando el 20% de la pantalla, aparecerá el contenido de la
página “MenuFrames.html”; mientras que en el marco de la derecha que ocupará
el 80% restante, se desplegará inicialmente la página Computador.html o
cualquiera de las otras dos, dependiendo de el enlace que se active en el frame de
la izquierda. Para este propósito se deben escribir las siguientes líneas:
<HTML>
<FRAMESET COLS="20%, 80%">
<FRAME SRC = "MenuFrames.html" NAME ="izquierda">
<FRAME SRC="Computador.html" NAME ="derecha">
</FRAMESET>
<NOFRAMES>
Lo sentimos, su navegador no soporta FRAMES
</NOFRAMES>
</HTML>
La etiqueta FRAMESET sirve para dos propósitos principales: definir la
orientación de los marcos que puede ser horizontal (ROWS) o vertical (COLS); y el
número y tamaño de cada marco. En el ejemplo, el atributo COLS ="20%, 80%",
divide la pantalla en dos marcos verticales, ocupando el primero de ellos a la
izquierda, el 20%, y el segundo el 80% del espacio. Para conformar n marcos
dentro de una pantalla, el atributo COLS o ROWS debe contener n valores
separados por comas. Estos valores pueden ser porcentajes o valores absolutos; en
cuyo caso el marco así definido, tendrá un espacio igual al del número de píxeles
indicado. Si se quiere por ejemplo, dividir la pantalla de manera horizontal en cuatro
frames, y se necesita que el primero de ellos tenga una altura fija de 40 píxeles, el
segundo ocupe el 50% del espacio restante, y los otros dos se dividan el espacio de
manera proporcional:
<FRAMESET ROWS="40, 50%, 25%, 25%">
Otra forma de definir el tamaño de los frames consiste en utilizar el carácter
*. En el siguiente ejemplo, una pantalla de 800 píxeles será dividida en tres marcos
verticales: el primero de 400 píxeles (50% de 800), el segundo de 260 (valor
absoluto) y el tercero 140 píxeles, correspondiente al espacio restante.
<FRAMESET COLS="50%, 260, *">
Las etiquetas <FRAME> definen entre otras cosas el origen de la página que
contendrá y el nombre del marco. En el ejercicio propuesto, se observan dos de
estas etiquetas, en la primera se define el marco denominado “izquierda” donde se
desplegará la página MenuFrames.html y en el segundo marco de nombre
37 de 44 http//:www.masterlinux.org EFGM© 2000-2007
“derecha” se mostrará la página Computador.html. Para que el ejercicio sea
completamente funcional, es necesario editar el archivo Menu.html como se indica a
continuación, guardándolo luego como MenuFrames.html:
<A HREF = "Computador.html" TARGET = "derecha">
Computador</A>
<A REF ="Automovil.html" TARGET ="derecha"> Automovil</A>
<A REF ="Telefono.html" TARGET ="derecha"> Teléfono</A>
El atributo TARGET de la etiqueta <A>, cuyo valor en el ejemplo es
“derecha”, indica en cual de los marcos definidos se debe desplegar la página
correspondiente a cada uno de los enlaces. Si se omite este atributo, el documento
será mostrado dentro del mismo marco. Otro valor posible para TARGET es
“blank”, con lo que se abrirá una nueva ventana en la cual se mostrará la página
correspondiente al enlace invocado.
La etiqueta <FRAME> tiene otros atributos que permiten controlar el
comportamiento de cada marco:
<FRAME SRC="xx" NAME="xx" MARGINWIDTH="x" MARGINHEIGHT="y"
SCROLLING="z" FRAMEBORDER="w" NORESIZE>
Donde:
MARGINWIDTH="x" define el valor en píxeles del margen izquierdo y derecho
entre el contenido y los bordes del frame. El valor de x debe ser mayor que 1. Si
este atributo es omitido, el browser se auto ajustará para hacer el mejor despliegue
posible del contenido del marco.
MARGINHEIGHT="y" trabaja de manera similar a MARGINWIDTH, pero
controla los márgenes superior e inferior del frame.
El atributo SCROLLING="z" soporta tres valores posibles yes, no y auto. Se
utiliza para controlar la aparición o no de las barras de desplazamiento (scrollbars),
cuando el contenido del frame excede el área del mismo.
FRAMEBORDER="w" se utiliza para controlar que el browser muestre o no los
bordes del marco. En Internet Explorer w debe ser un valor numérico (cero significa
sin bordes), mientras que en Netscape Navigator w toma cualquiera de los valores
yes o no.
Por defecto, el tamaño de todos los frames especificados en una página
puede ser cambiado por el usuario arrastrando los bordes del marco. Si se desea
mantener fijo el tamaño predefinido de un marco, basta con agregar el atributo
NORESIZE dentro de la etiqueta de definición.
Aunque no es muy común en la actualidad, si el navegador desde donde se
accede la página no soporta el procedimiento FRAMES, se desplegará en lugar de
los marcos definidos, la información contenida dentro de las etiquetas
<NOFRAMES> y </NOFRAMES>.
38 de 44 http//:www.masterlinux.org EFGM© 2000-2007
Dentro de un documento que contiene frames pueden existir varias etiquetas
<FRAMESET>, lo que se conoce como anidamiento. Con este procedimiento, un
marco puede ser subdividido en otros marcos, para lo cual la etiqueta <FRAME> que
define las características del marco a subdividir se reemplaza por una nueva
etiqueta de definición de frames. En el ejemplo siguiente, la pantalla es dividida
inicialmente en dos zonas horizontales, mediante la etiqueta <FRAMESET
rows="30%, *">; la etiqueta <FRAMESET cols="25%, *">, divide al segundo marco
horizontal en dos nuevos marcos verticales.
<HTML>
<HEAD>
<TITLE>Ejemplo de Frames</TITLE>
</HEAD>
<FRAMESET ROWS="30%, *">
<FRAME SRC = "banner.htm">
<FRAMESET COLS="25%, *">
<FRAME SRC="menu.html" NAME ="menu">
<FRAME SRC="princ.html" NAME ="princ">
</FRAMESET>
</FRAMESET>
</HTML>