Procès de creació i publicació de pàgines web
Obtenir continguts
Text
Imatges
Imatges de contingut
Imatges del disseny: Logo, etc
Creació d’arbre de navegació
Fer un o diversos esbossos (en Illustrator)
Criteris relatius al disseny, maquetació i teoria de la imatge, a tenir en compte:
Legibilidad
Realce
Alineación
Color
El diagrama de Gutenberg
La navaja de Ockham
Los prototipos
La representación icónica
El efecto de superioridad de la imágen
El ciclo de desarrollo
Presentar i aprovar l’estructura i el disseny
Presentar alternatives si no s’aprova
Optimitzar les imatges (en Photoshop o illustrator)
Maquetar (en Dreamweaver)
Crear l’estructura: <table>,<tr>,<td>
Donar atributs als elements html
Insertar el contingut: Text i imatges
Dividir la informació en diferents paràgrafs
Especificar la importància de cada paràgraf (donar format):<h1>,<h2>,<h3>,<p>...
Donar estil: Fer regles CSS
Al contingut
A l’estructura
Crear l’estructura: Insertar <div>
Asignar ID i/o CLASS al <div> (opcional)
Crear regles CSS (opcional)
Si el <div> té més <div> anidats: Insertar nou <div>
Si el <div> té contingut: Insertar contingut (Text i imatges)
Dividir la informació en diferents paràgrafs
Especificar la importància de cada paràgraf (donar format):<h1>,<h2>,<h3>,<p>...
Donar estil: Fer regles CSS
Al contingut
A l’estructura, si no ho hem fet abans (recomanat fer-ho abans)
Procès de creació i publicació de pàgines web
- Obtenir continguts
- Text
- Imatges
- Imatges de contingut
- Imatges del disseny: Logo, etc
- Creació d’arbre de navegació
- Fer un o diversos esbossos (en Illustrator)
- Criteris relatius al disseny, maquetació i
teoria de la imatge, a tenir en compte:
- Legibilidad
- Realce
- Alineación
- Color
- El diagrama de Gutenberg
- La navaja de Ockham
- Los prototipos
- La representación icónica
- El efecto de superioridad de la imágen
- El ciclo de desarrollo
- Criteris relatius al disseny, maquetació i
teoria de la imatge, a tenir en compte:
- Presentar i aprovar l’estructura i el disseny
- Presentar alternatives si no s’aprova
- Optimitzar les imatges (en Photoshop o illustrator)
- Maquetar (en Dreamweaver)
- Crear l’estructura: <table>,<tr>,<td>
- Donar atributs als elements html
- Insertar el contingut: Text i imatges
- Dividir la informació en diferents paràgrafs
- Especificar la importància de cada paràgraf (donar format):<h1>,<h2>,<h3>,<p>...
- Donar estil: Fer regles CSS
- Al contingut
- A l’estructura
- Crear l’estructura: Insertar <div>
- Asignar ID i/o CLASS al <div> (opcional)
- Crear regles CSS (opcional)
- Si el <div> té més <div> anidats: Insertar nou <div>
- Si el <div> té contingut: Insertar contingut (Text i imatges)
- Dividir la informació en diferents paràgrafs
- Especificar la importància de cada paràgraf (donar format):<h1>,<h2>,<h3>,<p>...
- Donar estil: Fer regles CSS
- Al contingut
- A l’estructura, si no ho hem fet abans (recomanat fer-ho abans)
- Crear l’estructura: <table>,<tr>,<td>