Outils pour créer un site internet

[astro]

Salut,

 

j'avais créé un ch'tit site perso sans prétention avec la version de démo de Thundersite 1.0 (car la 2.0 était limitée dans le nombre de mises à jour) et v'la t'y pas que ça plante systèmatiquement maintenant !!! Donc il m'est devenu impossible de mettre à jour mon site et le voila figé depuis 1 mois ou 2.

J'ai tout essayé mais rien à faire, mon petit site (?) doit etre trop gros pour le soft (ou alors j'y ai mis quelque chose qui le fait planter).

Bref, étant donné que Thundersite créée des fichiers qui lui sont propriétaires, j'ai dû downloader tout mon site par ftp sur mon pc, essayer de reconstituer les pages, etc ...

 

Me voila avec tout un beau tas de pages html que je dois lier entre elles par des menus, créer des boutons, etc ...

Je m'essaie au HTML mais je n'ai pas franchement envie de trop me plonger dans le Javascript et le Php et coté graphisme je suis pas au top :mmm:

J'ai essayé NVu, il est pas mal mais il ne fait rien pour les frames. Je l'utilise pour modifier une page à la fois.

 

Connaissez-vous un soft GRATUIT (pas de Dreamweaver ou de Namo ici) qui me permette de façon aisée de recréer une structure de site ainsi que des boutons avec rollover menus et habillages ? et si possible qui ne me recrée pas de fichier propriétaires ?

 

Vous pouvez exposer vos expériences personnelles.

 

A+ allez on s'en jette un petit :biere:

[Erwan]

frames? :o

J'ai bien entendu ça? Mon système d'aide à buggé :D

[Prayer Shiva]

Euh moi j'avais commencé avec Front Page Express qui est gratuit, et puis je suis passer au bloc note, puis à PHP Edit (bloc note evolué qui gere les codes couleurs).

 

Concernant FPE je sais plus ou je l'avais trouvé, je vais voir si j'ai encore l'install qui traine quelque part et je te dis ca.

[astro]

Laisse, pour FPE, je l'avais essayé et bof bof, je préfère qd meme Nvu.

Pour le moment, moi aussi c'est le bloc-note :biere:

[Erwan]

Pour les graphisme, utilise le css c'est merveilleux, et pas compliqué pour les bases apres tu découvre autre chose, mais laisse tomber les frames, ça ne sert a rien, ça n'as que des défaut notament au niveau du référencement donc difficulté de se faire connaitre, pas accessible par tous... En plus ça ne sert a rien.

 

Regarde ce site par exemple.

 

http://cui.unige.ch/~robin0/configuration.xhtml#web (Je ne sais pas si il s'affiche bien avec IE et à la rigueur je m'en fous completement puisque tel semble être la politique de beaucoups de webmasters dans le sens inverse.

[astro]

Ouais, le css je m'y suis mis et j'avais récupéré pour cela Topstyle. Pour les menus j'avais récupéré EKiwi menumaker. Pour les pages j'ai pris NVu.

Mais il faut tout reprendre manuellement dans le notepad et lier les pages une par une. L'avantage c'est que le code s'en trouve vachement optimisé :D

Pour les frames, je trouve ça bien car on a tous les boutons sous la main. Le jour ou ça m'énervera je les ferais péter.

Pas mal le site, je connais déja pas mal des softs recensés mais les autres m'interessent. Pas mal aussi l'"habillage" laissé au choix ... super cool meme. J'aime.

 

Sinon pour les boutons, au pire, quelqu'un connais un site pour en récupérer gratos ?

[Erwan]

Ben dans le site que j'ai donnée aussi. Donc l'intéret des frames.

[Panzerfilth]

frames?  :o

J'ai bien entendu ça? Mon système d'aide à buggé :D

 

:lol: :lol:

[astro]

Purée, je suis plongé dans le site pompage.net. C'est super interessant le css. Ils me renvoient également sur http://mammouthland.free.fr/cours/css/ pas mal non plus.

 

J'ai trouvé aussi dans le forum de open office un site un peu gadget qui propose en partie des trucs qui m'interessent : freegaia.com. Pas mal la rubrique telechargement, on peut choisir l'affichage que des progs en freeware.

 

A+, j'ai de la lecture à faire :fume:

[Mike]

Pour répondre à la question

Dreamweaver MX comme éditeur par excellence au travail.

Par contre, considérant le prix exhorbitant des licences Windows et Macromedia, il y a des solutions toutes simples, légales et gratuites. Comme Linux et Quanta Plus (qui ressemble à Dreamweaver) comme éditeur par exemple.

