UNIVERSIDAD TECNOLGICA DE NEZAHUALCYOTL

Organismo Pblico Descentralizado del Estado de Mxico

Divisin de Tecnologas de la Informacin y
om!nicacin "rea #edes y
Telecom!nicaciones
arrera de Ingeniera en Tecnologas de la Informacin y om!nicacin
SITIO WEB PARA LA DIFUSION DE INFORMACION DEL
CENTRO DE MAESTROS NEZAHUALCOYOTL 2
CENTRO DE MAESTROS NEZAHUALCOYOTL 2
M E M O R I A D E
E S T A D I A
P R O F E S I O N A L
N I V E L 5 A
QUE PARA OBTENER EL T TUL O DE
INGENIERO EN TECNOLGIAS DE LA
INFORMACION Y COMUNICACION
P R E S E N T A :
#$%$E& M$#TI'E( )I&&$##E$&
*O+E $&,E#TO +$'DO)$& ,$&DE#$+
ASESOR ACADEMCO ASESOR NDUSTRAL
PROFESOR FDEL SLAS BECERRL MAESTRA MARLEN FLORES NETO
.
Nezahualcoyotl Estado de Mxico, Diciembre del 2013.
GENERACIN 8
UNIVERSIDAD TECNOLGICA DE NEZAHUALCYOTL
Organismo Pblico Descentralizado del Estado de Mxico
Divisin de Tecnologas de la Informacin y
om!nicacin "rea #edes y Telecom!nicaciones
SITIO WEB PARA LA DIFUSION DE INFORMACION DEL
CENTRO DE MAESTROS NEZAHUALCOYOTL 2
CENTRO DE MAESTROS NEZAHUALCOYOTL 2
M E M O R I A D E
E S T A D I A
P R O F E S I O N A L
N I V E L 5 A
QUE PARA OBTENER EL T TUL O DE
INGENIERO EN TECNOLGIAS DE LA
INFORMACION Y COMUNICACION
P R E S E N T A :
#$%$E& M$#TI'E( )I&&$##E$&
*O+E $&,E#TO +$'DO)$& ,$&DE#$+
ASESOR ACADEMCO ASESOR NDUSTRAL
PROFESOR FDEL SLAS BECERRL MAESTRA MARLEN FLORES NETO
Nezahualcoyotl Estado de Mxico, Diciembre del 2013.
GENERACIN 8
Autori!"i#$ %&' &()!*t!%o
Aqu debes anexar el formato de autorizacin de PUBLCACN Y EDCN que se te
proporcion, es el documento que te autoriza el asesor empresarial, profesor asesor y
el profesor de ingls (abstract)
DEDI$TO#I$
Esta tesis se la dedico a mi Dios quin supo guiarme por el buen
Camino, darme fuerzas para seguir adelante y no desmayar en los
Problemas que se presentaban, ensendome a encarar las
Adversidades sin perder nunca la dignidad ni desfallecer en el ntento.
A mi familia quienes por ellos soy lo que soy.
Para mis Padres por su apoyo, consejos, comprensin, amor, ayuda en
los momentos difciles, y por ayudarme con los recursos necesarios
para estudiar. Me han dado todo lo que soy como persona, mis valores,
mis principios, mi carcter, mi empeo, mi perseverancia, mi coraje
para conseguir mis objetivos.
A mi -ermano por estar siempre presente, acompandome para
poderme realizar y compartiendo momentos juntos.
A mis Amigos quienes han sido y son un apoyo motivacin, inspiracin
y felicidad".
"La dicha de la vida consiste en tener siempre algo que hacer,
alguien a quien amar y alguna cosa que esperar.
"La perseverancia y la constancia son la clave del xito en la vida
de toda persona, para seguir siempre las metas y sueos que se
van forjando a lo largo del tiempo para un mismo bien.
Rafael Martnez Villarreal.
$ MI+ P$D#E+ . -E#M$'O+
Doy gracias a dios y a mis padres por haberme dado la vida, a mis hermanos
que siempre han estado conmigo. Quiero agradecerles como una muestra de
mi cario, por todo el amor y todo el apoyo incondicional que siempre me
han brindado porque hoy veo llegar a su fin una de las metas de mi vida, les
agradezco la orientacin que me han otorgado sin esperar nada a cambio,
porque me supieron escuchar en los momentos ms difciles de mi vida y
que con su comprensin me alentaron a lograr este objetivo, lo cual
constituye la herencia ms valiosa que pueda recibir de ustedes.
Sabiendo que jams existir una forma de agradecer toda una vida de lucha,
sacrificios y esfuerzos constantes, solo deseo que entiendan que el logro
mo, es el logro de ustedes, que mi esfuerzo es y ser siempre inspirado en
ustedes que son las personas ms maravillosas en mi vida que hacen que
todos los das siga adelante, y que mi nico ideal en mi vida son ustedes.
Gracias por estar a mi lado en todo momento y ensearme que siempre hay
que seguir adelante sin importar los tropiezos y fracasos a los que nos
enfrentamos, ya que estos son los que nos hacen valorar las cosas buenas
de la vida y sin ello no aprenderamos a disfrutar de esos momentos que
hacen que la vida tenga sentido.
Con admiracin y cario.
GRACAS.
Sandoval Balderas Jos Alberto.
Contenido
#E+/ME' )I
$,+T#$T )II
$E#$ DE& P#O.ETO 0
ANTECEDENTES .................................................................................................. 1
PLANTEAMIENTO DEL PROBLEMA ................................................................
3
OBJETIVOS DEL PROYECTO ............................................................................. 3
General..................................................................................................................... 4
Parti!lare" .............................................................................................................. 4
J#STI$ICACI%N .................................................................................................... 4
VABLDAD DEL PROYECTO........................................................................... &
CONSECUENCAS DEL PROYECTO ..............................................................
&
PROGRAMA Y CRONOGRAMA......................................................................... '
M$#O TE1#IO 2
NOMBRE DEL TEMA 1 ........................................................................................ (
N)*+re ,el "!+te*a 1 ............................................................................................. (
N)*+re ,el "!+te*a - ............................................................................................. (
N)*+re ,el "!+te*a 3 ............................................................................................. (
NOMBRE DEL TEMA - ........................................................................................ .
N)*+re ,el "!+te*a 1 ............................................................................................. .
N)*+re ,el "!+te*a - ............................................................................................. .
N)*+re ,el "!+te*a 3 ............................................................................................. .
METODO&O34$ 05
$P4T/&O 06 'OM,#E DE &$ %$+E O ET$P$
00
1.1 NOMBRE DE LA ACTVDAD.................................................................... 11
1.2 NOMBRE DE LA ACTVDAD.................................................................... 11
1.3 NOMBRE DE LA ACTVDAD.................................................................... 11
$P4T/&O 76 'OM,#E DE &$ %$+E O ET$P$ 07
2.1 NOMBRE DE LA ACTVDAD.................................................................... 1-
2.2 NOMBRE DE LA ACTVDAD.................................................................... 1-
$P4T/&O 86 'OM,#E DE &$ %$+E O ET$P$ 08
3.1 NOMBRE DE LA ACTVDAD 1 ................................................................ 13
3.2 NOMBRE DE ACTVDAD 2 ...................................................................... 13
$P4T/&O 96 'OM,#E DE &$ %$+E O ET$P$ 09
4.1 NOMBRE DE LA ACTVDAD 1 ................................................................ 14
4.2 NOMBRE DE LA ACTVDAD 2 ................................................................ 14
4.3 NOMBRE DE LA ACTVDAD 3 ................................................................ 14
$P4T/&O :6 'OM,#E DE &$ %$+E O ET$P$ 0:
5.1 NOMBRE DE LA ACTVDAD 1 ................................................................ 1&
5.2 NOMBRE DE LA ACTVDAD 2 ................................................................ 1&
5.3 NOMBRE DE LA ACTVDAD 3 ................................................................ 1&
#E+/&T$DO+ 0;
O'&/+IO'E+ . #EOME'D$IO'E+ 02
%/E'TE+ ,I,&IO3#"%I$+ 0<
$'E=O+ 75
ANE/O I. C0,i1) 2TML ,e la 341ina 3rini3al ........................................ -5
ANE/O II. $)t)1ra67a" ................................................................................ -1
ANE/O III. En!e"ta reali8a,a al 3er")nal ,e la e*3re"a .......................... -1
9i
RESUMEN
SITIO WEB PARA LA DIFUSION DE INFORMACION
DEL CENTRO DE MAESTROS NEZAHUALCOYOTL 2
Este proyecto tiene como funcin capacitar e informar a los docentes de las
diferentes actividades complementarias y material bibliogrfico con el que cuenta
dicha institucin mediante carteles, ya que no haba implementado un servicio de
difusin de informacin en medios digitales por la cual se vio en la necesidad de
crear un sitio web para as poder publicar la informacin de manera rpida y
masiva.
Uno de los principales objetivos de este sitio web es mantener informados a los
docentes de todos los beneficios que brinda dicho centro, entre ellas:
actualizaciones magisteriales, materiales bibliogrficos y entrega de
documentacin oficial por parte de las diferentes instituciones de educacin
bsica. Dentro del sitio web se ntegraran servicios de red social como medios de
comunicacin masiva y ofrecen servicios de enlaces hacia las herramientas online
de capacitacin Magisterial donde los docentes podrn dirigirse sin ningn
problema hacia estos sitios externos.
El sitio web se desarroll por medio de diferentes herramientas de software de
licencia y online como son: DreamWeaver, servidor Weebly.com, y editores de
imagen como: Adobe Fireworks CS6 y photoshop CS6.
Actualmente el estado del sitio web es de un 100% y se actualiza de forma
continua dando a conocer la informacin en tiempo y forma, cumpliendo con
cada una de las necesidades de dicha institucin.
3
ABSTRACT
SITIO WEB PARA LA DIFUSION DE INFORMACION DEL
CENTRO DE MAESTROS NEZAHUALCOYOTL 2
This project is intended to train and inform teachers of the various complementary
activities and bibliographical material with the institution has through posters, since it had
not implemented a service for the broadcasting of information in digital media by the way
we needed to create a web site to thus be able to publish information quickly and widely.
One of the main objectives of this web site is to keep informed to teachers of all the
benefits provided by the Centre, including: magisterial updates, library materials and
delivery of official documentation by the different institutions of basic education. Within the
web site are integrated social networks as widely media communications services and
offer links to the tools online training Magisterial where teachers may contact without any
problem to these external sites.
The Website was develop through different tools of software license and online such as:
DreamWeaver, server Weebly.com, as image editors: Adobe Fireworks CS6 and
photoshop CS6.
Currently the web site is working at 100% and is update continuously publicizing the
information on time cover the whole needs of the institution.
4
$PIT/&O 0
I'T#OD/IO'
ANTECEDENTES
Los Centros de Maestros fueron creados con el fin de proporcionar a los docentes en
servicio: elementos que apoyen su prctica educativa; poner a su disposicin materiales
que enriquezcan su pensamiento y las ventajas de compartir sus experiencias y detectar
sus limitantes.
El Centro de Maestros Nezahualcyotl 2 se ubica; en Calle Norte 1 y Poniente 22 s/n, Col.
La Perla Municipio de Nezahualcyotl, Regin Oriente del Estado de Mxico. Uno de los
Municipios del Estado con mayor densidad de poblacin escolar; dicho centro cuenta con
cinco espacios distribuidos en: rea administrativa, rea de gestin, dos aulas de trabajo
y una biblioteca.
En cuanto a la plantilla de personal est distribuida en cuatro figuras: un coordinador
general, un coordinador acadmico, un coordinador de servicios de informacin y
biblioteca, y un coordinador de gestin educativa, as como tres asesores permanentes
los cuales solo cubren medio tiempo, as mismo se cuenta con un cuerpo de asesores
que son contratados de manera temporal en funcin de los procesos acadmicos del
Centro y una secretara.
Anteriormente el centro de maestros Nezahualcyotl 2 ha desarrollado proyectos para la
difusin de informacin como son carteles y trpticos para la comunidad de maestros en
las diferentes reas de informacin para el docente y el personal en general integrado al
mbito magisterial.
Analizando las necesidades del centro de maestros solo se cubrieron algunos de los
puntos de la difusin de informacin ya que solo se manejaban las herramientas de forma
fsica y de un mbito poco atractivo para el magisterio en general.
Al analizar los diferentes problemas que se tenan para la difusin de informacin se opt
por implementar servicios de forma digital como son el correo electrnico pero aun as no
cubra con todos requisitos a los cuales se queran llegar y cubrir en su totalidad.
Como ltima opcin se lleg a que se pudiera desarrollar un sitio web el cual pudiera
integrar todo lo ms nuevo en comunicacin digital y as mismo poderlo acoplarlo a los
diferentes dispositivos que existen en la actualidad como son computadores de escritorio,
laptop y dispositivos mviles como son las tablets y los Smartphones.
&
PLANTEAMIENTO DEL PROBLEMA
El centro de maestros Nezahualcyotl 2 busco la necesidad de poder difundir la
informacin de las actividades, cursos, capacitaciones y talleres que se les ofrecen a los
docentes de nivel bsico para un mejor desempeo profesional motivndolos a ser
profesionistas en su totalidad.
Al no tener los medios y las herramientas necesarias al centro de maestros
Nezahualcyotl opto por usar los medios de comunicacin digital en internet buscando
una herramienta que cubriera con todas sus necesidades de difusin de informacin, por
eso mismo se busc desarrollar un sitio web para implementar todos sus servicios de
comunicacin de red social en internet y as dar a conocer todo por esos mismo medios.
El efecto que se tiene es que todos los docentes empiecen a manejar los servicios de
comunicacin que ofrece internet como una herramienta de la poca moderna ofreciendo
que todos se puedan informar y comunicar a cualquier lugar y tiempo en un mismo
espacio de trabajo como lo es el sitio web que se desarroll.
Las condiciones de que el sitio web sirva como herramienta es que se tenga una gran
comunidad de docentes que estn integrando las redes sociales a su vida diaria como
una herramienta de comunicacin.
La probabilidad de que los docentes entren al sitio web depender de que puedan estar
conectados a internet desde cualquier punto del planeta ya que hoy en da los
dispositivos mviles forman parte de nuestra vida diaria y van creciendo con gran auge.
Relacionando las diferentes formas de difusin de informacin solo se llega a un solo
punto que es dar a conocer que el centro de maestros est en funcin para trabajar con
los docentes en las diferentes actividades que se realizan en sus instalaciones.
El sitio web es la solucin al problema de poder difundir la informacin en la comunidad
docente buscando siempre estar en contacto en cualquier parte de la zona del estado de
Mxico y de los dems centros de maestros.
'
OB+ETIVOS DEL PROYECTO
GENERAL
El objetivo general es desarrollar un sitio web para la difusin de informacin del centro
de maestros Nezahualcyotl 2 con la finalidad de que la informacin se d a conocer en
los diferentes medios electrnicos como son el correo electrnico, las redes sociales,
videos y el mismo sitio web con los diferentes servicios que ofrece en la nube de internet
Optando por actualizar la informacin para una comunicacin ms general y fcil de
comprender.
PARTICULARES
Los objeticos particulares se tienen los siguientes para la realizacin del sitio web.
Dar a conocer la informacin de la imparticin de cursos, talleres, capacitacin y
material de ayuda para los docentes de nivel bsico.
Que el personal del centro de maestros encargado del rea de coordinacin
general tenga acceso al sitio web como administrador de la informacin y los
diferentes materiales que se pueden dar a conocer por este medio.
+USTIFICACION
Los puntos principales para la justificacin del proyecto son los siguientes:
I'O)$IO'
El desarrollo del sitio web ser una forma de innovar las herramientas de difusin
del centro de maestros Nezahualcyotl 2 para que la publicacin de informacin
sea ms atractiva y ms fcil de acceder a ella desde cualquier dispositivo que se
pueda conectar a internet.
EO'1MI$
El proyecto y su desarrollo son de bajo costo en desarrollo tecnolgico ya que con
este medio de comunicacin se reducirn tambin los costos de materiales como
son hojas, carteles y folletos de gran volumen en la comunidad docente y as
mismo impulsando el cuidado del medio ambiente.
'EE+ID$D
El centro de maestros Nezahualcyotl 2 no cuenta con un medio de comunicacin
(
de esta magnitud tecnolgica y servir de mucha ayuda
.
VIALVILIDAD DEL PROYECTO
Al analizar las necesidades del centro de maestros Nezahualcyotl 2 se ubicaron distintos
puntos a tomar como son los recursos financieros , los recursos humanos y los recursos
materiales determinando estos puntos se tom como referencia los alcances de este
proyecto para no causar controversias al desarrollar el sitio web en su totalidad.
Los recursos financieros forman parte del punto principal de todo proyecto en este caso
los recursos financieros solo se tomaron como un punto de referencia ya que son muy
limitados en esta dicha institucin por tal motivo el desarrollo del proyecto ser de forma
gratuita y se utilizaran diferentes con herramientas seguras en la internet.
Los recursos humanos son tomados en cuenta como todas aquellas personas que
influyen en el desarrollo de este proyecto y as mismo como la mano de obra para el
desarrollo de este sitio web. Los involucrados en este proyecto son los ambos los
profesionistas y los asesores de educacin y asesores empresariales.
Los recursos materiales incluyen todos aquellos dispositivos y servicios que se integrara
en la nube de internet como son: laptops, Smartphones, tablets y cualquier dispositivo
que pueda visualizar contenido en internet, tambin se agregan todo software que sea
dedicado al desarrollo web como son Fireworks, Dreamweaver, flash player y editores
multimedia para la implementacin del contenido dentro del sitio web.
Por ltimo se toman en cuenta los servicios de hosting para el almacenamiento del
contenido multimedia y del sitio web en su totalidad.
Este proyecto ser posible de desarrollar ya que con el anlisis y el estudio de las
diferentes necesidades que se tiene se ha llegado a tomar por ltimo punto las limitantes
de este proyecto y as cumplir ya que el personal ya tiene experiencia en este tipo de
proyectos.
El tiempo que se tardara en desarrollar este proyecto ser en el periodo de 4 meses
cubriendo cada una de las necesidades que se requieran y as mismo poder tomar en
cuenta que el costo ser totalmente gratuito a menos de que el sitio web requiera de un
desarrollo ms profesional para formar parte de una herramienta como un sistema
institucional.
:
CONSECUENCIAS DEL PROYECTO
La investigacin realizada para el desarrollo de este proyecto ha sido realizada por el
equipo de trabajo de profesionista que realizaran el sitio web e incluyendo a los
asesores acadmicos y empresariales.
Las consecuencias que puede tener la realizacin de este proyecto se atribuyen a que
el personal docente se tendr que adecuar a usar este medio de comunicacin para
cualquier informacin requerida y bueno hoy en da los docentes suelen hacer las
cosas de forma fsica y no de forma digital pero al capacitarse en saber cmo utilizar
este medio de comunicacin. De una forma positiva se ver ms desahogado el
servicio de la difusin de informacin en el ahorro de recursos y tiempo para llevar oh
dar a conocer la informacin en carteles y folletos tomando como primer iniciativa el
cuidado del medio ambiente en los proyectos de fortalecimiento de los centro de
maestros.
El desarrollo del sitio web ser de una forma fcil de integrar al servicio de internet,
tambin que sea fcil de utilizar y atractivo para los usuarios en general para la
comunidad docente. Por lo tanto el desarrollo del proyecto se busca que sea con la
mejor calidad y que siempre este coordinado a las actividades ya establecidas.

1
5
PROGRAMA Y CRONOGRAMA
>3#$%I$ DE 3$''T?
15
15
$PIT/&O 7
MARCO TERICO
I'TE#'ET
nternet es una interconexin de redes informticas que permite a los ordenadores o
computadoras conectadas comunicarse directamente, es decir, cada ordenador de la red
puede conectarse a cualquier otro ordenador de la red. El termino suele referirse a una
interconexin en particular, de carcter planetario y abierto al pblico, que conecta redes
informticas de organismos oficiales, educativos y empresariales
+ITIO @E,
+itio @eb a un conjunto de PAginas @eb que guardan una correlacin entre s,
pertenecientes dentro de un dominio web especfico, que es frecuentemente conocido
como @orld @ide @eb (WWW), al cual se accede lgicamente con conexin a esta red
lejana, utilizando un 'avegador @eb, que permite utilizar el protocolo HTTP (por sus
siglas en ingls, HyperText Transfer Protocol) para poder acceder a documentos de tipo
HTML (en ingls, HyperText Markup Language).
P#OTOO&O+ DE I'TE#'ET
Es un conjunto de protocolos de red en los que se basa nternet y que permiten la
transmisin de datos entre computadoras. En ocasiones se le denomina conjunto de
protocolos TCP/P, en referencia a los dos protocolos ms importantes que la
componen: Protocolo de Control de Transmisin (TCP) y Protocolo de nternet (P), que
fueron dos de los primeros en definirse, y que son los ms utilizados de la familia. Existen
tantos protocolos en este conjunto que llegan a ser ms de 100 diferentes, entre ellos se
encuentra el popular HTTP(HyperText Transfer Protocol), que es el que se utiliza para
acceder a las pginas web, adems de otros como el ARP (Address Resolution Protocol)
para la resolucin de direcciones, el FTP (File Transfer Protocol) para transferencia de
archivos, y el SMTP (Simple Mail Transfer Protocol) y el POP (Post Office Protocol)
para correo electrnico, TELNET para acceder a equipos remotos, entre otros.
11
11
P$3I'$ @E,
Una pgina web (o pgina electrnica, segn el trmino recomendado por la R.A.E.) es
el nombre de un documento o informacin electrnica capaz de contener texto, sonido,
vdeo, programas, enlaces, imgenes, y muchas otras cosas, adaptada para la
llamada World Wide Web, y que puede ser accedida mediante un navegador.
IM$3E'
Es una representacin visual, que manifiesta la apariencia visual de un objeto real o
imaginario. Aunque el trmino suele entenderse como sinnimo de representacin visual,
tambin se aplica como extensin para otros tipos de percepcin, como imgenes
auditivas, olfativas, tctiles, sinestsicas, etctera.
+E#)IDO# @E,
Un servidor web o servidor HTTP es un programa informtico que procesa una aplicacin
del lado del servidor realizando conexiones bidireccionales y/o unidireccionales
y sncronas o asncronas con el cliente generando o cediendo una respuesta en cualquier
lenguaje o Aplicacin del lado del cliente. El cdigo recibido por el cliente suele
ser compilado y ejecutado por un navegador web. Para la transmisin de todos estos
datos suele utilizarse algn protocolo. Generalmente se utiliza el protocolo HTTP para
estas comunicaciones, perteneciente a la capa de aplicacin del modelo OS.
ET$P$+ DE DE+$##O&&O DE /' P#O.ETO DE +ITIO @E,
El punto de vista desde el cual se analiza el proceso de diseo no es desde la
interrelacin usuario-tecnologa, sino como interaccin humana, mediatizada por la
1-
1-
tecnologa. Es decir, entender a la Web como medio de comunicacin entre personas.
Esto nos lleva a pensar permanentemente en "el otro, la persona invisible y desconocida
para quien hacemos la pagina web.
De todas las palabras que utilizaremos al hablar de internet, la que mas deben tener en
cuenta los diseadores es la que designa al acto de instalar un sitio, pensar en el pblico,
pensar en cmo piensa el pblico. El desarrollo de un proyecto de sitio web puede
dividirse en tres etapas principales.
P#EDI+EBO
A la etapa de prediseo o conceptualizacin podemos dividirla en cinco componentes y a
la cual se le conoce como anlisis. Estos componentes son: objetivos, pblico,
contenidos, estructura y visualizacin. Estos interactan entre si y se condicionan
mutuamente.
DI+EBO
Cuando hablamos sobre diseo de pginas web, realmente nos referimos a HTML o
Hyper-text Markup Language. El lenguaje HTML consiste en una serie de comandos que
le indican al programa navegador de WWW como darle formato a los textos que
contienen los archivos. En la actualidad no hace falta ser un experto en HTML debido a
que los procesadores de texto existentes se encargan de hacer el trabajo, agregando el
cdigo automticamente, a lo que queremos mostrar.
Los servicios de diseo de pginas web cubren un rango que va desde convertir archivos
de texto a formato HTML, hasta desarrollar extensos conjuntos de pginas cargadas de
ilustraciones e hipervnculos relacionados entre s. Podra darle un enfoque especial a su
pgina para algn programa navegador especfico, pero siempre debe asegurarse de que
las pginas sean vistas por el mayor nmero de plataformas posibles.
La tarea de diseo de pginas web convoca por lo menos tres especialidades diferentes:
comunicacin (humana), programacin (HTML, CG, java), diseo grafico y multimedia.
Ninguna de estas especialidades tiene en si misma todos los recursos para llevar a cabo
proyectos web exitosos.
13
13
En los proyectos de sitios web no participan solo los especialistas contratados o
designados para ello. La empresa o institucin que origina la demanda tiene diversos
grados de responsabilidad y compromiso con la publicacin del sitio.
DE+$##O&&O
El desarrollo consiste en la descripcin del procedimiento que se realizo en las diferentes
etapas durante la creacin del sitio web.
I'+T$&$IO' . P#/E,$+
En esta etapa nos encargamos de la puesta en marcha, correcciones y ajustes finales, es
decir, lograr que todo funcione.
Se debe hacer la prueba de todos los enlaces o links, corroborar el funcionamiento de
todos los elementos de multimedia y de funcionamiento de formularios, e-mail,
buscadores, etc.
La transferencia de archivos a la web, se realiza a travs de FTP, generalmente, se
necesita un nombre de usuario y una clave de acceso.
&E'3/$*E -TM&
El lenguaje HTML hace referencia al lenguaje de marcado para la elaboracin de pginas
web. Es un estndar que, en sus diferentes versiones, define una estructura bsica y un
cdigo (denominado cdigo HTML) para la definicin de contenido de una pgina web,
como texto, imgenes, etc. Es un estndar a cargo de la W3C, organizacin dedicada a la
estandarizacin de casi todas las tecnologas ligadas a la web, sobre todo en lo referente
a su escritura e interpretacin.
El lenguaje HTML basa su filosofa de desarrollo en la referencia. Para aadir un
elemento externo a la pgina (imagen, vdeo, script, etc.), este no se incrusta
directamente en el cdigo de la pgina, sino que se hace una referencia a la ubicacin de
dicho elemento mediante texto. De este modo, la pgina web contiene slo texto mientras
que recae en el navegador web (interpretador del cdigo) la tarea de unir todos los
elementos y visualizar la pgina final. Al ser un estndar, HTML busca ser un lenguaje
14
14
que permita que cualquier pgina web escrita en una determinada versin, pueda ser
interpretada de la misma forma (estndar) por cualquier navegadores web actualizado.
Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido
caractersticas, con el fin de hacerlo ms eficiente y facilitar el desarrollo de pginas web
compatibles con distintos navegadores y plataformas (PC de escritorio, porttiles,
telfonos inteligentes, tablets, etc.). Sin embargo, para interpretar correctamente una
nueva versin de HTML, los desarrolladores de navegadores web deben incorporar estos
cambios y el usuario debe ser capaz de usar la nueva versin del navegador con los
cambios incorporados. Usualmente los cambios son aplicados mediante parches de
actualizacin automtica (Firefox, Chrome) u ofreciendo una nueva versin del navegador
con todos los cambios incorporados, en un sitio web de descarga oficial (nternet
Explorer). Un navegador no actualizado no ser capaz de interpretar correctamente una
pgina web escrita en una versin de HTML superior a la que pueda interpretar, lo que
obliga muchas veces a los desarrolladores a aplicar tcnicas y cambios que permitan
corregir problemas de visualizacin e incluso de interpretacin de cdigo HTML. As
mismo, las pginas escritas en una versin anterior de HTML deberan ser actualizadas o
reescritas, lo que no siempre se cumple. Es por ello que ciertos navegadores an
mantienen la capacidad de interpretar pginas web de versiones HTML anteriores. Por
estas razones, an existen diferencias entre distintos navegadores y versiones al
interpretar una misma pgina web.
CD! E+ /' -O+TI'3E
El alojamiento Web (en ingls Web hosting) es el servicio que provee a los usuarios de
nternet un sistema para poder almacenar informacin, imgenes, vdeo, o
cualquier contenido accesible va Web. Los Web Host son compaas que proporcionan
espacio de un servidor a sus clientes.
1&
1&
TIPO+ DE $&O*$MIE'TO
El alojamiento Web se divide en seis tipos: gratuitos, compartidos,
revendedores, servidores virtuales, servidores dedicados y de colocacin:
Alojamiento gratuito: El alojamiento gratuito es extremadamente limitado cuando se lo
compara con el alojamiento de pago. Estos servicios generalmente agregan publicidad en
los sitios y tienen un espacio y trfico limitado.
Alojamiento compartido (shared hosting): En este tipo de servicio se alojan clientes de
varios sitios en un mismo servidor, gracias a la configuracin del
programa servidor Web. Resulta una alternativa muy buena para pequeos y medianos
clientes, es un servicio econmico y tiene buen rendimiento.
Alojamiento de imgenes: Este tipo de hospedaje se ofrece para guardar tus imgenes en
nternet, la mayora de estos servicios son gratuitos y las pginas se valen de la
publicidad colocadas en su pgina al subir la imagen. (Berrio G. 2010. Manual de
Dreamweaver CS5 en Espaol. PP. 45-46 )
Alojamiento revendedor (reseller): Este servicio de alojamiento est diseado para
grandes usuarios o personas que venden el servicio de Hosting a otras personas. Estos
paquetes cuentan con gran cantidad de espacio y de dominios disponibles para cada
cuenta.
Servidores virtuales (VPS, Virtual Private Server): mediante el uso de unamquina virtual,
la empresa ofrece el control de un ordenador aparentemente no compartido. As se
pueden administrar varios dominios de forma fcil y econmica, adems de elegir los
programas que se ejecutan en el servidor. Por ello, es el tipo de producto recomendado
para empresas de diseo y programacin Web.
Servidores dedicados: El trmino servidor dedicado se refiere a una
forma avanzada de alojamiento Web en la cual el cliente alquila o compra un ordenador
completo, y por tanto tiene el control completo y la responsabilidad de administrarlo. El
cuidado fsico de la mquina y de la conectividad a nternet es tarea de la empresa de
alojamiento, que suele tenerlo en un centro de datos.
Colocacin (o housing): Este servicio consiste bsicamente en vender o alquilar un
espacio fsico de un centro de datos para que el cliente coloque ah su propio ordenador.
1'
1'
La empresa le da la corriente y la conexin a nternet, pero el ordenador servidor lo elige
completamente el usuario (hasta el hardware).
%O#M$+ DE O,TE'E# /' -O+TI'3
Por lo general, se distingue entre servicios pagados y servicios gratuitos.
+E#)IIO+ P$3$DO+
Este tipo de obtencin, por lo general viene dado por el contrato de un proveedor de
nternet, el cual junto con dar conexin, entre la posibilidad de almacenamiento mediante
disco virtual o espacio Web o combinacin de ambos.
Otro medio de obtencin es contratando algn servicio de una empresa no dependiente
de la conexin a nternet, las cuales ofrecen segn las capacidades de sus servidores o
de su espacio. Casi siempre a la par, entregan servicios aadidos, como la ejecucin de
tareas automticas o cuentas de correo electrnico gratuitas. Normalmente las
transacciones son electrnicas, por tarjeta de crdito o por sistemas de pagos
como PayPal.
+E#)IIO+ 3#$T/ITO+
Este tipo de servicio viene dado por la base de ser gratuito, y sin costo alguno al
suscriptor. Sin embargo, quienes usan este servicio, por lo general son pginas de bajos
recursos de mantencin o aquellas que los dueos no poseen suficiente dinero para ser
mantenida.
Como medio de financiamiento, el servidor coloca avisos de publicidad de
sobre otras empresas, haciendo que la pgina se llene de publicidad en algn punto.
Otra limitacin de estas ofertas es que tiene un espacio limitado y no se
puede usar como almacn de datos, ni pueden alojar pginas subversivas o de contenido
adulto o no permitido.
De todas maneras, existe una amplia oferta de alojamientos gratuitos con caractersticas
muy diferentes y que pueden satisfacer las necesidades de programadores que desean
un lugar donde hacer pruebas o que mantienen una Web con un nmero no muy elevado
de visitas.
1(
1(
+E#)IDO#E+ . +E#)IIO+
Un alojamiento Web se puede diferenciar de otro por el tipo de sistema operativo, uso de
bases de datos y motor de generacin de pginas webs exista en l. La combinacin ms
conocida y extendida es la del tipo LAMP (Linux, Apache, MySQL y PHP), aunque se est
comenzando a usar una combinacin con Java.
Algunos de los servicios ms comunes que se pueden entregar son lo de FTP, manejo
por pgina Web y mltiples clientes en las bases de datos.
Si su Web va a estar alojada en un sistema operativo Linux, este sistema es sensible a
maysculas y minsculas, por ejemplo "archivo.php" no es lo mismo que "ARCHVO.php".
Es aconsejable no usar caracteres tales como! " $ % & / ( ) = * @: ' para prevenir errores,
no se pueden utilizar ees () ni acentos en las carpetas, as mismo se aconseja el uso
de minsculas para nombrar ficheros y directorios.
DOMI'IO+
Algunos planes de alojamiento (pero no los gratuitos) incluyen un
nombre de dominio para que sea ms fcil acceder a la pgina. Si no viene incluido, es el
usuario quien tiene que registrar un dominio mediante un registrador o bien usar un
subdominio de la misma compaa
1.
1.
0F0F0 $dobe DreamGeaver
$dobe DreamGeaver es una aplicacin en forma de estudio (basada en la forma de
estudio de Adobe Flash) que est destinada a la construccin y edicin de sitios
y aplicaciones Web basados en estndares. Creado inicialmente
por Macromedia (actualmente producido por Adobe Systems) es el programa de este tipo
ms utilizado en el sector del diseo y la programacin Web, por sus funcionalidades, su
integracin con otras herramientas como Adobe Flash y, recientemente, por su soporte de
los estndares del World Wide Web Consortium. Su principal competidor es Microsoft
Expression Web y tiene soporte tanto para edicin de imgenes como para animacin a
travs de su integracin con otras. Hasta la versin MX, fue duramente criticado por su
escaso soporte de los estndares de la Web, ya que el cdigo que generaba era con
frecuencia slo vlido para nternet Explorer, y no validaba como HTML estndar. Esto
se ha ido corrigiendo en las versiones recientes. H;IF
Se vende como parte de la suite Adobe Creative Suite.
La gran ventaja de este editor sobre otros es su gran poder de ampliacin y
personalizacin del mismo, puesto que en este programa, sus rutinas (como la de insertar
un hipervnculo, una imagen o aadir un comportamiento) estn hechas en Javascript-C,
lo que le ofrece una gran flexibilidad en estas materias. Esto hace que los archivos del
programa no sean instrucciones de C++ sino, rutinas de Javascript que hace que sea un
programa muy fluido, que todo ello hace, que programadores y editores Web hagan
extensiones para su programa y lo ponga a su gusto.
Las versiones originales de la aplicacin se utilizaban como simples editores WYSWYG.
Sin embargo, versiones ms recientes soportan otras tecnologas Web como CSS,
Javascript y algunos frameworks del lado servidor.
Dreamweaver ha tenido un gran xito desde finales de los aos 1990 y actualmente
mantiene el 90% del mercado de editores HTML. Esta aplicacin est disponible tanto
para la plataforma MAC como para Windows, aunque tambin se puede ejecutar en
1:
1:
plataformas basadas en UNX utilizando programas que implementan las AP's de
Windows, tipo Wine.
Como editor WYSWYG que es, Dreamweaver permite ocultar el cdigo HTML de cara al
usuario, haciendo posible que alguien no entendido pueda crear pginas y sitios Web
fcilmente sin necesidad de escribir cdigo. H;IF
Algunos desarrolladores Web criticaban esta propuesta ya que crean pginas HTML ms
largas de lo que solan ser al incluir mucho cdigo intil, lo cual va en detrimento de la
ejecucin de las pginas en el navegador Web. Esto puede ser especialmente cierto ya
que la aplicacin facilita en exceso el diseo de las pginas mediante tablas. Adems,
algunos desarrolladores Web han criticado Dreamweaver en el pasado porque creaba
cdigo que no cumpla con los estndares del consorcio Web (W3C).
No obstante, Adobe ha aumentado el soporte CSS y otras maneras de disear pginas
sin tablas en versiones posteriores de la aplicacin, haciendo que se reduzca el exceso
de cdigo.
Dreamweaver permite al usuario utilizar la mayora de los navegadores Web instalados
en su ordenador para pre visualizar las pginas Web. Tambin dispone de herramientas
de administracin de sitios dirigidas a principiantes como, por ejemplo, la habilidad de
encontrar y reemplazar lneas de texto y cdigo por cualquier tipo de parmetro
especificado, hasta el sitio Web completo. El panel de comportamientos tambin permite
crear Javascript bsico sin conocimientos de cdigo.
Con la llegada de la versin MX, Macromedia incorpor herramientas de creacin de
contenido dinmico en Dreamweaver. En lo fundamental de las herramientas HTML
WYSWYG, tambin permite la conexin a Bases de Datos como MySQL y Microsoft
Access, para filtrar y mostrar el contenido utilizando tecnologa de script como, por
ejemplo, ASP (Active Server Pages), ASP.NET, ColdFusion, JSP (JavaServer Pages) y
PHP sin necesidad de tener experiencia previa en programacin.
-5
-5
Un aspecto de alta consideracin de Dreamweaver es su arquitectura extensible. Es
decir, permite el uso de "Extensiones". Las extensiones, tal y como se conocen, son
pequeos programas, que cualquier desarrollador Web puede escribir (normalmente en
HTML y Javascript) y que cualquiera puede descargar e instalar, ofreciendo as
funcionalidades aadidas a la aplicacin. Dreamweaver goza del apoyo de una gran
comunidad de desarrolladores de extensiones que hacen posible la disponibilidad de
extensiones gratuitas y de pago para la mayora de las tareas de desarrollo Web, que van
desde simple efectos rollover hasta completas cartas de compra.
Tambin podra decirse, que para un diseo ms rpido y a la vez fcil podra
complementarse con Fireworks en donde podra uno disear un men o para otras
creaciones de imgenes (gif Web, gif websnap, gif adaptable, JPEG calidad superior,
JPEG archivo ms pequeo, gif animado websnap) para un sitio Web y despus exportar
la imagen creada y as utilizarla como una sola, en donde ya llevara los vnculos a un
dicho sitio en especifico que uno le haya dado. (MRR - U.P.C.).
0F0F0F00-istorial De )ersiones De $dobe DreamGeaver
Proveedor
)ersin
mayor
)ersin menorJnombre
alternativo
%ecKa de
L!blicacin
'otas
Macromedia
0F5
1.0 Diciembre de 1997 Primer lanzamiento, slo para Mac OS.
1.2 Marzo de 1998 Primera versin para Windows.
7F5 2.0 Diciembre de 1998
8F5 3.0 Diciembre de 1999
-1
-1
UltraDev 1.0 Junio de 1999
9F5
4.0 Diciembre de 2000
UltraDev 4.0 Diciembre de 2000
;F5 MX 29 de mayo de 2002
2F5 MX 2004
10 de septiembre de
2003
<F5 8.0
13 de septiembre de
2005
$dobe
MF5 CS3 16 de abril de 2007
Sustituye a Adobe GoLive en la
serie Creative Suite
05F5 CS4
23 de septiembre de
2008
00F5 CS5
12 de abril de 2010
0F0F0F7$dobe %lasK
El inicio de Flash comenz con el arquitecto Jonathan Gay, cuando realiz juegos
sencillos hechos en Basic. Despus con pascal desarroll su primer editor de imgenes
SuperPaint. Entonces conoci a Charlie Jackson con el que estuvo trabajando medio
tiempo sobre Airbone , uno de los primeros juegos para Mac con audio digital. Luego de
--
--
estar un momento con el desarrollo de videojuegos y seguir con la segunda versin de
SuperPaint, Gay trabajaba para Silicon Beach Software, donde empez a trabajar en el
desarrollo de software para grficos en C++, tanto para Mac como para Windows.
Lo siguiente que desarrollo fue el ntellidraw que hacia competencia a Adobe llustrator y
el Aldus Freehand, lo interesante de este software es que interactuaba con los grficos de
manera que las graficas de barras respondan a valores que el usuario introduca.
Gay inicio su propia compaa FutureWave Software, y desarrollo SmartSketch, ste fue
el primero de los primeros programas de dibujo de precisin que permita trabajar con
dibujos vectoriales utilizando herramientas tpicas de programas de dibujo H0IF
Con el pasar del tiempo apareci nternet y varios quisieron poner animaciones,
FutureWave hasta empez a desarrollar plugins para Netscape, pero eran lentos,
entonces paso a llamarse Future Splash Animator. La compaa se haba dado cuenta de
que el software tendra un buen impacto y acudieron a Adobe, pero solo se interesaron en
SmartSketch y de Future Splash Animator dijeron que era muy obsoleto.
Fue en noviembre de 1996 cuando Macromedia invit a FutureWave a trabajar juntos, y
posteriormente realizar la compra de sta, con lo que para diciembre de ese mismo ao
Future Splash Animator se convirti en Macromedia Flash 1.0.
Con esto permiti a los diseadores y realizadores de pginas Web crear entornos
grficos de pginas webs vectoriales e interactivos como por ejemplo: botones, paneles
de navegacin, dibujos tcnicos, banners de anuncios y todo lo que sabemos que se
puede hacer con Flash.
Una de las desventajas en sus primeras versiones, es que eran pocos los que
desarrollaban en Flash, y una de las principales razones es que no le tenan confianza.
Pues no era muy conocido, y tal fue el caso de Adobe que al principio no le vio futuro, no
as el caso de Macromedia que inicio con su primera versin y dej de ser de Macromedia
hasta FlashMX.
-3
-3
En la actualidad sabemos que Adobe compr Macromedia y entonces Flash es ms
poderoso que nunca, son inmensas las posibilidades con Flash, pero hasta ahora nada
ms esta la limitante que tiene que usar otros lenguajes para poder utilizarla con bases de
datos.
$dobe fireGorNs
Adobe Fireworks, antes conocido como Macromedia Fireworks, es, segn Wikipedia, un
software editor de mapas de bits y grficos vectoriales que actualmente integra la Adobe
Creative Suite.
Firewoks en la actualidad es conocido y utilizado por su excelente optimizacin como
editor de grficos orientado al diseo y maquetacin de sitios web, con herramientas y
funciones para obtener resultados optimizados para la pantalla y diversos dispositivos.
-istoria
Los orgenes de Fireworks se remontan al ao 1992, cuando los hermanos Fred y
Richard Krueguer fundan "Fauve Software, empresa que di como resultado mticos
programas como Matisse y xRes.
Fauve Software fue adquirido en el ao 1995 por Macromedia que inmediatamente
aprovech el avance hecho en xRes para generar un nuevo producto. As naci
Macromedia Fireworks 1.0.
Macromedia desarroll hasta 8 versiones de Fireworks, siendo la ltima la nmero 8, pero
teniendo muy buena acogida desde las versiones 6 y 7, las aclamadas series "MX que
daban un enfsis al trabajo enfocado a web y venan junto a otros conocidos programas
como Dreamweaver, Flash y Freehand (que desapareci en pos de Adobe llustrator).
El 3 de diciembre de 2005 Macromedia fue adquirida por Adobe Systems pasando
Fireworks a llamarse Adobe Fireworks e integrndose en la Adobe Creative Suite.
7 aractersticas
Como decamos anteriormente, Adobe Fireworks durante el transcurso de los aos ha
sido optimizado en sus herramientas y funciones para tener como objetivo los grficos de
pantalla (sitios web, interfaces grficas, etc.). Por lo tanto entre sus caractersticas ms
notorias se cuentan:
Gran manejo de imgenes vectoriales.
Excelente manejo tipogrfico.
-4
-4
ntegracin con otros sofwtares como Flash y Dreamweaver.
Trabaja en formato nativo con PNG, siendo ms portable frente a otros formatos
como PSD.
Permite compresin de imgenes en tamaos ideales para la web.
Lee y edita parcialmente archivos PSD.
Posee un panel de efectos de Photoshop.
Precisin de pixeles en las alineaciones.
Opciones para alinear elementos fcilmente.
Etc.
8 &as versiones de adobe fireGorNs
En la siguiente lista podemos ver todas las versiones que se han liberado de ste
programa, junto al ao de lanzamiento:
Etapa en Macromedia:
1, Fireworks (1.0), abril de 1998
2, Fireworks 2 (2.0), marzo de 1999
3, Fireworks 3 (3.0), 2000
4, Fireworks 4 (4.0), 23 de abril de 2001
6, Fireworks MX (6.0), 29 abril de 2002
7, Fireworks MX 2004 (7.0), 10 de septiembre de 2003
8, Fireworks 8 (8.0), 8 de agosto de 2005
Etapa en $dobe +ystems:
9, Fireworks CS3 (9.0), 16 de abril de 2007
10, Fireworks CS4 (10.0), 23 de septiembre de 2008
11, Fireworks CS5 (11.0), 12 de abril de 2010
9 &as Lantallas de inicio
La tabla anterior fue obtenida desde Fireworks Zone, sitio donde tambin estn las
pantallas de inicio (o en la jerga inglesa "splash screen)
-&
-&
Mar)*e,ia $ire;)r<" =1.5>
Mar)*e,ia $ire;)r<" - =-.5>
-'
-'
Mar)*e,ia $ire;)r<" 3 =3.5>
Mar)*e,ia $ire;)r<" 4 =4.5>
Mar)*e,ia $ire;)r<" M/ ='.5>
-(
-(
Mar)*e,ia $ire;)r<" M/ -554 =(.5>
Mar)*e,ia $ire;)r<" . =..5>
A,)+e $ire;)r<" CS3 =:.5>
-.
-.
A,)+e $ire;)r<" CS4 =15.5>
A,)+e $ire;)r<" CS& =11.5>
-:
-:
METODO&O34$
Con lo que respecta al Mtodo, ste depender de la naturaleza del proyecto, mismo
que estar directamente relacionado con las caractersticas propias de la ngeniera que
se trate, pero en cualquier caso deber responder a la definicin genrica de mtodo,
como "conjunto de pasos ordenados para llegar a un fin. Por tanto, el mtodo que se
incluya en cada Tesina deber dejar perfectamente claro cul fue el conjunto de pasos
que se sigui para lograr los objetivos del proyecto y a su vez, contestar a la pregunta
planteada en el problema.
Para el caso del proyecto, al igual que en el punto anterior, se debern incluir aspectos
preliminares del mtodo o mtodos que se pretenden utilizar, mismos que se irn
complementando sobre la marcha; los sub apartados de este apartado estarn
determinados por la naturaleza del tema y del proyecto de que se trate.
$ contin!acin se Lresenta !na s!gerencia del orden en la O!e L!edes
35
35
$PIT/&O 8
Desarrollo de la estancia
'ecesidad de la emLresa
La necesidad ms importante que tiene el Centro de maestros Nezahualcyotl 2 es que
no cuenta con un sitio web Web en donde la comunidad, docentes, directivos y personal
puedan consultar la informacin en general de la institucin y en donde ellos puedan
publicar y difundir ms informacin sobre las nuevas actualizacin que realice el centro de
maestros Nezahualcyotl 2 por eso fue que decidimos tomar como proyecto la realizacin
de dicha pgina.
El nico problema que enfrentamos fue que los encargados de cada rea con las que
cuenta el centro de maestros no tenan el tiempo necesario para atendernos ya que se
acercaba el fin de ao escolar por lo que estaban atareados. Pero en general se nos
brind toda la informacin y el tiempo necesario para la recitacin de la informacin e
incluso estuvieron en la disposicin de que tomramos fotos de las instalaciones y
personal de dicho centro de maestros Nezahualcyotl 2.
TIPO+ DE /+/$#IO+
&os usuarios que podrn acceder al sitio web son los siguientes:
Docentes6
Ellos podrn verificar cada una de las instalaciones del centro de maestros
Nezahualcyotl 2, los cursos de capacitacin, las nuevas herramientas con las que se
cuentan, el material de apoyo y los diferentes servicios con los que se cuentan en el
centro de maestros Nezahualcyotl 2.
31
31
Personal del centro
Ellos podrn verificar y modificarlos los diferentes eventos con los que se darn a conocer
en un tiempo determinado as como tambin los diferentes servicios que se ofrecen en
dicha institucin.
Personas Externas
Ellos podrn verificar los diferentes cursos que ofrece el centro de maestros y las
certificaciones que ofrecen a personas ajenas al plantel y los diferentes costos para este
tipo de personas.
DI+EBO
9F0F0F0#ecoleccin de Informacin
Para llevar a cabo el Sitio Web del plantel empezamos por conocer al personal pidiendo
su colaboracin para que nos facilitaran la informacin que necesitamos para la
realizacin del Sitio Web, entrevistamos a los jefes de cada rea para que nos
proporcionaran informacin acerca de su rea, tambin pedimos los antecedentes del
plantel, su visn, misin, valores, polticas, organigrama del plantel, conocimos las
instalaciones y tomamos fotos de ella y de las diferentes reuniones y eventos que se
llevaron a cabo en el plantel.
9F0F0F7reacin del boceto del +itio @eb
Realizamos un boceto de acuerdo a las necesidades del plantel de cmo quedara la
pgina y sus diferentes mens con los contenidos de cada uno de ellos y las imgenes
que contendra el sitio Web.
3-
3-
9F0F7 Desarrollo
9F0F7F0Instalacin de los Programas
1 Ejecucin del instalador:
2.- Preparacin de los archivos para ser instalados
33
33
3.- Ejecucin del nstalador.
4.- Aparecer la pgina de bienvenida.
5 Elija el idioma de instalacin y luego 1 clic en ACEPTAR:
34
34
6. ngrese el Nmero de Serie, elija el dioma deseado y luego un clic en SGUENTE:

7 Clic en el botn OMTR ESTE PASO:
3&
3&

8. Clic en el botn NSTALAR:
9. Preparando para instalar:
10. Progreso de instalacin:
3'
3'

11. nstalacin finalizada; clic en TERMNADO:
3(
3(
12. Modifique el archivo HOSTS de manera que quede as:

13. Al abrir por primera vez el Adobe Dreamweaver.
14. Esta es la pantalla inicial:

15. Esta es la interfase con un documento nuevo abierto:
3.
3.

16. Esta es la pantalla de la versin que se ha instalado.
9F0F7F7Desarrollo de la PAgina @eb
1.- Primero se abre la aplicacin de Dreamweaver.
3:
3:
2.- Se selecciona qu tipo de programacin va a trabajar en este caso en HTML.
3.-Se comienza a programar la pgina Web.
45
45
4.- Se inserta las primeras imgenes.
41
41
5.- Se da la ruta en donde se encuentra la imagen.
6.- Se inserta la imagen.
4-
4-
7.- Se empieza escribiendo el texto y se le da formato.
8.- Y hace lo mismo para cada pgina en lo que al texto se refiere.
9.- Para la pgina principal se hacen los mismos pasos.
10.- Despus de que se hayan insertado todas las imgenes y texto, ahora inserta una
barra de men spry.
11.- Se selecciona en qu posicin la quiere en horizontal o vertical, en este caso es
vertical.
12.- Y se le da ACEPTAR.
13.-En cada campo nada ms se pone la informacin del campo.
14.-Y en el cdigo nada ms le da la ruta de la pgina para que al abrirla desde nternet
se abra el enlace.
15.-Y debe de quedar de esta forma.
16.- Y deben aplicarse los mismos pasos para todas las pginas restantes.
9F0F8 ImLlementacin
9F0F9 ,sO!eda de -osting
1. Bsqueda de un hosting adecuando para la pgina en nternet de forma
gratuita.
2. Verificar las cosas que ofrece el hosting.
43
43
3. Capacidad de ancho de banda, de espacio, dominio, etc.,
9F0F9F0arga de la PAgina @eb en el -osting
1. Tener seleccionado el hosting en donde va a cargar la pagina Web.
2. Dar de alta en el hosting para poder empezar a subir los archivos.
3. Ya terminado el registro, el hosting te da el dominio y buscamos la seccin en
donde empezamos a subir tus archivos.
4. Comienza a cargar los archivos de la pgina Web.
9F0F: Eval!acin
9F0F:F0Pr!eba de Eval!acin de la PAgina @ebF
1. Verificacin de que la informacin (imgenes, pginas, texto, etc.) de la pgina
se cargara adecuadamente.
2. Revisin del correcto funcionamiento de los enlaces.
44
44
9F0F:F7orreccin y Modificacin de la PAgina @ebF
Ya que se ha pasado la prueba, pero se han detectado una serie de errores se procede a
corregir el cdigo, vinculo e imagen donde sea el error para modificar y corregir para un
buen funcionamiento
9F0F:F8Pr!eba %inal de la PAgina desL!s de la orreccin y
Modificacin de Pr!eba de ErroresF
En el caso de que se detecte la serie de errores y se hayan modificado se pasara a
realizar una prueba final, as podr dar continuidad a que los errores ya sean corregido y
todo est funcionando adecuadamente dentro de la pgina.
4&
4&
#E+/&T$DO+
1.- Esta es la pgina presentacin en donde va a poder ver y checar la informacin con
la que cuenta el centro de maestros Nezahualcyotl 2 ubicada en la barra de men en la
parte superior.
4'
4'
Junto con una segunda pgina de inicio para dar la bienvenida y dar a conocer lo
referente al centro de maestros Nezahualcyotl 2.
4(
4(
2.- Aqu puede ver la informacin bsica acerca de la institucin como su misin, visin,
polticas de calidad y antecedentes histricos.
1
-
3
3.- En la siguiente pagina se muestra al personal que conforma el centro de maestros
nezahualcoyotl.
4
4.- En la siguiente pgina se muestra cada una de las coordinacin y reas del centro
de maestros Nezahualcyotl 2 junto con una breve explicacin de lo que hace cada
personal de esa misma rea en un breve video y un pequeo prrafo.
&
5.- En el sitio tambien se integro una pagina para el area de biblioteca y asi mismo
poder consultar por medio de un archivo descargable el acervo junto con una pequea
galeria de algunos libros que se tienen para los docentes de nivel basico.
'
(
6.- En las dems pginas se encuentran los servicios que ofrece el centro de maestros
junto con las convocatorias y publicaciones que se hacen en un blog comunitario para
los docentes y dar a conocer todo sobre los nuevos proyectos de fortalecimiento para el
centro de maestros nezahualyotl 2.

.
7.-En una de las pginas est el contacto para que se puedan comunicar con el centro
de maestros y as mismo puedan ubicar sus instalaciones por medio de una aplicacin
de google maps dentro del mismo sitio junto con todas las redes sociales que incluye y
con las que cuenta el sitio web y sus servicios de correo electrnico.
8.- Por ultimo en esta pgina se integraron algunos servidores gratuitos para almacenar
documentos y archivos del centro de maestros para favorecer los diversos servicios de
almacenamiento gratuito que nos da nuestra cuenta de correo electrnico.
:
9F7 3losario
PAgina @eb6 es un documento electrnico adaptado para la Web, pero
normalmente forma parte de un sitio Web. Su principal caracterstica son los
hipervnculos de una pgina, siendo este el fundamento de la Web.
$dobe DreamGeaver6 es una aplicacin en forma de estudio enfocada en la
construccin y edicin de sitios y aplicaciones Web basadas en estndares.
$dobe %lasK6 es un programa de edicin multimedia que trabaja sobre
fotogramas, destinado a la produccin y entrega de contenido interactivo para las
diferentes audiencias alrededor del mundo.
@orld @ide @eb6 es la red de alcance mundial, es un sistema de documentos
de hipertexto o hipermedios enlazados y accesibles a travs de nternet.
-iLertexto6 es el nombre que recibe el texto en la pantalla de un dispositivo
electrnico conduce a otro texto relacionado.
-TM&6 es un lenguaje basado en marcas o etiquetas diseado para la creacin y
publicacin de pginas Web. Es una sintaxis para definir los elementos que se quieren
mostrar en una pgina, su estructura y ubicacin, as como las relaciones entre ellos y
con otros elementos de la Web.
*avascriLt6 es un lenguaje de scripting basado en objetos no tipeado y liviano,
utilizado para acceder a objetos en aplicaciones.
-iLervnc!lo6 son aquellas zonas de una pgina Web que si hacemos clic en
ellas nos llevan a otra pgina.
15
+itio @eb6 es un conjunto de pginas Web, tpicamente comunes a un dominio
de nternet o subdominio en la World Wide Web de nternet .
-osting6 es alojamiento Web es el que provee a los usuarios de nternet un
sistema para poder almacenar informacin, imgenes, video o cualquier contenido
accesible va Web.
$loPamiento grat!ito6 El alojamiento gratuito es extremadamente limitado
cuando se lo compara con el alojamiento de pago. Estos servicios generalmente
agregan publicidad en los sitios y tienen un espacio y trfico limitado.
$loPamiento comLartido Hshared hostingI6 En este tipo de servicio se alojan
clientes de varios sitios en un mismo servidor, gracias a la configuracin del
programa servidor Web. Resulta una alternativa muy buena para pequeos y medianos
clientes, es un servicio econmico y tiene buen rendimiento.
$loPamiento de mArgenes: Este tipo de hospedaje se ofrece para guardar tus
imgenes en nternet, la mayora de estos servicios son gratuitos y las pginas se valen
de la publicidad colocadas en su pgina al subir la imagen.
$loPamiento revendedor HresellerI6 Este servicio de alojamiento est diseado
para grandes usuarios o personas que venden el servicio de Hosting a otras personas.
Estos paquetes cuentan con gran cantidad de espacio y de dominios disponibles para
cada cuenta.
11
+ervidores virt!ales HVPS, Virtual Private ServerI6 mediante el uso de una
mquina virtual, la empresa ofrece el control de un ordenador aparentemente no
compartido. As se pueden administrar varios dominios de forma fcil y econmica,
adems de elegir los programas que se ejecutan en el servidor. Por ello, es el tipo de
producto recomendado para empresas de diseo y programacin Web.

+ervidores dedicados6 El trmino servidor dedicado se refiere a una
forma avanzada de alojamiento Web en la cual el cliente alquila o compra un ordenador
completo, y por tanto tiene el control completo y la responsabilidad de administrarlo. El
cuidado fsico de la mquina y de la conectividad a nternet es tarea de la empresa de
alojamiento, que suele tenerlo en un centro de datos.
olocacin Ho housingI6 Este servicio consiste bsicamente en vender o
alquilar un espacio fsico de un centro de datos para que el cliente coloque ah su
propio ordenador. La empresa le da la corriente y la conexin a nternet , pero el
ordenador servidor lo elige completamente el usuario (hasta el hardware).
Dominio6 Nombre nico que permite ingresar a un servidor sin saber la
direccin P exacta donde se encuentra (ver DNS). El servidor suele prestar servicios,
especialmente el acceso a un sitio Web.
1-
4.3 Conlusiones
El proyecto fue concluido satisfactoriamente cumpliendo los objetivos establecidos al
inicio de la estada, logrando cubrir cada una de las necesidades del Centro De
Maestros Nezahualcyotl 2 y logrando dar ms difusin dentro de la comunidad
docente.
Con la Pagina Web se pudo promoverla oferta educativa con la que cuenta la
nstitucin, los diferentes servicios que ofrece, la ubicacin, las capacitaciones, etc.
Dando como resultado un Pagina Web fcil de navegar y atractiva para los usuarios.
13
: ,ibliografa
0F Arce Anguiano F.J. (2006). Programacin en Flash 8. Mxico. Editorial: Alfa
omega. 256 pginas.
7F Kerman Phillip (2001). Aprendiendo Macromedia Flash 5 en 24 hrs. Mxico.
Editorial: Pearson Education. 388 pginas.
8F Oros Cabello J.L. (2006) Flash 8 Curso Practico. Mxico. Editorial: Alfa omega.
9F Oros Cabello J.L. (2007) Dreamweaver CS3: Curso Prctico. Espaa. Editorial:
Alfa omega.
:F Pascual Gonzlez F. (2000) Navegar en nternet: Macromedia Dreamweaver 3E.
Mxico. Editorial: Alfa omega. 245 pginas.
;F Prez Lpez Cesar (2003). Dreamweaver 8: Desarrollo de Pginas Web con
PHP y MySQL. Mxico. Editorial: Alfa omega. 448 pginas.
2F Prez Lpez Cesar (2003) Macromedia Dreamweaver Mx: Desarrollo de
Aplicaciones y Bases de Datos en la Web. Mxico. Editorial: Alfa omega. 577
pginas.
<F Smichtd, U. (2001) Todo Sobre Flash 4 y 5. Mxico. Editorial: Alfa omega. 328
pginas.
MF Underdahl, B. (2002) Fundamentos de Macromedia Flash Mx. Madrid:
MCGRAW-HLL. 327 pginas.
05F Berrio G. 2010. Manual de Dreamweaver CS5 en Espaol. Disponible desde
nternet en: < http://www.creativosonline.org/blog/manual-de-Dreamweaver-cs5-
en-espaol.html > Formato pdf. [con acceso el 26-07-2010].
14
00F McGinn Sheila. (2000) Manual de Dreamweaver. Macromedia nc. Mxico.
Disponible desde nternet en:
07F http://www.tinkuy.info/recursos/sites/default/files/recursos/Manual%20de
%20Dreamweawer.PDF > Formato Pdf [con acceso el 19-11-2000]
08F Diago Tomas. 1997-2011. Pgina personal. Disponible desde nternet en:
http://adobe-Dreamweaver.softonic.com
1&
6 Anexos
CODGO FUENTE PAGNA PRNCPAL
?@DOCTYPE
At*lB
?At*lB
?Aea,B
?titleBCDEMNECAII-514 D Pre"entai)n?EtitleB
?*eta 3r)3ertFGH)1:"iteIna*eH )ntentGHCDEMNECAII-514H EB
?*eta 3r)3ertFGH)1:titleH )ntentGHCDEMNECAII-514H EB
?*eta 3r)3ertFGH)1:,e"ri3ti)nH )ntentGHCDEMNECAII-514H EB
?*eta 3r)3ertFGH)1:i*a1eH )ntentGHAtt3:EE,e*ne8aii-514.;ee+lF.)*E!3l)a,"E-E&E'E(E-&'(-.:-E-:11&(..3n1H EB
?*eta 3r)3ertFGH)1:!rlH )ntentGHAtt3:EE,e*ne8aii-514.;ee+lF.)*EH EB
?*eta Att3DeJ!i9GKC)ntentDTF3eK )ntentGKteLtEAt*lM Aar"etG!t6D.KEB
?lin< relGK"tFle"AeetK Are6GKEE,n-.e,it*F"ite.)*E""E"ite".""N+!il,Ti*eG13.:54''-'K tF3eGKteLtE""K E
B?lin< relGH"tFle"AeetH tF3eGHteLtE""H Are6GHEE,n1.e,it*F"ite.)*Ee,it)rEli+rarie"E6anF+)LE6anF+)L.""N13.:54''-'H EB
?lin< relGH"tFle"AeetH tF3eGHteLtE""H Are6GHE6ile"E*ainI"tFle.""N13.:5&34-'H titleGH;"iteDtAe*eD""H EB
?lin< Are6GHEE6)nt".1))1lea3i".)*E""N6a*ilFGR)"ari):455O(55O455italiO(55italiH relGH"tFle"AeetH tF3eGHteLtE""H EB
?"tFle tF3eGHteLtE""HB
.;"iteDele*ent".;"iteDn)tD6))ter ,i9.3ara1ra3AO .;"iteDele*ent".;"iteDn)tD6))ter 3O .;"iteDele*ent".;"iteDn)tD6))ter .
3r),!tD+l)< .3r),!tDtitleO .;"iteDele*ent".;"iteDn)tD6))ter .3r),!tD,e"ri3ti)nO .;"iteDele*ent".;"iteDn)tD6))ter
.;"iteD6)r*D6iel, la+elO .;"iteDele*ent".;"iteDn)tD6))ter .;"iteD6)r*D6iel, la+elO P;"iteD)ntent ,i9.3ara1ra3AO P;"iteD
)ntent 3O
P;"iteD)ntent .3r),!tD+l)< .3r),!tDtitleO P;"iteD)ntent .3r),!tD,e"ri3ti)nO P;"iteD)ntent .;"iteD6)r*D6iel, la+elO
P;"iteD)ntent .;"iteD6)r*D6iel, la+elO .+l)1D"i,e+ar ,i9.3ara1ra3AO .+l)1D"i,e+ar 3O .+l)1D"i,e+ar .;"iteD6)r*D6iel,
la+elO .
+l)1D"i,e+ar .;"iteD6)r*D6iel, la+el QR
P;"iteD)ntent ,i9.3ara1ra3AO P;"iteD)ntent 3O P;"iteD)ntent .3r),!tD+l)< .3r),!tDtitleO P;"iteD)ntent .
3r),!tD,e"ri3ti)nO P;"iteD)ntent .;"iteD6)r*D6iel, la+elO P;"iteD)ntent .;"iteD6)r*D6iel, la+elO .+l)1D"i,e+ar
,i9.3ara1ra3AO .
+l)1D"i,e+ar 3O .+l)1D"i,e+ar .;"iteD6)r*D6iel, la+elO .+l)1D"i,e+ar .;"iteD6)r*D6iel, la+el QR
.;"iteDele*ent".;"iteD6))ter ,i9.3ara1ra3AO .;"iteDele*ent".;"iteD6))ter 3O .;"iteDele*ent".;"iteD6))ter .3r),!tD+l)<
.3r),!tDtitleO .;"iteDele*ent".;"iteD6))ter .3r),!tD,e"ri3ti)nO .;"iteDele*ent".;"iteD6))ter .;"iteD6)r*D6iel, la+elO
.;"iteDele*ent".;"iteD6))ter .;"iteD6)r*D6iel, la+elQR
.;"iteDele*ent".;"iteDn)tD6))ter A-O .;"iteDele*ent".;"iteDn)tD6))ter .3r),!tDl)n1 .3r),!tDtitleO .
;"iteDele*ent".;"iteDn)tD6))ter .3r),!tDlar1e .3r),!tDtitleO .;"iteDele*ent".;"iteDn)tD6))ter .3r),!tD"*all .
3r),!tDtitleO P;"iteD)ntent A-O P;"iteD)ntent .3r),!tDl)n1 .3r),!tDtitleO P;"iteD)ntent .3r),!tDlar1e
.3r),!tDtitleO P;"iteD)ntent .3r),!tD"*all .3r),!tDtitleO .+l)1D"i,e+ar A- QR
P;"iteD)ntent A-O P;"iteD)ntent .3r),!tDl)n1 .3r),!tDtitleO P;"iteD)ntent .3r),!tDlar1e .3r),!tDtitleO
P;"iteD)ntent .3r),!tD"*all .3r),!tDtitleO .+l)1D"i,e+ar A- QR
.;"iteDele*ent".;"iteD6))ter A-O .;"iteDele*ent".;"iteD6))ter .3r),!tDl)n1 .3r),!tDtitleO .;"iteDele*ent".;"iteD6))ter .
3r),!tDlar1e .3r),!tDtitleO .;"iteDele*ent".;"iteD6))ter .3r),!tD"*all .3r),!tDtitleQR
P;"iteDtitle QR
.;"iteD*en!D,e6a!lt a QR
.;"iteD*en! a QR
.;"iteDele*ent" .;"iteDi*a1e ,i9O .;"iteDele*ent" .;"iteDa3ti)n QR
.;"iteDele*ent" .1allerFCa3ti)nInnerTeLt QR
.6anF+)LDtitle QR
.;"iteDele*ent" .;"li,eDa3ti)n QR
.;"iteD3A)ne QR
.;"iteDAea,line QR
1'
.;"iteDAea,lineD3ara1ra3A QR
.;"iteD+!tt)nDinner QR
P)ntent +l)<J!)te QR
.;"iteD6))ter +l)<J!)te QR
.+l)1DAea,er A- a QR
A-.;"iteD3r),!tDtitle QR
.;"iteD3r),!t .;"iteD3r),!tD3rie a QR
?E"tFleB
?"tFle tF3eGHteLtE""HB
.;"iteDAea,er Q
+a<1r)!n,Di*a1e: !rl=E!3l)a,"E-E&E'E(E-&'(-.:-EAea,erIi*a1e"E13.:54(3:'.S31> @i*3)rtantM
+a<1r)!n,D3)"iti)n: 5 5 @i*3)rtantM
R
?E"tFleB
?"ri3tB?@DD
9ar STATICIBASE G HEE,n1.e,it*F"ite.)*EHM
9ar STYLEIPRE$I/ G H;"iteHM
EEDDB
?E"ri3tB
?"ri3t "rGHAtt3":EEaSaL.1))1lea3i".)*EaSaLEli+"ESJ!erFE1.(.-ESJ!erF.*in.S"HB?E"ri3tB
?"ri3t "rGHEE,n-.e,it*F"ite.)*ES"E"iteE*ain.S"N+!il,Ti*eG13.:54''-'HB?E"ri3tB
?"ri3t tF3eGKteLtESa9a"ri3tKB
Tee+lF G Tee+lF UU QRM
Tee+lF.C)**ere G Tee+lF.C)**ere UU QRM
Tee+lF.C)**ere.Aa"Cart G 6al"eM
?E"ri3tB?"ri3tBIT.relinJ!i"A VV IT.relinJ!i"A=>?E"ri3tB
?"ri3t tF3eGHteLtESa9a"ri3tHB?@DD
=6!nti)n=SW!erF>Q
6!nti)n init$lF)!t"=>
QinitP!+li"Ae,$lF)!tMen!"=XQKi,K:K-(&4(5&(4'1:.''':3KOKtitleK:KPre"entai)nKOK!rlK:Kin,eL.At*lK
OKtar1etK:KKROQKi,K:K:.533&((.33(35:&3:KOKtitleK:KInii)KOK!rlK:Kinii).At*lKOKtar1etK:KKROQKi,K:K(....-5-4&.(:5&(5(KO
KtitleK:KAera ,e CDEMKOK!rlK:KaeraD,eD,e*.At*lKOKtar1etK:KKROQKi,K:K44'-&-4&:1':1.'3'&KOKtitleK:KEJ!i3)
CDEMKO
K!rlK:KeJ!i3)D,e*.At*lKOKtar1etK:KKROQKi,K:K-41('3--.'&1:4:&1-KOKtitleK:KC))r,inai)nKOK!rlK:K))r,inai)n.At*lK
OKtar1etK:KKROQKi,K:
K-313-34'(:1&&4:'.'KOKtitleK:KBi+li)teaKOK!rlK:K+i+li)tea.At*lKOKtar1etK:KKROQKi,K:K'4&3:(4:-&&..4.'5:KOKtitleK:
KC)n9)at)ria"KOK!rlK:K)n9)at)ria".At*lKOKtar1etK:KKROQKi,K:K3:4.5&:54.45453'.-KOKtitleK:KC)n"taia"KOK!rlK:
K)n"taia".At*lKOKtar1etK:KKROQKi,K:K'5515.'4:(1.3:5351KOKtitleK:K$)rtalei*ient) CDEMKOK!rlK:K6)rtalei*ient)D
,e*.At*lKOKtar1etK:KKROQKi,K:K3&.&-3'.'14:'1.3:4KOKtitleK:KCa3aitai)nKOK!rlK:Ka3aitai)n.At*lKOKtar1etK:KKROQKi,K
:K(5&&3-3((1:4(351&:KOKtitleK:KC)ntat) CDEMKOK!rlK:K)ntat)D,e*.At*lKOKtar1etK:KKRO
QKi,K:K&5'3.'-4&:5''..'1&KOKtitleK:KIntranetKOK!rlK:Kintranet.At*lKOKtar1etK:KKRYO
K-(&4(5&(4'1:.''':3KOK?liB?a Are6GHPHBQQtitleRR?ZEaB?ZEliBKOHati9eHO6al"e>R
i6 =SW!erF> Q
i6 =SW!erF.+r);"er.*"ie VV @;in,);.6lF)!tMen!"Re6re"Aa+le> ;in,);.)nl)a, G init$lF)!t"M
el"e SW!erF=init$lF)!t">M
Rel"eQ
i6 =Pr)t)tF3e.Br);"er.IE> ;in,);.)nl)a, G init$lF)!t"M
el"e ,)!*ent.)+"er9e=H,)*:l)a,e,HO init$lF)!t">M
R
R>=;in,);.IT VV IT.SW!erF>
EEDDB
1(
?E"ri3tB
?EAea,B
?+),F la""GH"A)rtDAea,erD3a1e ;"iteD+a<1r)!n, ;"iteDtAe*eDli1At ;"iteD3a1eDin,eLHB
?,i9 i,GKAea,erD;ra3KB
?,i9 la""GK)ntainerKB
?ta+le i,GKAea,erKB
?trB
?t, i,GKl)1)KB?"3an la""GH;"iteDl)1)HB?a Are6GHEHB?i*1 "rGHE!3l)a,"E-E&E'E(E-&'(-.:-E-:11&(..3n1H
EB?EaB?E"3anB?Et,B
?t, i,GKAea,erDri1AtKB
?ta+leB
?trB
?t, la""GK3A)neDn!*+erKB?Et,B
?t, la""GK")ialKB?,i9 "tFleGKteLtDali1n:le6tMKB?,i9 "tFleGKAei1At:53LM)9er6l);:Ai,,enKB?E,i9B
?"3an la""GK;"iteD")ial ;"iteD")ialD,e6a!ltKB?a la""GH6ir"tDAil, ;"iteD")ialDite* ;"iteD")ialD6ae+))<H
Are6GHAtt3":EE;;;.6ae+))<.)*E,e*.ne8aiiH tar1etGHI+lan<HB?"3an la""GH;"iteD")ialDite*DinnerHB?E"3anB?EaB?a
la""GH;"iteD")ialDite* ;"iteD")ialDt;itterH Are6GHAtt3":EEt;itter.)*ECentr),eMe"tr)"H tar1etGHI+lan<HB?"3an
la""GH;"iteD")ialDite*DinnerHB?E"3anB?EaB?a la""GH;"iteD")ialDite* ;"iteD")ialD*ailH
Are6GH*ailt):,e*1&33ne8a-1&33[1*ail.)*H tar1etGHI+lan<HB?"3an la""GH;"iteD")ialDite*DinnerHB?E"3anB?EaB
?a la""GH;"iteD")ialDite* ;"iteD")ialDF)!t!+eH Are6G
HAtt3:EE;;;.F)!t!+e.)*EAannelE#CB2rBF$8PSI/J3P.A<LJW1H tar1etGHI+lan<HB?"3an la""GH;"iteD")ialDite*D
innerHB
?E"3anB?EaB?a la""GHla"tDAil, ;"iteD")ialDite* ;"iteD")ialD3l!"H
Are6GHAtt3":EE3l!".1))1le.)*E11'.(3('(:15('4'4.5.3E3)"t"H
tar1etGHI+lan<HB?"3an la""GH;"iteD")ialDite*DinnerHB?E"3anB?EaB?E"3anB
?,i9 "tFleGKAei1At:53LM)9er6l);:Ai,,enKB?E,i9B?E,i9B?Et,B
?EtrB
?trB
?t, )l"3anGK-K la""GK"earAKB?Et,B
?EtrB
?Eta+leB
?Et,B
?EtrB
?Eta+leB
?E,i9B?@DD en, )ntainer DDB
?E,i9B?@DD en, Aea,erD;ra3 DDB
?,i9 i,GKna9D;ra3KB
?,i9 la""GK)ntainer +l)<KB
?!l la""GH;"iteD*en!D,e6a!ltHB?li i,GHati9eHB?a Are6GHEHBPre"entai)n?EaB?EliB?li i,GH31:.533&((.33(35:&3:HB
?a Are6GHEinii).At*lHBInii)?EaB?EliB?li i,GH31(....-5-4&.(:5&(5(HB?a Are6GHEaeraD,eD,e*.At*lHB
Aera ,e CDEM?EaB?EliB?li i,GH3144'-&-4&:1':1.'3'&HB?a Are6GHEeJ!i3)D,e*.At*lHBEJ!i3) CDEM
?EaB?EliB?li i,GH31-41('3--.'&1:4:&1-HB?a Are6GHE))r,inai)n.At*lHBC))r,inai)n?EaB?EliB?li
i,GH31-313-34'(:1&&4:'.'HB
?a Are6GHE+i+li)tea.At*lHBBi+li)tea?EaB?EliB?li i,GH31'4&3:(4:-&&..4.'5:HB?a
Are6GHE)n9)at)ria".At*lHBC)n9)at)ria"
?EaB?EliB?li i,GH313:4.5&:54.45453'.-HB?a Are6GHE)n"taia".At*lHBC)n"taia"?EaB?EliB?li
i,GH31'5515.'4:(1.3:5351H
B?a Are6GHE6)rtalei*ient)D,e*.At*lHB
$)rtalei*ient) CDEM?EaB?EliB?li i,GH313&.&-3'.'14:'1.3:4HB?a Are6GHEa3aitai)n.At*lHBCa3aitai)n?EaB
?EliB?li i,GH31(5&&3-3((1:4(351&:HB?a Are6GHE)ntat)D,e*.At*lHBC)ntat) CDEM?EaB?EliB?li
i,GH31&5'3.'-4&:5''..'1&HB
?a Are6GHEintranet.At*lHBIntranet?EaB?EliB?E!lB
?E,i9B?@DD en, )ntainer DDB
1.
?E,i9B?@DD en, na9D;ra3 DDB
?,i9 i,GK+annerD;ra3KB
?,i9 la""GK)ntainer +l)<KB
?,i9 i,GK+annerKB
?,i9 la""GK;"iteDAea,erKB?E,i9B
?,i9 "tFleGKlear:+)tAMKB?E,i9B
?E,i9B?@DD en, +anner DDB
?E,i9B?@DD en, )ntainer DDB
?E,i9B?@DD en, +annerD;ra3 DDB
?,i9 i,GK*ainD;ra3KB
?,i9 la""GK)ntainer +l)<KB
?,i9 i,GH;"iteD)ntentH la""GH;"iteDele*ent" ;"iteDn)tD6))terHB
?E,i9B
?E,i9B?@DD en, )ntainer DDB
?E,i9B?@DD en, *ainD;ra3 DDB
?,i9 i,GK6))terD;ra3KB
?,i9 la""GK)ntainer +l)<KB
?"tFle tF3eGHteLtE""HB
?@DD
P;ee+lFD6))ter Q
3)"iti)n: relati9e @i*3)rtantM
R
P;ee+lFD6))ter a Q
3)"iti)n: relati9e @i*3)rtantM
8Din,eL: - @i*3)rtantM
!r")r: 3)interM
R
P;ee+lFD6))terD,Fna*i Q
3)"iti)n: relati9e @i*3)rtantM
,i"3laF: inlineD+l)< @i*3)rtantM
;i,tA: (-3L @i*3)rtantM
Aei1At: 13L @i*3)rtantM
9ertialDali1n: *i,,le @i*3)rtantM
teLtD,e)rati)n: n)ne @i*3)rtantM
+)r,er: 5 @i*3)rtantM
*ar1in: 5 @i*3)rtantM
3a,,in1: 5 @i*3)rtantM
R
.;ee+lFD6))terD+!tt)n Q
1:
3)"iti)n: a+")l!teM
t)3: D143LM
le6t: 5M
,i"3laF: +l)<M
I,i"3laF: inlineD+l)<M
;i,tA: (-3LM
Aei1At: -:3LM
+a<1r)!n,: !rl=KAtt3:EE"tatiD,n.;ee+lF.)*Ei*a1e"E;ee+lFD6))terDa""et.3n1K> n)Dre3eat le6t t)3M
I+a<1r)!n,: !rl=,ata:i*a1eE1i6M+a"e'4OAAAA>M
I6ilter: 3r)1i,:D/I*a1eTran"6)r*.Mir)")6t.Al3AaI*a1eL)a,er="rGHAtt3:EE"tatiD,n.;ee+lF.)*Ei*a1e"E
;ee+lFD6))ter.3n1HO "i8in1MetA),GHr)3H>M
R
.;ee+lFD6))terDA)9er .;ee+lFD6))terD+!tt)n Q
+a<1r)!n,: !rl=KAtt3:EE"tatiD,n.;ee+lF.)*Ei*a1e"E;ee+lFD6))terDa""et.3n1K> n)Dre3eat D(:3L t)3M
I+a<1r)!n,: !rl=,ata:i*a1eE1i6M+a"e'4OAAAA>M
I6ilter: 3r)1i,:D/I*a1eTran"6)r*.Mir)")6t.Al3AaI*a1eL)a,er="rGHAtt3:EE"tatiD,n.;ee+lF.)*Ei*a1e"
E;ee+lFD6))terDati9e.3n1HO "i8in1MetA),GHr)3H>M
R
.;ee+lFD6))terD+!tt)nDteLt Q
,i"3laF: n)neM
R
P;ee+lFD6))terD*e""a1e Q
,i"3laF: n)neM
3)"iti)n: a+")l!teM
t)3: D.'3LM
le6t: 13LM
;i,tA: 3:&3LM
Aei1At: :.3LM
I+a<1r)!n,: !rl=,ata:i*a1eE1i6M+a"e'4OAAAA>M
R
.;ee+lFD6))terD,Fna*iDA)9er P;ee+lFD6))terD*e""a1e Q
,i"3laF: +l)<M
R
.;ee+lFD6))terDri1At P;ee+lFD6))terD*e""a1e Q
le6t: D3153LM
R
.;ee+lFD6))terD*e""a1eD)ntent Q
3)"iti)n: relati9eM
,i"3laF: +l)<M
;i,tA: 155\M
Aei1At: &:3LM
+a<1r)!n,: !rl=KAtt3:EE"tatiD,n.;ee+lF.)*Ei*a1e"E;ee+lFD6))terDa""et.3n1K> n)Dre3eat le6t D353LM
I+a<1r)!n,: n)neM
I6ilter: 3r)1i,:D/I*a1eTran"6)r*.Mir)")6t.Al3AaI*a1eL)a,er="rGHAtt3:EE"tatiD,n.;ee+lF.)*Ei*a1e"E
;ee+lFD6))terD)ntent.3n1HO "i8in1MetA),GHr)3H>M
-5
R
.;ee+lFD6))terD*e""a1eDarr)t Q
3)"iti)n: relati9eM
le6t: &&3LM
6l)at: le6tM
,i"3laF: +l)<M
;i,tA: 1-3LM
Aei1At: (3LM
+a<1r)!n,: !rl=KAtt3:EE"tatiD,n.;ee+lF.)*Ei*a1e"E;ee+lFD6))terDa""et.3n1K> n)Dre3eat D1&:3L D13LM
I+a<1r)!n,: n)neM
I6ilter: 3r)1i,:D/I*a1eTran"6)r*.Mir)")6t.Al3AaI*a1eL)a,er="rGHAtt3:EE"tatiD,n.;ee+lF.)*Ei*a1e"E
;ee+lFD6))terDarr)t.3n1HO "i8in1MetA),GHr)3H>M
R
.;ee+lFD6))terDri1At .;ee+lFD6))terD*e""a1eDarr)t Q
le6t: 3'(3LM
R
DDB
?E"tFleB
?"3an i,GK;ee+lFD6))terKB
Create a ?a tar1etGKI+lan<K Are6GKAtt3:EE;;;.;ee+lF.)*EKB6ree ;e+"ite?EaB ;itA
?"3an i,GK;ee+lFD6))terD*ar<KB?E"3anB
?a i,GK;ee+lFD6))terD,Fna*iK tar1etGKI+lan<K Are6GKAtt3:EE;;;.;ee+lF.)*EN6))terKB
?"3an i,GK;ee+lFD6))terD+!tt)nK la""GK;ee+lFD6))terD+!tt)nKB
?"3an la""GK;ee+lFD6))terD+!tt)nDteLtKBTee+lF?E"3anB
?E"3anB
?"3an i,GK;ee+lFD6))terD*e""a1eKB
?"3an la""GK;ee+lFD6))terD*e""a1eD)ntentKB?E"3anB
?"3an la""GK;ee+lFD6))terD*e""a1eDarr)tKB?E"3anB
?E"3anB
?EaB
?E"3anB
?"ri3t tF3eGHteLtESa9a"ri3tHB
?@DD
=6!nti)n=SW!erF> Q
i6 =SW!erF> Q
SW!erF=HP;ee+lFD6))terH>.)n=Q
H*)!"e)9erH: 6!nti)n=e9> Q SW!erF=tAi">.a,,Cla""=H;ee+lFD6))terDA)9erH>M RO
H*)!"e)!tH: 6!nti)n=e9> Q SW!erF=tAi">.re*)9eCla""=H;ee+lFD6))terDA)9erH>M R
R>M
SW!erF=HP;ee+lFD6))terD,Fna*iH>.)n=Q
H*)!"e)9erH: 6!nti)n=e9> Q
9ar ;6 G SW!erF=HP;ee+lFD6))terH>O
;6+ G SW!erF=HP;ee+lFD6))terD+!tt)nH>O
;6* G SW!erF=HP;ee+lFD6))terD*e""a1eH>O
-1
)9er6l); G ;6+.)66"et=>.le6t ] ;6*.;i,tA=> B SW!erF=;in,);>.;i,tA=>M
EE DFna*iallF a,S!"t ;Aere *e""a1e i" ,i"3laFe,
;6.t)11leCla""=H;ee+lFD6))terDri1AtHO )9er6l);>M
SW!erF=tAi">.a,,Cla""=H;ee+lFD6))terD,Fna*iDA)9erH>M
RO
H*)!"e)!tH: 6!nti)n=e9> Q
SW!erF=tAi">.re*)9eCla""=H;ee+lFD6))terD,Fna*iDA)9erH>
R
R>M
R
el"e Q
6!nti)n 3)"iti)nTee+lF$))ter=> Q
9ar e G ^=H;ee+lFD6))terD*ar<H>M
i6 =e.!*!lati9eO66"et=>.le6t B ,)!*ent.9ie;3)rt.1etTi,tA=>E-> Q
e.!3=>.a,,Cla""Na*e=H;ee+lFD6))terDri1AtH>M
Rel"eQ
e.!3=>.re*)9eCla""Na*e=H;ee+lFD6))terDri1AtH>M
R
R
^=H;ee+lFD6))terH>
.)+"er9e=H*)!"e)9erHO 6!nti)n=> Q
^=tAi">.a,,Cla""Na*e=H;ee+lFD6))terDA)9erH>M
R>
.)+"er9e=H*)!"e)!tHO 6!nti)n=> Q
^=tAi">.re*)9eCla""Na*e=H;ee+lFD6))terDA)9erH>M
R>M
^=H;ee+lFD6))terD,Fna*iH>
.)+"er9e=H*)!"e)9erHO 6!nti)n=> Q
^=tAi">.a,,Cla""Na*e=H;ee+lFD6))terD,Fna*iDA)9erH>M
3)"iti)nTee+lF$))ter=>M
R>
.)+"er9e=H*)!"e)!tHO 6!nti)n=> Q
^=tAi">.re*)9eCla""Na*e=H;ee+lFD6))terD,Fna*iDA)9erH>M
R>M
R
R>=;in,);.IT VV IT.SW!erF>M
EEDDB
?E"ri3tB
?"ri3t tF3eGHteLtESa9a"ri3tHB
?@DD
i6 =,)!*ent.))<ie.*atA=E=_UM>Z"`i"I*)+ileG1E>> Q
9ar ;in,);2re6 G ;in,);.l)ati)n.Are6 UU HHM
i6 =;in,);2re6.in,eLO6=HNH> B D1> Q
;in,);2re6 ]G HVHM
--
R el"e Q
;in,);2re6 ]G HNHM
R
,)!*ent.;rite=
KVn+"3MVn+"3MVn+"3MVn+"3MK ]
K?a la""GH;"iteD9ie;Dlin<D*)+ileH Are6GHK ] ;in,);2re6 ] K9ie;G*)+ileHBM)+ile Site?EaBK
>M
R
EEDDB
?E"ri3tB
?E,i9B?@DD en, )ntainer DDB
?E,i9B?@DD en, 6))terD;ra3 DDB
?"ri3t tF3eGKteLtESa9a"ri3tKB
9ar I1aJ G I1aJ UU XYM
I1aJ.3!"A=XHI"etA)!ntHO H#AD(.(533(D1HY>M
I1aJ.3!"A=XHI"etD)*ainNa*eHO Hn)neHY>M
I1aJ.3!"A=XHI"etAll);Lin<erHO tr!eY>M
I1aJ.3!"A=XHItra<Pa1e9ie;HY>M
=6!nti)n=> Q
9ar 1a G ,)!*ent.reateEle*ent=H"ri3tH>M 1a.tF3e G HteLtESa9a"ri3tHM 1a.a"Fn G tr!eM
1a."r G =HAtt3":H GG ,)!*ent.l)ati)n.3r)t))l N HAtt3":EE""lH : HAtt3:EE;;;H> ] H.1))1leDanalFti".)*E1a.S"HM
9ar " G ,)!*ent.1etEle*ent"BFTa1Na*e=H"ri3tH>X5YM ".3arentN),e.in"ertBe6)re=1aO ">M
R>=>M
?E"ri3tB
?@DD Start W!anta"t ta1 DDB
?"ri3t tF3eGKteLtESa9a"ri3tKB
IJ)3ti)n"GQ
Jat:K3D5,YL9ASGGJ#T)K
RM
?E"ri3tB
?"ri3t tF3eGKteLtESa9a"ri3tK "rGKEEe,1e.J!ant"er9e.)*EJ!ant.S"KB?E"ri3tB
?n)"ri3tB
?i*1 "rGKEE3iLel.J!ant"er9e.)*E3iLelE3D5,YL9ASGGJ#T).1i6K "tFleGK,i"3laF: n)neMK +)r,erGK5K Aei1AtGK1K
;i,tAGK1K
altGKW!anta"tKEB
?En)"ri3tB
?@DD En, W!anta"t ta1 DDB
?"ri3tB
=6!nti)n=SW!erF> Q
trF Q
-3
i6 =SW!erF> Q
SW!erF=H,i9.+l)1D")ial ,i9.6+Dli<eH>.attr=Hla""HO H+l)1D")ialDite* +l)1D6+Dli<eH>M
SW!erF=HP)**entArea i6ra*eH>.""=H*inDAei1AtHO H4153LH>M
i6 =SW!erF=H.3r),!tD+!tt)nH>.len1tA B 5>Q
SW!erF=,)!*ent>.rea,F=6!nti)n=>Q
SW!erF=H.3r),!tD+!tt)nH>.3arent=>.eaA=6!nti)n=in,eLO 3r),!t>Q
i6=SW!erF=3r),!t>.attr=Htar1etH> GG H3aF3alH>Q
i6 =@SW!erF=3r),!t>.6in,=HB Xna*eGK+nKYH>.len1tA>Q
SW!erF=H?in3!tBH>.attr=Q
tF3e: HAi,,enHO
na*e: H+nHO
9al!e: HDra1An,Dr)3B!ilISPIECH
R>.a33en,T)=3r),!t>M
R
R
R>M
SW!erF.aSaL=Q
tF3e: KGETKO
!rl: KEaSaLEa33"E"tat".3A3N"tatG"ite".)**ere.le1aF.9i"itK
R>M
R>M
SW!erF=H.3r),!tD+!tt)nH>.li<=6!nti)n=> Q
9ar 9al G SW!erF=tAi".6)r*>."eriali8e=>M
SW!erF.aSaL=Q
tF3e: KPOSTKO
!rl: KEaSaLEa33"E"tat".3A3N"tatG"ite".)**ere.le1aF.a,,artKO
,ata: Q 9al!e": 9alO A)"t: ;in,);.l)ati)n.A)"t R
R>M
R>M
R
R
el"e Q
EE Pr)t)tF3e
^^=H,i9.+l)1D")ial ,i9.6+Dli<eH>.eaA=6!nti)n=,i9> Q
,i9.la""Na*e G H+l)1D")ialDite* +l)1D6+Dli<eHM
R>M
^^=HP)**entArea i6ra*eH>.eaA=6!nti)n=i6ra*e> Q
i6ra*e."tFle.*in2ei1At G H4153LHM
R>M
R
R
atA=eL> QR
R>=;in,);.IT VV IT.SW!erF>M
?E"ri3tB
?E+),FB
?EAt*lB
-4

-&