Вы находитесь на странице: 1из 45

PROCEDIMIENTO PARA

LA CREACIN DE UN
SITIO WEB
COMPONENTES
ESPECIALES








Procedimiento Para la
Creacin de un Sitio Web

Componentes
Especiales






Fondo de Informacin y
Documentacin para la Industria


Av. San Fernando #37
Col. Toriello Guerra Del. Tlalpan
Mxico DF



























El Copyright y las Marcas registradas INFOTEC WebBuilder, SemanticWebBuilder, el
personaje Semius y dems logotipos, emblemas y caractersticas distintivas, as como
elementos relacionados son propiedad de INFOTEC Fondo de Informacin y
Documentacin para la Industria, Centro de Investigacin CONACYT.

Reservados todos los derechos. Queda estrictamente prohibido bajo las sanciones
establecidas en las leyes, la reproduccin parcial o total de esta obra por cualquier medio
o procedimiento de alquiler o prstamos pblicos de ejemplares de la misma, sin la
autorizacin escrita de INFOTEC Fondo de Informacin y Documentacin para la
Industria, Centro de Investigacin CONACYT.

Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. i
Prologo

SemanticWebBuilder (SWB) es una plataforma tecnolgica desarrollada en INFOTEC, un
Centro de Investigacin y Desarrollo Tecnolgico del CONACYT, por lo que es un
producto hecho en Mxico y por mexicanos que tiene como propsito principal el brindar
los elementos y utileras necesarias para permitir una construccin rpida y simple de
Sitios y Portales Web Semnticos, as como desarrollo de aplicaciones con caractersticas
semnticas.

La idea principal de aplicar Semntica a los Sitios y Portales Web o mejor dicho
incorporarle Semntica a Internet, es permitir que la informacin pueda ser definida con
un significado especfico, de forma que conforme se le van incorporando descripciones y
propiedades a cada elemento de informacin este pueda tener ms aspectos que lo
distingan de los dems y lo puedan identificar mejor, logrando con ello que pueda ser
fcilmente consultado, interpretado y procesado ya sea por personas o incluso por otras
aplicaciones y sistemas, es decir por maquinas.

Esta caracterstica de la semntica que hace que la informacin tenga un mayor
significado y en consecuencia sea fcilmente consultada por personas o sistemas, implica
que el intercambio e integracin de informacin sea de forma ms natural sin importar el
lugar fsico donde se encuentre la informacin o la forma en que haya sido procesada
originalmente.

Esto implica que podremos realizar una consulta de informacin y la respuesta ser ms
completa y adecuada a nuestro criterio de bsqueda, pues la fuente de consulta podr ser
leda, interpretada e integrada a partir de la informacin publicada por diferentes
organizaciones, a mltiples niveles tcnicos y/o humanos, permitiendo con ello obtener
informacin ms completa y adecuada a los requerimientos especficos de cada usuario
en la red.


Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. ii


Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. iii
ndice de Contenidos

Prologo ............................................................................................................................... i
ndice de Contenidos ......................................................................................................... iii
Acerca de este manual ...................................................................................................... iv
Objetivos ............................................................................................................................ iv
Convenciones usadas en este manual .............................................................................. v
Calibri 14 color Azul nfasis Negrita, es utilizada para los ttulos de tema ......................... vi
Acerca del administrador de SemanticWebBuilder Portal (SWBPortal) ............................. vii
Comenzando a trabajar .................................................................................................. x
Instalacin SWB....1
Generar un Usuario con Privilegios de SU (Sper Usuario)..3
Desactivar al Administrador....5
Generar un Sitio Web8
Generar una Plantilla.10
Generar una Pgina Web..15
Agregar un Componente de tipo Contenido HTMLContent....17
Asignar una Plantilla HTML a la Pgina Web....19
Generar un Men (Componentes de Estrategia)...21
Agregar Componentes de Estrategia (Men)a la Plantilla...23
Generar un Banner (Componentes de Estrategia)25
Agregar Componentes de Estrategia (Banner) a la Plantilla..28
Visualizacin de Pagina Web desde un navegador..30


Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. iv
Acerca de este manual

Este manual fue realizado con el objetivo de explicar el conocimiento mnimo necesario de
los procesos para la generacin de Pginas Web en una Arquitectura de Sitio construida
dentro de una instancia de SemanticWebBuilder.

Indicndole adems los mecanismos necesarios para implementar en cada Pgina los
diferentes componentes de personalizacin y publicacin que se incluyen en la
herramienta, mostrando su uso y aplicacin de forma que el resultado en Internet sea el
deseado, presentando la informacin correcta a la persona correcta, en el momento
correcto, en el contexto correcto.
Objetivos

General:
El objetivo de este manual es mostrar los pasos bsicos para crear un Sitio Web y el
manejo de algunas herramientas, para crear y visualizar una Pgina Web desde cero,
creando un sitio, asignando una plantilla a Pgina Web y pueda visualizarla en un
navegador
Especficos:
Al finalizar el tema de Procedimiento para la creacin de un sitio Web el usuario ser
capaz de construir un Sitio Web mediante la administracin de pginas o secciones de
forma que le permitan asegurar que la informacin contenida en ellas se muestre de la
forma adecuada y ser capaz de modificar dichas caractersticas,.


Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. v
Convenciones usadas en este manual

Las siguientes convenciones son utilizadas en este manual para representar diferentes
elementos de capacitacin y recursos alternativos de aprendizaje:

Iconos

Sabas Que Indica comentarios al margen en los que se
extender el tema expuesto mediante recomendaciones o tips que
mejoren el aprovechamiento de la herramienta

Consideraciones Importantes Exponen puntos importantes que
deben tenerse en cuenta para la correcta operacin de las utileras.

Nota Indica Informacin adicional que puede ayudarle a
aprovechar mejor la funcionalidad expuesta.

Referencia Indica la necesidad de consultar otro documento o
direccin Web en donde se encontrara mayor informacin sobre el
tema expuesto.

Procedimiento Guiado Indica que se comenzara la descripcin
paso a paso de la operacin de un proceso.

Ejercicio Guiado A partir de este punto se comenzara la
ejecucin de un ejercicio que deber realizar el usuario de manera
guiada paso a paso con el manual.

Resultado Expone el efecto final correcto de una operacin o
procedimiento.

Diagnostico Por caractersticas de la tecnologa involucrada, se
generan resultados no deseados. Aqu se indicara como resolverlo.

Improcedente Indica situaciones tecnolgicas en las que no es
posible realizar una operacin o que requiere de algn proceso
alterno para obtener el resultado deseado.

Cuidado Indica que existe alguna informacin restringida o con
derechos reservados.





Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. vi

Convenciones Tipogrficas

Arial 26 Negrita, es utilizada como ttulo de tema
Calibri 14 color Azul nfasis Negrita, es utilizada para los ttulos de tema

Calibri 12 color Azul nfasis 1 negrita, es utilizada para destacar subtemas

Arial 11, es utilizada como fuente principal para el cuerpo del texto

<Times New Roman 11> es utilizada para descripcin de configuraciones o cdigo

Arial 10 negrita color azul con recuadro y sombreado azul indica temas a resaltar
y/o puntos importante en los que el lector debe prestar especial atencin

Arial 10 en color azul con recuadro azul y sombreado azul, se utiliza para denotar puntos
importantes en los que el lector debe prestar atencin especial


Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. vii
Acerca del administrador de SemanticWebBuilder Portal (SWBPortal)

Para acezar a la administracin de SemanticWebBuilder Portal (SWBPortal) es necesario
que en el URL agregue al final swbadmin, como se muestra a continuacin:


Portal Publico Administracin del sitio
http://www.sitio.com/swb http://www.sitio.com/swb/swbadmin

Nota: El contexto swb indicado aqu puede ser opcional y cambiar de una
instancia de SWB a otra dependiendo de la configuracin especfica
establecida en cada caso.

A continuacin se mostrar la ventana de identificacin (login) de SWBPortal, en donde
deber proporcionar su usuario, su contrasea, para despus presionar el botn entrar:



El administrador de SemanticWebBuilder Portal (SWBPortal) tiene diferentes zonas o
reas de trabajo en las cuales se presentan los elementos y componentes mediante los
cuales es posible incorporar los diferentes recursos de configuracin y administracin con
los que puede desarrollar y dar mantenimiento a su Sitio Web.

