CREACIÓN DE UNA PAGINA WEB EN DREAMWEAVER

CREACIÓN DE UNA PAGINA WEB EN DREAMWEAVER

¿QUE ES UN SITIO WEB?




Conjunto de páginas web que están relacionadas entre sí, por lo general porque se ingresan desde un mismo dominio (o porque mantienen constante la raíz de la dirección URL). Un sitio web puede estar constituido de una o más páginas web. La página web principal de un sitio web suele llamarse index, que puede tener la extensión .htm, .php, .asp, entre otras.

A veces "sitio web" y "página web" son tomados como sinónimos, pero no son tal.
Los sitios web son accedidos a través de una dirección URL (generalmente un dominio), utilizando un programa navegador web.

¿CUALES SON LAS CARACTERÍSTICAS DEL FORMATO HTML?

*Puede ser creado y editado con cualquier editor de textos básico.

*Utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final, mediante las cuales se determina la forma en la que debe aparecer en su navegador el texto, así como también las imágenes y los demás elementos, en la pantalla del ordenador.

*Cada elemento de un documento HTML consta de una etiqueta de comienzo, un bloque de texto y una etiqueta de fin.

     

¿QUE SON LOS HIPERVINCULOS?

Un hipervínculo es un enlace, normalmente entre dos páginas web de un mismo sitio, pero un enlace también puede apuntar a una página de otro sitio web, a un fichero, a una imagen, etc. Para navegar al destino al que apunta el enlace, hemos de hacer clic sobre él. También se conocen como hiperenlaces, enlaces o links.

Normalmente el destino se puede saber mirando la barra de estado del navegador cuando el ratón esté sobre el hipervínculo.

Dependiendo de cual sea el destino, hacer clic en un hipervínculo puede hacer que ocurran varias cosas. Si el destino es otra página web, el navegador la cargará y la mostrará, pero si el destino es un documento de Word, el navegador nos dará la posibilidad de abrir una sesión de Word para visualizarlo o de guardar el archivo.

Por lo tanto, podemos usar los hipervínculos para conducir a los visitantes de nuestro sitio web por donde queramos. Además, si queremos que se pongan en contacto con nosotros, nada mejor que ofrecerles un hipervínculo a nuestro correo electrónico. Vamos a ver cómo hacer todo esto.

          

Tipos de hipervínculos.

Existen varios tipos de hipervínculos. Vamos a ver los más usados.

Hipervínculo de texto.

Un hipervínculo de texto es un enlace que se encuentra asociado a un texto, de forma que si hacemos clic sobre ese texto, navegamos dónde indique el hipervínculo. Por defecto, cuando creamos un hipervínculo de texto, el texto aparece subrayado y en un color distinto al del texto normal, de forma que el visitante sepa que existe ese enlace. Si volvemos a la página después de visitar el enlace, este aparecerá con otro tono también. Aunque es interesante diferenciar el hiperenlace, es posible que no queramos que aparezca así.

Hipervínculo de imagen.

Un hipervínculo de imagen es un enlace que se encuentra asociado a una imagen, de forma que si hacemos clic sobre esa imagen, navegamos dónde indique el hipervínculo. Por defecto. cuando creamos un hipervínculo de imagen, la imagen aparece rodeada de un borde con un color llamativo para que el visitante sepa que existe ese enlace. Al igual que con el texto, más adelante veremos cómo podemos modificar este comportamiento.
Por otra parte, los hipervínculos pueden referirse a páginas del mismo sitio web o de otros sitios web.

Hipervínculo a una página del propio sitio web (página local).

Un hipervínculo local es un vínculo a una página que se encuentra en el mismo sitio web. Esto significa que el archivo de la página web a la que se refiere el vínculo se encuentra en el mismo disco que la página que contiene el vínculo. Así, para referirnos a ella tan solo basta con poner la ruta o dirección en el disco duro. Si se encuentra en la misma carpeta, basta con poner su nombre. Si se encuentra en una carpeta que cuelga de la actual, hay que poner el nombre de la carpeta y el del archivo.

Hipervínculo a otro sitio web (página externa).

Un hipervínculo externo es un vínculo a una página en Internet. Es un vínculo a cualquier otro lugar fuera del sitio actual. Cuando ponemos un vínculo externo, escribimos la dirección completa de la página incluido http://www....

Hipervínculo a una dirección de correo electrónico.

Un hipervínculo a una dirección de correo electrónico es un vínculo que contiene una dirección de correo. Al pulsar en él, automáticamente se abre el programa de correo que tenga el usuario instalado para poder escribir a esa dirección de correo.
    

