Taller #1 - Entrega Juilo 24 de 2017

En esta sección se resolverán dudas relacionadas con la creación de aplicaciones híbridas, haciendo énfasis en temas relacionados con Javascript y frameworks de Javascript como Angular y Jquery.

Moderator: julianmartinez16

User avatar
xacarana
Site Admin
Posts: 1028
Joined: Fri Jan 15, 2016 6:13 pm

Taller #1 - Entrega Juilo 24 de 2017

Post by xacarana » Mon Jul 17, 2017 8:37 am

Temas de la clase de hoy:
  • Creación de wireframes manuales (Entrega fisica - hojas reciclables) 15%
  • Introducción al html y css (leer)
  • Crear una cuenta gratuita en un servidor de hosting, también se puede usar una VPN, cuenta de azure, comprar un dominio y hosting, etc. 5%
  • Configuración de filezilla para subir la tarea al servidor 5%
  • Publicar el enlace al dominio de cada estudiante con la tarea en este post, se revisa la próxima clase. 40%
  • Publicar fotos de los wireframes en este post 10%
  • Usar boilerplate en el ejercicio 5%
  • Uso correcto de selectores 10%
  • Uso de imágenes y botones con hover 10%
Las imágenes deben poder verse en el foro, revisar el siguiente enlace para saber como publicarlas correctamente
Explicación publicación de imágenes

Próximos temas:
  • Realizar el curso y los ejercicios de niveles publicados aquí
  • Recomiendo este curso complementario, para la primera parte de la materia
  • Y para los estilos bootstrap
Ejercicio de clase

Código CSS

Code: Select all

.boton{
	display: inline-block;
	width: 70px;
	height: 40px;
	background-color: orange;
	cursor: pointer;
	border-radius: 20px;
	line-height: 39px;
	text-align: center;
	padding-left: 9px;
	padding-right: 9px;
}
.boton:hover{
	background-color:green;
}
#splash{
	border: 1px solid black;
	width: 200px;
	height: 600px;
}
Código html

Code: Select all

<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="stylesheet" href="css/bootstrap.min.css">        
        <link rel="stylesheet" href="css/bootstrap-theme.min.css">
        <link rel="stylesheet" href="css/main.css">

        <script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <!-- Mi html acá -->
        <section id="splash">
            <div class="boton">Home</div>
            <div class="boton">Sucursales</div>
            <div class="boton">Contacto</div>
        </section>

        <!-- fin de mi html -->

        <script src="js/vendor/jquery-1.11.2.min.js"></script>
        <script src="js/vendor/bootstrap.min.js"></script>
        <script src="js/main.js"></script>
    </body>
</html>


Andrés Bedoya Tobón
Profesor
"I only smile in the dark, I only smile when it's complicated" Raybiez

User avatar
Esteban Cardona
Posts: 21
Joined: Mon Jul 17, 2017 8:33 am

Re: Taller #1 - Entrega Juilo 24 de 2017

Post by Esteban Cardona » Wed Jul 19, 2017 11:32 pm

Esteban Cardona Álvarez
151725

Wireframe

Image

Wireframe Digital

Index
Image

About
Image

Post
Image

Gallery
Image

Contact
Image

Menú Desplegado
Image

Filezilla
Image

Web
http://astrolog.comli.com
Last edited by Esteban Cardona on Mon Jul 24, 2017 10:42 pm, edited 5 times in total.
Esteban Cardona Álvarez
Gestión de la Calidad

User avatar
Alejandro Villa
Posts: 35
Joined: Mon Jul 17, 2017 8:30 am

Re: Taller #1 - Entrega Juilo 24 de 2017

Post by Alejandro Villa » Thu Jul 20, 2017 3:14 pm

Wireframe: Image


File Zilla: Image


Página web: https://appmovilesavcupb.000webhostapp.com/

WF digital Index:
Image

WF digital Producto:
Image

WF digital Camiseta:
Image

WF digital Figura:
Image

WF digital accesorio:
Image

WF digital Contacto:
Image

WF digital Celular:
Image
Last edited by Alejandro Villa on Mon Jul 24, 2017 6:41 pm, edited 2 times in total.
Alejandro Villa Cárdenas
Gestión de la calidad del Software
"Forward Always"

