RENDU Code SPIP ou HTML texte grand
Transcription
RENDU Code SPIP ou HTML texte grand
Parlons peu… parlons SPIP ! Pourquoi utiliser le code SPIP plutôt que le code HTML du WYSIWYG ? Car le code SPIP est plus simple et modifiable très facilement. (exemple : en HTML le code pour é est : é , alors qu’en SPIP é s’écrit é…). Tout le langage HTML n’a pas été codé en SPIP, il faudra donc tout de même utiliser des balises HTML. balise d’entrée < , puis balise de sortie / > Attention ! Si vous avez créé votre article en code SPIP, ne pas retourner en mode Wysiwyg sous peine de réintroduire du code HTML « parasite » et détruire votre mise en page. Caractères spéciaux sur clavier MAC (sous Mac): Caractères spéciaux sur clavier MAC (sous Windows): Accolades { et } : alt+( ou alt+) Accolades { et } : ctrl+alt+4 ou ctrl+alt+_ (touche des tirets) Crochets [ et ] : alt+shift+( et alt+shift+() Crochets [ et ] : ctrl+alt+( et ctrl+alt+) Pipe | : alt+shif+L Pipe | : ctrl+alt+6 Flèche de lien -> : tiret milieu - puis balise > (shfit+touche><) Flèche de lien -> : tiret milieu - puis balise > (shift+touche @et#) RENDU Code SPIP ou HTML Texte en gras {{Texte en gras}} Texte en italique {Texte en italique} Texte souligné <u>Texte souligné</u> texte petit <small>texte petit</small> texte normal texte normal texte grand <big>texte grand</big> <font color="#990099">Texte en couleur</font> Texte en couleur er 1 ,2 ème et 3 ème NB : le code HTML des couleurs se trouve sur le net - exemple : http://www.code-couleur.com/ en exposant 1<sup>er</sup>, 2<sup>ème</sup> et 3<sup>ème</sup> en exposant 1er, 2ème et 3ème en indice 1<sub>er</sub>, 2<sub>ème</sub> et 3<sub>ème</sub> en indice Je voudrais … aller à la ligne Je voudrais…<br/> aller à la ligne Je voudrais… Je voudrais… sauter une ligne sauter une ligne NB : pas de code, sauter juste une ligne Je voudrais ... <p> </p> ou </br></br> sauter une ligne NB: à utiliser autant de fois que de nombre de lignes à sauter Texte justifié à gauche Texte justifié à gauche Texte justifié à droite Texte centré NB : pas de code, le texte est justifié à gauche par défaut [/Texte justifié à droite/] [|Texte centré|] ou <center>Texte centré</center> RENDU Code SPIP ou HTML Cela est un [ lien vers un document->doc45]. Cela est un lien vers un document . NB : [nom du lien-> numéro du doc télécharger dans SPIP] Cela est un [{{lien en gras vers un document}}->doc45]. Cela est un lien en gras vers un document . NB : [{{nom du lien}}-> numéro du doc télécharger dans SPIP] Cela est un [lien vers un site->http://….. ] Cela est un lien vers un site . NB : [nom du lien->adresse du site] Cela est un [ lien vers un article->article45] du site. Cela est un lien vers un article du site . NB : [nom du lien-> numéro de l’article] Cela est un < lien vers une rubrique->rubrique45] du site. Cela est un lien vers une rubrique du site . NB : [nom du lien-> numéro de la rubrique] Cela est un <a href="http://….. " target="_blank">lien</a> vers un site et ouvre un nouvel onglet . Cela est un lien vers un site et ouvre un nouvel onglet . NB : <a href="adresse du site" target="_blank"> nom du lien </a> pour faire des listes • - pour - faire - des - listes Pour o faire des puces pour tirer un trait continu ___________________________________________ entre deux paragraphes -* -** -*** pour tirer un trait continu ---------entre deux paragraphes NB : quelques tirets milieu (6) - suffisent pour tirer un trait continu sur toute la largeur CODE SPIP : |Mettre un titre en évidence| NB : Placer le titre entre deux pipes, il sera mis dans un cadre gris et centré sur la page, par dessus le filigrane Education Nationale. On peut le mettre en forme (gras, italique, taille…) avec le code SPIP habituel. CODE SPIP : ||Pour faire un joli tableau|| |je|mets|plein|de|pipes|partout| |mais|toujours|le|même|nombre|sur| |chaque|ligne||||| ème NB : la première ligne aura toujours 4 pipes, on écrit le titre après le 2 pipe, il sera automatiquement centré, en gras et au-dessus du tableau. Les autres lignes doivent comporter le même nombre de pipes. S’il n’y a rien entre deux pipes, la case sera vide. Les lignes seront en alternance grises puis blanches et le tableau apparaitra, centré dans la page, au-dessus du filigrane gris Education Nationale. Pour centrer le contenu des lignes ou mettre en forme le texte, on utilise le code SPIP habituel.