Re: [Devoir à rendre] HELP, en galère les mecs.

**Charles Pikanson** Dim 4 Jan - 23:06

Fried a écrit:
Bon par contre, il le reconnait, en design il ne vaut pas une tune il est trop laid son site.

C'est con, pour le peon moyen, c'est le plus important x)

Goldo Lun 5 Jan - 0:18

T'es obligé de tout indiquer, les codes et tout ? Parce que sinon tu tapes sur google "Forumactif" tu fais le forum et voilà

**Fried-baba** Lun 5 Jan - 0:25

Goldo' a écrit:T'es obligé de tout indiquer, les codes et tout ? Parce que sinon tu tapes sur google "Forumactif" tu fais le forum et voilà

Bah ouais lol XDXD

Le premier truc qu'il regarde, c'est le code.

En plus forumactif et tout c'est du php ou je ne sais quoi, nous on est pas censé savoir ça.

Edit : Html / css

Goldo Lun 5 Jan - 0:35

Ouais mais le meilleur code pour les forums c'est le PhP enfin... T'as besoin de quoi comme codes ?

Litz Lun 5 Jan - 19:58

Un forum sans PHP n'est pas réalisable imo.

Mogzor Lun 5 Jan - 20:14

Lal, un forum en java ça se fait très bien, un forum en ASP aussi (même si ça pue ASP), en fait tu peux aussi en faire en PERL, en plein d'autre trucs quoi.

Litz Lun 5 Jan - 20:56

Je sous entendais exclusivement en HTML Very Happy

Litz Mer 7 Jan - 16:34

Ca avance? Il te reste 2 jours Very Happy

**Fried-baba** Mer 7 Jan - 16:42

Ouais lol, là j'écrivais le contenu (le plus chiant) j'ai pas trop re-bossé sur le site en lui même.

J'ai finis les cours pour aujourd'hui, et demain je bosse pas, donc ça devrait aller. ^_^

Dire que j'ai écris l'équivalent de plusieurs pages Word à propos de JoL pour les études ... je pensais pas que ça m'arriverait un jour. XD

Litz Jeu 8 Jan - 10:56

Tu pourras nous donner tout le code que je l'installe sur une page pour voir le résultat ? Very Happy

**IT'S ME, BITCHES!!!** Jeu 8 Jan - 11:09

ON VA PLAGIER TON SITE $$$

**Fried-baba** Jeu 8 Jan - 13:19

Litz a écrit:Tu pourras nous donner tout le code que je l'installe sur une page pour voir le résultat ?

Ouais bien sur, une fois finis je donne le tout en .zip

Mais bon, il va être moche tu sais, je connais pas grand chose et j'ai pas dépensé beaucoup de temps pour le faire. Le contenu je l'ai fait un peu à l'arrache aussi. ^^

Litz Jeu 8 Jan - 13:35

C'est beau tiens.
J'suis sur que tu as une note dessus en plus.

**Fried-baba** Jeu 8 Jan - 17:23

Litz a écrit:
J'suis sur que tu as une note dessus en plus.

