actividad no. 1 - configurando el entorno de trabajo

8/16/2019 Actividad No. 1 - Configurando El Entorno de Trabajo

1/14

DISEÑOS DE SITIOS WEB

Código: 301122_12

Grupo: 12

LUIS MIGUEL BOTERO

Tutor (a): MAURICIO PERDOMO VARGAS

21/02/2016

ACTIVIDAD NO. 1 -

CONFIGURANDO EL ENTORNO

DE TRABAJO


2/14

INTRODUCCIÓN

Esta actividad que nos propone la UNAD, específicamente, el curso electivo de

Diseños 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 páginas web. La guía nos propone elementalmente: gestionar un entorno de trabajo

para la construcción de páginas web a través de la configuración aquellas

herramientas de software.


3/14

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. También, debemos, evidenciar el paso

a paso de la instalación de los programas, con el objetivo/fin de que se nos facilite suuso y así al momento de gestionarlas, no se nos haga complicado a la hora de

mantener interacción total con estos espacios y/o entornos.


4/14

ENTORNO DE TRABAJO

1. Instalación del editor de texto SublimeText2, con Package Contro l, y

el Plugin d e Zend Codin g Emm et:

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.


5/14

Una vez descargado del sitio web de la página Sublime Text 2, la herramienta con

el mismo nombre, procedimos a hacer la instalación pertinente de dicha herramienta

requerida para empezar nuestro entorno de trabajo y que nos permitirá empezarhacer desarrollo de nuestros sitios web.


6/14

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 página

https://packagecontrol.io/installation#st2 y ahí nos aparecerá un código, el cual

debemos pegar en la consola del programa, como se evidencia en la última imagen.

https://packagecontrol.io/installation#st2https://packagecontrol.io/installation#st2https://packagecontrol.io/installation#st2


7/14


8/14

Ahora, con el programa abierto, presionamos las teclas: Shift-Control-P, para que

nos salga lo que se evidencia en las tres imágenes 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í tendríamos finalizado la instalación de Sublime Text, con

todos sus plugins y elementos, para hacer funcionar adecuadamente esta

herramienta.


9/14

2. Instalación de Cliente de FTP Filezilla


10/14

Entramos en la página 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 imágenes para así poder utilizarlo

para nuestro propósito, que es la elaboración de páginas web.

https://filezilla-project.org/download.php?show_all=1https://filezilla-project.org/download.php?show_all=1https://filezilla-project.org/download.php?show_all=1https://filezilla-project.org/download.php?show_all=1


11/14

3. Instalación Servidor Web XAMPP:

Accedemos a la página https://www.apachefriends.org/es/index.html donde

descargaremos el servidor web XAMPP, le daremos donde dice: descargar para

Windows y él automáticamente, nos empezará a descargar el programa.

https://www.apachefriends.org/es/index.htmlhttps://www.apachefriends.org/es/index.htmlhttps://www.apachefriends.org/es/index.html


12/14

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 acabalidad.


13/14

Conclusiones

Como podemos notar, la instalación 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 construcción de las páginas web, y aprender como tal,

al perfecto manejo de todos estos programas/herramientas, en nuestra profesión

como ingenieros de sistemas.


14/14

Referencias Bibliográficas

UNAD. (2016). UNAD. Obtenido de

http://campus06.unad.edu.co/ecbti05/pluginfile.php/8878/mod_resource/content/2/Gui

a%20161.pdf

Diseños de Sitios Web Universidad UNAD Colombia. (06 de Octubre de 2014). Diseños de Sitios

Web Universidad UNAD Colombia. Obtenido de Youtube:

https://www.youtube.com/watch?v=duXu9myoQxg&feature=youtu.be

Diseños de Sitios Web Universidad UNAD Colombia. (10 de Febrero de 2015). Obtenido deYoutube: https://www.youtube.com/watch?v=X8JUv0S-XZI&feature=youtu.be

actividad no. 1 - configurando el entorno de trabajo

Documents