1

ADMINISTRACIN DE SITIOS WEB II

Administrar componentes externos haciendo uso de cdigo importado.
Publicar y administrar remotamente su sitio web.


1

GUA DIDCTICA





Descripcin

En la actualidad existen diversos servicios que podemos usar y/o brindar en nuestros Sitios Web, con la
finalidad de hacerlos ms interactivos con nuestro usuarios, como son contadores de pginas, relojes, chats,
etc. dichos servicios contienen internamente contienen cdigo HTML, pueden parecer complicados de
desarrollarlos e integrarlos a nuestros sitios, pero gracias a la importacin de componentes haciendo uso de
cdigo HTML se logra de manera fcil y rpida, de esta manera no es necesario desarrollar desde un inicio
estos componentes si no reutilizarlos, ganando tiempo, facilidad de uso, interactividad, etc.
Para que otros usuarios puedan acceder a nuestro Sitio Web debemos guardarlo en un servidor
configurado adecuadamente para que pueda brindar acceso a quien lo requiera, el mismo que se denomina
servidor de alojamiento o Hosting.
Esta unidad proporciona los fundamentos necesarios para administrar la incorporacin de componentes
externos en las pginas de nuestro sitio web, as como tambin las indicaciones para publicar nuestro Sitio
Web en un Servidor de Alojamiento.

Capacidad
El participante al final de esta unidad estar en capacidad de administrar
componentes externos provenientes de otros sitios web en sus aplicaciones, as como
realizar la publicacin del mismo en un servidor de alojamiento.

Actividad
Para la presente unidad deber crear un sitio web en cual debe incorporar componentes externos, luego
realizar su publicacin y administracin en un servidor de alojamiento.

Evaluacin
En esta Sesin Ud. ser evaluado en:
1. La administracin de componentes externos en un sitio web.
2. La publicacin y administracin de un sitio web en un servidor de alojamiento.





ADMINISTRACIN DE
SITIOS WEB II
1


Importacin de Componentes Externos.
Todas las pginas web estn creadas usando un lenguaje basado en etiquetas llamado HTML. Los
diseadores Web evitan que el usuario utilice las etiquetas de las cuales est formado y generarlas usando
traductores potentes que hacen fcil la edicin de una pgina Web.
Existen diversos servidores web que nos ofrecen servicios gratuitos otros pagados, para ser
incorporados en nuestras aplicaciones, para este fin nos generan y facilitan el cdigo respectivo que ser
insertarlo en nuestras pginas web, as lograr reutilizar estos componentes existentes sin necesidad de
desarrollarlo.
A continuacin insertaremos diversos componentes como:

Contadores de Pginas.
Son componentes disponibles en la web, que permiten llevar la estadstica de las visitas a una
determinada pgina.
Ejemplo:
- Buscar en internet un servicio gratuito de contadores de pginas.


- Seleccionar un servidor que brinde el servicio.


- Seleccionar el estilo deseado.


2








- Configurar el estilo de visualizacin.



- Generar y copiar el cdigo del componente a utilizar.



Administracin Componentes Externos haciendo uso de cdigo
importado.

3
- Ir a nuestra pgina donde se va a utilizar el componente y en vista de cdigo pegar lo copiado
anteriormente.










- Visualizar el resultado de nuestro componente.



4
Reloj Flash.
Son componentes disponibles en la web, que permiten visualizar la hora en algunos casos incluyen la
fecha de acuerdo a una zona horaria.
Ejemplo:
- Buscar en internet un servicio gratuito de relojes.

- Seleccionar un servidor que brinde el servicio.


- Seleccionar el diseo del reloj deseado.









5
- Generar y copiar el cdigo del componente a utilizar.

- Ir a nuestra pgina donde se va a insertar el componente y en vista de cdigo pegar lo copiado
anteriormente.



- Visualizar el resultado de nuestro componente





6
Videos.
Son componentes disponibles en la web, que permiten mostrar videos publicados en servidores de
video especializados en la trasferencia de este tipo de archivos.
Ejemplo:
- Mostrar un video de algn lugar turstico del Per en una pgina web.