2/3 de ma note de semestre dans le cours de Conception de site Web, coef 3. (En comparaison, mes coefs vont de 1 à 5 pour la plus grosse matière, donc coef 3 c'est assez énorme).

Ca compte, et même beaucoup ... Mais bon. Mon prof n'a pas l'air d'être très difficile ... enfin j'espère ... Shocked

Litz Jeu 8 Jan - 17:36

Un sujet pourtant intéressant, vivement que je me lance dans ce genre d'étude Very Happy

**Fried-baba** Ven 9 Jan - 19:27

J'ai mis deux bandes de couleur sur les côtés, et je veux qu'elle fassent toutes la page en longueur, mais je n'y arrive pas.

J'ai tout simplement crée un (ou une ?) div et dans le css j'ai mis le background-color évidemment, la taille en largeur et "weight: 100%;" censé faire la longueur mais ça marche pas. /: (juste la longueur 100 % qui marche pas, si je mets par exemple 500px en longueur tout va bien.

Litz Ven 9 Jan - 20:51

envoie le code (c'était pas pour aujourd'hui ?)

**Fried-baba** Ven 9 Jan - 21:10

Litz a écrit:envoie le code (c'était pas pour aujourd'hui ?)

Alors, j'ai pris du texte (pas vraiment mis en forme et même pas corrigé, c'est juste pour montrer) et les bandes de couleurs qui s'arrêtent au bout d'un moment.

Pour le css c'est pareil, j'ai pris juste ce qui nous intéressait.

J'ai mis en gras le truc en question.

Je pense ce qui merde c'est mon "position absolute" mais si je le mets pas et béh ça ne marche pas avec ma bande à droite ... d'ailleurs je ne sais même pas pourquoi.

Et si c'était pour aujourd'hui Smile

Mais je compte bien le rendre a minuit Very Happy

Html a écrit:<head>
<link rel="stylesheet" type="text/css" href="test.css" />
</head>

<html>
<body>

<div class="bandes-left">
</div>
<div class="bandes-right">
</div>

<div id="corps">

<h2>
Qu'est-ce qu'un forum ?
</h2>

<p>
On peut partir d'une citation de Wikipedia, assez général mais qui regroupe un peu tout et permet, en plus d'apporter quelques points techniques, une explication explicite:
</p>

<blockquote>
Ce lieu de rencontre et d'échange qu'est le forum Internet peut être un site web à part entière, ou simplement un de ses composants. Il offre les mêmes possibilités de discussion que les forums Usenet, mais sous la forme et à l'échelle d'un site web. Ils sont accessibles via un navigateur web, et offrent une interactivité intéressante.
<br />
Un forum est avant tout un site d'échange, par le biais de messages, que ceux-là soient disponibles sur Internet ou bien sur un réseau interne comme un intranet ou encore un extranet. Les discussions y prennent place sous la forme de « fils » de messages, à publication instantanée ou différée ; cette publication est souvent durable, car les messages ne sont pas effacés. Elle est par nature le fait de plusieurs auteurs. Dans certains forums à inscription, les messages sont modifiables a posteriori par leurs auteurs.
<br />
Les fonctionnalités offertes par les différents forums (citation, existence de titres ou non, mise en page/indentation, administration/droits d'accès, modération a priori ou a posteriori...) peuvent varier, et les forums peuvent traiter différemment les messages : ainsi certains ne permettent que de répondre de manière globale à un sujet de discussion, tandis que d'autres permettent de répondre à un message en particulier.
</blockquote>
<br />
<p>
Voici une approche plus sociologique des forums (<a href="http://books.google.fr/books?id=Ta15k76ItwIC&pg=PA68&lpg=PA68&dq" target=_blank> Source </a>) :
</p>
<br />
<blockquote>
<p style="text-indent: 0px">
Qu'est-ce que c'est ?
</p>
<ul>
<li> un lieu virtuel où se construit le discours d'un groupe, où l'apprenant s'approprie de nouvelles connaissances en conversant avec d'autres
</li>
<li> une agora de collaboration et de socialisation
</li>
</ul>
<p style="text-indent: 0px">
Que permet-il ?
</p>
<ul>
<li> De produire collectivement des objets concrets (cf. recherche).
</li>
<li> D'exposer des idées, d'élaborer sa pensée, de construire de nouvelles connaissances, de les confronter, de les valider et de les confirmer ave le soutien du groupe.
</li>
<li> De faciliter l'apprentissage de connaissances complexes (synthèse, analyse, etc.).
</li>
<li> De favoriser une attitude réflexive sur l'apprentissage à un groupe de développer un engagement socio-cognitif qui peut donner plus de sens à un apprentissage donné.
</li>
</ul>
</blockquote>
<br />
<p>
Les forums commencent a émerger sous leur forme primitive tout au long des annnées 90. Ce n'est que fin 90 quand le processus de démocratisation d'Internet commence et que l'ADSL pointe le bout de son nez (en France, en 1999) que les forums dans son ensemble commencent à prendre de l'importance.
<br />
Ils en existent de toute taille, de toute nature, et sur tous les sujets.
</p>

<h2> De quoi est constitué un forum ? </h2>

<p>
Un forum traditionnel est constitué de section, si besoin est à l'intérieur même de ces sections chacun peuvent être encore subdivisé par d'autre sous-forums, voir encore par des sous-forums.
Dans le dernier sous-forum on à la liste des topic appelé aussi thread, en français ce sont des fils de discussion. C'est a un membre à lancé un fil de discussion en postant un premier message en déterminant le thème de la discussion, ainsi chacun peut laisser un message par la suite (un message est un post). En répondant à une discussion on peut citer la personne, c'est à dire reprendre son message ou une partie de son message dans sa réponse.
<br />
Un nouveau fil de discussion prend dans la liste la position du précédent, ainsi un fil de discussion finit par couler dans les abymes du forum quand plus personne ne poste dessus ou alors il peut être fermé par un modérateur, c'est au choix de la politique de modération interne.
</p>

<h2>
Pourquoi aller sur un forum ?
</h2>
<p>
Partons du premier sens du mot forum :<em>Le forum est pour les Romains la place publique où les citoyens se réunissaient pour marchander, traiter d’affaires politiques ou économiques.</em>
<br />
Un forum internet a pour un internaute plusieurs utilités, les deux principales peuvent être:
<br />
La discussion : Discuter sur un sujet et s'entretenir avec d'autres personnes qu'on ne connait pas, a priori. Ca va du simple bavadarge au débat.
</br>
</br>
La recherche d'information: Un site (hors site commercial) est relativement figé et relativement pauvre étant donné qu'il n'y a la pluspart du temps qu'un webmaster. Un blog est déjà plus évolutif mais il est tenu encore une fois la pluspart du temps par une personne. Un forum est un espace complétement évolutif où des dizaines, centaines ou milliers d'internautes s'entretiennent quotidiennement sur des sujets. L'archive d'un forum constitue donc une banque d'informations assez gigantesques, il faudra toute fois la traiter avec du recul car un message n'est jamais qu'un avis subjectif a fortiori écris par quelqu'un qui peut tout à fait se tromper.
<br />
Ca c'est pour l'archive du forum (il peut ne pas en avoir, dans le cas d'une expiration des sujets) en tant que lecteur seulement (lurker)
En tant que participant on peut lancer un fil de discussion, si notre but est la recherche d'information, celle-ci sera personnalisée et aura toute les chance d'être pertinente pour peu que le forum ait bien été choisis et le fil de discussion bien lancé.
<br />
<br />
Voilà les deux gros points de l'utilité d'un forum, la discussion et la recherche d'information. Ces points nous donnerons deux pages avec exemple de forum.
Bien sur, chaque forum sert à la fois d'espace de discussion autour de thème et sont à la fois une mine de renseignement.
<br />
<br />
Pour apporter une touche personnelle à ce point: Etant, sans être ni un passionné, ni un amateur, une personne qui apprécie les bonsais, Internet par le biais non pas des sites qui sont pour la pluspart assez pauvres mais par les forums, m'offre une masse d'information en la matière des centaines de fois plus importante que ce que possède le rayon Bonsai de la Fnac, et le tout gratuit bien entendu.
Ils me permettent aussi de discuter autour de ce thème avec des amateurs.
</p>

<h2>
Comment un forum est-il géré, quid des règles ?
</h2>

<p>
Wikipedia :
</p>
<blockquote> " Beaucoup de forums exigent l'acceptation d'une charte avant toute participation. Une telle charte régit l'usage qui peut être fait du forum. Le webmestre a normalement une fonction d'administrateur et de modérateur, cette dernière pouvant être déléguée à une ou plusieurs personnes utilisatrices régulières du forum. Les modérateurs sont chargés de veiller au respect de la charte et de limiter d'éventuelles tensions entre participants (par exemple, en éditant les messages générateurs de tensions ou en interdisant l'envoi de nouveaux messages à un des participants). Certains pays se sont dotés d'une législation précise qui impose aux gérants de forum une surveillance préventive du contenu des messages postés. "
</blockquote>
<p>
La charte est un ensemble de règle, simplement. Et chaque espace forum en possède un. Avant de s'inscrire ou de poster pour ceux qui ne necessitent pas d'inscription, on doit avoir lu et approuvé la charte. Elle sert de base aussi pour la modération, s'il y a.
<br />
<br />
Traditionnelement comme le dit l'article de Wikipedia, on a l'administrateur et les modérateurs.
Pour certains forums on observe un mode de gérance complexe et hierarchisé, comme le ferait une entreprise (bien qu'ils sont pour l'excrasante majorités tous bénévoles).
<br />
Un contrôle du forum par le biais de la modération, si elle est fait inteligemment, est la clé pour avoir un forum de qualité.
<br />
<br />
Ce controle des messages (modération) s'oppère de deux façons:
<ul>
<li>
A priori, c'est à dire avant la parution des messages. C'est très rarement utilisé sur un forum classique, c'est un contrôle assez extrème mais qui permet de bien cadrer la discussion. On peut le trouver principalement sur les forums gouvernementaux ou les forums de presse.
Même si les administrateurs ne s'en vantent pas ce type de modération permet -potentiellement- de "censurer" les posteurs.
</li>
<li>
A posteriori: Une modération des messages après leur diffusion. Le modérateur supprime totalement ou en partie en message en invoquant la raison. Voilà les quelques raisons classiques:
</li>
<br />
<ul>
<li>
"HS" : hors sujet.
</li>
<li>
"Flood" : Message souvent hors sujet, ou simplement qui n'a aucune utilité.
</li>
<li>
"Troll" : Message polluant et agressif qui cherche a faire dévier volontairement ou non la discussion.
</li>
<li>
"Flam" : Attaque personnelle.
</li>
</ul>
</ul>
</p>

<h2>
La fréquentation des forums
</h2>

<p>
Un site donne en ligne le classement des forums mondial ou suivant la langue.

[tableau]

Néanmoins les forums de langue japonaise sont inexistants, ma question à ce sujet n'a pas encore trouvé réponse. En outre ils ne font pas la différence entre membres inscris et membre actifs.

Néanmoins il offre une bonne vision d'ensemble et de très bonnes données annexes pour chaque forum comme des graphiques sur l'évolution des membres, la fréquentation, etc ...

Le nombre de membres quasi inexistant de certain forum pourtant en très bonne position (comme 4chan) s'explique par le fait que ce sont des imagesboards (voir l'article sur ce type de forum), ils sont donc anonyme.
</p>
</div>

</body>
</html>

CSS a écrit:.bandes-left
{
position: absolute;
width: 100px;
height: 100%;
background-color: #c8dcf0;
}
.bandes-right
{
position: absolute;
width: 100px;
height: 100%;
background-color: #c8dcf0;
right: 0px
}

#corps
{
margin-left: 200px;
margin-bottom: 20px;
margin-top: 10px;
margin-right: 140px;
padding: 10px;
color: #003366;
border: 2px solid black;
font-family: verdana;
font-size: small;
text-align: justify;
text-indent: 20px;
}

#corps h2
{
text-align: left;
padding-left: 30px;
padding-top: 30px;
padding-bottom: 15px;
}

#corps h3
{
text-align: left;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 10px;
}

blockquote
{
font-style: italic
}

a
{
color: navy;
font-weight: bold;
}

visite Ven 9 Jan - 22:47

Essaye en changeant "position:absolute" par "position:fixed",

Sinon un chouette site de référence assez concis et complet : http://horta.ulb.ac.be/cours/coursinfo/WebDesign/selfhtml///index.htm, en passant par la page "sommaire de référence:css" tu as toutes les informations importantes dans la meme page.

bon courage pour la suite.

Litz Ven 9 Jan - 23:08

Pourquoi tu ne fais pas un float:left ou right au lieu de position ?

**Fried-baba** Sam 10 Jan - 3:36

Ok j'ai fait ce qu'a dit Visite ça marche. Ty. :]

Pfiouuuu, bon, je le rendrai en retard pg. Je le finis demain j'en ai ma claque là. o/

**Fried-baba** Sam 10 Jan - 20:04

Hop voilà la bête:

http://www.random.hbg.fr

J'ai hébergé, c'est plus simple comme ça.

Bon, fait avec les moyens du bord quoi. Very Happy

Soyez pas trop dur. ^^
La base de la base du CSS.

Voilà le CSS:

/* CSS pour le site Les forums Internet */

/* Index */

div#lol
{
margin-left: 20%;
margin-right: 20%;
margin-top: 200px;
background-color: #c8dcf0;
border: 5px solid black;
padding-left: 10px;
font-size: 2em;
color: #804000;
text-align: center;
font-weight: bolder;
}

div#test
{
margin-left: 40%;
margin-right: 40%;
margin-bottom: 20px;
background-color: transparent;
border: 2px solid black;
color: red;
font-size: 0.7em;
}

/* Menu */

div#menu
{
float: left;
width: 100px;
text-align: center;
}
div#menu a
{
color:#800000;
font-weight: 900;
}
div#menu ul
{
padding: 0;
width: 100px; /* longueur cellule niv1 */
border:none;
margin: 0px;
background: none;
}
div#menu ul.niveau2
{
width: 130px;
background-color: rgb(240, 240, 240);
}
div#menu li:hover
{
background: #87CEEB
}
div#menu li.sousmenu:hover
{
background: #87CEEB
}
div#menu ul li
{
position:relative;
list-style: none;
}
div#menu ul ul
{
position: absolute;
top: -1px;
left: 100px /* écart droite avec le niv1 */;
top: 5px;
display:none
}

/* bordure de gauche */
div#menu li a
{
text-decoration: none;
padding: 4px 0 4px 8px;
display:block;
border-left: 8px solid #84b0c7;
width:84px
}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 {display:block;}
div#menu ul.niveau2 li.sousmenu:hover {display:block;}

/* survol bordure */
div#menu li a:hover
{
border-left-color: #0066CC;
}
div#menu li
{
height: 120px;
}

/* coprs et design */

.bandes-left
{
position: fixed;
width: 100px;
height: 100%;
background-color: #c8dcf0;
}
.bandes-right
{
position: fixed;
width: 100px;
height: 100%;
background-color: #c8dcf0;
right: 0px
}

div#corps
{
margin-left: 200px;
margin-bottom: 20px;
margin-top: 10px;
margin-right: 140px;
padding: 10px;
color: #003366;
border: 2px solid black;
font-family: verdana;
font-size: small;
text-align: justify;
text-indent: 20px;
}

div#corps h1
{
border-bottom: 3px double #458EFF;
color:#804000;
text-align: center;
font-size: 3em;
}

div#corps h2
{
display: inline;
margin-left: 30px;
padding: 2px 50px 2px 10px;
border-left: 5px solid #458EFF;
border-bottom: 2px dotted #458EFF;
color: #804000;
}

div#corps h3
{
text-align: left;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 10px;
color: #804000;
}

.background
{
background-image: url(background.png);
}

blockquote
{
font-style: italic
}

a
{
color: navy;
font-weight: bold;
}

div#corps .hautdepage
{
color: black;
font-weight: bold;
text-decoration: none;
margin-left: 700px;
border: 1px dotted #458EFF;
padding: 2px;
}

/* Tableau */
table
{
border: medium solid #6495ed;
border-collapse: collapse;
}
th
{
text-align: center;
border: thin solid #6495ed;
padding: 5px;
background-color: #D0E3FA;
}
th.nom
{
text-align: center;
border: thin solid #6495ed;
padding: 5px;
background-color: #D0E3FA;
color: #804000;
font-weight: bolder;
}
td
{
font-family: sans-serif;
border: thin solid #6495ed;
padding: 5px;
text-align: center;
background-color: #ffffff;
}

/* validation CSS & HTML */

.W3C-HTML
{
margin-left: 110px;
}

Litz Sam 10 Jan - 20:24

C'est basique mais très agréable à lire.
Un design simple tout aussi appréciable Smile

**Fried-baba** Dim 11 Jan - 2:17

Lol en fait une fois le site hebergé il y a toute les images qui sautes (ajavais mis quelque logos, etc ...)

Heureusement qu'il le regarde pas hébergé lui ...

Et, truc moins drôle, ça bug cooooommmmplet sous internet explorer ...

Litz Dim 11 Jan - 10:26

De toute façon IE c'est de la daube. C'est connu.

Contenu sponsorisé