djeric, k_millio Exposition Graphique : cisoun, WinTrust, 1 utilisateur anonyme et 68 utilisateurs inconnus

 Mot :   Pseudo :  
 
 Page :  1  2  3
Page Précédente 
Auteur
 Sujet :

Création d'un Portfolio

 
n°2914
dstcs
Profil : Penguin
Avatar
profil
Posté le 20-08-2009 à 19:31:51  
 

Bonjour à tous,  
 
Je ne sais pas si je suis dans la bonne catégorie si oui je m'en excuse.
 
Voilà je débute dans le graphisme, et on m'a dis que pour se faire embaucher, il est conseillé d'avoir un PORTFOLIO pour montrer ses créations hélas je ne sais pas comment faire pour en créer un.
 
Pouvez-vous m'aider ?
 
Merci d'avance
dsT

answer
mood
GoogleAds
profil
Posté le 20-08-2009 à 19:31:51  
 

answer
n°2915
troyenne
troyennestudio.free.fr
Profil : Penguin Pro
Avatar
profil
Posté le 20-08-2009 à 22:13:52  
 

Eh bien tu pourrais commencer par apprendre le graphisme pour ensuite toi même faire ton portfolio ainsi il sera personnel et reflétera tes compétences. Je te conseille aussi d'apprendre le HTML et le CSS, ça devient de plus en plus demandé, ainsi que le JS.

answer
n°2916
dstcs
Profil : Penguin
Avatar
profil
Posté le 20-08-2009 à 22:19:40  
 

D'accord mais comment créer la base pour avoir accès au FTP pour par la suite le modifier personellement

answer
n°2917
cerium
1+1 = 42
Profil : Penguin Pro
Avatar
profil
Posté le 20-08-2009 à 22:47:24  
 

Si t'apprends pas le html/css t'aura rien à mettre sur le ftp, t'auras besoin d'un espace sur le web quand ton portfolio sera développé pas avant.


Message édité par cerium le 20-08-2009 à 22:47:37

---------------
twitter.com/Ipsudum
answer
n°2918
dstcs
Profil : Penguin
Avatar
profil
Posté le 20-08-2009 à 23:44:36  
 

Je souhaite tu vois d'abord faire un truc basic car je suis amateur encore et mettre mes créations. Par la suite je le changerais mais peux tu me donner soit des astuces soit me guider pour la création du portfolio.
Merci d'avance
dsT

answer
n°2919
kadiks
Profil : Penguin
Avatar
profil
Posté le 21-08-2009 à 01:41:52  
 

C'est plein de bonnes intentions tout ca.
 
Mais tu sais qu'avant de mettre quoi que ce soit sur un FTP, il te faut un fichier HTML a uploader.
Et dans ce meme fichier HTML il te faut des images a afficher. Pour faire simple, commence a faire une maquette de ton site.
 
Je pourrais pas plus t'aider que ca:
1- Prepare une maquette avec papier-crayon avec la position de ta banniere, de ton menu et de tes creations.
2- Ensuite numerise le tout sous Photoshop, Gimp ou autre.
3- Tu reviens sur le forum (partie Exposition Graphique) et tu nous montres ca, et apres tu auras de quoi commencer a coder (et on aura des elements concrets pour te dire par ou commencer).
 
Toutefois, si tu as des questions sur les technologies que tu comptes utiliser : HTML, CSS, JavaScript, PHP, Flash et autres. Pose les ici, mais encore une fois, il faut que tu nous dises quelque chose de concret pour qu'on te donne une reponse precise.
 
Au mieux, regarde des sites existants que tu aimes et dont tu peux prendre le schema general.

answer
n°2920
dstcs
Profil : Penguin
Avatar
profil
Posté le 21-08-2009 à 02:00:24  
 

Je vais faire une maquette mais je suis occupé demain je la posterai vers 22heures.
 
Sur ce bonne nuit  :zzz:  ou a+  :great:  
dsT
 
 
EDIT : désolé ça sera pour demain ^^


Message édité par dstcs le 21-08-2009 à 23:39:45
answer
n°2926
dstcs
Profil : Penguin
Avatar
profil
Posté le 23-08-2009 à 00:44:10  
 

Je te donne ça demain à coup sûr.
 
EDIT : désolé j'avais oublié la fonction éditer.


Message édité par dstcs le 23-08-2009 à 00:45:46
answer
n°2927
Tenkan
http://www.tenkan05.fr
Profil : Top Penguin
Avatar
profil
Posté le 23-08-2009 à 01:13:21  
 

