Calendrier

Février 2012
L M M J V S D
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29        
<< < > >>

 

inspirations

 

Derniers Commentaires

 

Liste d'articles

Liste complète

 

inspirations

 

Vendredi 3 octobre 2008 5 03 /10 /Oct /2008 14:34

Cours du 02 octobre

N.B:
30 octobre brief client
projet après stage, bouclé le 27 janvier

JURY
2 prof graph. et technique
Editorial, ergonomie, graphisme, technique
contenu, éventail de techniques
exemple:
http://www.pianographique.com/
 shockwave pour Director et Flash (télécharger les plug ins)


cahier des charges:
 hébergeur paye par client, nom de domaine mexlink (hebergeur 50e)
Ergonomie, arborescence, charte graphique et identité visuelle adaptées au client
1- sujet
2- but
3- cible
4- objectif et contenu (newsletter, ..)

Arborescence:
sur indsign, illustor
 on évite d'afficher les liens croises, transversaux et vers sommaire
max.: 3 niveaux
site portail, en étoile

Criteres de reussite:
résumé de 06 à 09, graphisme, ergonomique, technique
storyboard, place le contenu en bloque
charte graphique, prototypage sous ps ou ai (2 à 5) et bon de validation
specifier les couleurs, les polices
Prevoir, les mises à jour a facturer des le debut ou solutions CMS
budgetiser en jour et nombre d heure 400 e la journee

navigation verticale hierarchique
prototypage: resolution 1024*768 full flash
large 950*570 flash
max 950 larg
long defini en css
grille de mise en page exemple 4
charte graphique: RVB, 72dpi
1 couleur saturee, 1 couleur brut


Par sashkine
Ecrire un commentaire - Voir les 0 commentaires
Vendredi 3 octobre 2008 5 03 /10 /Oct /2008 14:34

Cours du 03 octobre

Raccourcis clavier et mise à jour des préferences mac
chargement et tests sur des 3 navigateurs
firefox, camino, seamonkey, safari, explorer

modifier les preferences du navigateur
activer:
afficher les pop up
charger les images
moyenne entre 60 et 100 ko pour une page
accessibilité aux non voyants, norme w3c
photos, indexées

Evolutions des langages
javascript: langage de programmation en exterieur de html,
formats normalises pour etre visible, microsoft a désactivé le java
interactivité de l'html limité, le java a permis d'enrichir l'html, au niveau du comportement du navigateur
web 2.0., repose sur le javascript, dans le code html
police microsoft le + utilisé: gorgia, verdana
résolution:96 dpi mac; 72 dpi pc
plug in:  activer et insérer les liens vers les logiciels (premiere, flash, etc..)
wc3: world wide web consortium regroupe des acteurs (mac, pc ..) compétition de formats, xml, xhtml
statistiques de serveurs faussees, bcp de developpeurs, unix, mozilla..

mémoire cache : page se recharge plus rapidement
historique: url (uniforme ressources locator) format qui décrit l'adresse IP
site archive, historique d'évolution des sites: archives.org

safari: active affiche tout les medias pour sauvegarde
FIREFOX: outils information sur la page, médias on recupere des swf flash(shock wave flash)
dmg: format de compression archive, different de zip
perian:  application qui permet de capturer et récupérer de la video, tube tv

web.1.0:
pre année 2000 bulle internet émergeance des strat up
2005-2006: bande passante plus rapide

web.2.0:
blogs, site de réseau, d'echanges,
ajax (asunchronous, javascript, xml)
sunchrone en temps réel, web dynamique via base de donnée php,
asunchron, grâce au javascript on stock les informations, en local, sans faire appel au serveur
xml: web balisage sémantique, html balise la page, supplément d'informations en xml par base de données
bookmarking:  delicious.com créer les marques pages, social bookmarking
Blog + site+ reseau: genere du traffic
Moteur de Blog: cms (content, gestion de contenu, interface, contribute logiciel adobe qui permet de faire la mise a jour au client)
spip, joomla, ...

Par sashkine
Ecrire un commentaire - Voir les 0 commentaires
Vendredi 3 octobre 2008 5 03 /10 /Oct /2008 14:30

Cours du 01 octobre

<pre><b>COURS HTML</b>
HTML
Langage informatique, <i>hyper text markup language</i>
depuis 1989
langage cr&eacute;&eacute; par <b>Tim Berners lee</b>, cr&eacute;ation de <i>"mosaique"</i> premier navigateur
base actualis&eacute;e sur SGML: standard generalized markup language
mettre en lignes des docs scientifiques et de les relier gr&acirc;ce aux liens hypertextes (1965) par<b>Ted Nelson</b> (philosophe)
'Hyper'  : au del&agrave; (grec)
concept des "dreammachines": m&eculte;morisation des livres et contenu relies par des liens
<b>Vannevar Bush</b>, concept en 1935-1945, article: "as we may think", description du pc d'aujourd'hui
Douglas Engelbart, 1968 inventeur de la souris et mise en oeuvre du concept du lien demo sur stanford

Markup: m&eacute;canisme de marquage,
tag: balisage "balises"
balise d'ouverture et de fermeture
sauf exception : retour en ligne
ex: <strong>xxxxx </strong>
sur pc d&eacute;cocher -masquer les extensions,
nouvelles normes xhtml aux formes xml:
- balises en minuscules
- pas de caract&egrave;res sp&eacute;ciaux (chiffres, espace, sauf underscore)
- toujours utiliser l'encodage unicode UTF8

codage des caract&egrave;res sp&eacute;ciaux
pour ins&eacute;rer toujours commencer par  & et finir par ;<br />

è: &egrave;<br />
à: &agrave;<br />
√π: &ugrave;<br />
é: &eacute;<br />
ç: &ccedil;<br />
û: &ucirc;<br />
ï: &iuml; umlout<br />
<: &lt; less than<br />
>: &gt; greater than<br />
espace: &nbsp; <br />
non breaking space:&lt;br /&gt;<br />
euros: &euro;<br />
rechercher caract&egrave;res sp&eacute;ciaux sur google
<br />
retour lignes
 <br />: break <br />
<img />: ins&eacute;rer image <br />
&lt;pre&gt; reproduit la mise en forme suivie de &lt;/pre&gt;
Par sashkine
Ecrire un commentaire - Voir les 0 commentaires
 
Créer un blog gratuit sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus