Actavidad 1 Diseño Web

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


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


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


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,


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


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


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


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/


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


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.


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/


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.


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

Actavidad 1 Diseño Web

Documents

Transcript of Actavidad 1 Diseño Web