Ensuite, il faut que tu trouve un hébergeur, il en existe des gratuit avec pub (pas très beau), des gratuit sans pub (de plus en plus rare), ou des payant (à mon avis c'est le mieux pour avoir un service de qualité).
De nos jours, les hébergeur gratuit ont du mal de survivre financièrement, et les administrateurs sont souvent bénévoles, donc tu peux pas trop te plaindre si ça marche pas. :)
J'ai été longtemps chez hostarea avec un nom de domaine chez azote, mais mon site était plus souvent hors-service qu'en service à cause de hostarea, donc maintenant je suis chez ovh depuis 3 mois, et pour 13€ par an j'ai l'hébergement+nom de domaine (c'est correct je trouve, je m'attendais à plus cher).

 

Pour l'instant, j'ai pas encore eu de problème, donc je peux pas dire si la hotline fonctionne bien. ;)


Message édité par Tenkan le 23-08-2009 à 01:15:54

---------------
http://www.tenkan05.fr
answer
n°2928
Mohamed BS
C'est pas moi c'est lui !
Profil : New Penguin
Avatar
profil
Posté le 23-08-2009 à 21:02:36  
 

Salut,
 
Et bien tu as de la chance je me suis inscrit au bon moment, je suis justement en train de créer mon port folio et je vais te donner quelques conseils car tu as eu une excellente idée !
 
Si tu es jeune (comme moi ;) tu n'auras évidemment pas suffisamment de créations pour les exposer. Seulement le fait de commencer à créer un joli site t'encouragera à le remplir petit à petit. En gros n'imagine pas terminer ton book (ton portfolio) en 1 semaine : il te faudra peut-être un an ou plus.
Tu peux jeter un oeil sur celui que je suis en train de créer en restant discret car il n'est pas du tout terminé : http://www.mbs-creation.com/cv.php  
 
----------
 
Je vais te donner en vrac les étapes à respecter pour créer un portfolio :
 