User avatar
juanpablogg
Posts: 59
Joined: Mon Jul 17, 2017 8:30 am

Re: Taller #1 - Entrega Juilo 24 de 2017

Post by juanpablogg » Fri Jul 21, 2017 11:59 am

Juan Pablo Giraldo Gómez

Wireframes Manuales:
Inicio:
Image
Login:
Image
Registro:
Image
Menu Principal:
Image
Reservar:
Image
Ver Reservas :
Image
EliminarReservas:
Image

Wireframes Digitales:
Inicio:
Image
Login:
Image
Registro:
Image
Menu Principal :
Image
Reservar:
Image
Ver Reservas:
Image
Eliminar Reservas:
Image


Pagina web: http://paseandog.atwebpages.com/
Last edited by juanpablogg on Mon Jul 24, 2017 3:31 pm, edited 2 times in total.

User avatar
JuanG
Posts: 24
Joined: Mon Jan 23, 2017 12:14 pm

Re: Taller #1 - Entrega Juilo 24 de 2017

Post by JuanG » Sat Jul 22, 2017 1:39 pm

Wireframes manuales

Image

Image

Wireframes digitales

Image

Image

Image

Image

Image

Pagina web

http://mercafeliz.azurewebsites.net/
Last edited by JuanG on Mon Jul 24, 2017 9:35 am, edited 1 time in total.

User avatar
santiagolg
Posts: 38
Joined: Mon Jul 17, 2017 8:31 am

Re: Taller #1 - Entrega Juilo 24 de 2017

Post by santiagolg » Sun Jul 23, 2017 5:15 pm

Santiago Londoño Guzmán

Wireframes:
Login
Image
Registro
Image
Calendario
Image
Cursos
Image
Inicio
Image

Wireframes virtuales:
Login
Image
Registro
Image
Calendario
Image
Cursos
Image
Inicio
Image

Pagina web:
https://templobelen.000webhostapp.com/
Last edited by santiagolg on Mon Jul 24, 2017 3:08 pm, edited 2 times in total.

User avatar
juandm
Posts: 32
Joined: Mon Jul 17, 2017 8:33 am

Re: Taller #1 - Entrega Juilo 24 de 2017

Post by juandm » Sun Jul 23, 2017 9:11 pm

Juan David Madrid Osorio

Wireframes manuales:
Image

Wireframes digitales:
Image
Image
Image
Image
Image

Filezilla
Image

Página Web
https://clsaude.000webhostapp.com/
Last edited by juandm on Mon Jul 24, 2017 10:41 am, edited 2 times in total.

User avatar
santiagouribe27
Posts: 35
Joined: Mon Jul 17, 2017 8:36 am

Re: Taller #1 - Entrega Juilo 24 de 2017

Post by santiagouribe27 » Sun Jul 23, 2017 9:36 pm

Santiago Uribe Velaquez

Wireframes
Image

Image

Wireframes Digitales
Image

Image

Image

Pagina web
http://sharksbiscuit.com/SharksBiscuit/index.html
Last edited by santiagouribe27 on Mon Jul 24, 2017 10:14 am, edited 1 time in total.
Santiago Uribe Velasquez
Gestion de la calidad de software

User avatar
octaviofeb21
Posts: 32
Joined: Mon Jul 17, 2017 8:38 am

Re: Taller #1 - Entrega Juilo 24 de 2017

Post by octaviofeb21 » Sun Jul 23, 2017 10:39 pm

Octavio Vélez Gaviria

Wireframes:
Image

Wireframes digitales:
Image
Image
Image

Filezilla:
Image

Pagina web:
http://chefmaster.atwebpages.com/index.html
Last edited by octaviofeb21 on Sun Jul 30, 2017 3:16 pm, edited 4 times in total.

User avatar
alvarezrozo
Posts: 16
Joined: Mon Jul 17, 2017 8:31 am

Re: Taller #1 - Entrega Juilo 24 de 2017

Post by alvarezrozo » Sun Jul 23, 2017 10:50 pm

Santiago alvarez rozo

Wireframes manuales:

Image

Wireframes digitales:

Image

Web: http://promcafe.epizy.com/index.html
Last edited by alvarezrozo on Mon Jul 24, 2017 12:11 pm, edited 8 times in total.

Post Reply