ESCUELA INDUSTRIAL SUPERIOR

“PEDRO DOMINGO MURILLO”

CARRERA : INFORMÁTICA INDUSTRIAL
ASIGNATURA : TEW-200 Tecnología Web I
TEMA LAB5. : CSS3 Y RECURSOS
DOCENTE : Edgar Mendoza F.
INTEGRANTE : CHIPANA QUISPE JHONN JORGE

FECHA : 10/11/2021

CSS3 Y RECURSOS

1. OBJETIVOS
Realizar una página web que pueda acceder a recursos (fuentes, iconos, imágenes)
de internet para su consumo online.
Realizar la aplicación de diversos estilos con CSS3 en una página web.

2. FUNDAMENTO TEÓRICO

BREVE HISTORIA DE CSS

Las hojas de estilos aparecieron poco después que el lenguaje de etiquetas SGML,
alrededor del año 1970. Desde la creación de SGML, se observó la necesidad de definir un
mecanismo que permitiera aplicar de forma consistente diferentes estilos a los documentos
electrónicos.

El gran impulso de los lenguajes de hojas de estilos se produjo con el boom de Internet y el
crecimiento exponencial del lenguaje HTML para la creación de documentos electrónicos.
La guerra de navegadores y la falta de un estándar para la definición de los estilos
dificultaban la creación de documentos con la misma apariencia en diferentes navegadores.

El organismo W3C (World Wide Web Consortium), encargado de crear todos los
estándares relacionados con la web, propuso la creación de un lenguaje de hojas de estilos

1
 específico para el lenguaje HTML y se presentaron nueve propuestas. Las dos propuestas
que se tuvieron en cuenta fueron la CHSS (Cascading HTML Style Sheets) y la SSP
(Stream-based Style Sheet Proposal).

La propuesta CHSS fue realizada por Håkon Wium Lie y SSP fue propuesto por Bert Bos.
Entre finales de 1994 y 1995 Lie y Bos se unieron para definir un nuevo lenguaje que
tomaba lo mejor de cada propuesta y lo llamaron CSS (Cascading Style Sheets).

En 1995, el W3C decidió apostar por el desarrollo y estandarización de CSS y lo añadió a

su grupo de trabajo de HTML. A finales de 1996, el W3C publicó la primera recomendación
oficial, conocida como "CSS nivel 1".

A principios de 1997, el W3C decide separar los trabajos del grupo de HTML en tres
secciones: el grupo de trabajo de HTML, el grupo de trabajo de DOM y el grupo de trabajo
de CSS.

El 12 de Mayo de 1998, el grupo de trabajo de CSS publica su segunda recomendación

oficial, conocida como "CSS nivel 2". La versión de CSS que utilizan todos los navegadores
de hoy en día es CSS 2.1, una revisión de CSS 2 que aún se está elaborando (la última
actualización es del 8 de septiembre de 2009). Al mismo tiempo, la siguiente
recomendación de CSS, conocida como "CSS nivel 3", continúa en desarrollo desde 1998 y
hasta el momento sólo se han publicado borradores.

La adopción de CSS por parte de los navegadores ha requerido un largo periodo de tiempo.
El mismo año que se publicó CSS 1, Microsoft lanzaba su navegador Internet Explorer 3.0,
que disponía de un soporte bastante reducido de CSS. El primer navegador con soporte
completo de CSS 1 fue la versión para Mac de Internet Explorer 5, que se publicó en el año
2000. Por el momento, ningún navegador tiene soporte completo de CSS 2.1

3. MATERIAL, EQUIPOS, HERRAMIENTAS, SOFTWARE UTILIZADO (versiones)

• Visual Code 1.56.2

2
 • Etiquetas html5

• Código CSS 3

• Recursos fuentes https://fonts.google.com/

• Recursos iconos https://fontawesome.com/v5.15/icons?d=gallery&p=2

• Recursos colores paletas https://materialui.co/

• Explorador (Opera)

4. RESULTADOS OBTENIDOS (DESARROLLO DEL LABORATORIO)

5. ANEXOS
RECURSOS PARA DISEÑO WEB
a) Many Pixels
obtén ilustraciones svg en many pixels
Many pixels es un recurso para crear diseños web increíbles debido a que Many
pixels, nos ofrece bastantes ilustraciones svg para usar en nuestros proyectos de
manera gratuita, además que tiene distintos tipos de ilustraciones, Monochromatic,
Isometric, Two Color y Flatline, realmente una excelente alternativa.
3
 b) Undraw
ilustraciones SVG gratis para web
Undraw.co es uno de los recursos más famosos, debido a todas las ilustraciones que
este tiene, pero sobre todo se actualiza cada semana y sus ilustraciones son
totalmente gratis sin derechos de autor, algo bastante genial.
c) Color codes
Generador de colores
HTML Color Codes, es un asombroso recurso para el diseño web, ¿Por qué?
Tenemos bastantes generadores de colores, pero en este generador tú seleccionas
el color de tu preferencia, después puedes elegir entre diversas técnicas de diseño
para crear tu paleta de colores perfecta y en armonía.

d) Google fonts
obtén fuentes gratuitas para tu sitio web
Google fonts, es la librería de fuentes más famosa, sin duda es la mejor herramienta
de diseño web en cuestión de fuentes, porque nos proporciona cientos de fuentes
que podemos usar libremente en nuestro proyecto web, de seguro hay una fuente
adecuada para tu proyecto.
e) Get Waves
generador de waves svg
Getwaves es una herramientas muy genial que nos permitirá generar waves svg y
después integrarlas a nuestro proyecto web para tener lo que se denomina un efecto
wave, una técnica muy moderna y que nos ayudará bastante.
f) SVG Generator
generador de waves svg
SVG Generator Wavy, de igual manera que Get waves, nos permite generar waves
en formato svg, es una herramienta igual de genial que get waves
g) Web gradients
web gradientes, biblioteca de gradientes
Web gradients es una genial herramienta para el diseño web, el cual es una
biblioteca de gradientes ya establecidos, pero que son verdaderamente geniales, tú
puedes seleccionar el que más te guste y te dará el código css o podrás también
descargarlo como png.

4
 h) Ui Gradients
genera gradientes con ui gradients
Ui Gradients, al igual que web gradients, es una enorme biblioteca en la cual nos da
gradientes, con un filtro para encontrar los gradientes o degradados respectivos al
color que hemos seleccionado, al igual que en webgradients, te dará el código css
del gradiente pero este te lo dará con prefijos.

6. CONCLUSIONES Y RECOMENDACIONES

 Tener acceso a internet en la pc para utilizar las páginas de recursos.

7. REFERENCIAS BIBLIOGRÁFICAS
Bibliografía
Blog, A. D. (s.f.). AlexCG Design | Blog. Recuperado el 2021, de
https://alexcgdesign.com/blog/recursos-para-diseno-web-herramientas-para-el-diseno-web-
html-y-css/

Bibliografía

Uniwepsidad. (2006). Uniwebsidad. Recuperado el 2021, de

https://uniwebsidad.com/libros/css/capitulo-1/breve-historia-de-css