Las diferentes Zonas que se localizan en el sitio Administrador de SWBPortal se detallan
en las imgenes siguientes:


Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. viii


Descripcin
Barra de
Menus
En esta barra se contienen las opciones generales de la
administracin de la herramienta
Acordeones
de Estructura
En esta zona se mostraran en pestaas expandibles (Acordeones)
diversos elementos de configuracin de la estructura de los sitios
generados en la herramienta, as como herramientas y
funcionalidades de operacin general.
Zona de
Trabajo
rea en la que se despliega el detalle de la informacin,
elementos de configuracin y administracin de los elementos de
SWB


Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. ix


Descripcin
Catlogos
de Estructura
Se denomina Catalogo de Estructura de a cada uno de los
acordeones, donde se localizaran diversos catlogos de elementos que
permiten la administracin especifica de los diferentes recursos de SWB
Zona de
Informacin
Esta zona mostrara la informacin bsica del componente o recurso
seleccionado en los acordeones de estructura. Tambin se le conoce
como la zona de metadatos del elemento.
Pestaas
de Elementos
En esta zona se mostraran las pestaas de administracin de cada
uno de los componentes que sean abiertos dentro de SWB de forma
que se pueda pasar de uno a otro sin perder la informacin o cambios
que se hubieran efectuado en otro componente.
Pestaas
de
Configuracin
de Elemento
A segundo nivel en la zona de Pestaas de Elementos se
muestran las pestaas de administracin especifica del componente
seleccionado, permitiendo la configuracin a detalle de cada
componente en el SWB
Barra
Emergente
de Estatus
Esta barra se mostrara de manera emergente en la parte inferior de
la pantalla de Administracin de SWB y mostrara mensajes sobre el
xito o no de la operacin realizada
Zona de
Trabajo y
Configuracin
Muestra el detalle de cada aspecto de configuracin de las
Pestaas de Configuracin de Elementos, de forma que pueda trabajar
con cada recurso y lo configure de acuerdo a sus requerimientos.


Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. x
Comenzando a trabajar


PROCEDIMIENTO PARA LA
CREACIN DE UN SITO
WEB









Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 1
Este manual es para mostrar los pasos bsicos para crear un Sitio Web y el manejo de
algunas herramientas para crear una Pgina Web asignar Plantilla a Pgina Web y pueda
visualizarla en un navegador.
Instalacin de SWB.
Procedimiento:
Nota: SemanticWebBuilder es una herramienta multiplataforma, por lo que se puede
instalar en diferentes ambientes y se cuenta con los manuales referentes a esta como
son:
Instalacin Inicial SemanticWebBuilder
Instalacin SemanticWebBuilder en GlassFish
Instalacin SemanticWebBuilder para plataformas tipo Unix
Instalacin Inicial SemanticWebBuilder en JBOSS
Instalacin Inicial SemanticWebBuilder en WebLogic
Instalacin SWB WebLogic_11g
1. Realizar la instalacin de SemanticWebBuilder.
Referencia: Para el procedimiento de instalacin de SemanticWebBuilder dirjase a la
siguiente ruta: http://www.semanticwebbuilder.org.mx/es/swb/Manuales .
2. Una vez instalada la aplicacin de SemanticWebBuilder, dirjase a abrir un
navegador y escriba la siguiente ruta http://direccin_ip:puerto/swbadmin.
Nota: La ruta de navegacin para entrar a la administracin de SWB se arma de la
siguiente manera:
http:// Protocolo
Direccin IP: Direccin del servidor donde se levant la aplicacin
Puerto: Puerto que se configuro en el AppServer para levantar la aplicacin
Swbadmin: prefijo para accesar a la administracin de SWB


Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 2
3. Se mostrar en el navegador la pgina de acceso para la administracin de SWB,
en el campo de User escriba admin y en el campo de Password escriba
webbuilder, y dar clic en el botn de Login.

Resultado:
Se acceso a la administracin de SWB con el usuario general.



Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 3
Generacin de un usuario con privilegios de Sper Usuario (SU).
Procedimiento:

