Escuela de Ciencias Básicas, Tecnología e Ingeniería

301122-67 – DISEÑO DE SITIOS WEB

Unidad 1- Fase 2 - Diseño

Trabajo Presentado Por

JONATHAN MARTINEZ SALINAS

Trabajo Presentado A
NATALIA ANDREA CUERVO

Universidad Nacional Abierta Y A Distancia (UNAD).

Escuela De Ciencias Básicas Tecnología E Ingeniera
Ingeniería De Sistemas
Dosquebradas Risaralda
2020

Fase 2
 OBJETIVO

General

Brindar al usuario información relevante y páginas relacionadas para la construcción en Html5,

Css3, Git y Github

Especifico 1

Generar imágenes donde por medio de un link re direccione al usuario a una página web donde
este la selección hecha por este.

Especifico 2

Mostrar al usuario los temas a seleccionar (Html5, Css3, Git y Github) y al este escoger uno, lo
direccionara a la pantalla de información que haya seleccionado

Fase 2
 CONTENIDO INFORMATIVO DEL OVI POR SECCIONES

2. HTML 5

2.1 Objetivo de la sección: HTML5

Mostrar al usuario desplegar la punta de flecha, este abrirá una pantalla

donde se mostrara información y fotografías sobre HTML5

2.2 Recursos de consulta que usara en la sección:

Imágenes correspondientes a Html5

¿Qué es html5?

https://www.anerbarrena.com/wp-
content/uploads/2013/04/html5-1280x720.png

https://programacion.net/files/article/20160306020314_html5.jp
g
https://www.arkaitzgarro.com/html5/capitulo-1.html

Html5, es la quinta versión de HTML, aun continua en fase de desarrollo

que junto con ccs3, están definiendo los estándares de desarrollo web,
incorpora muchas características nuevas y ofrece el desarrollo de complejas
aplicaciones web.

Fase 2
3. CSS3

3.1 Objetivo de la sección: CSS3

Mostrar al usuario, al desplegar la punta de flecha, el usuario abrirá una

pantalla donde se mostrara información y fotografías sobre ccs3

3.2 Recursos de consulta que usara en la sección:

Imagen

Imagen

Manual de css3

https://www.google.com/url?sa=i&url=https%3A%2F
%2Fwebdesdecero.com%2Fintroduccion-a-
css3%2F&psig=AOvVaw2u31Ew1wdTjHvN2v7EwX48&ust=158323
9939782000&source=images&cd=vfe&ved=0CAIQjRxqFwoTCPjjwd
Hq--cCFQAAAAAdAAAAABAD

https://www.google.com/url?sa=i&url=http%3A%2F
%2Fwww.rafelsanso.com%2Fcss3-para-dispositivos-moviles
%2F&psig=AOvVaw2u31Ew1wdTjHvN2v7EwX48&ust=1583239939
782000&source=images&cd=vfe&ved=0CAIQjRxqFwoTCPjjwdHq--
cCFQAAAAAdAAAAABAJ
https://desarrolloweb.com/manuales/css3.html

El nombre hojas de estilo en cascada viene del inglés Cascading Style

Sheets, es un lenguaje usado para definir la presentación de un documento
escrito en HTML, sirve para definir la estética del sitio web de un
documento externo y externamente podamos cambiar la estética de un sitio
web.

Fase 2
4. GIT

4.1 Objetivo de la sección: GIT

Mostrar al desplegar la punta de flecha, el usuario abrirá una pantalla

donde se mostrara información y fotografías sobre GIT

4.2 Recursos de consulta que usara en la sección:

Imagen

Imagen

Que es git?