- Ingresamos al Servicio de You TuBe.

- Buscar un video de lugares tursticos en el Per.


- Hacer clic en el video que deseamos para visualizarlo.


- Debajo del video podemos observar algunos datos del mismo, as como tambin la opcin compartir.





7



- Nos muestra algunas formas de compartir el video, escogemos la opcin I nsertar Vnculo, y
marcamos la opcin Utilizar el antiguo Cdigo de I nsercin



- Copiar el cdigo generado para el video.
- Nos ubicamos en la pgina donde deseamos que se muestre el video.
(Podemos insertar una capa o posicionarnos en una celda.)







8


- Pasamos a la vista de cdigo e insertamos el cdigo copiado.


- Guardamos los cambios y visualizamos nuestro video.






9
Mapa Satelital.
Con el desarrollo de la tecnologa satelital es posible medir y simular cualquier zona del planeta.
Existen servidores que almacenan esa informacin satelital y la ofrecen como un servicio en internet (con
algunas limitaciones).
Ejemplo:
- Utilizar el servidor Google Maps, para ello ingresamos a Google y seleccionamos la opcin Maps



- Buscamos la ubicacin de la Universidad Csar Vallejo en la ciudad de Trujillo, y copiamos el cdigo
generado para compartir este componente.

- Nos ubicamos en nuestra pgina donde deseamos que se muestre el mapa, pasamos a la vista de
cdigo y pegamos el cdigo copiado anteriormente.








10



- Guardamos nuestros cambios y visualizamos nuestro mapa.




11
Chat.
Este tipo de componente nos hace posible mantenerse comunicado con un grupo de personas que
comparten un inters comn.
Ejemplo:
- Crear una sala de chat para los AMIGOS.
- Buscamos el Servicio de Chat en Google.





- Una vez ingresado al servicio configuramos los parmetros.



- En nuestra pgina nos ubicamos donde deseamos insertar nuestro componente de chat y en vista de
cdigo pegamos lo copiado anteriormente.








12



- Guardamos nuestros cambios y visualizamos los resultados.






13

Integracin con Google Docs
El servidor Google inici un expansivo plan de integracin de servicios, el cual nos permite integrar
nuestros documentos con nuestras pginas web de acceso pblico. Para hacer uso de este servicio debemos
disponer de una cuenta google
Ejemplo:
- Acceder a Google Docs.

- Ingresar con tu cuenta.


- Crear una presentacin online.


- Elegir el diseo de la presentacin.



14



- Editar la presentacin.



- Puede insertar imgenes.




15

- Puede visualizar la presentacin.


- Una vez terminada de editar la presentacin la publicamos para poder acceder al cdigo el cual nos
permitir compartir el componente creado.


- Copiamos el cdigo generado.














16


- Ubicamos el cursor en la pgina web donde deseamos que se muestre el componente, y en la vista de
cdigo pegamos el copiado anteriormente.


- Visualizamos el componente (presentacin) en nuestra pgina web.



17

Publicacin y administracin remota del sitio web.
Un Sitio Web es un espacio alojado en un servidor Web (Hosting) el cual permite interactuar con los
archivos de distinto formato pero compatibles con su publicacin en internet.
Para poder administrar los archivos de un Sitio Web se debe crear una cuenta de acceso que posea los
permisos respectivos para poder hacer actualizaciones del mismo.

Ejemplo.

Publicar el siguiente Sitio Web (pgina web y sus archivos utilizados) en el servidor gratuito
http://galeon.hispavista.com/



Los archivos por los que est compuesto son:




- Para Iniciar Ingresamos el Sitio de Galen que es un Servidor de Alojamiento.





Publicacin y administracin remota

18


- Creamos una cuenta de usuario nueva.




- Seleccionamos el tipo de cuenta a crear.





19

- Llenamos los datos para nuestro Sitio Web. Tengamos en cuenta que en la opcin nombre colocamos el
nombre de dominio para el acceso al Sitio Web.

