SlideShare una empresa de Scribd logo
SITIOS WEB
Israel Peñuela Rojas
Carlos Jair Guazá Caicedo
Roles Importantes
El director creativo: trabaja junto con el
director de cuentas. Ellos suelen recibir los
briefings e intentan pactar una estrategia. El
director creativo no sólo es responsable del
resultado final de la creatividad, también es
responsable de que se aproveche el tiempo y
de saber que las horas dedicadas suponen un
dinero y que producir tal cosa o tal otra,
reporta más o menos beneficios. Todo esto
también forma parte de su trabajo.
Dueño
Proporciona los recursos necesarios para la ejecución de
la página web
PROGRAMADORES
Un programador es aquella persona que escribe, depura
y mantiene el código fuente de un programa informático,
es decir, el conjunto de instrucciones que ejecuta
el hardware de una computadora, para realizar una tarea
determinada.
Un programador o programadora, es la persona que
elabora programas de computadora.
Los programadores también son
denominados desarrolladores de software, aunque
estrictamente forman parte de un equipo de personas de
distintas especialidades (mayormente informáticas), y
siendo que el equipo es propiamente el desarrollador.
La programación es una de las principales disciplinas
dentro de la informática.
LOS COPYWRITERS
El copywriter (CW) es el redactor publicitario quien
escribe los llamados copy o textos publicitarios. En
muchos casos la tarea del texto publicitario va más allá
del texto publicitario y es quien desarrolla la idea o el
concepto que acabarán convirtiéndose en la pieza
creativa publicitaria.
CLASIFICACIONES DE PÁGINAS WEB
SITIOS POR DINAMISMO
•Interactivos: El usuario puede influir sobre el contenido
del sitio que variará en función de cada usuario y de los
objetivos de éste. Normalmente, las páginas se generan
cuando el usuario las solicita, personalizando la
información que se le ofrece.
•Estáticos: Los usuarios no pueden modificar o añadir
nada al sitio, de cuyos contenidos se encargan
exclusivamente sus diseñadores
SITIOS POR APERTURA
•Estructura Abierta: Todos los documentos disponen de su
dirección y los usuarios pueden acceder a cualquier punto del
WebSite.
•Estructura Cerrada: Limita el acceso a unos pocos puntos de
entrada (incluso a uno sólo). Un ejemplo sería un sitio que
requiere un registro previo para entrar, el usuario siempre tendría
que pasar primero por el registro antes de poder acceder al resto
de la página.
•Estructura Semicerrada: A medio camino entre ambas, obliga a
los usuarios a acceder por unos puntos específicos, cómo por
ejemplo sólo la página principal y las páginas de entrada a
las secciones más importantes.
SITIOS POR PROFUNDIDAD
• Basada en el número de
enlaces que hay que pulsar para
llegar al contenido. En general
los usuarios prefieren sitios poco
profundos. Una buena regla a
seguir es que el usuario no tenga
que pulsar más de 3 enlaces
para encontrar lo que busca.
SONY
www.sony.com.co
Ejercicio Sitios Web
Ejercicio Sitios Web
ANATOMIA WEB SONY
• Logo Sony: Se encuentra ubicado en la parte superior izquierda, la cual le permite al usuario visibilizarlo
inmediatamente.
• Menú: Contiene 5 componentes de la cuales desprende algunos sliders gráficos, permitiendo al usuario
familiarizarme de una mejor manera con la experiencia en la búsqueda.
• Buscador: Te brinda las opciones de búsqueda de forma explicita acompañada de un gráfico.
• Contenido: Tiene poco texto explicativo, se apoya de muchas imágenes para que el usuario tenga una
experiencia directa con el producto o servicio que busca.
• Sliders: Esta pagina contiene varios slider, que además por su estructura en html5 le permite mejor acceso al
usuario.
• Flooters: En la parte inferior de la pagina se encuentra el contacto, redes sociales, país en el que se encuentra
visitando la web y el buscador.
Merdecez Benz
https://www.mercedes-benz.com/
Ejercicio Sitios Web
Ejercicio Sitios Web
ANATOMIA WEB MERCEDEZ
BENZ
• Logo Mercedez Benz: Se encuentra ubicado en la parte superior izquierda, dando facilidad al usuario poder
identificarlo.
• Menú: Contiene 7 componentes y cada uno desprende varias categorías, algunas acompañadas de imágenes
de apoyo.
• Buscador: Te brinda las opciones de búsqueda de forma explicita acompañada de un gráfico.
• Contenido: Se concentra en lo visual para que el usuario tenga la experiencia con sus productos, además le
muestra al usuario noticias de experiencias de otras personas con este tipo de productos a través de videos.
• Sliders: Esta pagina contiene un solo espacio de manera central con sliders de los diferentes productos que
manejan.
• Flooters: En la parte inferior de la pagina se encuentra todas las redes sociales que manejan, el idioma de la
pagina, los links de privacidad y derechos de autor, además del link de noticias y la pagina web en otro
idioma.
GRACIAS

