Créez votre portfolio (2) > Creanum
Le fait d'avoir un support trop chargé nuit à l'impact de vos créations. [...] Vous pouvez avoir un aperçu plus complet de ce site à cette adresse. [...] Vous pouvez également, si vous le souhaitez, télécharger le fichier de. [...]
Créez votre portfolio > Creanum
Nous vous proposons de réaliser un modèle de portfolio en Flash. [...] Pour commencer, nous créerons les parties principales de l'interface dans Illustrator, nous passerons le tout sur Flash ou nous développerons le site en AS3. [...] Afin que ce portfolio soit facilement actualisable, la galerie sera basée sur un fichier XML, ce qui vous permettra d'ajouter des travaux sans avoir à ré-ouvrir votre site dans Flash. [...]
Créez votre portfolio > Creanum
Optez pour une couleur de remplissage gris foncée ayant des valeurs pour les paramètres RVB de 26 (pour régler ces paramètres rendez vous dans le menu Fenêtre. [...] Dessinez à nouveau un rectangle. Donnez-lui une taille de 700 pixels de large pour 425 de haut via les paramètres L et H situés en haut de l'interface, sous la barre de menu. [...] 204, V. 204 et B. 204) que vous placerez à environ 65 %au niveau de l'emplacement dans le panneau Dégradé. [...]
Créez votre portfolio (2) > Creanum
Comme je le disais, nous allons dans un premier temps nous aider des règles pour mettre en évidence les différentes parties de notre site, cela nous permettra dans un second temps de dessiner nos éléments graphiques avec aisance grâce au magnétisme. [...] Dans un premier temps, divisez verticalement la surface de ce rectangle en deux parties égales en plaçant une règle horizontale à 400 pixels. [...] N'hésitez pas à créer des genres de petites puces, ou éléments graphiques de façon à scinder vos informations en plusieurs groupes. [...]
Créez votre portfolio (2) > Creanum
Munissez-vous de l'outil rectangle de sélection et sélectionnez le panneau d'information (la partie du site avec votre logo et vos informations). [...] Formidable n'est-ce pas. Maintenant, pressez les touches CTRL + N afin de créer un nouveau document, puis CTRL + V pour coller votre image. [...] Dans la colonne de droite, cliquez sur le menu déroulant tout en haut, il correspond au Paramètre pré- défini, et choisissez PNG-24. [...]
Créez votre portfolio (2) > Creanum
L'attribut background-attachement, quand il a la valeur fixed nous permet de rendre le fond du site immobile, même si l'utilisateur scrolle grâce à une barre de défilement. [...] Pour finir, le fait de mettre une valeur de 0 sur la marge extérieure (margin) et la marge intérieure (padding) nous permet de n'avoir absolument aucun décalage entre le contenu de la balise Body et les bords du navigateur. [...] On formate donc ce bloc avec une largeur de 350 pixels (width), une hauteur de 400 pixels (height), on met sa position en fixed afin que même en cas de scroll le bloc reste dans le champ de vision, on place son z-index sur 2 afin que la div soit au-dessus des autres et pour finir on lui attribue une marge extérieure en haut de 150 pixels pour que le bloc ne soit pas collé en haut du navigateur. [...]
Créez votre portfolio (2) > Creanum
Attention, je n'ai pas l'intention de sortir les grosses brushes ou autres pattern seventies glanées sur google Nous allons continuer dans notre style très sobre. [...] Sélectionnez les quatre calques sur lesquels se trouvent vos rectangles et fusionnez les (clic sur un calque, touche CTRL pressée, clic sur les trois autre calques puis CTRL + E). [...] Appliquez de nouveau un masque sur ce même calque et répétez l'étape précédente, mais cette fois ci afin d'estomper l'autre côté de vos bandes. [...]
Créez votre portfolio (2) > Creanum
Rendez-vous sur Dreamweaver. Sur l'écran d'accueil, dans la colonne Créer, cliquez sur HTML afin de créer une nouvelle page HTML puis enregistrez la dans le même dossier que celui contenant votre dossier img sous le nom index.html. [...] Maintenant, via le menu Fichier. Nouveau, créez un fichier de type CSS (Onglé Page vierge de la colonne de gauche, puis CSS dans la colonne Type de page ). [...] Afin que les class et les id que nous allons paramétrer dans notre fi chier CSS puissent fonctionner dans le fi chier HTML, nous devons lier ces deux pages. [...]
Créez votre portfolio (2) > Creanum
Cela est dû au fait que j'ai 9 images à mettre dans ma div, que chaque image mesure 600 pixels de large, ce qui nous donne une largeur de 5400 pixel. [...] De façon à supprimer toutes les marges des images et pour les aligner à gauche, nous allons paramétrer la balise HTML img comme ceci. [...] Entre les balises. body. et. /body., sautez quelques lignes créez la div des informations en plaçant dans celle-ci votre image comme ceci. [...]
Créez votre portfolio > Creanum
Pour cela, avec votre outil favori, le rectangle, dessinez un rectangle de 700 pixels de large pour une hauteur de 50 pixels. [...] Copier / coller le rectangle noir qui compose le fond de notre menu, réduisez la hauteur à 25 pixels grâce à la case H des paramètres sous la barre de menu. [...] Alignez ce fond de pied de page avec votre fond de site de telle façon que le bas du fond de pied de page soit égal au bas du fond du site. [...]