ACTIVIDAD NO.

1 CONFIGURANDO EL ENTORNO
DE TRABAJO

DISEOS DE SITIOS WEB

Cdigo: 301122_12
Grupo: 12

LUIS MIGUEL BOTERO

Tutor (a): MAURICIO PERDOMO VARGAS
21/02/2016

INTRODUCCIN

Esta actividad que nos propone la UNAD, especficamente, el curso electivo de

Diseos de Sitios Web se basa fundamentalmente en, instalar, proba y dar el primer
uso a los programas que durante el curso, nos van a facilitar y ayudar en el desarrollo
de pginas web. La gua nos propone elementalmente: gestionar un entorno de trabajo
para la construccin de pginas web a travs de la configuracin aquellas
herramientas de software.

OBJETIVOS
Los objetivos propuestos, se basan fundamentalmente, en sacar provecho de estas
herramientas, as como elaborar ese espacio de trabajo para el uso de estas
herramientas y as mismo aprender a usarlas. Tambin, debemos, evidenciar el paso
a paso de la instalacin de los programas, con el objetivo/fin de que se nos facilite su
uso y as al momento de gestionarlas, no se nos haga complicado a la hora de
mantener interaccin total con estos espacios y/o entornos.

ENTORNO DE TRABAJO
1. Instalacin del editor de texto SublimeText2, con Package Control, y
el Plugin de Zend Coding Emmet:

Acceso al sitio web de Sublime Text 2 para donde se descargar la herramienta

programa, requerido para empezar nuestro entorno de trabajo y que nos permitir
empezar hacer desarrollo de nuestros sitios web.

Una vez descargado del sitio web de la pgina Sublime Text 2, la herramienta con
el mismo nombre, procedimos a hacer la instalacin pertinente de dicha herramienta
requerida para empezar nuestro entorno de trabajo y que nos permitir empezar
hacer desarrollo de nuestros sitios web.

Una vez abierto el programa, debemos acceder a la consola del mismo, abriendo el
men: view show console; y nos aparecer la consola en la parte inferior, como
se evidencia en la primera imagen, luego debemos acceder a la pgina
https://packagecontrol.io/installation#st2 y ah nos aparecer un cdigo, el cual
debemos pegar en la consola del programa, como se evidencia en la ltima imagen.

Ahora, con el programa abierto, presionamos las teclas: Shift-Control-P, para que
nos salga lo que se evidencia en las tres imgenes anteriores, luego escribimos
Install Package Control, damos clic he inmediatamente nos quedar la barra, para
buscar Emmet, le damos click, esperaremos unos 30 segundos y el proceso habr
acabado, por lo cual as tendramos finalizado la instalacin de Sublime Text, con
todos sus plugins y elementos, para hacer funcionar adecuadamente esta
herramienta.

2. Instalacin de Cliente de FTP Filezilla

Entramos en la pgina web https://filezilla-project.org/download.php?show_all=1 all

nos aparecer para descargar el Filezilla, para luego ejecutarlo y poder instalarlo,
siguiendo los pasos que aparecer en pantalla y nos muestre el programa
finalmente como se evidencia en las ltimas tres imgenes para as poder utilizarlo
para nuestro propsito, que es la elaboracin de pginas web.

3. Instalacin Servidor Web XAMPP:

Accedemos a la pgina https://www.apachefriends.org/es/index.html donde

descargaremos el servidor web XAMPP, le daremos donde dice: descargar para
Windows y l automticamente, nos empezar a descargar el programa.

Cuando tenemos el programa, iremos donde est, lo empezaremos a instalar,

siguiendo las instrucciones y nos saldr finalmente el programa de la siguiente
manera para poder empezar a combinarlo con las anteriores herramientas. El
programa solo qued instalado, pero falta configurarlo, de manera que nos sirva a
cabalidad.

Conclusiones

Como podemos notar, la instalacin de estas herramientas, nos sirve para poder
emprender nuestro paso y recorrido por los temas que desarrollaremos, as como
adquirir conocimiento de todo lo que nos podemos encontrar con este curso, el cual
nos guiar para la perfecta construccin de las pginas web, y aprender como tal,
al perfecto manejo de todos estos programas/herramientas, en nuestra profesin
como ingenieros de sistemas.

Referencias Bibliogrficas
UNAD. (2016). UNAD. Obtenido de
http://campus06.unad.edu.co/ecbti05/pluginfile.php/8878/mod_resource/content/2/Gui
a%20161.pdf
Diseos de Sitios Web Universidad UNAD Colombia. (06 de Octubre de 2014). Diseos de Sitios
Web Universidad UNAD Colombia. Obtenido de Youtube:
https://www.youtube.com/watch?v=duXu9myoQxg&feature=youtu.be
Diseos de Sitios Web Universidad UNAD Colombia. (10 de Febrero de 2015). Obtenido de
Youtube: https://www.youtube.com/watch?v=X8JUv0S-XZI&feature=youtu.be