Más contenido relacionado

PPTX
Luis palacio
PDF
Word presss
PPTX
PPTX
Páginas web (1)
PPTX
Diseño y maquetación de sitios web.ppt
PPT
Tipos de sitios web
PPTX
Actividad uno web blog
PPT
Tipos de páginas web
Luis palacio
Word presss
Páginas web (1)
Diseño y maquetación de sitios web.ppt
Tipos de sitios web
Actividad uno web blog
Tipos de páginas web

La actualidad más candente (20)

PDF
Elementos básicos de un sitio web
PPTX
Fases para elaborar un sitios web
PPTX
PPTX
Dreamweaver
PDF
Introducción al Diseño web
PPTX
PPTX
Ana yepez caraballo informatica.
PDF
ACTIVIDAD UNO
PPTX
Blog y página web
PPTX
Diseño Web
PPTX
Introducción y características de webnode
PPT
Material 2020 a1_com270_01_133696
PPTX
Tipos de paginas web
PPTX
Diseño pagina web- html
PPTX
Actividad uno
PPTX
Paginas web.
PPTX
Tipos de página web
Elementos básicos de un sitio web
Fases para elaborar un sitios web
Dreamweaver
Introducción al Diseño web
Ana yepez caraballo informatica.
ACTIVIDAD UNO
Blog y página web
Diseño Web
Introducción y características de webnode
Material 2020 a1_com270_01_133696
Tipos de paginas web
Diseño pagina web- html
Actividad uno
Paginas web.
Tipos de página web
Publicidad

Destacado (6)

PDF
Eqipos participantes
PDF
King of the sands Actors
DOC
Displasia del Desarrollo de las Caderas
PDF
King of the sands what they didnt want you to know
PPT
Hipoplasia postaxial de ms is, nov 2010
PDF
Gli EAS
Eqipos participantes
King of the sands Actors
Displasia del Desarrollo de las Caderas
King of the sands what they didnt want you to know
Hipoplasia postaxial de ms is, nov 2010
Gli EAS
Publicidad

Similar a Ejercicio Sitios Web (20)

PPTX
Paginas web
PPTX
Tipos de sitios web
PPTX
Tipos de Sitios Web
PPTX
paginas web
PPTX
Sitios web
PDF
Actividad uno páginas web
PPTX
Presentación evolución de la web sebastian vargas
DOCX
QUE ES UNA PAGINA WEB
DOCX
Primerperiodo
PPTX
Investigacion de paginas_web(2)i
PPTX
Tipos de sitios web
DOCX
Actividad 1
PPTX
Actividad uno
PPTX
Presentación evolución de la web 10-05
PPTX
Tecnologia web
PPTX
Páginas web
PPTX
Actividad uno
PPTX
SITIOS WEB importancia, dedicación y conocimiento
PPTX
Centro educacional perlas de la sierra
PDF
Trabajo de informatica
Paginas web
Tipos de sitios web
Tipos de Sitios Web
paginas web
Sitios web
Actividad uno páginas web
Presentación evolución de la web sebastian vargas
QUE ES UNA PAGINA WEB
Primerperiodo
Investigacion de paginas_web(2)i
Tipos de sitios web
Actividad 1
Actividad uno
Presentación evolución de la web 10-05
Tecnologia web
Páginas web
Actividad uno
SITIOS WEB importancia, dedicación y conocimiento
Centro educacional perlas de la sierra
Trabajo de informatica