- Ingresamos los datos del WebMaster.



20
- Una vez creada la cuenta se enviar al correo indicado un mail de conformacin.




- Una vez confirmados los datos activamos la cuenta.

- Luego de haber creado la cuenta podemos acceder a ella desde la pgina principal.

- Ubicamos la opcin de administrador de ficheros (archivos), la cual nos permitir adjuntar archivos de
nuestro Sitio Web.


21



- La opcin Subir Ficheros nos muestra una interfaz la cual permite adjuntar nuestros archivos y
guardarlos en el servidor.


- Para subir cada archivo debemos hacer clic en Seleccionar Archivo.



- Debemos seleccionar los archivos de manera individual.



22
- Luego de adjuntar los archivos se muestran en la pgina con sus respectivas propiedades.


- En caso que se desee ver un archivo se hace clic sobre el mismo.


- Para visualizar el Sitio, abrimos una ventana de nuestro navegador y escribirnos el nombre de dominio
con el que lo registramos.



23

I) Marque la alternativa correcta:
1) Componente externo que permite determinar las visitas de una pgina:
a. Chat
b. Youtube
c. Mapas
d. Contador
e. N.A.

2) Componente externo que permite interactuar con el usuario:
a. Google Docs
b. Youtube
c. Reloj Flash
d. Chat
e. N.A.

3) No es una caracterstica del Google Docs
a. Expone en lnea usando internet
b. Es similar a la suite de Microsoft Office
c. Necesita ser instalado en la PC
d. Generar cdigo HTML para ser compartido
e. N.A.

4) La primera pgina web de un sitio debe tener el nombre:
a. pag1.html
b. index.html
c. principal.html
d. T.A.

5) El nombre de las carpetas del sitio debe ser:
a. Letras Minsculas
b. Nombre corto
c. Letras en mayscula
d. N.A.

II) Relaciona los siguientes controles y sus caractersticas
a. Width ( ) Gestiona los objetos
b. Capa ( ) Ajusta el cdigo horizontalmente
c. Vista Diseo ( ) Gestiona los cdigos HTML
d. Vista Cdigo ( ) Contenedor mvil

Autoevaluacin

24


En la Prctica que se muestra a continuacin, usted podr aplicar los contenidos desarrollados en la
presente unidad, para ello deber crear una carpeta raz (Prctica 11), donde guardar todos los archivos
creados.
1. Abrir Dreamweaver.
2. Crear un Sitio llamado WebPersonal.
3. Crear un archivo nuevo.



4. Guardar el archivo como index.html


Prctica Guiada

25

5. Insertar una tabla.






6. El archivo quedar como se muestra.



7. Buscar en servidor que brinde el servicio de relojes y copiar el cdigo generado.

26




8. Insertar el cdigo en la pgina creada.






9. Ubicar la ciudad de Chiclayo en Google Maps.



27




10. Copiar el cdigo generado para el componente.



11. En la celda 2 de la fila 1 inserte el cdigo copiado.




12. Crear una presentacin en Google Docs, la cual incluya algunas imgenes


28






13. Elegir un diseo e insertar las imgenes y contenidos.









29





14. Publicar la presentacin.












30

15. Copiar el cdigo generado.


16. Insertar el cdigo en la pgina deseada.


17. Mostrar el componente insertado.








31





18. Buscar un servidor de contadores de pgina y seleccionar uno.







19. Configurar los parmetros del contador seleccionado.








32




20. Copiar el cdigo generado.


21. Insertar el cdigo en la pgina respectiva.




33




22. Guardar los cambios y visualizar los resultados en un navegador




34


23. Para publicar su sitio web debe ingresar con su usuario y clave.


24. Si necesita crear carpetas para su sitio puede hacerlo como se indica a continuacin.




25. Adjuntar los archivos que conforman sus Sitio Web.



0
0
0

35





26. Una vez terminado de adjuntar los archivos podemos visualizarlo escribiendo el nombre de dominio en
un navegador.