Aller au contenu

Change
Photo

Creation d'un site web


  • Veuillez vous connecter pour répondre
51 réponses à ce sujet

#1
jalaxx

jalaxx

    Force spéciale des Geek

  • Membre
  • 10 041 messages
Salut à tous,

Je ne sais pas si c'est le bon endroit pour ce topic, mais en ce moment je suis entrain de créer un site web pour une utilisation personnelle, donc je fais appelle à vos créativité pour m'aider dans le choix du style (disposition des texte, style, couleur d'arrière ou background) j'ai déjà quelques idée mais j'aimerais avoir plus de suggestions (toutes suggestions sont les bienvenue) afin d'arriver à quelques chose de meilleure.

Voilà et merci d'avance.

Edit: j'utilise Dreamweaver pour la création.

Modifié par jalaxx, 03 avril 2012 - 19:08.

  • 0

 

MSI GT603Dmark11: P6463 /  Fire strike: P4257

 

76561198093015032.png

 


#2
Lamborghini

Lamborghini

    Geek diplomé

  • Banni
  • 2 546 messages
  • LocalisationPolynésie Française
Il y a des tutos pour celà sur le net

et google est ton ami :chant:

Modifié par Lamborghini, 03 avril 2012 - 19:15.

  • 0

#3
Jekyll

Jekyll

    Serial Geekeur !

  • Membre
  • 2 097 messages
  • LocalisationLille (59)
Moi sa m'intéresse :) si tu as besoin je suis là :) j'avais moi même commencer a crée un blog/forum que je n'ai pas encore terminer consacré au Desktop gamer ^^

Modifié par Jekkyl, 03 avril 2012 - 19:21.

  • 0

CPU : i5 4570 3.2Ghz | GPU : GTX 960 Zotac AMP! Edition | RAM : 8Go Kingston 1600Mhz

Alim : BeQuiet! 600W 80+ | CM : MSI B85-G43 | SSD : Crutial M550 128Gb

HDD : Segate Baraccuda 1To 7.2k Boitier : Zalman Z9+ U3 | Lecteur : BluRay LG

Souris : Logitech G502 | Clavier : Logitech G910 | Enceinte : Logitech Z506

Casque : Logitech G430 | Tapis : Logitech G440 | Ecran : Samsung S24D390HL

 

By Jekyll.


#4
anonyme1

anonyme1

    NoLife P4G

  • Banni
  • 21 025 messages
Bonjour,
Veux-tu que je déplace ton topic dans "Programmation" ?
  • 0

#5
Strid

Strid

    Geekette géographe

  • Membre
  • 5 374 messages
  • LocalisationJuste là, à côté

Edit: j'utilise Dreamweaver pour la création.

Très bon logiciel, mais je ne maitrise à peu près que les balises Div (c'est bien mieux que les tableaux) donc je ne peux pas vraiment t'aider.
Bon courage en tout cas, tu démarre avec le bon logiciel. ^^

Pour le style je pense que c'est assez personnel, donc fie toi à ce que tu aimes; perso j'adore les fonds assez foncés, mais ça n'est que mon goût. ^^

Petit tuto que j'ai moi-même suivi: http://www.microcodi...e-page-css.html
(bien appuyer sur play en bas)

Modifié par Strid, 03 avril 2012 - 19:34.

  • 0

- MSI GT780R-420FR _ i7-2670QM (2.2GHz - 3.1GHz) _ GTX560M GDDR5 1,5Go _ 8Go DDR3 _ SSD Corsair Force GT 120Go + HDD Seagate Momentus G-Force 7200 trs/min 500Go _ dalle mate full HD_ Keyboard by Steelseries rétro-éclairé.   vendu

Après 4 ans, envie de changement, tu vas me manquer petit MSI  :wub: 

- Nouvelle bestiole: Dell XPS15 9550 (2015) _ I7 6700HQ _ GTX 960M GDDR5 2Go _ 16Go RAM DDR4 _ SSD 512Go PCIE _ écran tactile InfinityEdge 4K

 

- Matos info:  2 écrans Dell U2414H, enceintes Altec Lansing expressionist bass, tablette graphique Wacom Bamboo Pen & Touch

 

LG G2 32Go

 

- Matos photo: Canon Eos 60D. Samyang 8mm. Sigma 18-250mm, Canon 60mm macro et Sigma 150-500mm et Flash Cobra Yongnuo YN-565EX II


#6
jalaxx

jalaxx

    Force spéciale des Geek

  • Membre
  • 10 041 messages
oui stp Oma :) mais est ce qu'il y a des visiteurs la bas ?

@ lamborghini: si c'est pour dire des âneries pareil passe ton chemin.

@strid et jekkyl: merci :)

Modifié par jalaxx, 03 avril 2012 - 19:31.

  • 0

 

MSI GT603Dmark11: P6463 /  Fire strike: P4257

 

76561198093015032.png

 


#7
anonyme1

anonyme1

    NoLife P4G

  • Banni
  • 21 025 messages
Oui,
S'il faut, on déplacera de nouveau :D
  • 0

#8
jalaxx

jalaxx

    Force spéciale des Geek

  • Membre
  • 10 041 messages
ok ça marche. :lol:
  • 0

 

MSI GT603Dmark11: P6463 /  Fire strike: P4257

 

76561198093015032.png

 


#9
Jekyll

Jekyll

    Serial Geekeur !

  • Membre
  • 2 097 messages
  • LocalisationLille (59)
Ton projet est déjà démarré ? ou tu commence seulement a penser a la conception ?
  • 0

CPU : i5 4570 3.2Ghz | GPU : GTX 960 Zotac AMP! Edition | RAM : 8Go Kingston 1600Mhz

Alim : BeQuiet! 600W 80+ | CM : MSI B85-G43 | SSD : Crutial M550 128Gb

HDD : Segate Baraccuda 1To 7.2k Boitier : Zalman Z9+ U3 | Lecteur : BluRay LG

Souris : Logitech G502 | Clavier : Logitech G910 | Enceinte : Logitech Z506

Casque : Logitech G430 | Tapis : Logitech G440 | Ecran : Samsung S24D390HL

 

By Jekyll.


#10
jalaxx

jalaxx

    Force spéciale des Geek

  • Membre
  • 10 041 messages
Pour le contenu j'ai déjà une petite idée, donc il me reste plus qu'à faire la saisie mais j'ai surtout besoin d'aide pour le choix du fond ou la couleur du fond avant de faire une quelconque mise en forme, j'aimerais aussi avoir plus d'avis sur la disposition des texte afin de faire un site assez joli et attractif.

Edit: Par exemple ce modèle là me plait bien: http://www.lauyan.co...3_07/fr/_frame/

Modifié par jalaxx, 03 avril 2012 - 20:00.

  • 0

 

MSI GT603Dmark11: P6463 /  Fire strike: P4257

 

76561198093015032.png

 


#11
Jahz

Jahz

    Space cowboy

  • Membre
  • 3 616 messages
Un design en tableaux ! :o
  • 0

Macbook Pro 15" - i7 2,2 GHz - Radeon HD 6750M - 2x4Gb DDR3
RIG - i7 3770k 3.5GHz - MSI GTX1070 Gaming X - 2x4Gb DDR3


#12
jalaxx

jalaxx

    Force spéciale des Geek

  • Membre
  • 10 041 messages
Ouais c'est une idée pourquoi ?

Edit: ou comme celui ci: http://www.lauyan.co...eme2/fr/_frame/

Modifié par jalaxx, 03 avril 2012 - 20:13.

  • 0

 

MSI GT603Dmark11: P6463 /  Fire strike: P4257

 

76561198093015032.png

 


#13
Jahz

Jahz

    Space cowboy

  • Membre
  • 3 616 messages
Je parlais du code html, ce genre d'intégration c'est proscrit maintenant :yep:
  • 0

Macbook Pro 15" - i7 2,2 GHz - Radeon HD 6750M - 2x4Gb DDR3
RIG - i7 3770k 3.5GHz - MSI GTX1070 Gaming X - 2x4Gb DDR3


#14
jalaxx

jalaxx

    Force spéciale des Geek

  • Membre
  • 10 041 messages
:eyes2: euh j'ai pas bien compris ce que tu veux dire la. :)
  • 0

 

MSI GT603Dmark11: P6463 /  Fire strike: P4257

 

76561198093015032.png

 


#15
Yo Eight

Yo Eight

    Admin du Code

  • Membre
  • 4 218 messages
  • Localisationdans les environs de Paris

Bonjour,
Veux-tu que je déplace ton topic dans "Programmation" ?

"Programmation" est devenu "Développement" il y a 2 mois :)
  • 0
Mon blog: Deikonad - Functional Programming
iMac 27" : Core i7 860 @ 2,8 GHz - ATI 4850M - 8Go @ 1066MHz - 1To @ 7200trs/min
MacBook Pro 15" : Core i7 2635QM @ 2GHz - ATI 6490M - 8Go @ 1333MHz - 500Go @ 5400trs/min
MacBook Pro 13" : Core 2 Duo P8400 @ 2,26GHz - nVidia 9400M - 2Go @ 800MHz - 160Go @ 5400trs/min

#16
anonyme1

anonyme1

    NoLife P4G

  • Banni
  • 21 025 messages
Exact :D
  • 0

#17
Patou

Patou

    Grand Geek

  • Membre
  • 827 messages
  • Localisation67
Le design en tableaux, donc integrer des tableaux dans des tableaux jusqu'a arriver au design voulu, est deconseille, le W3C recommande l'utilisation des balises DIV pour gerer le placement des elements graphiques.
Ca fonctionne surement tres bien cela dit :D
  • 0

Desktop - i7-4790k / GTX 970 / 16Go / 2x256Go SSD + 2To HDD / 24" 1920x1080 Led

Laptop - Asus Transformer Book T300LA-C4004H

Anciens - Alienware M14X r2 / Alienware M11X r2 / Clevo M571RU-U

 

Alien FX géré par les capteurs de votre pc: AlienFx Plus


#18
jalaxx

jalaxx

    Force spéciale des Geek

  • Membre
  • 10 041 messages
Ouais c'est clair que les balises DIV sont largement mieux.
  • 0

 

MSI GT603Dmark11: P6463 /  Fire strike: P4257

 

76561198093015032.png

 


#19
Strid

Strid

    Geekette géographe

  • Membre
  • 5 374 messages
  • LocalisationJuste là, à côté
qu'est ce que je disais... :D
  • 0

- MSI GT780R-420FR _ i7-2670QM (2.2GHz - 3.1GHz) _ GTX560M GDDR5 1,5Go _ 8Go DDR3 _ SSD Corsair Force GT 120Go + HDD Seagate Momentus G-Force 7200 trs/min 500Go _ dalle mate full HD_ Keyboard by Steelseries rétro-éclairé.   vendu

Après 4 ans, envie de changement, tu vas me manquer petit MSI  :wub: 

- Nouvelle bestiole: Dell XPS15 9550 (2015) _ I7 6700HQ _ GTX 960M GDDR5 2Go _ 16Go RAM DDR4 _ SSD 512Go PCIE _ écran tactile InfinityEdge 4K

 

- Matos info:  2 écrans Dell U2414H, enceintes Altec Lansing expressionist bass, tablette graphique Wacom Bamboo Pen & Touch

 

LG G2 32Go

 

- Matos photo: Canon Eos 60D. Samyang 8mm. Sigma 18-250mm, Canon 60mm macro et Sigma 150-500mm et Flash Cobra Yongnuo YN-565EX II


#20
jalaxx

jalaxx

    Force spéciale des Geek

  • Membre
  • 10 041 messages
:D
  • 0

 

MSI GT603Dmark11: P6463 /  Fire strike: P4257

 

76561198093015032.png

 


#21
jalaxx

jalaxx

    Force spéciale des Geek

  • Membre
  • 10 041 messages
Salut,

J'ai commencé à m'entrainer avec dreamweaver, juste en faisant un essai avec n'importe quoi mais là je suis confronté a un petit soucis:
Voici un screen (aperçu) sous DW:
Image IPB

jusque là tout est normal, par contre quand je fais un aperçu sur un navigateur (IE,FF, chrome) bah j'ai ça:
Image IPB

Du coup ce qui est ecrit dans cette partie est illisible à cause du fond noir, portant dans le tutos que j'ai suivi à la lettre le fond est blanc comme celui que j'ai sous DW.
Bref je comprend plus là. :eyes2:
Avez vous une idée ?

Modifié par jalaxx, 08 avril 2012 - 20:47.

  • 0

 

MSI GT603Dmark11: P6463 /  Fire strike: P4257

 

76561198093015032.png

 


#22
Strid

Strid

    Geekette géographe

  • Membre
  • 5 374 messages
  • LocalisationJuste là, à côté
A mon avis il n'est pas blanc, il est transparent.
Même s'il apparait blanc sous DW, essaie de lui attribuer une couleur blanche. ^^ (sauf si c'est déjà fait et dans ce cas je ne vois pas ce qui cloche...)

Modifié par Strid, 08 avril 2012 - 20:56.

  • 0

- MSI GT780R-420FR _ i7-2670QM (2.2GHz - 3.1GHz) _ GTX560M GDDR5 1,5Go _ 8Go DDR3 _ SSD Corsair Force GT 120Go + HDD Seagate Momentus G-Force 7200 trs/min 500Go _ dalle mate full HD_ Keyboard by Steelseries rétro-éclairé.   vendu

Après 4 ans, envie de changement, tu vas me manquer petit MSI  :wub: 

- Nouvelle bestiole: Dell XPS15 9550 (2015) _ I7 6700HQ _ GTX 960M GDDR5 2Go _ 16Go RAM DDR4 _ SSD 512Go PCIE _ écran tactile InfinityEdge 4K

 

- Matos info:  2 écrans Dell U2414H, enceintes Altec Lansing expressionist bass, tablette graphique Wacom Bamboo Pen & Touch

 

LG G2 32Go

 

- Matos photo: Canon Eos 60D. Samyang 8mm. Sigma 18-250mm, Canon 60mm macro et Sigma 150-500mm et Flash Cobra Yongnuo YN-565EX II


#23
jalaxx

jalaxx

    Force spéciale des Geek

  • Membre
  • 10 041 messages
Justement je sais pas ou modifié^^.
J'ai déja modifié dans la section body....rien
en passant par les sous menu: bandeau, gauche, pied...rien
  • 0

 

MSI GT603Dmark11: P6463 /  Fire strike: P4257

 

76561198093015032.png

 


#24
Strid

Strid

    Geekette géographe

  • Membre
  • 5 374 messages
  • LocalisationJuste là, à côté
Je ne sais pas si tu as une mise en page CSS sous DW8 (j'ai DW CS5 et j'ai une bonne partie pour la mise en page CSS) et normalement tu gère toute la mise en page là dedans.
Tu clique sur le bloc et normalement tu attribues la couleur de ton choix.
Recherche ça sous DW, essaies un clic droit sur le bloc ou dans un onglet... ça doit pouvoir se faire. ^^
  • 0

- MSI GT780R-420FR _ i7-2670QM (2.2GHz - 3.1GHz) _ GTX560M GDDR5 1,5Go _ 8Go DDR3 _ SSD Corsair Force GT 120Go + HDD Seagate Momentus G-Force 7200 trs/min 500Go _ dalle mate full HD_ Keyboard by Steelseries rétro-éclairé.   vendu

Après 4 ans, envie de changement, tu vas me manquer petit MSI  :wub: 

- Nouvelle bestiole: Dell XPS15 9550 (2015) _ I7 6700HQ _ GTX 960M GDDR5 2Go _ 16Go RAM DDR4 _ SSD 512Go PCIE _ écran tactile InfinityEdge 4K

 

- Matos info:  2 écrans Dell U2414H, enceintes Altec Lansing expressionist bass, tablette graphique Wacom Bamboo Pen & Touch

 

LG G2 32Go

 

- Matos photo: Canon Eos 60D. Samyang 8mm. Sigma 18-250mm, Canon 60mm macro et Sigma 150-500mm et Flash Cobra Yongnuo YN-565EX II


#25
jalaxx

jalaxx

    Force spéciale des Geek

  • Membre
  • 10 041 messages
j'arrive pas à la trouver.....:( peut être que c'est à cause de la version.
  • 0

 

MSI GT603Dmark11: P6463 /  Fire strike: P4257

 

76561198093015032.png

 


#26
Strid

Strid

    Geekette géographe

  • Membre
  • 5 374 messages
  • LocalisationJuste là, à côté
Peut être.
Je ne connais pas du tout cette version et je ne sais pas si elle intègre la mise en page CSS...
Regarde dans les propriétés de ton bloc...
  • 0

- MSI GT780R-420FR _ i7-2670QM (2.2GHz - 3.1GHz) _ GTX560M GDDR5 1,5Go _ 8Go DDR3 _ SSD Corsair Force GT 120Go + HDD Seagate Momentus G-Force 7200 trs/min 500Go _ dalle mate full HD_ Keyboard by Steelseries rétro-éclairé.   vendu

Après 4 ans, envie de changement, tu vas me manquer petit MSI  :wub: 

- Nouvelle bestiole: Dell XPS15 9550 (2015) _ I7 6700HQ _ GTX 960M GDDR5 2Go _ 16Go RAM DDR4 _ SSD 512Go PCIE _ écran tactile InfinityEdge 4K

 

- Matos info:  2 écrans Dell U2414H, enceintes Altec Lansing expressionist bass, tablette graphique Wacom Bamboo Pen & Touch

 

LG G2 32Go

 

- Matos photo: Canon Eos 60D. Samyang 8mm. Sigma 18-250mm, Canon 60mm macro et Sigma 150-500mm et Flash Cobra Yongnuo YN-565EX II


#27
jalaxx

jalaxx

    Force spéciale des Geek

  • Membre
  • 10 041 messages
Rien dans les propriétés du bloc ni de la page, juste un lien modifié l'arrière plan de la partie body c'est tout.
Je pense que j'ai pas le choix que de prendre la version CS5.
  • 0

 

MSI GT603Dmark11: P6463 /  Fire strike: P4257

 

76561198093015032.png

 


#28
Strid

Strid

    Geekette géographe

  • Membre
  • 5 374 messages
  • LocalisationJuste là, à côté
La CS5 est une très bonne version avec tout une partie dédiée à la mise en page CSS.
Bon courage. ^^
  • 0

- MSI GT780R-420FR _ i7-2670QM (2.2GHz - 3.1GHz) _ GTX560M GDDR5 1,5Go _ 8Go DDR3 _ SSD Corsair Force GT 120Go + HDD Seagate Momentus G-Force 7200 trs/min 500Go _ dalle mate full HD_ Keyboard by Steelseries rétro-éclairé.   vendu

Après 4 ans, envie de changement, tu vas me manquer petit MSI  :wub: 

- Nouvelle bestiole: Dell XPS15 9550 (2015) _ I7 6700HQ _ GTX 960M GDDR5 2Go _ 16Go RAM DDR4 _ SSD 512Go PCIE _ écran tactile InfinityEdge 4K

 

- Matos info:  2 écrans Dell U2414H, enceintes Altec Lansing expressionist bass, tablette graphique Wacom Bamboo Pen & Touch

 

LG G2 32Go

 

- Matos photo: Canon Eos 60D. Samyang 8mm. Sigma 18-250mm, Canon 60mm macro et Sigma 150-500mm et Flash Cobra Yongnuo YN-565EX II


#29
jalaxx

jalaxx

    Force spéciale des Geek

  • Membre
  • 10 041 messages
Merci. :)
  • 0

 

MSI GT603Dmark11: P6463 /  Fire strike: P4257

 

76561198093015032.png

 


#30
citizennn

citizennn

    En transit

  • Membre
  • 166 messages
@Jalaxx

Pas la peine de changer de version. Celle que tu utilise prend parfaitement en compte le CSS (c'est la base). Les seuls changement avec la version CS5 consiste en un meilleur support des regles CSS3 et Html5. Tu n'en ai pas encore là. Tu as tout ce dont tu as besoin avec ta version. On vois d'ailleurs tres bien dans ta première capture, la palette CSS ouvert sur ta gauche la droite (dsl) listant toutes les règles déjà présentes.

Il faut simplement que tu repère l'ID ou la Class de l’élément que tu veux modifier. Si tu ne le trouve pas dans la liste, c'est qu'aucune regle ne lui est pour le moment appliqué. Il faudra donc que tu l'a crée en cliquant sur la petite icone représentée par une feuille blanche surmonté d'un "+". Elle se trouve juste en bas a droite de la palette CSS.

Bon courage

PS :
Enfin, derniere info, je pense que ton probleme de fond blanc ne concerne pas la balise <body>. Celle-ci à l'air d'avoir pour background un motif répété. Il s'agit plutot (je pense) de définir la couleur de fond des blocs qui contienne tes zones de textes.

Re bon courage ;-)

Modifié par citizennn, 09 avril 2012 - 12:08.

  • 0




0 utilisateur(s) li(sen)t ce sujet

0 membre(s), 0 invité(s), 0 utilisateur(s) anonyme(s)