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
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/
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

Ejercicio Sitios Web

  • 1.
    SITIOS WEB Israel PeñuelaRojas Carlos Jair Guazá Caicedo
  • 2.
    Roles Importantes El directorcreativo: 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 recursosnecesarios para la ejecución de la página web
  • 4.
    PROGRAMADORES Un programador esaquella 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.
  • 6.
  • 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 •EstructuraAbierta: 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.
  • 10.
  • 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.
  • 14.
  • 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.
  • 18.