1. En la Barra de Mens localizar y seleccionar la opcin Usuarios, y en el men
desplegable dar clic en la opcin Agregar usuario



2. Se mostrar una ventana emergente, donde se tendr que llenar los campos de
Repositorio de Usuarios, Usuario y Contrasea con los datos solicitados.
3. Una vez llenado los campos dar clic en el botn de Guardar.



Nota: El Admin User Repository, es el repositorio que nos permite crear usuarios con
privilegios, para la administracin de SWB.



Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 4
En el rea de trabajo se mostrara las pestaas correspondientes al usuario que se
gener.

4. Llenar los campos solicitados en la pestaa de Informacin, (los campos con
asterisco son obligatorios), dar clic en check box de Activo. Y dar clic en el botn
de Guardar.



5. Seleccionar la pestaa de Grupos de Usuarios y dar clic en el botn Agregar de
lista.



Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 5

Se enlistar los 2 roles para ser asignados al usuario, para este ejemplo se asignar
permiso de Sper Usuario, seleccionar el check box de Sper Usuario y dar clic en el
botn de Agregar seleccionados



Referencia: Para ms informacin del procedimiento de creacin de un usuario dirjase
al manual Creacin_y_Administracin_de_Usuarios en la siguiente ruta:
http://www.semanticwebbuilder.org.mx/es/swb/Manuales .

Resultado:

Se cre el usuario con el rol de Sper Usuario el cual tiene todo el acceso y los permisos
para la administracin de SWB.



Desactivar al administrador.
Procedimiento:

Una vez contando con el usuario con privilegios de SU, termine la sesin activa que se
tiene con el usuario general.
1. En Barra de Mens del lado derecho est el botn de salir dar clic, para terminar la
sesin con el usuario actual.




Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 6
2. Iniciar sesin con el Usuario con privilegios de Sper Usuario que fue creado
dirigindose a la ruta http://IP:Puerto/swbadmin y autenticarse.



3. En la Barra de Mens, seleccionar a Usuarios
4. Se mostrar un men despegable, dar clic en Buscador.


5. Se mostrar un formulario con los criterios de bsqueda, en el campo Repositorio
de usuarios seleccionar el repositorio Admin User Repository el cual es al que el
usuario admin pertenece.
6. En Nombre(s) escribir el usuario admin.
7. Dar clic en el botn de Buscar



Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 7
8. Se mostrar los resultados de la bsqueda, dar doble clic en el usuario admin.




Nota En el buscador de usuarios se puede definir solo un campo o todos los campos de
los criterios de bsqueda para arrojar los resultados segn la bsqueda de usuario
definida.

9. Seleccionar la pestaa de Informacin, en donde se desactivara el check box de
Activo, dar clic en el botn de Guardar.





Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 8
Resultado:
El usuario General fue deshabilitado.


Generar un sitio Web.

Nota: Por default la herramienta tiene precargado un Sitio con el nombre de Demo.

Procedimiento:

1. En Barra de Mens, Seleccionar Archivo,
2. Dar clic en la opcin de Crear Sitio Web
3. Dar clic sobre la opcin de Nuevo.





Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 9
4. Se muestra una ventana emergente en donde se definirn los campos con la
informacin que requerida, cuando se define el campo de Ttulo de manera
automtica SWB lo toma como referencia para definir el campo de Identificador,
este puede ser editado si as se requiere. En el campo de Repositorio a utilizar
seleccione Exclusivo con fines de ejemplificacin de este manual. Y por ltimo en
el campo de Tipo de Sitio seleccione Sitio Web y dar clic en el botn de
Guardar


Nota: La definicin de un ID debe de ser una cadena de valores que no contenga
caracteres especiales ni espacios en blanco.

5. Se mostrar en el Catalogo de Estructura el Sitio que se cre, dar clic en Sitio,
se mostrar en la Zona de Trabajo y Configuracin la informacin.
6. Dar clic en el check box de Activo.
7. Dar clic en el botn de Guardar.



Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 10
Referencia: Para ms informacin del procedimiento de creacin de Sitios dirjase al
manual Creacin_y_Administracin_de_Portales_SWB en la siguiente ruta:
http://www.semanticwebbuilder.org.mx/es/swb/Manuales .