Si on ne parle pas d'outils WYSIWYG, alors il y a plusieurs éditeurs que j'ai essayé et mon préréré, EditPlus parce qu'il utilise les couleurs pour la syntaxe et utilise au maximum l'espace pour les codes. Et comme l'a dit Prayer Shiva, pour le PHP surtout, PHP Edit est excellent.

Quand à NotePad, faut vraiment que je sois dans la m.... pour utiliser ça, faut quand même pas charrier.

[tichat]

http://mammouthland.free.fr/cours/css/

excellent ce site, les explications sont très claires, avec une pointe d'humour qui captive l'attention et donne envie de lire jusqu'au bout ... ce que j'ai fait d'ailleurs.

ça donne envie de se mettre au css, vraiment puissant et permettant ainsi d'alléger les pages web.

le problème, c'est que ça fait une éternité que je n'ai pas codé, je le faisait au début en html via frontpage express et depuis bien longtemps, j'ai abandonné car ça évoluait trop vite par rapport au temps que j'avais de dispo pour me pencher sur le sujet. Du coup, j'en suis resté au html et devrait me pencher sur le css, le xhtml et autres langages évolués.

A+

[Erwan]

http://www.w3schools.com/ pour le css, le xhtml, le php, l'asp....

[astro]

Bon alors j'avais quasiment fini de refaire à la main mon site avec des frames, il était moche mais il marchait ... et du coup je recasse tout pour faire avec le css... trés excitant !!

 

J'ai honte, j'ai POMPE le .css de pompage.net :D et je le retravaille avec Topstyle. Je casse tout et je reconstruit afin de comprendre comment ça marche. Pas évident à caser les "<div>". Apres je vais refaire à l'arrache un habillage perso (parceque celui de pompage.net :/ a le mérite d'exister ...).

 

Si j'ai le courage je mettrais les deux versions en ligne et je lancerai un grrrrand sondage pour savoir laquelle des 2 versions vous préférez : frame+peu de css ? ou div+beaucoup de css ?.

 

Alleï, une fois :biere:

[Erwan]

Je dirais tout de suite, xhtml 1.0strict+css ;)

[Mike]

... laquelle des 2 versions vous préférez : frame+peu de css ? ou div+beaucoup de css ?.

 

Alleï, une fois  :biere:

201034[/snapback]

 

Astro, si j'ai bien compris tu crois substituer les frames par tes style sheets en disant cela mais la comparaison ne peut pas se faire (je n'ai probablement pas bien compris non plus). En fait la façon recommandée est d'utiliser un langage de script côté serveur php ou asp et de faire des includes <?include "tonfichier.html";?> en php ou bien <%--#include file="tonfichier.html"%> en asp. Comme ça tu n'as qu'un seul fichier à changer par exemple pour changer ton menu, un fichier pour le body, un autre pour le footer etc...

[astro]

Oula, tu me parles de php et d'asp. C'est pas que je sache pas programmer mais je souhaitait avant tout trouver un moyen de pouvoir mettre à jour facilement mon site qui est avant tout un site familial.

J'avais profité de ma journée de repos d'hier pour tout retaper mes pages avec les menus et parametrer ma feuille de style - et j'ai pas vu le temps passer :D . Il ne me restait plus qu'a recréer un habillage et je serais alors repartit avec un site sans mise à jour depuis le plantage de thundersite mais dont j'aurais maitrisé le code source.

Remarque, ton plan des include me plait bien parceque j'ai vu l'horreur de retaper les menus dans chaque feuille (puisqu'il n'y a plus de frame).

Pourrais-tu me donner l'adresse d'un site qui exploite cette technique que je voie un exemple de code ? Si je comprends vite je veux bien tout me reprendre, ça fera la 3eme fois mais si ça vaut le coup pour faciliter les futures modifs ...

[Erwan]

C'est tres simple.

 

Sur ta structure de base, tu met ce qu'a écris mike ( <?include "menu.php"; ?> pour du php).

 

Ensuite dans des fichiers differents ici menu.php, tu ecris tout simplement le menu

 

<h1> Articles</h1>
   	<div><a href="index.php" accesskey="a">Accueil</a></div>
   	<div><a href="doosier.php" accesskey="b"> dossier</a></div>
   	<div><a href="lien.php" accesskey="c">Liens</a></div>
   	<div><a href="Musique.php" accesskey="d">Musique</a></div>
   	<div><a href="Photo.php" accesskey="e">Photograhie</a></div>
   	<div><a href="h.php" accesskey="f">drogue</a></div>
   	<div><a href="archives.php" accesskey="g">Archives </a></div>

 

 

