You are on page 1of 5

Que es www?

WWW son las iniciales que identifican a la expresin inglesa World Wide Web, el
sistema de documentos de hipertexto que se encuentran enlazados entre s y a los
que se accede por medio de Internet. A travs de un software conocido como
navegador, los usuarios pueden visualizar diversos sitios web (los cuales contienen
texto, imgenes, videos y otros contenidos multimedia) y navegar a travs de ellos
mediante los hipervnculos.

#3 Desear para internet vs. para impresin


- A web ten moitas posibilidades, pero tamn dificultades.
- Adaptar o deseo a varios dispositivos.
- O diseo pode ter diferentes apariencias en funcin do navegador que usemos.
- O modo de cor RGB presenta mis gama de cores que o CMYK.
- No deseo para impresin o deseo lineal, dicir, sabemos por onde se
comeza e por onde se remata; na web comezas nun sitio e saltas dun vnculo a
outro.
- O visitante pode chegar a calquera pxina do sitio web desde outro vnculo
externo, as que cada pxina ten que ter facilidade de navegacin para continuar
polo sitio.
- Interactuar (web) vs. mostrar (impresin)
- Narracin lineal vs. conversacin (web)
- Deseo no espazo (impresin) vs. deseo no tempo
- Prioridade usabilidade + contido (web); non s esttica
- Versatilidade edicin vs. estaticidade impresin (non pode cambiar
- Arquivos grandes (impresin) vs. arquivos pequenos
- Mltiples dispositivos (web) vs. nico espazo
- Visualizacin tipografas/ exploraciones

#4 Que engloba o deseo web?


- Deseo visual.
- Deseo de experiencia de usuario
- Programacin/ Xestores de contidos (ex. WordPress)
- Deseo e creacin contidos e estratexias
- Arquitectura da informacin
- Deseo multimedia
- Deseo responsive (adaptacin a diferentes dispositivos)
- Posicionamiento web dos buscadores
- Analtica web

FASE 1: experiencia do usuario


- Cando pensamos en deseo parece que s se trata de que a apariencia ter a
web, pero antes de escoller cores ou fontes hai que saber que obxectivos ten a
web: como ser empregada e como vai navegar o usuario nela. Estas tarefas se
corresponden con estas disciplinas:
- Deseo de interaccin (txD): facre a web fcil de manexar, eficiente e agradable
para navegar por ela.
- Deseo da interfaz do usuario (UI): parecido ao anterior, pero mis enfocado na
organizacin funcional da pxina e nas ferramentas especficas: botn, enlaces,
mens, etc.
- Deseo da experiencia de usuario (UX): visin mis holstica para que a
experiencia do usuario sexa favorable. Basase nas necesidades dos usuarios,
observacins e entrevistas. Inclense nela o deseo visual, interfaz do usuario,
calidade dos contidos, etc. En lia coa marca da empresa e cos obxectivos de
negocio desta.
- Investigacin do usuario: entender necesidades do usuario fundamental para
bo deseo dunha web. Deseo centrado no usuario. Nas primeiras fases do
deseo fanse tests para saber se a pxina usable.
- Creacin de wireframes (esqueleto) onde se ven as partes da web. Cmo est
dividida a pantalla. Non hai decoracin nin deseo grfico.
- Diagrama do sitio: estructura do sitio e como unas pxinas individuais enlazan
con outras.
- Storyboards, etc.

Que a usabilidade?
- Facilidade de uso (user friendly).
- Definicin: grado de eficacia, eficiencia e satisfaccin coa que usuarios
especficos poden lograr obxectivos especficos. A usabilidade componse de
dous tipos de atributos:
o A. atributos cuantificables de forma obxectiva: eficacia ou nmero de erros
cometidos polo usuario durante a realizacin dunha tarea, e eficiencia ou
tempo empleado polo usuario para a consecucin dunha tarea.
o B. atributos cuantificables de forma subxectiva: como a satisfaccin de
uso, medible a travs de entrevistas ao usuario e que ten relacin co
concepto de usabilidade percibida.

FASE 2: deseo visual


- A web un elemento visual, co que tenemos que traballar o deseo grfico da
mesma con logos, grficos, cor, tipografa, maquetacin, etc. Adems, todo isto
ten que estar en consonancia coa marca (consistencia da mensaxe que se quere
transmitir).

FASE 3: desenvolvemento
- Crear o contido een HTML que describan os contido e a sa funcin.
- O estilo das webs crase con CSS.
- Outras linguaxes: JavaScript, PHP, Ruby, Phyton, etc.

Backend vs. Frontend desing


- Deseo Frontend: todo o que ten co deseo da web que vemos no explorador. Ex.
Deseo grfico, produccin de imaxes, deseo da informacin, usabilidade,
HTML, CSS e JavaScript.
- Deseo Backend: todo o que ten que ver co que non vemos que precisa o
servidor para devolvernos a pxina que buscamos (webs dinmicas). Ex. Como
se organiza a informacin no servidor, programacin, bases de datos, CMS,
outras linguaxes como PHP, Ruby, etc.

FASE 4: creacin de contidos e estratexia


- Arquitectura de contidos (information designer ou information architecture):
organiza o contido de forma lxica para que ao navegar se atope a informacin
de xeito claro. Funcionalidade da web.
- Estratexia de contidos (Content strategist): adems de creacin de contidos
acordes coa estratexia da marca, tamn estn as actualizacins, xestin de
contidos a gran escala, etc.

FASE 5: multimedia
- Na web podo incluir audio, vdeo, animacins ou mesmo xogos interactivos.

Caractersticas dunha web esttica


- Realizadas principalmente en HTML/ CSS.
- O texto e a imaxe que vexo estn incrustados dentro do HTML. Dou formato con
CSS (estilo). Ex: CSS Zen Garden
- Son estticas porque o servidor web non recopila pxinas dinmicamente para
devolverllas ao servidor, senn que se devolven directamente. Non hai bases de
datos.
- Son estticas porque o contido non se actualiza con frecuencia, senn que
poden pasar meses desde una actualizacin seguinte.
- O proceso de actualizacin manual.
- Non hai bases de datos, novas constantes, foros, etc.
- Ideais para proxectos pequenos que non precisen cambiar peridicamente o
contido da web: pequenos negocios ou pymes, websites de publicidad,
microsites, portafolios, etc
- O seu deseo e desenvolvemento mis rpido e econmico que una web
dinmica.

Caractersticas de una web dinmica


- Ideas para proyectos de comercio electrnico, pginas de constante
actualizacin, mucha interaccin en fotos, emails, etc

- Su diseo y desarrollo ms caro y complejo.

- Programada o mediante CMS (p. ex. WordPress)

- HTML + CSS (lo que vemos) + PHP (intermediario) + ? (base de datos)

- Todo lo que vemos est realmente en la BD (texto, imgenes, etc)

- Lo que vemos es distinto de lo que se almacena. En las estticas si vemos to lo


que hay.
- Para editar la informacin modificamos a travs de la base de datos, no en Dw (p.
ej.)

Que es CSS?
CSS es un lenguaje de hojas de estilos creado para controlar el aspecto o
presentacin de los documentos electrnicos definidos con HTML y XHTML. CSS es
la mejor forma de separar los contenidos y su presentacin y es imprescindible para
crear pginas web complejas.

Separar la definicin de los contenidos y la definicin de su aspecto presenta


numerosas ventajas, ya que obliga a crear documentos HTML/XHTML bien definidos
y con significado completo (tambin llamados "documentos semnticos"). Adems,
mejora la accesibilidad del documento, reduce la complejidad de su mantenimiento y
permite visualizar el mismo documento en infinidad de dispositivos diferentes.

Al crear una pgina web, se utiliza en primer lugar el lenguaje HTML/XHTML para
marcar los contenidos, es decir, para designar la funcin de cada elemento dentro de
la pgina: prrafo, titular, texto destacado, tabla, lista de elementos, etc.
Una vez creados los contenidos, se utiliza el lenguaje CSS para definir el aspecto de
cada elemento: color, tamao y tipo de letra del texto, separacin horizontal y vertical
entre elementos, posicin de cada elemento dentro de la pgina, etc.

Que es HTML?
HTML es un lenguaje de marcado que se utiliza para el desarrollo de pginas de
Internet. Se trata de la sigla que corresponde a HyperText Markup Language, es
decir, Lenguaje de Marcas de Hipertexto, que podra ser traducido como Lenguaje
de Formato de Documentos para Hipertexto.

Se trata de un formato abierto que surgi a partir de las etiquetas SGML (Standard
Generalized Markup Language). Concepto traducido generalmente como Estndar
de Lenguaje de Marcado Generalizado y que se entiende como un sistema que
permite ordenar y etiquetar diversos documentos dentro de una lista. Este lenguaje es
el que se utiliza para especificar los nombres de las etiquetas que se utilizarn al
ordenar, no existen reglas para dicha organizacin, por eso se dice que es un
sistema de formato abierto.

You might also like