Último (20)

PPTX
presentación sobre Programación SQL.pptx
PDF
MU_Gestion_Internacional_Edificacion_Construccion_MBA.pdf
PDF
Libro de Oraciones guia virgen peregrina
PPT
redes.ppt unidad 2 perteneciente a la ing de software
PPTX
PRESENTACION NIA 220 idhsahdjhJKSDHJKSHDJSHDJKHDJHSAJDHJKSAHDJkhjskdhasjdhasj...
PPTX
Informática e inteligencia artificial (2).pptx
PDF
LA INTELIGENCIA ARTIFICAL SU HISTORIA Y EL FUTURO
DOCX
TRABAJO DE ESTRATEGIA MAXIMILIANO ELIZARRARAS.docx
PPTX
jajajajajajajajajajjajajajajjajajajahdegdhwgfedhgfdhdfe
PPTX
PARTE DE UNA PC _ SEIRY.pptx.........................
PDF
ACCESORIOS Y ATAJOS WINDOWS empleados en Windows
PPTX
presentacion_energias_renovables_renovable_.pptx
PDF
.GUIA DE GUIA DE TRABAJO NUEVO TESTAMENTO.pdf
PPTX
Plantilla-Hardware-Informático-oficce.pptx
PDF
[Ebook gratuito] Introducción a la IA Generativa, Instalación y Configuración...
PDF
Webinar Jscrambler & Integrity360 Update
PPTX
Charla 3 - La gestión de servicios de TI.pptx
PDF
aguntenlos femboysssssssssssssssssssssssssssssss
PPTX
Qué es Google Classroom Insertar SlideShare U 6.pptx
PDF
CAPACITACIÓN MIPIG - MODELO INTEGRADO DE PLANEACIÓN Y GESTIÓN
presentación sobre Programación SQL.pptx
MU_Gestion_Internacional_Edificacion_Construccion_MBA.pdf
Libro de Oraciones guia virgen peregrina
redes.ppt unidad 2 perteneciente a la ing de software
PRESENTACION NIA 220 idhsahdjhJKSDHJKSHDJSHDJKHDJHSAJDHJKSAHDJkhjskdhasjdhasj...
Informática e inteligencia artificial (2).pptx
LA INTELIGENCIA ARTIFICAL SU HISTORIA Y EL FUTURO
TRABAJO DE ESTRATEGIA MAXIMILIANO ELIZARRARAS.docx
jajajajajajajajajajjajajajajjajajajahdegdhwgfedhgfdhdfe
PARTE DE UNA PC _ SEIRY.pptx.........................
ACCESORIOS Y ATAJOS WINDOWS empleados en Windows
presentacion_energias_renovables_renovable_.pptx
.GUIA DE GUIA DE TRABAJO NUEVO TESTAMENTO.pdf
Plantilla-Hardware-Informático-oficce.pptx
[Ebook gratuito] Introducción a la IA Generativa, Instalación y Configuración...
Webinar Jscrambler & Integrity360 Update
Charla 3 - La gestión de servicios de TI.pptx
aguntenlos femboysssssssssssssssssssssssssssssss
Qué es Google Classroom Insertar SlideShare U 6.pptx
CAPACITACIÓN MIPIG - MODELO INTEGRADO DE PLANEACIÓN Y GESTIÓN

