Giter Site home page Giter Site logo

practica02-mi-sitio-web--css-'s Introduction

1. Crear un repositorio en GitHub con el nombre “Practica02-Mi Sitio Web (CSS)”

1

2. Realizar un commit y push por cada requerimiento de los puntos antes descritos

2

3. Al finalizar la practica se debe validar todas las paginas HTML y hojas de estilos CSS creadas usando el W3C Validator.

Paginas HTML

Pagina index.html 2

Pagina Facebook.html 2

Pagina Instagram.html 2

Pagina LinkedIn.html 2

Pagina Snapchat.html 2

Pagina tumblr.html 2

Pagina twitter.html 2

Pagina usuario.html 2

Pagina youtube.html 2

Pagina whatsapp.html 2

Hojas CSS

2 2 2 2

4. Luego se debe crear el archivo README del repositorio.

5. Generar un informe de los resultados en el formato de prácticas. Debe incluir:

a. El desarrollo de cada uno de los puntos antes descritos, así como las reglas CSS utilizadas para resolver cada punto:

En esta parte del estilo nos permite visualizar el fondo que aparece detrás de todo el loby, a su ves el logotipo de la pagina con los valores establecidos como se observa.

2

En esta parte definimos la forma que el que se visualizara el label y el input

2

Como podemos ver definimos selectores para establecer las imágenes de usuario, correo y telefono

2

Como bien lo dice, en esta parte del estilo realizamos el estilo de navegación y la ponemos de forma horizontal con “display: inline”

2

Establecemos la parte del body para dividirle en dos partes

2

A su vez establecemos la imagen siguiente al texto dicho anteriormente

2

En este estilo establecemos los valores para la visualización de la galería de imágenes

2

En este estilo creamos los parámetros para representar a un listado, podemos observar el ancho y margen que se le da, así mismo utilizamos el display: flex , que es el que nos permite tenerlo en forma horizontal.

2

En este caso utilizamos el mismo estilo definido anteriormente pero en este caso le establecemos los parámetros para todas las imágenes que estén dentro del selector “creadores”

2

Así mismo definimos un estilo para el pie de la página, en este caso haciendo uso del padding tanto arriba como abajo, así mismo el borde que establecemos, y finalmente con un color y alineación del texto dentro del contenedor.

2

También definimos un estilo de texto para las diferentes etiquetas dentro de la pagina

2

6. Se pide organizar por lo menos cuatro archivos css

2

7. Se pide crear un menú horizontal para todas las páginas.

2

8. Se debe incluir la información del GitHub

https://github.com/John-Macao/Practica02-Mi-Sitio-Web--CSS-.git

practica02-mi-sitio-web--css-'s People

Contributors

john-macao avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.