Resultado:
El sitio se muestra activado mostrando la pestaa de Informacin.


Generar una Plantilla.
Procedimiento:
1. En el Catalogo de Estructura del Sitio, dar clic derecho sobre Plantillas y
seleccionar la opcin Agregar Grupo de Plantillas




Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 11

2. Se mostrar una ventana emergente llenar el campo, y dar clic en el botn de
Guardar.

3. Se mostrar la informacin general del Grupo de Plantillas que se acaba de crear,
se puede llenar la Descripcin, dar clic en el botn de Guardar.



Nota: El Grupo de plantillas, nos sirve para ordenar y/o clasificar en base a las
caractersticas de presentacin que se desee dar a las plantillas.

4. En el Catalogo de Estructura, dar clic sobre Plantillas, se mostrar un men
desplegable, dar clic en el Grupo de plantillas que se acab de crear, dar clic en
Agregar Plantilla.


Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 12
5. En la Zona de Trabajo y Configuracin se mostrar una ventana emergente la cual
se tendr que llenar el campo de Ttulo, y dar clic en el botn de Guardar.


6. Se mostrar la informacin de la Plantilla en Vista Previa que se acaba de crear,
dar clic en el check box de Activo, y dar clic en el botn de Guardar.


Referencia: Para ms informacin del procedimiento de creacin y propiedades de una
plantilla dirjase al manual Creacin y Administracin de Plantillas para la Presentacin
de Pginas Web en la siguiente ruta:
http://www.semanticwebbuilder.org.mx/es/swb/Manuales .


Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 13
7. Seleccionar la pestaa Editar Plantilla.
8. Dar clic en el icono de edicin.



Consideraciones Importantes: Al generar una nueva plantilla en SemanticWebBuilder
se genera con el cdigo inicial de una plantilla blanca, con tags, scripts y elementos
necesarios para el buen funcionamiento de la plantilla y los componentes a asignar.

La zona de trabajo presentar el editor WYSIWYG en el modo Texto mostrando la
plantilla a editar.



Referencia: Para ms informacin del procedimiento de los SWBTags dirjase al manual
Uso e implementacin de SWBTags, en la siguiente ruta:
http://www.semanticwebbuilder.org.mx/es/swb/Manuales .

En el editor de la plantilla muestra los botones que le servirn para la edicin de la misma,
estos son:


Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 14
Nuevo: Genera una nueva plantilla
Abrir de Archivo: Permite cargar una plantilla HTML.
Guardar: Guarda las modificaciones realizadas a la plantilla.
Cargar Archivos: Permite la subida de archivos en la ruta donde se gener la
plantilla.
Cortar: Permite cortar el texto seleccionado de la plantilla.
Copiar: Permite copiar el texto seleccionado de la plantilla.
Pegar: Permite pegar el texto copiado de la plantilla
Liga: Permite crear un hipervnculo a un archivo o pgina.
Imagen: Permite la subida de archivos.
Tabla: Permite crear una tabla dentro de tu plantilla.
Recurso: Te permite agregar un componente de estrategia y/o sistema a la plantilla.
Contenido: Permite agregar el SWBTag de <content/>que hace el llamado a los
componentes de contenido asignados a las pginas web.
Colorear Sintaxis: Permite pintar el texto marcado a evaluar.


Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 15
Resultado:
Se mostrar la Plantilla en HTML o Texto.
Dar clic en la pestaa de HTML para editar la Plantilla ya sea en Texto o en
HTML.


Una vez que se termine la edicin de la plantilla, dar clic en el botn de Guardar.

Referencia: Para ms informacin del procedimiento y edicin de una plantilla dirjase al
manual Administracin_yCreacin_de_Plantillas_para_Presentacin_de_Paginas_Web,
en la siguiente ruta: http://www.semanticwebbuilder.org.mx/es/swb/Manuales .

Generar una Pagina Web.
1. En el Catalogo de Estructura dar clic derecho sobre la Pgina Web Home.
2. Se mostrar un men desplegable, dar clic sobre Agregar Pagina Web.



Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 16
3. Se mostrar una ventana emergente donde se definir los campos de Ttulo e
Identificador, dar clic en el botn de Guardar.