Et voila tu place <?include "menu.php"; ?> à l'endroit ou tu veux qu'il soit. Et enregistre tes pages en php.

 

 

Comme ça, quand tu éditeras menu.php, tu n'auras qu'a le faire dessus. Pas sur toutes les pages.

Ce n'est pas plus compliqué que cela pour une grande simplification.

[astro]

Super, j'essaierais ça car c'est trop la misère quand on a plein de pages et qu'il faille modifier un menu. Trop bon. J'ai trouvé le site http://fr.php.net/manual/fr/ que j'éplucherai plus tard. :respect:

Sinon j'ai passé mon we à fignoler mon site, l'habillage etc ...

 

Pour les courageux vous pouvez aller voir mon site :

-Site d'origine fait avec Thundersite, non modifiable car fichier source corrompu :

http://astro.robot.free.fr/

-Site refait avec les Css (le contenu des pages est meme car je n'ai pas eu le temps de mettre à jour) :

http://astro.robot.free.fr/css/Accueil.html (désolé mais je ne savais pas que les majuscules/minuscules étaient prises en compte)

-Site refait précédemment avec des frames : et ben du coup je l'ai pas mis :D

 

Je précise qu'il s'agit d'un site non référencé sans pub à contenu familial, donc évitez de vous foutre de ma gueule.

 

A+

[Erwan]

Physiquement je préfere le premier, il n'y a rien a dire, mais tu pourras facilement l'améliorer l'autre apres. Beaucoup plus facilement.

 

Sinon, tu code en html 4.01 met tu ferme les balises comme du xhtml, A la ligne 15.

<img src="./interface/logo.gif" title="Astro" />[/code]
à la place de ça si tu continue en html 4.01 transitionnal
[code]<img src="./interface/logo.gif" title="Astro" >

Problème aussi, tu défini deux fois le calque blog, ici ce serait plutot une class non un id.

 

 

 

 

Apres prefere les dotted en 1px, meme si ça passe très mal sous IE, mais tu peux le redéfinir, un pour ie l'autre pour les navigateurs sachant gérer eux. :D

Exemple

#calque{
border:1px solid #69c;
.....
}
html > body #texte {
border: 1px dotted #69c;
}

[astro]

C'est clair, je n'ai pas beaucoup de talent ni de savoir-faire dans la conception graphique :lol: surtout que je n'avait jamais approché auparavant un prog de dessin (ici c'est paintshop pro 8, photoshop ne marchant pas sous w98).

 

Je viens d'essayer le <?include "menu_principal.php"; ?> dans quelques-unes de mes pages, ça marche trés bien ! :cool: et c'est marrant quand on affiche le code source de la page il a intégré le code dedans !! (c'est peut-etre d'ailleurs pour ça que ma page s'affiche correctement).

 

Seul hic : l'obligation (?) de renommer ses pages en .php, ce qui interdit la visu du résultat sur son pc car, si j'ai bien compris ce qu'ils disent sur php.net, il faut installer un serveur web comme apache par exemple + le support du code php :(

 

Question : la page index.html qui est obligatoire (?) à la racine du site me fait souci car si elle s'appelle index.php est-ce que ça marchera aussi ?

Si ça marche pas il faudra que je fasse une page d'accueil index.html avec une image, par exemple, qui me redirige ensuite sur accueil.php

 

Concernant le <img src="./interface/logo.gif" title="Astro" />, ça doit etre une erreur de ma part, je vais virer le "/". C'est con le copier-coller :frenchy:

Par contre je n'ai pas compris ton histoire de "dotted", c'est parceque ça fait plus joli que le "solid" ? comment dispatcher l'une ou l'autre des présentation selon le navigateur ?

 

 

Merci pour tous vos conseils :biere:

[Erwan]

Change plutot le doctype sinon. Sinon pour le graphisme, je trouve que le css simplifie vachement. Mais ce n'est pas au niveau du graphisme que ça ne va pas, mais au niveau du menu, je trouve qu'il ne descends pas assez.

[Stiwen62]

Seul hic : l'obligation (?) de renommer ses pages en .php, ce qui interdit la visu du résultat sur son pc car, si j'ai bien compris ce qu'ils disent sur php.net, il faut installer un serveur web comme apache par exemple + le support du code php  :(

Si c'et possible, il te suffit d'installer un serveur Apache sur ton pc, reagrdes du coté de Easyphp : http://www.easyphp.org/

[Erwan]

Oui, j'avais fait ça sous windows par fainéantise (easyphp :D )

[Stiwen62]

Oui, j'avais fait ça sous windows par fainéantise (easyphp :D )

202126[/snapback]

:D