explorateurs2limaginaire.wifeo.com
 



 
 


 
 
 


Une affaire de droits ?
Protéger ses créations avec les licences Creative Commons. Si vous éditez des logiciels, allez voir ici et.
Les sites Support du web ou webdesigner fourmillent de conseils, tutoriels et outils pour aider à la réalisation.

PAGE WEB
On peut se passer de créer un site ou un blog complet en publiant seulement une page web.
publishthis.email permet cela, de façon très simple, et propose les outils classiques du traitement de texte avec ajout d'images et gifs animés. Il vous envoie ensuite un lien pour consulter la page créée.
Free Webpage Creator simple, avec une option d epartage avec la classe.
Kompozer est un éditeur de page html simple qui utilise la technologie WYSIWYG (What you see is what you get), c'est à dire que ce que vous voyez à l'écran est ce que sera votre page.
Le libre propose des outils pour la création de pages, sites ou wikis en quelques clics.
Protopage permet de réaliser une page d'accueil, donc à l'ouverture du web, avec de multiples outils : liens, bloc de recherche, onglets, flux rss... Les contenus peuvent être choisis en collaboration.
Octoking permet de créer une page sans rien connaître à la programmation. La plateforme propose des outils pour rendre sa page plus attractive simplement. En Anglais.Tuto vidéo.
Mmm.page en version alpha permet de composer rapidement et très simplement une page web et de tester son apparence sur smartphone.
PageFabric est un édieteur simple qui fonctionne par blocs et éléments graphiques pré inclus. Les sites sont responsives. A télécharger.
Scribouilli pour un petit site d e4 pages qui s'affiche bien sur smartphone.

BLOG
Le blog est un journal web dont les artcles s'empilent les uns à la suite des autres. Il doit être actualisé en permanence pour rester attractif. Il offre peu de possibilités de navigation ou de classement.
Où le créer ? Plusieurs hébergeur possibles, comme lewebpedagogique,  ou certaines académies, ou des plateformes commerciales (comprenez qu'il y aura de la pub) comme, tumblr, wordpress, canalblog ou overblog. L'avantage d'une plateforme pédagogique est que le blog ets naturellement visible par des acteurs du monde de l'éducation. La maintenance est plutôt simple.

SITES
WordPress est un logiciel libre et gratuit qui permet de construire des sites ou des blogs. Il faut les héberger. A signaler aussi Silex, recommandé sur Framablog qui permet de progresser en web disign et code.
Comme pour les blogs, il existe des plateformes commerciales qui vous proposent un hébergement et des outils gratuits contre de la pub (à l'exemple de ce site avec Wifeo). Aux internautes alors de bloquer la publicité par des extensions à leurs navigateurs : emonsite, weebly, google, wix, jimdo... Ces plateformes facilitent la création de site et proposent des modèles au design léché. souvent, les fonctionc un peu avancées sont payantes, mais elles sont surtout destinées aux sites commeciaux.

mais aussi, plusieurs systèmes très complets comme SPIP ou Joomla.

CREATION ET/OU HEBERGEURS
Ionos première offre à 1,20 euros
Ovh  premier prix à 3.60 euro
Yulpa  un premier prix à 5 euros pour 25 Go
Aquaray  spécialiste Linux et français
O2switch  offre illimitée 5euros /mois, français
Hébergeurs gratuits et sans pub :
000webhost   Planethoster    Google Sites

UTILITAIRES, INTEGRATIONS
La plupart de splateformes de création proposent un module d'intégration du contenu dans une page web ; c'est la fonction "embed". Il suffit de recopier le code source ainsi créé et de le copier dans la page html ; c'est le cas pour les ENT par exemple. L'icône d'intégration ressemble souvent à 
hp5 permet d'ajouter des contenus interactif et propose une multitude d'outils d'aide à la publication pour agrémenter vos pages web. Il dispose également de la fonction "embed". Très complet pour des modules de toutes sortes : jeux, vidéos, diapos, diagrammes,multimédia, réseaux sociaux, questions....
Dahaneo est un générateur d'iframe très simple qui produit un code html à intégrer à partir d'une url. On peut activer le scrolling.
Renderforest permet de créer des logo, vidéo ou même un site pour un usage professionnel. Différentes tarifications dont quelques unes gratuites.
Print2Flash : transforme les documents imprimables en animation flash pour les insérer à un site web et ainsi faciliter leur lecture sans avoir recours à des logiciels tiers. Formats SWF, HTML, SVG.
Loxia Studio propose également des animations. Site payant mais possibilité d'une offre gratuite pendant 6 mois renouvelables pour 1 animation.

OPTIMISER UNE IMAGE
Squoosh permet d'alléger une image en conservant une qualité acceptable pour l'affichage. On peut juger le résultat en direct dans l'application qui travaille très vite et donne ainsi un fichier qui se chargera plus vite sur la page web de destination.
Let's Enhance permet d'optimiser la qualité d'une image dégradée ou de l'agrandir sans perdre en qualité de définition ou de couleur. 5 images gratuites.

Compteurs de visites, de visiteurs, connectés, statistiques : ils sont légion
compteurdevisite
123compteur
compteur.org

Textes animés, effets, palettes ...
Graphiste 
cercles chromatiques : Paletton   Colorwheel Adobe 
palettes : codes couleur html   colorcombos  colorhunt    coolors  
dégradés : mycolor.space  colorffy
à partir d'une image, d'un thème : code-couleur  colrd   palettr  colourlovers


Boutons, bannières, menus

http://kalsey.com/tools/buttonmaker/  en 2 couleurs, original

http://www.freebuttons.com/ pour une unité de style déclinée en plusieurs boutons
http://www.buttongenerator.com/ pour des menus harmonisés
http://www.makebutton.com/ dégradés
https://cooltext.com/Logos  Logos de tous types
http://www.flashvortex.com/index.php menus, boutons, bannières, horloges
http://www.bancreator.com/ bannières, gifs, posters
https://desygner.com/  tous visuels pour sites et résaux sociaux
https://www.textgiraffe.com/  créateur de logos
éditeur de graphismes : cooltext

Badges
3Dmakebadgesopenbadges designer

Trouver des icônes
thenounproject, flaticon,  icon-icons, free icons

Créer des icônes
pictotool
Emoji
Fluent emoji

Ajouter un flux rss
RSSBuilder    tutoriel

AVATAR
De nombreuses applications en ligne ou pour mobiles existent qui permettent de créer des avatars pour réseaux sociaux. Attention cependant aux pubs ou aux obligations d'inscription. Certains logiciels laissent également apparaître un filigrane ou nécessitent un retaillage de l'image. Les offres consistent à concevoir un visage ou le corps entier, élément par élément.
Certains sont issus de jeux ou dessins animés célèbres. Attention, certains sites sont identifiés comme jeux par les serveurs académiques qui les bloquent.
https://face.co/ classique, efficace.
framiq propose des avatars pour tous les goûts de différentes créatures, vampires, zombies, mangas, super-héros...

chibimaker différentes créatures.

stciqcca doll builder poupées de plein pied plutôt réalistes.
dofus les personnages du monde des douze.
Le Bouletmaton


Licence Creative Commons
Explorateurs de l'Imaginaire de Ophélie Calmont est mis à disposition selon les termes de la licence Creative Commons Attribution - Pas d’Utilisation Commerciale - Partage dans les Mêmes Conditions 4.0 International.
Fondé(e) sur une œuvre à http://explorateurs2limaginaire.wifeo.com/.

 



Créer un site
Créer un site