UTPL
INGENIERÍA EN TECNOLOGÍAS
DE LA INFORMACIÓN
ASIGNATURA:
TECNOLOGÍAS WEB
ACTIVIDAD DE APRENDIZAJE:
IMPLEMENTACIÓN DE UN SITIO WEB
ALUMNO:
Alex Fabricio Narváez Tixe
PERÍODO ACADÉMICO
2022-2023
OBJETIVO DE LA ACTIVIDAD:
El objetivo principal de la actividad es crear y desarrollar un sitio web mediante el
uso de diferentes tecnologías y lenguajes de marcado para la presentación de páginas
web.
Mejoras CSS:
Las propiedades de color pueden tener valores tan simples como una palabra (red o blue
para rojo y azul, por ejemplo), códigos hexadecimales como #33E0FF o valores RGB como
rgb (51, 224, 255).
La propiedad de ancho (width) puede tener un valor de longitud, como píxeles, o un
porcentaje, que le da tamaño al elemento, según la dimensión del contenedor padre.
La propiedad para la familia de fuente (family font) acepta los nombres por escrito de
tipografías amigables con web como Arial, Times New Roman o Courier.
Optimiza la edición
Los sitios web de algunas empresas contienen grandes cantidades de información que
deben ser accesibles a los usuarios. Homologar los estilos de todos los accesos a esta
información puede ser complicado si no se cuenta con una herramienta que facilite el
proceso. CSS permite crear estilos que pueden aplicarse a todas las páginas de un sitio
web. Esto ahorra tiempo y posibilita crear una imagen de la marca a través de tipografías,
colores y recursos visuales.
Promueve la creatividad
El uso de CSS para la construcción de páginas web tiene la ventaja de permitir explotar la
creatividad de los diseñadores de manera rápida e intuitiva. Esto acelera el proceso de
personalización de los sitios, que pueden ser construidos con especificaciones claras o
bien sujetarse a las particularidades de los distintos navegadores.
Al construir una imagen de marca es importante modificar, innovar y proponer soluciones.
CSS simplifica esta tarea para los desarrolladores.
Prioriza la limpieza del código
Una estrategia común, pero poco eficiente, consiste en escribir las instrucciones de un
programa en lenguaje HTML. Esto implica la redacción de una gran cantidad de líneas de
código que se intercalan con el contenido de un sitio web.
Al utilizar CSS puedes separar todo el código relacionado con el estilo de un sitio web del
contenido base de una página, que puede estar en lenguaje HTML. De este modo,
mantienes una limpieza en ambos conjuntos de información y evitarás tener líneas de
código de contenido interfiriendo entre sí.
RESULTADO DE APRENDIZAJE
Como resultado de aprendizaje crearemos y validaremos documentos en
HTML 5
mediante el uso del servicio web denominado “Markup Validation Service”.
DESARROLLO:
Para el desarrollo de la presente actividad se han definido varios parámetros a ser
evaluados como son:
✓ Tema del sitio web
✓ Tecnologías que se han utilizado
✓ Bosquejo general y de las páginas adicionales
✓ Resultados del análisis con el validador de cada una de las páginas
a. Tema del sitio web
El tema que se ha escogido para el desarrollo de la elaboración del sitio web al
cual lo hemos denominado “Sofware Inc.” El mismo Tiene como objetivo
reforzar el conocimiento de un desarrollador de software. Para los cual
presentamos a continuación una estructura:
• Software Inc.
o Inicio
o Tecnologías web
o Tecnologías backEnd
o Formulario
o Contactos y Referencias
b. TECNOLOGÍAS QUE SE HAN UTILIZADO
Las tecnologías que se han utilizado para el desarrollo de sitio web denominado
“Sofware Inc.” Son las siguientes:
• HTML 5
• CSS
• Visual Studio Code
Definición de las tecnologías que se utilizó
o HTML 5 es un estándar que sirve como referencia del software que
conecta con la elaboración de páginas web en sus diferentes versiones,
define una estructura básica y un código (denominado HTML) para la
definición de contenido de una página web, como texto, imágenes,
vídeos, juegos, entre otros…
o CSS son las siglas en inglés para «hojas de estilo en cascada»
(Cascading Style Sheets). Básicamente, es un lenguaje que maneja el
diseño y presentación de las páginas web, es decir, cómo lucen cuando
un usuario las visita. Funciona
junto con el lenguaje HTML que se encarga del contenido
básico de las páginas.
Visual Studio Code es un editor de código fuente desarrollado por
Microsoft para Windows, Linux, macOS y Web.
c. Bosquejo general y de las páginas adicionales
A continuación, vamos a representar el bosquejo general y de las paginas
adicionales como representación de una estructura previa al sitio web que
vamos a desarrollar.
BOSQUEJO GENERAL
Inicio
Index.h
tml
PÁGINAS ADICIONALES
Tecnologías Web
[Link]
Tecnologías BackEnd
[Link]
FORMULARIO
[Link]
CONTACTO
[Link]
d. Resultados del análisis con el validador de cada una de las páginas
Para validar las páginas se ha utilizado el siguiente servicio
web ([Link] ).
Bibliografía
[Link]. (2022). [Link]. Obtenido de [Link]
paso-a- paso-con-html5-css3/
ciudadano2.0. (s.f.). ciudadano2cero. Obtenido de
[Link] crear-una-pagina-web-en-html/
Torres Guarnizo, D. A. (2020). Tecnologías WEB. LOJA-ECUADOR: Ediloja Cía. Ltda.
