Criterio E: Desarrollo del producto
Enviado por JHON EDER HUARCAYA UNOCC • 27 de Julio de 2021 • Informes • 1.220 Palabras (5 Páginas) • 99 Visitas
Criterio E: Desarrollo del producto
Técnicas complejas utilizadas para satisfacer las necesidades del cliente:
- Manipulación de códigos HTML, para la creación de las páginas o mejorar la funcionalidad
- Manipulación de códigos CSS para personalizar las páginas y mejorar su apariencia
- Manipulación de código Js
Organización del sitio Web (Modelo del documento objeto)
Esto indica de como esta estructurado la pagina web
[pic 1]
[pic 2][pic 3][pic 4][pic 5][pic 6]
[pic 7]
[pic 8][pic 9][pic 10]
[pic 11]
[pic 12][pic 13][pic 14][pic 15][pic 16]
[pic 17][pic 18]
El contenido ha sido colocado en carpetas adecuadas con nombres de carpeta lógicos. Por ejemplo, todas las imágenes originales provistas por Jacqueline están en la carpeta de imágenes.
Las imágenes están todas en una carpeta, lo que las hace fáciles de ubicar. Esto puede cambiar si se incorporan más imágenes, de forma que las carpetas de imagen correspondan a las páginas web.
Las páginas web están todas en la misma carpeta que la página de inicio (index.htm); en un sitio más grande podría ser necesario colocar estas páginas en carpetas distintas para facilitar el mantenimiento.
Estructura y organización de las páginas web
- Manipulación de códigos HTML, para la creación de las páginas o mejorar la funcionalidad
La manipulación de los códigos de HTML es aplicada con la finalidad de dar la estructura de coherencia que tendrá la página web fundidos por partes como:
<head> conocido como el encabezado de la página web
<body> también conocido como el cuerpo de la página web
[pic 19]
[pic 20][pic 21][pic 22][pic 23][pic 24][pic 25][pic 26][pic 27]
Fuente: propia
En esta parte existe la coherencia de códigos html en sentido de que todo código siempre se relaciona con “class” para un mayor identificador, en cuanto a las “#posiciones” son las pequeñas referencias que debe cumplir en la pagina
[pic 28][pic 29][pic 30]
[pic 31]
[pic 32]
[pic 33]
[pic 34][pic 35]
[pic 36][pic 37]
[pic 38]
[pic 39]
[pic 40]
Fuente: propia
En cuanto a esta parte es la misma rutina de seguir trabajando con “class”, como también el uso de “src” que es una referencia que hace para la dirección de la imagen, también la función del “id” es conocida como el identificador único y su propósito es identificar el elemento al vincularlo
[pic 41][pic 42][pic 43]
Fuente: propia
En esta parte el uso de este código ya es definido debido a que fue realmente creado para dar un pequeño formulario, en cuanto a su definición el <inframe> representa un contexto anidado de navegación, es decir, un documento HTML embebido, es decir que sus funciones van ser difíciles de dar modificaciones, por el cual se considera códigos embebido
- Manipulación de códigos CSS para personalizar las páginas y mejorar su apariencia
El sitio Web fue creado con Sublime Text 3.0 y se basa en el uso de un archivo de hojas de estilo en cascada (.css). Este archivo hace que las páginas sean coherentes visualmente. Así cada página tiene exactamente el mismo estilo, es decir, estilo de encabezamiento, tamaño y color del texto, espaciamiento y permite cargar más rápidamente las páginas web ya que cada página contiene menos código.
La hoja de estilo se enlaza de este modo:
<link rel="stylesheet" type="text/css" href="css/estilos.css">
Una única hoja de estilo se puede aplicar a muchas páginas web y afectar a cada una.
[pic 44]
[pic 45][pic 46][pic 47][pic 48][pic 49][pic 50][pic 51][pic 52][pic 53][pic 54][pic 55][pic 56][pic 57][pic 58][pic 59]
Fuente: propia
En cuanto en esta parte el uso de códigos .css son de dar colores, espacios, tipos de letra y en modificaciones de los estilos de las estructuras del código html
[pic 60][pic 61][pic 62][pic 63][pic 64][pic 65][pic 66][pic 67][pic 68][pic 69][pic 70][pic 71][pic 72][pic 73][pic 74][pic 75][pic 76]
...