DISEOS DE SITIOS WEB

FACE INICIAL

PRESENTADO A:
NILSON ALBEIRO FERREIRA MANZANARES
TUTOR

POR:
LUIS ALBERTO ALBIS CONTRERAS - CC: 1106639
GRUPO No. 301122_57

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA

UNAD
PROGRAMA DE INGENIERIA DE SISTEMAS
CEAD SAHAGUN
FEBRERO 2016

INTRODUCCIN
Al iniciar dar inicio a esta nueva etapa de conocimiento, debemos traer a colacin
toda clase de conocimientos bsicos, as mismo hacer uso del material
propuesto del curso y de igual manera realizar las consultas e investigaciones
que sean necesarias para tener un buen desarrollo de los contenidos del curso
y por ende de todas las actividades planteadas

Objetivos
Conocer el protocolo del curso de Diseo de Sitios Web y su composicin,
instalando y configurando las aplicaciones de diseo, almacenamiento y host
para la creacin de sitios web.
1. Revisin de Temticas y Material Didctico Mapa Conceptual Se realiz
la revisin de las temticas del material que hace parte del curso (Mdulo)
y de su Mapa conceptual, el cual se muestra a continuacin
2. Instalar las aplicaciones FileZilla, Sublime Text 2, WamPServer para el
desarrollo del curso

1. Editor de texto SublimeText2, en este editor se debe activar el Package

Control, y el Plugin de Zend Coding Emmet.

Para la instalacin del editor de texto SublimeText2, nos dirigimos a la pgina
dispuesta por la UNAD en el entorno de aprendizaje practico, con los links para
la descarga de software o herramientas necesarias para llevar a cabalidad las
actividades del curso. Se escoge tipo de versin y sistema operativo para la
descarga de la aplicacin,

Una vez instalada la aplicacin la ejecutamos, nos dirigimos al men view y

escogemos la opcin Show Console, Esto con el objetivo de ejecutar la consola
de SublimeText2, para introducir el cdigo que os permita instalar el Plugin
package Control, Despus de haber reiniciado la aplicacin de SublimeText2,
presionamos las teclas o atajos con el teclado Shift + Ctrl +P

2. Servidor Web: puede instalar: Apache, Xampp o WampServer

Para este ejercicio y por afinidad personal, utilizo el servidor web WampServer
Nos muestra la pantalla donde debemos aceptar los trminos de licencia, le
damos en siguiente, Luego nos aparece la ubicacin que tendr la carpeta raz
del programa, Posteriormente nos aparece una ventana en la que nos infoirma
o pregunta si desamos colocar iconos en el escritorio y en el menu inicio,
Finalmente nos aparece la ventana de instalacion, prcionamos en instalar

Habilitamos el acceso del programa a redes pblicas y privas,

Configuramos Email y cuenta local o carpeta local SMTP, Una vez
ejecutado se nos muestra esta ventanita en dando clic sobre su
icono en la barra de tareas de Windows

3.

Cliente de FTP, se recomienda Filezilla u otro cliente FTP

Open Source.
Direccionado por las sugerencias brindadas para el curso, se procede a
descargar la aplicacin FileZilla, en mi caso descargo la carpeta comprimida
zip para 64 bits debido a que mi sistema operativo maneja este tip de
version, Una vez descargada la aplicacin se descomprime y ubicamos la
carpeta en la raz del sistema o en cualquier otro lado en que se pueda
usar, recomendable tener el icono de acceso directo de la aplicacin en el
escritorio.

4. Sistema de control de versiones GIT.

Para desarrollo de configuracin de un sistema de control de versiones, se crea

un usuario en la pgina web https://github.com/ la cual nos ofrece un amplio
manejo de control de versiones, tanto para diseadores grficos como para
diseadores web entre su sinnmero de servicios,a sus usuarios.

Lo primero que debemos hacer es crear nuestra cuenta de usuario para tener
acceso a los servicios ofrecidos por la pagina web https://github.com/ la cual nos
ofrece alojamiento gratis y pago para nuestro caso usamos la free, ana vez
tengamos ya nuestra cuenta registrada procedemos a crear nuestro primer
repositorio en la cual almacenaremos toda la informacin para el control de
versiones. Le damos un nombre a nuestro repositorio y le damos en crear
repositorio

Realizado el proceso de pre registr, el servidor de la pgina nos enva un correo

con un vnculo para la activacin de nuestra cuenta, para ello nos dirigimos a
nuestro correo electrnico, y damos clik en el vnculo mencionado.

Una vez realizada la activacin procedemos con la instalacin de las

aplicaciones, Git.7.2.5 y GitHub, con el objetivo de tener configurado en nuestro
PC, la consola de comandos de Git y la aplicacin de escritorios de GitHub, que
a subes nos permite tener un mejor control de nuestros repositorios creados.
Para la instalacin, descargamos las aplicaciones y procedemos y ejecutamos
sus instaladores, este proceso lo podemos hacer simultneamente, mientras
GitHub descarga sus paquetes de instalacin, Git se instala en nuestro equipo

Durante la instalacin de Git, se muestran los siguientes pantallazos, que

denotan el proceso de instalacin, ubicacin de directorio y configuracin del
programa mediante la instalacin

Una vez instalada la aplicacin la ejecutamos, y nos abrir la consola de

comandos Git, en esta ventana se ejecutarn los comandos para la realizacin
de actividades en Git.

Ahora siguiendo con la instalacin de la aplicacin de escritorio GitHub

encontraremos que una vez terminada la descarga y instalacin de paquetes de
este software, se nos abrir una ventana con la configuracin de este programa,
el cual se enlazar con la cuenta creada en la pgina web https://github.com/, la
cual nos permite tener un control de los cambios realizados en nuestros
repositorios

Creando un repositorio de prueba, sincronizada con cuneta online

CONCLUSIONES
La estructura del curso, permite tener una visin amplia de los objetivos del
mismo, con apoyo constante de profesionales y herramientas tecnolgicas, la
fundamentacin, la organizacin y enfoque es de vital importancia, para que el
estudiante pueda llevar a feliz trmino su proyecto de vida, aspectos que la
Universidad a travs de su curso de Diseo de Sitios Web, logra abarcar de
manera muy asertiva, llenando de autoconocimiento, emprendimiento, y
seguridad el trabajo con la comunidad.

REFERENCIAS BIBLIOGRFICAS
Cristalab.com. (15 de septiembre de 2004). Diseo web, fundamentos bsicos.
Recuperado de:
http://www.cristalab.com/tutoriales/diseno-web-fundamentos-basicos-c63l/
Apuntesalmargen.com.
(14 de febrero de 2013). Fundamentos del diseo web actual. Recuperado de:
http://apuntesalmargen.com/rwd.html
Videos2Brain. (18 de marzo de 2014). Qu es el Responsive Design.
Recuperado de:
https://www.video2brain.com/mx/play-free-lessons-1135.htm
Martnez, Josafat. (13 de enero de 2013). Metodologas Para el Desarrollo de
Aplicaciones Web. Presentacin Diapositivas.
Recuperado de:
http://www.slideshare.net/JosafatMtz/metodologias-para-el-desarrollo-deaplicacones-web

Jesus Conde, GitHub. Crear un Completo sistema de control de versiones en

minutos
Recuperado de:
https://www.youtube.com/watch?v=W6yQQPVhR80