1. Sujet : Trouver le sujet et le nom de ton site (généralement on utilise son nom de famille, prénom ou un mot qui désigne le type de portfolio (design, art, photo, graphisme, etc...) --> essaye juste de ne pas trouver un nom trop complexe du genre mikalebeaugosse_78-minoucreation car ton adresse url ressemblera à ça www. mikalebeaugosse_78-minoucreation.com  
 
2. Contenu : Ensuite tu définis le contenu de tes pages sur Word (le contenu des menus, les textes, le copyright, etc...). Pas de faute d'orthographe !!!! Si tu prévois de diffuser des logos, des animations ou des dessins, et bien prépare les pages même si tu n'as encore rien créé. Il faut tout prévoir.
 
3. Maquette graphique : Une fois l'arborescence de ton site bien en tête (les liens et sous-liens), tu peux passer à l'étape de création de la maquette. Bah là c'est du graphisme : tu créer une bannière, un menu, un corps et un pied de page.  Je te suggère de te rendre sur le site du zer0, la référence si tu veux apprendre à coder. Je dirais que ce site est complémentaire à CrystalXP car il développe surtout le côté « langages » de programmation.  
Pour créer une maquette graphique tu DEVRAS t’inspirer de ce qu’il se passe ailleurs. Fais un tour de ce qui existe déjà sur la toile, les portfolios de grands designers, et trouve en un qui fera jaillir ton inspiration (NE SURTOUT PAS COPIER BÊTEMENT !!!). Tous les professionnels s’inspirent de la concurrence.  
Il te faudra dans cette étape créer entièrement  ton site sous forme d’image.  
 
4. Intégration : cette étape requière de ta part un apprentissage du html/CSS. Pas besoin de plus pour un portfolio sauf si tu souhaites mettre en valeur tes compétences de programmeur. Cette page du site du zer0 te sera très utile : http://www.siteduzero.com/tutoriel [...] e-web.html  
 
5. Mise en ligne par FTP : Pour ce qui est de la mise en ligne, elle n’est pas compliquée, mais reste une étape secondaire.  Voici la marche à suivre : http://www.siteduzero.com/tutoriel [...] e-web.html  
N'hésite pas à payer un serveur et un nom de domaine, tu en auras pour 10/15 € pas plus. Ainsi tu pourras avoir une adresse e-mail de type nom.prenom@domaine.com <--- ce qui fait très professionnel.  
 
----------
 
Et voilà, logiquement tu devrais y arriver avec de la motivation et du travail. Sache juste qu’un portfolio est consulté principalement par tes futurs recruteurs et non par les potes. Il ne te pardonnera pas la moindre faute alors fais-toi corriger par les membres de CristalXP avant sa mise en ligne.  
Ne cherche pas à créer un site qui ressemble à CrystalXP, un portfolio est un CV, soit bref, très créatif, et propre. Ne créer pas 1000 pages, ton menu de doit pas contenir 20 liens et ton contenu ne doit pas descendre à des kilomètres de scrolling.  
 
N’oublie pas une chose : un portfolio est PERSONNEL, donc qu’il soit fait en Flash, html, PHP ou n’importe, tu dois l’avoir fait toi-même. Tu ne seras pas puni pour ton originalité, alors laisse-toi aller.  
 
A+

answer
n°2929
dstcs
Profil : Penguin
Avatar
profil
Posté le 24-08-2009 à 14:25:44  
 

1. Sujet : Je mettrais  :  www.navid-design.fr
2. Contenu : Je voudrais un cadre avec un contenu de 9 images miniature défilant grâce à un bouton 9 par 9 et que je clique sur une image celle ci s'aggrandisse.
3. Maquette graphique :
Je l'est fait à voir ci-dessous.
4. Intégration : Je ne sais pas très bien coder. Si je le fait le rendu sera pas beau du tout ^^.
5. Mise en ligne par FTP : Je vais voir ça par la suite mais j'en connais quelques uns.
 
 
http://img299.imageshack.us/i/pageu.jpg/
 
 
 
je voudrais si possible qu'il y est :  
 
 
Une intro avec une très courte animation où il y a écrit navid Design suivi d'un bouton "entrez" :  
 
 
http://img26.imageshack.us/i/introz.png/
 
 
Mon logo :  
 
 
http://img252.imageshack.us/i/logofinal.png/
 
 
Maquette graphique :
 
 
http://img151.imageshack.us/i/indexb.png/
 
 
Merci d'avance pour vos avis
dsT


Message édité par dstcs le 24-08-2009 à 14:31:14
answer
n°2930
Mohamed BS
C'est pas moi c'est lui !
Profil : New Penguin
Avatar
profil
Posté le 24-08-2009 à 18:58:44  
 

Salut,
 
J'aime beaucoup cet effet : se rapporte t-il à un tuto du site Crystal XP ?  
http://img252.imageshack.us/img252/2655/logofinal.png

Citation :

2. Contenu : Je voudrais un cadre avec un contenu de 9 images miniature défilant grâce à un bouton 9 par 9 et que je clique sur une image celle ci s'aggrandisse.


Pour cela tu peux utiliser Flash ou Javascripts. Tu as les diaporamas de type carrousel qui utilisent les scripts JQUERY, mais il te faudra un minimum de connaissance pour l'intégrer dans ta page.  
 
Ensuite c'est une remarque personnel, je trouve ton template (maquette graphique) un peu trop grand. Tu devrais utiliser une résolution de 72 dpi car c'est prévu pour le web (300 mini pour l'impression).
Ensuite malgré sa taille conséquente, la netteté n'est pas au rendez-vous. Je ne sais pas si tu as loupé une étape car j'ignore comment tu as créé ta maquette. Il n'y a pas un tuto ici qui pourrait t'aider ?

answer
n°2931
dstcs
Profil : Penguin
Avatar
profil
Posté le 24-08-2009 à 21:44:25  
 

Aurais-tu un lien pour les trucs du diaporama ?
 
Pour ceux qui est logo j'ai fait la demande sur le logo et j'ai couper pour le mettre en transparent et j'ai mis un effet néon : http://www.crystalxp.net/forum/fr/ [...] htm#t78738  
 
Merci d'avance

answer
n°2932
cerium
1+1 = 42
Profil : Penguin Pro
Avatar
profil
Posté le 24-08-2009 à 22:39:45  
 

Pour les diaporama http://planetozh.com/projects/lightbox-clones/ (il n'y a pas plus complet comme liste à ma connaissance)
 
@Mohamed BS : pas forcément jQuery ;)


---------------
twitter.com/Ipsudum
answer
n°2933
dstcs
Profil : Penguin
Avatar
profil
Posté le 24-08-2009 à 23:13:22  
 

Merci pour le lien hélas je ne comprend pas tous ce qui es écrit en anglais donc je n'arrive pas à les différencier.
Que faire ? Les quels me conseillez vous ?

answer
n°2934
Mohamed BS
C'est pas moi c'est lui !
Profil : New Penguin
Avatar
profil
Posté le 25-08-2009 à 00:09:20  
 

Ne t'inquiète pas, moi non plus je ne comprend rien xD
 
En fait c'est pas mal, regarde celui-ci, il vient du lien de cerium : http://www.huddletogether.com/projects/lightbox2/
 
Ca reste du JQuery, mais bon je suis tombé amoureux de ces scripts alors...  
Pour l'installer sur ton site tu dois déjà avoir un site :D

answer
n°2935
cerium
1+1 = 42
Profil : Penguin Pro
Avatar
profil
Posté le 25-08-2009 à 11:17:11  
 

Citation :

Ca reste du JQuery, mais bon je suis tombé amoureux de ces scripts alors...  


Non prototype + scriptaculous.
 
Le javascript n'est pas jQuery.


---------------
twitter.com/Ipsudum
answer
n°2936
dstcs
Profil : Penguin
Avatar
profil
Posté le 25-08-2009 à 14:46:38  
 

Je ne comprend pas ce que vous dites amis je vais commencer à coder grace à ce lien : http://grafikart.fr/tutoriels/categorie/xhtml-css
 
Ce lien pourra en aider surement plusieurs !

answer
n°2937
troyenne
troyennestudio.free.fr
Profil : Penguin Pro
Avatar
profil
Posté le 25-08-2009 à 18:42:46  
 

je déconseille fortement le flash, vaut mieux utiliser du JS ;)

 