Nota: El Identificador que se defina para la pgina a crear, ser el que arme la ruta de
navegacin (URL), por lo que no se permiten los caracteres especiales ni espacios en
blanco.

4. Se mostrar la Pgina Web sobre Vista Previa, seleccionar la pestaa de
Informacin, dar un clic en check box de Activo, y dar clic en el botn de
Guardar.



Resultado:
La Pgina se habr creado y activado.


Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 17
Referencia: Para ms informacin del procedimiento de creacin de Pginas Web
dirjase al manual Creacin y Administracin de Pginas Web en la siguiente ruta:
http://www.semanticwebbuilder.org.mx/es/swb/Manuales .

Agregar un Componente de tipo Contenido HTMLContent.
Ya creada nuestra Pgina Web
1. Seleccionar la pestaa de Contenidos, dar clic en el botn de Agregar nuevo.



2. Se mostrar el listado de todos los contenidos disponibles, para este ejemplo
seleccionar el contenido HTMLContent.


3. Defina el campo de Ttulo, dar clic sobre el botn Guardar.



Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 18
4. Se genera un contenido HTMLContent, dar clic en el check box de Activo.
5. Dar clic en el botn de Guardar.



6. Seleccionar la pestaa Editar Versin, se enlistarn las versiones del contenido,
por default se cuenta con la versin 1 para ser editada, dar clic sobre el icono de
edicin para acceder al editor del HTMLContent.




7. Dentro del editor se introduce el contenido ya sea de modo HTML o texto que ser
visualizado en la pgina en el rea de contenido, terminando la edicin dar clic
sobre el botn de Guardar, y para regresar al listado de versiones dar doble clic
sobre Editar Versin.

Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 19


Consideraciones Importantes: Para este ejemplo se utilizo el texto Hola Mundo pero el
editor HTMLContent cuenta con numerosas bondades requeridas para generar
contenidos.

Referencia: Para ms informacin del procedimiento de agregar contenidos dirjase al
manual Administracin y Publicacin de Contenidos en la siguiente ruta:
http://www.semanticwebbuilder.org.mx/es/swb/Manuales .

Resultado:
El contenido ha sido agregado

Asignar una Plantilla HTML a la Pgina Web.
Procedimiento:
1. En la Pgina Web que se cre seleccionar la pestaa Plantillas, dar clic sobre el
botn Agregar de lista.



Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 20
2. Se mostrar el listado de Plantillas, dar clic sobre la plantilla que se cre, y dar un
clic sobre Agregar seleccionados.



3. Se mostrar la plantilla seleccionada, dar clic en el check box de Activo



Consideraciones Importantes: Las Pginas Web descendientes de la principal
heredarn la plantilla dependiendo la herencia asignada.
Si una Pgina Web no tiene asignada una plantilla y se requiere visualizar desde el Web,
se generara un error 404
Resultado:
De esta manera hemos asignado a la Pgina Web la Plantilla que se cre, para poder
visualizarla, seleccionar la Pgina Web, en el acorden de propiedades se mostrara el
identificador de la pgina como un link, dar clic, y mostrar la Pgina en la pestaa de
Vista Previa.


Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 21
Referencia: Para ms informacin del procedimiento de asignar Plantilla a Pagina Web
dirjase al manual Creacin y Administracin de Plantillas para Presentacin de Pginas
Web en la siguiente ruta: http://www.semanticwebbuilder.org.mx/es/swb/Manuales .

Generar un Men (Componente de Estrategia).
Procedimiento:
1. En Catalogo de Estructura seleccionar Componentes de Estrategia, dar clic
para que se muestren los componentes, dar clic derecho sobre Men el cual
mostrara un men desplegable, dar clic sobre Agregar Subtipo de Recurso.


2. Se mostrar una ventana emergente donde se llenaran los campos de Ttulo e
Identificador, dar clic sobre el botn Guardar.



3. Agregado de Subtipo de Recurso dar clic derecho mostrar un men
desplegable, dar clic sobre Agregar Recurso.



Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 22
4. Se mostrar una ventana emergente donde se definir el campo con de Titulo,
dar clic en el botn de Guardar.



Referencia: Para ms informacin sobre los Componentes de Estrategia dirjase al
manual Administracin y publicacin de Componentes de Estrategia en la siguiente
ruta: http://www.semanticwebbuilder.org.mx/es/swb/Manuales .

5. Se mostrar la informacion del Recurso, seleccionar el check box de Activo.
6. Dar clic en el botn deGuardar.





Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 23
Resultado:
Se mostrar el Recurso ya activado.

Agregar un Men (Componente de Estrategia) a la Plantilla.
Procedimiento:

1. En el Catalogo de Estructura, dar doble clic en la Plantilla que se cre.
2. Seleccionar la pestaa Editar Plantilla.
3. Dar clic en el icono de Editar plantilla.




Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 24
4. Dar clic sobre el icono Recurso.


5. Se mostrar todos los componentes, seleccionar el Subtipo de Recurso que se
cre, dar clic en el botn de Aceptar.




Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 25
Resultado:
Se mostrar el tag del recurso agregado en el cdigo, seleccionar el icono de Guardar.


Referencia: Para ms informacin sobre los Componentes de Estrategia dirjase al
manual Administracin y publicacin de Componentes de Estrategia en la siguiente
ruta: http://www.semanticwebbuilder.org.mx/es/swb/Manuales .

Generar un Banner (Componentes de Estrategia).
Procedimiento:

1. En el Catlogo de Estructura seleccionar Componentes de Estrategia Se
mostrarn todos los componentes, seleccionar Banner, dar clic derecho,
mostrar un men desplegable, y dar clic sobre Agregar Subtipo de Recurso.



Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 26
2. Se mostrar una ventana emergente se llenaran campos con el nombre del
Ttulo y el Identificador, automticamente se crea al introducir el Ttulo.

3. Seleccionar el Subtipo de Recurso, dar clic derecho mostrar un men
desplegable, dar clic sobre Agregar Recurso.


4. Se mostrar una ventana emergente donde se llenara campo, dar clic en el botn
de Guardar.


5. En el Catalogo de Estructura dar clic al Recurso ya creado, mostrar la
informacion del Banner.
6. Seleccionar el check box deActivo.


Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 27
7. Dar clic en el botn de Guardar.



8. Seleccionar la pestaa de Administrar.
9. Seleccionar el botn de Elegir, y seleccionar el Banner.
10. Dar clic en el botn de Guardar.





Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 28
Resultado:
Se mostrar la imagen del Recurso agregado (Banner).

Agregar Componentes de Estrategia (Banner) a la Plantilla.

Nota: Siga el mismo procedimiento para asignar el recurso de estrategia a la plantilla.

Procedimiento:

1. En el Catalogo de Estructura, dar clic en la Plantilla (Principal) que se cre.
2. Seleccionar la pestaa Editar Plantilla.
3. Dar clic en el icono de Editar Plantilla.



Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 29

4. Dar clic sobre el icono Recurso.


5. Se mostrar todos los componentes del Recurso, seleccionar Subtipo del Recurso
que se cre.
6. Dar clic en el botn de Aceptar.





Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 30
Resultado:
Se mostrar el tag del Banner agregado en el cdigo, seleccionar el icono de
Guardar.



Referencia: Para ms informacin sobre los Componentes de Estrategia dirjase al
manual Administracin y Publicacin de Componentes de Estrategia en la siguiente
ruta: http://www.semanticwebbuilder.org.mx/es/swb/Manuales .

Visualizacin de Pgina Web en un Navegador.
Procedimiento:
Si se desea visualizar en otra pestaa o en otra ventana del Navegador

1. Seleccionar la Pgina Web creada pagina, dar clic en Propiedades mostrar un
acorden de Propiedades.
2. Dar clic derecho sobre el identificador pagina, y seleccione abrir en una nueva
pestaa o en otra ventana depende del navegador que se est usando sern las
opciones.


Procedimiento para la creacin de un sitio web



Fecha de Elaboracin: Enero del 2012.
INFOTEC CONACYT FIDEICOMISO. 31

Resultado:
La Pgina Web se visualizara en un navegador con los componentes agregados.



Referencia: Para ms informacin sobre los manuales dirjase a la siguiente ruta:
http://www.semanticwebbuilder.org.mx/es/swb/Manuales .

Вам также может понравиться