PREZI  ----->  creacion-de-una-pagina-web-wn-dreamweaver/

PAGINA WEB

PAGINA WEB

¿QUE ES UNA PAGINA WEB?

Una página web se define como un documento electrónico el cual contiene información textual, visual y/o sonora que se encuentra alojado en un servidor y puede ser accesible mediante el uso de navegadores. Una página web forma parte de una colección de otras páginas webs dando lugar al denominado sitio web el cual se encuentra identificado bajo el nombre de un dominio.                                   

UTILIDAD :

Una página web, puede tener varios usos, se le puede usar como medio de comunicación para diversos temas, como noticias, cultura, medicina, ciencia, tecnología, comentarios de diversos temas, foros, educación, debate, juegos, música, películas, etc.

Por la peculiaridad, de ser versátiles en los tipos de información que se le puede añadir a una página web, como por la gran variedad de formatos de texto, audio, vídeos e imágenes que puede tener, sirve para distintos usos.


¿CUALES SON LAS  CARACTERÍSTICAS DE UNA PAGINA WEB ?

1.-Utilidad.
El contenido debe de ser útil para el usuario y relacionado con su búsqueda y temáticas del sitio. De lo contrario abandonará la página a los pocos segundos para no volver en un tiempo.

2.-Facilidad de navegación.
No saber donde está el usuario en cada momento y no encontrar la información rápidamente es otro aspecto que hará al navegante cansarse y abandonar el sitio.

3.- Apariencia.
La apariencia de un sitio es fundamental. Ten en cuenta tus colores corporativos, pero no uses colores fuertes ya que causan fatiga y rechazo. Recuerda que un buen contenido puede parecer malo si la apariencia no es la adecuada.


4.- Estructura clara.
La información mostrada debe de estar bien estructurada, haciéndo que esta se presente de manera clara. Un aspecto a tener en cuenta es la posición de la información y la longitud de esta, ya que el usuario tiende a cansarse.


5.- Información actualizada, sencilla, creíble y concisa.
La información deberá ser lo más sencilla y concisa posible, pero suficiente. También deberá ser creíble, de lo contrario no será si quiera tenida en cuenta por la mayoría de visitantes. Obviamente deberá estar lo más actualizada posible dado que de lo contrario el usuario concibe la información como poco útil, antigua y se le causará una mala impresión de la empresa.


6.- Rapidez de descarga.
Páginas que tardan demasiado en cargar están abocadas al fracaso. Así que hazlas lo más ligeras posible y elige un buen hosting.


7.- Pocos clicks.
Fundamental. Cuanto más rápido, mejor.


8.- Evita malos hábitos.
Registros innecesarios, ventanas emergentes, obligarietoridad de instalar software, enlaces que no funcionan, contenido que no existe, etc. Son elementos que mayor rechazo provocan entre los internautas.


9.- Interactividad.
En la era social, la web también ha de serlo. El usuario ya no solo demanda información sino, además, la posibilidad de interactuar en la misma página.


10.- Información de contacto.
Su sitio ganará en credibilidad y confianza al ofrecer información de contacto de su empresa.

            


¿QUÉ ES Y PARA QUÉ SIRVE EL LENGUAJE HTML?
HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una seríe de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.                               

¿ PARA QUE SE UTILIZA EL PROGRAMA DREAMWEAVER?

Adobe Dreamweaver es una aplicación en forma de estudio (basada en la forma de Adobe Flash) enfocada a la construcción y edición de sitios y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems). Es el programa de este tipo más utilizado en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium. Su principal competidor es Microsoft Expression Web y tiene soporte tanto para edición de imágenes como para animación a través de su integración con otras. Hasta la versión MX, fue duramente criticado por su escaso soporte de los estándares de la web, ya que el código que generaba era con frecuencia sólo válido para Internet Explorer, y no validaba como HTML estándar. Esto se ha ido corrigiendo en las versiones recientes.                                     

CARACTERÍSTICAS:

Ofrece la posibilidad de crear botones flash, formularios, JavaScripts, y más, es de gran ayuda. Además de poder insertar elementos web, encontramos una gran precisión en la importación de información de Word y Excel, con las funciones de copiar y pegar.
: Dreamweaver es conocido por ofrecer herramientas avanzadas en el desarrollo de sitios web, y si bien se trata del producto de mayores características del mercado, su uso está limitado a usuarios con experiencia, ya que de no ser así, uno se encuentra con la dificultad de no saber por dónde comenzar.          

         PREZI ----------------------------------------> PAGINA WEB