9 réponses à ce sujet

[_lex]

Salut


Etant dans l'obligation contractuelle de former Antonin à Silex, l'aassos se mobilise
Chaque semaine un exercice pour se former à Silex.

En quelques semaines, vous serez en mesure de créer un site web de folie. A vos cartables et petits cahiers.

Vos réponses aux exos, et vos questions de néophytes sont les bienvenues ici...

A+

[_lex]

Prérequis

Pour cette cession de formation, nous allons partager un Silex déjà installé.
http://community.sil...telier-mai-2013

Pour y avoir acces, demandez votre accès à ce Silex par mail ( contact à silexlabs.org ), en indiquant juste votre nom.

Vous pouvez aussi installer vous même Silex chez vous
http://www.silexlabs...installation-2/

[_lex]

1er exercice

Entrez dans le manager
http://community.sil...-2013/?/manager

Entrez votre mot de passe (si vous n'en avez pas, demandez le par email à contact à silexlabs.org ou installez Silex chez vous).

Créez vous un site portant votre nom, à partir d'une page vierge. Cf la doc
http://www.silexlabs...-silex/manager/

Après avoir créé votre site, cliquez sur "éditer" pour maquetter. Et ajoutez une image, une forme, un champs de texte avec "Hello world" dedans.

[_lex]

Bon, je n'ai eu qu'une seule persone inscrite (anto), mais je continue, n'hésitez pas à nous rejoindre en faisant les exos les uns à la suite des autres

2e exercice

L'exo de cette semaine porte sur la navigation (faire des pages et des boutons qui ouvrent ces pages).

Choisissez une template parmis celles ci, nous allons l'utiliser dans les prochains exos...
http://www.freecsste.../css-templates/

Elles ont cette lisence, à lire car ca implique qu'on laisse un credit à l'auteur
http://www.freecsste...es.org/license/

L'exercice est de reproduire la structure de la template choisie, sur le site que vous avez créé dans l'exo 1, sur le Silex mis en ligne pour cette session de formation

- posez sur la scène des boutons ou des images, un par page dans le template de référence
vous pouvez lire ce tuto en anglais pour vous aider ou bien poser des questions dans le forum silex

- créez un calque par page dans le template de référence, avec un nom qui reprend le nom des pages de votre template
cf la doc sur les calques, l'utilisation de la boite à outils "calques" pour créer des calques,

Voilà, soumettez vos réalisations ci-dessous
A+

[AntoSilex]

voici le template que j'ai utilisé :
http://www.freecsste...iew/scoreboard/

et la page que j'ai faite sur ce modèle :
http://community.sil...=1#/start/about

je cherche à mettre une image de la license mais comment faire pour créer un lien vers le site de la license sur cette image ?

[_lex]

Ah ouais, pas mal!

Citation

je cherche à mettre une image de la license mais comment faire pour créer un lien vers le site de la license sur cette image ?

Pose ton image sur la scène et va dans les propriétés, sélectionne l'onglet "actions" (le petit "a" en haut à droite). Puis mets l'action

onRelease openUrl:http://www.monlien.com/blablabla
 

Cf les actions silex

[_lex]

3e exercice

Cette semaine, publiez votre site...

• changez le favicon de votre site, cf la doc sur les favicons silex
  
• definissez votre site comme étant le site par défaut
  
• jouez avec les "display mode" ou "scale mode" pour trouver le redimensionnement qui convient le mieux à votre site - cf la doc sur le scale mode
  
• appliquez les conseils pour faire un site bien référencé naturellement

Voila, prochaine étape, la mise en ligne!

[_lex]

Bon cette étape était un peu ardue
Et de ce que j'en ai vu, personne n'a dépassé l'exo 2...

Besoin d'aide qqn?
mastajecht, tu as bien eu ton accès au silex en ligne que j'ai installé pour cette cession?

[_lex]

Et enfin, pour ceux qui iront un jour jusque là, vous pouvez maintenant installer quelques plugins.

Voici les instructions pour parcourir les plugins de la plateforme d'échange
http://www.silexlabs...r-silex-server/

Et la liste des plugins existants (la même que ce que vous avez dans le manager, mais en plus sympa pour parcourir la liste)
http://www.silexlabs...-silex/plugins/

En particulier, installez et apprenez à utiliser ces plugins (cf leur mode d'emploi dans la description du plugin)

• Pixlr plugin : vous permet d'éditer les images directement dans Silex
  http://www.silexlabs...in-the-browser/
  
• Google analytics: pour d'avoir les stats de consultation de votre site
  http://www.silexlabs...ugin-for-silex/
  
• Affiche une version HTML, sans Flash de votre site
  http://www.silexlabs.../htmlgenerator/
  
• Simple Gallery: affiche vos images sous forme d'une galerie
  http://www.silexlabs...simple-gallery/
  
• Google Maps: affiche une map dans votre site
  http://www.silexlabs...le-maps-plugin/
  
• Best button: ajoute un composant bouton à la liste des composants, pour que vous puissiez ajouter des boutons plus sympa que le classique "label button"
  http://www.silexlabs...s/best-buttons/

[_lex]

Et voilà, la formation Silex en ligne se finit
N'hésitez pas à poser des questions ou à soumettre un site pour correction
A+