Ejercicio Sitios Web

  • 1. SITIOS WEB Israel Peñuela Rojas Carlos Jair Guazá Caicedo
  • 2. Roles Importantes El director creativo: trabaja junto con el director de cuentas. Ellos suelen recibir los briefings e intentan pactar una estrategia. El director creativo no sólo es responsable del resultado final de la creatividad, también es responsable de que se aproveche el tiempo y de saber que las horas dedicadas suponen un dinero y que producir tal cosa o tal otra, reporta más o menos beneficios. Todo esto también forma parte de su trabajo.
  • 3. Dueño Proporciona los recursos necesarios para la ejecución de la página web
  • 4. PROGRAMADORES Un programador es aquella persona que escribe, depura y mantiene el código fuente de un programa informático, es decir, el conjunto de instrucciones que ejecuta el hardware de una computadora, para realizar una tarea determinada. Un programador o programadora, es la persona que elabora programas de computadora. Los programadores también son denominados desarrolladores de software, aunque estrictamente forman parte de un equipo de personas de distintas especialidades (mayormente informáticas), y siendo que el equipo es propiamente el desarrollador. La programación es una de las principales disciplinas dentro de la informática.
  • 5. LOS COPYWRITERS El copywriter (CW) es el redactor publicitario quien escribe los llamados copy o textos publicitarios. En muchos casos la tarea del texto publicitario va más allá del texto publicitario y es quien desarrolla la idea o el concepto que acabarán convirtiéndose en la pieza creativa publicitaria.
  • 7. SITIOS POR DINAMISMO •Interactivos: El usuario puede influir sobre el contenido del sitio que variará en función de cada usuario y de los objetivos de éste. Normalmente, las páginas se generan cuando el usuario las solicita, personalizando la información que se le ofrece. •Estáticos: Los usuarios no pueden modificar o añadir nada al sitio, de cuyos contenidos se encargan exclusivamente sus diseñadores
  • 8. SITIOS POR APERTURA •Estructura Abierta: Todos los documentos disponen de su dirección y los usuarios pueden acceder a cualquier punto del WebSite. •Estructura Cerrada: Limita el acceso a unos pocos puntos de entrada (incluso a uno sólo). Un ejemplo sería un sitio que requiere un registro previo para entrar, el usuario siempre tendría que pasar primero por el registro antes de poder acceder al resto de la página. •Estructura Semicerrada: A medio camino entre ambas, obliga a los usuarios a acceder por unos puntos específicos, cómo por ejemplo sólo la página principal y las páginas de entrada a las secciones más importantes.
  • 9. SITIOS POR PROFUNDIDAD • Basada en el número de enlaces que hay que pulsar para llegar al contenido. En general los usuarios prefieren sitios poco profundos. Una buena regla a seguir es que el usuario no tenga que pulsar más de 3 enlaces para encontrar lo que busca.
  • 13. ANATOMIA WEB SONY • Logo Sony: Se encuentra ubicado en la parte superior izquierda, la cual le permite al usuario visibilizarlo inmediatamente. • Menú: Contiene 5 componentes de la cuales desprende algunos sliders gráficos, permitiendo al usuario familiarizarme de una mejor manera con la experiencia en la búsqueda. • Buscador: Te brinda las opciones de búsqueda de forma explicita acompañada de un gráfico. • Contenido: Tiene poco texto explicativo, se apoya de muchas imágenes para que el usuario tenga una experiencia directa con el producto o servicio que busca. • Sliders: Esta pagina contiene varios slider, que además por su estructura en html5 le permite mejor acceso al usuario. • Flooters: En la parte inferior de la pagina se encuentra el contacto, redes sociales, país en el que se encuentra visitando la web y el buscador.
  • 17. ANATOMIA WEB MERCEDEZ BENZ • Logo Mercedez Benz: Se encuentra ubicado en la parte superior izquierda, dando facilidad al usuario poder identificarlo. • Menú: Contiene 7 componentes y cada uno desprende varias categorías, algunas acompañadas de imágenes de apoyo. • Buscador: Te brinda las opciones de búsqueda de forma explicita acompañada de un gráfico. • Contenido: Se concentra en lo visual para que el usuario tenga la experiencia con sus productos, además le muestra al usuario noticias de experiencias de otras personas con este tipo de productos a través de videos. • Sliders: Esta pagina contiene un solo espacio de manera central con sliders de los diferentes productos que manejan. • Flooters: En la parte inferior de la pagina se encuentra todas las redes sociales que manejan, el idioma de la pagina, los links de privacidad y derechos de autor, además del link de noticias y la pagina web en otro idioma.