https://www.google.com/imgres?imgurl=https%3A%2F
%2Fmiro.medium.com%2Fmax
%2F910%2F1*8xkaNeNQHvWA6OEmjOMavw.jpeg&imgrefurl=http
s%3A%2F%2Fblog.muktek.com%2Fgit-y-github-
627858e07167&tbnid=GfLI9THHdx2W3M&vet=12ahUKEwiJ9tOQ7f
vnAhXHgM4BHUA7CtoQMygAegUIARDfAQ..i&docid=4LBtOAzknawd
wM&w=910&h=910&q=git&ved=2ahUKEwiJ9tOQ7fvnAhXHgM4BHU
A7CtoQMygAegUIARDfAQ

https://www.google.com/imgres?imgurl=https%3A%2F
%2Fmiro.medium.com%2Fmax
%2F650%2F1*zzvdRmHGGXONZpuQ2FeqsQ.png&imgrefurl=https
%3A%2F%2Fmedium.com%2Fjavascript-comunidad%2Finiciando-
con-git-
2cf89439c862&tbnid=eBI3Yn_xHwsuiM&vet=12ahUKEwiJ9tOQ7fvn
AhXHgM4BHUA7CtoQMygFegUIARDpAQ..i&docid=gdhc5FhnRa_B9M
&w=325&h=325&q=git&ved=2ahUKEwiJ9tOQ7fvnAhXHgM4BHUA7
CtoQMygFegUIARDpAQ
https://codigofacilito.com/articulos/que-es-git

Fase 2
Git es un software de control creado por Linus Torvalds para generar un
control de versiones, modificar y actualizar los repositorios que tenemos,
genera un orden y mejor gestión en nuestros códigos.

5. Github

5.1 Objetivo de la sección: Github

Mostrar al usuario, al desplegar la punta de flecha, este abrirá una pantalla

donde se mostrara información y fotografías sobre Github

5.2 Recursos de consulta que usara en la sección:

Imagen

Imagen

Que es y para qué sirve Github

https://www.deustoformacion.com/blog/programacion-diseno-web/que-es-para-que-sirve-
github

https://www.google.com/imgres?imgurl=https%3A%2F
%2Fkinsta.com%2Fes%2Fwp-content%2Fuploads%2Fsites
%2F8%2F2018%2F05%2Fqu%25C3%25A9-es-github-
1.png&imgrefurl=https%3A%2F%2Fkinsta.com%2Fes%2Fbase-
de-conocimiento%2Fque-es-github
%2F&tbnid=tOGRdlSflPbk_M&vet=12ahUKEwiP2_rT7vvnAhUZk6QK
HVm_DnMQMygBegUIARDRAQ..i&docid=ISm0TRW9J0ymlM&w=102
4&h=512&q=que%20es
%20github&ved=2ahUKEwiP2_rT7vvnAhUZk6QKHVm_DnMQMygBe
gUIARDRAQ

https://www.google.com/imgres?imgurl=https%3A%2F
%2Fsteemitimages.com%2F640x0%2Fhttps%3A%2F
%2Ftechnologyconversations.files.wordpress.com
%2F2015%2F10%2Fgithub.png%3Fw%3D625&imgrefurl=https
%3A%2F%2Fsteemit.com%2Fspanish%2F
%40jfuenmayor96%2Fque-es-github-por-que-usarlo-para-
organizar-tu-proyecto&tbnid=Zk2Xc3Et_-B-

Fase 2
8M&vet=12ahUKEwiP2_rT7vvnAhUZk6QKHVm_DnMQMygKegUIARD
lAQ..i&docid=3Xq8YiXK2D6d7M&w=320&h=330&q=que%20es
%20github&ved=2ahUKEwiP2_rT7vvnAhUZk6QKHVm_DnMQMygKe
gUIARDlAQ

Github es una herramienta que nos ayuda en los repositorios, crear varias
versiones de estos para modificar o trabajar en el sin la preocupación de
que nuestro código principal sea modificado o que lleguemos a un punto en
que nuestro código lo queremos regresar al básico en el que empezamos a
trabajar, esta herramienta nos permite mantener a salvo esa información y
crear los clones de repositorios que queramos.

http://framebox.org/AkZAI

Fase 2
Fase 2