8/19/2019 Actavidad 1 Diseño Web
1/14
DISEÑOS 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 SISTEMASCEAD SAHAGUN
FEBRERO 2016
8/19/2019 Actavidad 1 Diseño Web
2/14
INTRODUCCIÓN
Al iniciar dar inicio a esta nueva etapa de conocimiento, debemos traer a colación
toda clase de conocimientos básicos, 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
8/19/2019 Actavidad 1 Diseño Web
3/14
Objetivos
Conocer el protocolo del curso de Diseño de Sitios Web y su composición,
instalando y configurando las aplicaciones de diseño, almacenamiento y host
para la creación de sitios web.
1. Revisión de Temáticas y Material Didáctico – Mapa Conceptual Se realizó
la revisión de las temáticas del material que hace parte del curso (Módulo)
y de su Mapa conceptual, el cual se muestra a continuación
2. Instalar las aplicaciones FileZilla, Sublime Text 2, WamPServer para el
desarrollo del curso
8/19/2019 Actavidad 1 Diseño Web
4/14
1. Editor de texto SublimeText2, en este editor se debe activar el Package
Control, y el Plugin de Zend Coding Emmet.
Para la instalación del editor de texto SublimeText2, nos dirigimos a la página
dispuesta por la UNAD en el entorno de aprendizaje practico, con los links parala descarga de software o herramientas necesarias para llevar a cabalidad las
actividades del curso. Se escoge tipo de versión y sistema operativo para la
descarga de la aplicación,
8/19/2019 Actavidad 1 Diseño Web
5/14
Una vez instalada la aplicación la ejecutamos, nos dirigimos al menú view yescogemos la opción Show Console, Esto con el objetivo de ejecutar la consolade SublimeText2, para introducir el código que os permita instalar el Pluginpackage Control, Después de haber reiniciado la aplicación de SublimeText2,presionamos las teclas o atajos con el teclado Shift + Ctrl +P
8/19/2019 Actavidad 1 Diseño Web
6/14
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 términos de licencia, ledamos en siguiente, Luego nos aparece la ubicación que tendrá la carpeta raízdel programa, Posteriormente nos aparece una ventana en la que nos infoirmao pregunta si desamos colocar iconos en el escritorio y en el menu inicio,Finalmente nos aparece la ventana de instalacion, prcionamos en instalar
8/19/2019 Actavidad 1 Diseño Web
7/14
Habilitamos el acceso del programa a redes públicas y privas,Configuramos Email y cuenta local o carpeta local SMTP, Una vezejecutado se nos muestra esta ventanita en dando clic sobre suicono en la barra de tareas de Windows
8/19/2019 Actavidad 1 Diseño Web
8/14
3. Cliente de FTP, se recomienda Filezilla u otro cliente FTP
Open Source.
Direccionado por las sugerencias brindadas para el curso, se procede adescargar la aplicación FileZilla, en mi caso descargo la carpeta comprimidazip para 64 bits debido a que mi sistema operativo maneja este tipò deversion, Una vez descargada la aplicación se descomprime y ubicamos lacarpeta en la raíz del sistema o en cualquier otro lado en que se puedausar, recomendable tener el icono de acceso directo de la aplicación en elescritorio.
8/19/2019 Actavidad 1 Diseño Web
9/14
4. Sistema de control de versiones GIT.
Para desarrollo de configuración de un sistema de control de versiones, se creaun usuario en la página web https://github.com/ la cual nos ofrece un amplio
manejo de control de versiones, tanto para diseñadores gráficos como para
diseñadores web entre su sinnúmero 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 información para el control de
versiones. Le damos un nombre a nuestro repositorio y le damos en crear
repositorio
https://github.com/https://github.com/https://github.com/https://github.com/https://github.com/https://github.com/https://github.com/
8/19/2019 Actavidad 1 Diseño Web
10/14
Realizado el proceso de pre registró, el servidor de la página nos envía un correo
con un vínculo para la activación de nuestra cuenta, para ello nos dirigimos a
nuestro correo electrónico, y damos clik en el vínculo mencionado.
Una vez realizada la activación procedemos con la instalación 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 aplicación de escritorios de GitHub, que
a subes nos permite tener un mejor control de nuestros repositorios creados.
Para la instalación, descargamos las aplicaciones y procedemos y ejecutamossus instaladores, este proceso lo podemos hacer simultáneamente, mientras
GitHub descarga sus paquetes de instalación, Git se instala en nuestro equipo
8/19/2019 Actavidad 1 Diseño Web
11/14
Durante la instalación de Git, se muestran los siguientes pantallazos, que
denotan el proceso de instalación, ubicación de directorio y configuración del
programa mediante la instalación
Una vez instalada la aplicación la ejecutamos, y nos abrirá la consola decomandos Git, en esta ventana se ejecutarán los comandos para la realización
de actividades en Git.
8/19/2019 Actavidad 1 Diseño Web
12/14
Ahora siguiendo con la instalación de la aplicación de escritorio GitHubencontraremos que una vez terminada la descarga y instalación de paquetes deeste software, se nos abrirá una ventana con la configuración de este programa,el cual se enlazará con la cuenta creada en la página web https://github.com/, lacual nos permite tener un control de los cambios realizados en nuestros
repositorios
Creando un repositorio de prueba, sincronizada con cuneta online
https://github.com/https://github.com/https://github.com/https://github.com/
8/19/2019 Actavidad 1 Diseño Web
13/14
CONCLUSIONES
La estructura del curso, permite tener una visión amplia de los objetivos del
mismo, con apoyo constante de profesionales y herramientas tecnológicas, la
fundamentación, la organización y enfoque es de vital importancia, para que elestudiante pueda llevar a feliz término su proyecto de vida, aspectos que la
Universidad a través de su curso de Diseño de Sitios Web, logra abarcar de
manera muy asertiva, llenando de autoconocimiento, emprendimiento, y
seguridad el trabajo con la comunidad.
8/19/2019 Actavidad 1 Diseño Web
14/14
REFERENCIAS BIBLIOGRÁFICAS
Cristalab.com. (15 de septiembre de 2004). Diseño web, fundamentos básicos.Recuperado de:http://www.cristalab.com/tutoriales/diseno-web-fundamentos-basicos-c63l/
Apuntesalmargen.com.
(14 de febrero de 2013). Fundamentos del diseño web actual. Recuperado de:http://apuntesalmargen.com/rwd.htmlVideos2Brain. (18 de marzo de 2014). Qué es el Responsive Design.Recuperado de:https://www.video2brain.com/mx/play-free-lessons-1135.htm
Martínez, Josafat. (13 de enero de 2013). Metodologías Para el Desarrollo de Aplicaciones Web. Presentación Diapositivas.Recuperado de:
http://www.slideshare.net/JosafatMtz/metodologias-para-el-desarrollo-de-aplicacones-web
Jesus Conde, GitHub. Crear un Completo sistema de control de versiones enminutosRecuperado de:https://www.youtube.com/watch?v=W6yQQPVhR80
https://www.video2brain.com/mx/play-free-lessons-1135.htmhttp://www.slideshare.net/JosafatMtz/metodologias-para-el-desarrollo-de-aplicacones-webhttp://www.slideshare.net/JosafatMtz/metodologias-para-el-desarrollo-de-aplicacones-webhttp://www.slideshare.net/JosafatMtz/metodologias-para-el-desarrollo-de-aplicacones-webhttp://www.slideshare.net/JosafatMtz/metodologias-para-el-desarrollo-de-aplicacones-webhttps://www.video2brain.com/mx/play-free-lessons-1135.htmTop Related