UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA UNAD

VICERRECTORIA ACADEMICA Y DE INVESTIGACIN

ESCUELA DE CIENCIAS BSICAS, TECNOLOGA E INGENIERA

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA

UNAD

PROGRAMA DE INGENIERIA DE SISTEMAS

TRABAJO INDIVIDUAL
NUMERO UNO

CURSO
DISEO DE SITIOS WEB
301122A - 63

PRESENTADO POR:

PRESENTADO A:
TUTOR
NILSON ALBEIRO FERREIRA MANZANARES

IBAGUE TOLIMA
FEBRERO 18 DEL 2016

Introduccion

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA UNAD

VICERRECTORIA ACADEMICA Y DE INVESTIGACIN
ESCUELA DE CIENCIAS BSICAS, TECNOLOGA E INGENIERA

El desarrollo de presente trabajo consiste en representar graficamente la instaacion

de las aplicacciones correspondientes para el desarrollo y transcorrir del curso de tal
manera que se identifique la presencia de dichas aplicaciones, en nuestro
computador personal las cuales seran nuestro puento de partida para el desarrollo
del curso.

Desarrollo de la actividad
Desde el entorno de apreindizaje practico procederemos a descargar las aplicaciones
requeridas para el desarrollo y transcurrir del curso.

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA UNAD

VICERRECTORIA ACADEMICA Y DE INVESTIGACIN
ESCUELA DE CIENCIAS BSICAS, TECNOLOGA E INGENIERA

Una vez se descargan las aplicaciones procederemos a almacenarlas en una carpeta

luego ejecutaremos cada uno de los programas requeridos en nuestro computador
para posterior mente hacer uso de ellos.

El primer programa que instalaremos en nuestro disco duro ser:

1 Editor de texto SublimeText2, en este editor se debe activar el Package Control y
el Plugin de Zend Coding Emmet
Definicin
Esta aplicacin es considerada como un editor de texto mediante el cual puedo
escribir cdigos en una amplia cantidad de lenguajes de programacin y de formatos
que se utilizan en la actualidad.
Se considera tener muchas caractersticas que como tal facilitan los funcionamientos
de una manera gil, e una plataforma que no consume mucha arquitectura de
nuestro PC, permite decodificar cualquier clase de formato, es multiplataforma. Y tiene
grandes caractersticas que se pueden explorar durante el desarrollo del curso y
posterior a l.

Como se representa en la figura ya se encuentra instalado en nuestro ordenador

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA UNAD

VICERRECTORIA ACADEMICA Y DE INVESTIGACIN
ESCUELA DE CIENCIAS BSICAS, TECNOLOGA E INGENIERA

Una vez instalada la aplicacin procederemos a adicionarle el paquete de control

con el fin de optimizar los procesos en cada uno de los pantallazos se encuentran los
avances realizados de acuerdo a la configuracin planteada en el video por el tutor.

Una vez instalado el control de paquetes utilizamos los sigientes atajos de teclado pot
medio de Shift -control - P una vez nos carga la lista buscamos la opcion Emmet el
cual procederemos a instalar de tal manera que nos permita aligilizar los procesos
de construccion de pagina web mediante editor

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA UNAD

VICERRECTORIA ACADEMICA Y DE INVESTIGACIN
ESCUELA DE CIENCIAS BSICAS, TECNOLOGA E INGENIERA

Una vez ejecutado el proceso Digitamos html:5 de tal manera que nos aparezca una
serie de lneas de comando

Lista de argumentos etiqueta head que permite identificar el la pagina

Ahora procederemos a instalar el paquete de Package control

2 servidor web puede instalar Apache Xampp o WampServer
Definicin
Este es un aplicativo libre que como tal consiste en gestionar la base de datos para
lenguajes de script de tal forma acta como un servidor web libre, de fcil uso y
desempeo capaz de interpretar paginas dinmicas, dentro de sus caractersticas
este se actualiza constantemente con el fin de incorporar nuevas versiones en su
base de datos.
En las siguientes figuras se puede observar que el aplicativo ya fue instalado en el
equipo

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA UNAD

VICERRECTORIA ACADEMICA Y DE INVESTIGACIN
ESCUELA DE CIENCIAS BSICAS, TECNOLOGA E INGENIERA

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA UNAD

VICERRECTORIA ACADEMICA Y DE INVESTIGACIN
ESCUELA DE CIENCIAS BSICAS, TECNOLOGA E INGENIERA

3 Cliente de FTP se recomienda Filezilla u otro cliente FTP Open Source

Procedemos a ejecutar la aplicacin Cliente FTP en el disco duro de nuestro
computador.
Definicin
Este es un aplicativo el cual una vez instalamos procederemos a ejecutar de tal
manera que al conectarme por medio de direccionamiento IP a un servidor remoto
este me permita transferir la informacin, parmetros, protocolos de una unidad
remota a otra local.

En la siguiente figura se muestra la instalacin de la aplicacin requerida

4. sistema de control de versiones GIT.

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA UNAD

VICERRECTORIA ACADEMICA Y DE INVESTIGACIN
ESCUELA DE CIENCIAS BSICAS, TECNOLOGA E INGENIERA

Definicin:
Es considerado como un sistema que registra los cambios realizados sobre un archivo
o un conjunto de archivos a lo largo del tiempo, de modo que se pueda recuperar
versiones especficas ms adelante.
El las siguientes imgenes encontramos la instalacin de la aplicacin requerida

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA UNAD

VICERRECTORIA ACADEMICA Y DE INVESTIGACIN
ESCUELA DE CIENCIAS BSICAS, TECNOLOGA E INGENIERA

Referencia bibliogrfica

http://www.jorgesanchez.net/programacion/manuales/sublimeText2.pdf
https://www.apachefriends.org/es/index.html
https://filezilla-project.org/
https://es.wikipedia.org/wiki/XAMPP