(jQuery est une librairie JavaScript)


Message édité par troyenne le 25-08-2009 à 18:44:52

---------------
http://localhostr.com/files/085cb5/w8g51i_troyenne01.png
http://localhostr.com/files/1c768d/y1qi42_deviantart01.pnghttp://localhostr.com/files/f592c3/ev2pif_igloo01.png
answer
n°2938
Tenkan
http://www.tenkan05.fr
Profil : Top Penguin
Avatar
profil
Posté le 26-08-2009 à 00:30:48  
 

Pour apprendre : http://www.siteduzero.com/
Pour l'inspiration : http://www.cssleak.com/
Pour résoudre les problèmes : http://www.alsacreations.com/
 
;)


---------------
http://www.tenkan05.fr
answer
n°2939
dstcs
Profil : Penguin
Avatar
profil
Posté le 26-08-2009 à 01:39:40  
 

J'ai mon image de fond, elle s'appelle back.jpg mais quand je veux faire ma page index.html quand je visualise il y a que le texte de la balise <BODY>.
 
 
 
INDEX.HTML
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><!-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Navid Design</title>
<link href="style.css" type="text/css" media="screen"/>
</head>
<body>
dazvaz
</body>
</html>

 
*******************************************************
 
STYLE.CSS
 
body{
  background-image: url(back.jpg);
 }

 
 
Merci d'avance
dsT

answer
n°2940
kadiks
Profil : Penguin
Avatar
profil
Posté le 26-08-2009 à 11:52:52  
 

Selon ton code, ton fichier back.jpg se trouve dans le meme dossier que "style.css".
De meme que l' "index.html".

 

Si c'est le cas, c'est surement ca qui foire.

 

A part ca, je vois rien pour l'instant.


Message édité par kadiks le 26-08-2009 à 11:56:18
answer
n°2941
dstcs
Profil : Penguin
Avatar
profil
Posté le 26-08-2009 à 12:16:56  
 

Oui il est dans le même fichier mais cela ne change rein j'ai essayé de le mettre dans un fichier et remplacer back.jpg par theme/back.jpg :
 
 
SANS RESULTAT
 
quelqu'un d'autre ?

answer
n°2942
Darcia
Profil : New Penguin
Avatar
profil
Posté le 26-08-2009 à 12:44:44  
 

Quelles sont les dimensions de ton image back.jpg ?

answer
n°2943
coker
T : y = f'(a)(x-a) + f(a)
Profil : Top Penguin
Avatar
profil
Posté le 26-08-2009 à 12:50:11  
 

petite organisations possible :
 
racine/css/style.css
racine/index.html
racine/images/back.jpg
 
dans ton code ton code tu mets ainsi :
 

Code :
  1. <link href="./css/style.css" type="text/css" media="screen"/>


 
et dans ton css
 

Code :
  1. body{
  2. background: url(../images/back.jpg);
  3. }


 
"../" signifie le dossier parent donc de css/ tu reviens à racine/ et tu vas dans images/ ;)


---------------
http://img203.imageshack.us/img203/1484/blogathlon64.pnghttp://img202.imageshack.us/img202/1291/deviantarts.pnghttp://img340.imageshack.us/img340/146/twitterz.png
answer
 Page :  1  2  3
Page Précédente 

Aller à :
Ajouter une réponse