# data[].attributes.body
DULCE MARIA PERDOMO LEÓN

DOCENTE: ANDREY MAURICIO

GRADO: 1102JM

AÑO: 2023

# data[].attributes.body
*Ampliar el conocimiento sobre las paginas web
*El uso adecuado de etiquetas (HTML)
*Como se desarrollan
*Su procedencia

# data[].attributes.body
Catalina Rubio

# data[].attributes.body
-Paginas web
-Clasificación
-funcionamiento
-Criterios y diseños
-Lenguaje HTML
-Lenguaje JavaScript
-Editores paina web
-Alojamientos sitios web y transferencias de ficheros

# data[].attributes.body
ESCRIBIENDO HTML
*Código más limpio
*Fácil reutilizar el código
*Necesario usar HTML
*Aprendizaje más difícil
*Más tiempo
*Ej: Komodo Edit, sublime
Text, arachnophilia (Gratuito)

EDITOR WYSIWY6
*Código no es tan limpio
*No se maneja el código
*Aprendizaje es sencillo
*Es relativamente rápido
*Ej: Ddreamweaver, Microsoft Expresión web, kompozer, Nvu (Libres)

# data[].attributes.body
*Un conjunto de documentos enlazados entre si, a los cuales se accede a través de una dirección común.
*Estos documentos son archivos y carpetas que contienen texto, imágenes, botones, iconos, animaciones, hipervínculos, multimedia, gráficos, tablas...
*El navegador se encarga de comunicar con los servidores, descargar las paginas y mostrarlas.

# data[].attributes.body
ESTÁDISTICAS
*No cambian (Siempre el mismo contenido)
*HTML

DINÁMICAS
*Los contenidos y diseño se modifican en función de las peticiones del usuario
*HTML + Lenguajes dinámicos (Java, PHP, JavaScript, ASP. NET)

# data[].attributes.body
1- Administrador en el sitio local
2- Programas de transferencia de ficheros
3- Sitio remoto alojado en el servidor
4- Usuario

# data[].attributes.body
1- OBJETIVO ¿Qué se pretende conseguir con la web?
2- PÚBLICO   ¿A quién se dirige?
3- CONTENIDOS ¿Qué contenidos se quieren mostrar?
4- DIRECTRICES ¿Qué especificaciones se usarán en cuanto a forma organización y estructura?
5- TECNOLOGIA ¿ Con qué medios técnicos se cuenta para realizar?
6- TIEMPO ¿De cuanto tiempo se dispone?
7- PRESUPUESTOS ¿De cuanto dinero se dispone?

# data[].attributes.body
*CONSISTENCIA DE DISEÑO:
-Jerarquía visual clara
-Utilizar las convenciones (Mayoritaria)
-Dividir la página con áreas claramente definidas
-Facilitar el acceso a los  enlaces
-SIMPLIFICAR :  Omitir lo necesario

# data[].attributes.body
*ENCABEZAMIENTO
*MARCA
*TITULAR
*NAVEGACIÓN
*CONTENIDO
*NOTA DE PRE DE PAGINA

DISEÑO
MAQUETACIÓN
-Organizar los espacios y contenidos escritos, visuales y audiovisuales
-Elementos gráficos y tipo gráficos
-Elementos de imagen
-Elementos funcionales

INTERFAZ
-Conjunto comandos y métodos que facilitan la interacción entre usuario y sistema

# data[].attributes.body
Puntos de accesibilidad a contenido en la web (WCAG) referidos  lo navegación a personas con discapacidad

W3C WAI-A         W3C WAI-AA         W3C WAR-AAA
WCAG 1.0             WCAG 1.0                WCAG 1.0

MÁS BÁSICOS
-Utilizar hojas de estilo
-Etiquetas de texto alternativo en elementos visuales
-Transcripción de los ficheros de sonido y descripción videos

ORGANIGRAMA FUNCIONAL DE UNA AGENCIA
DIRECTO
-Coordinar a los distintos equipos
EQUIPO OPERATIVO
-Crear conceptos, copys, diseña y programación
COMUNICACIÓN
-Realizar diseños redactar textos y crear conceptos
SISTEMAS
-Programar sitios web, marling, aplicaciones y landig
EQUIPO COMERCIAL
-Estrategias de ventas prospectos y cierres
VENDERO DE SERVICIOS DE COMUNICACIÓN - VENDEDOR DE SERVICIOS DE SISTEMAS

# data[].attributes.body
Director de tecnología
-Técnico programador
_Técnico de mantenimiento
-Diseñador

DIRECTOR DE RECURSOS
-Técnico de selección

DIRECTOR DE MARKETING
-Técnico de SEO y SEM

DIRECTOR DE OPERACIONES
-Auditor