Informatique

Créer son site

Créer son site avec un éditeur graphique c'est bien pour commencer. On n'est pas encombrer par le code html, css et javascript et bien d'autres encore. Mais on est vite limité (et c'est pour cette raison que j'en bave tout le temps avec la gestion de blog alors que créer un site me gêne moins). Je vous livre ici des adresses qui m'ont aidé (liste non exhaustive) et aussi quelques mots clés qui pourront vous être utiles dans vos recherches futures.

les mots clés

html: tout simplement votre page de code que vous envoyer en publication. Attention, on voit apparaître une autre extension qui est le php. Il a pour vocation de rendre vos pages plus dynamiques mais demande plus de techniques. Je l'évoque seulement pour info. Je commence à jouer avec pour élaborer le nouveau design de mon site.
CSS: c'est tout simplement ce qui va vous permettre de définir votre design (police de caractères, espacement, couleurs, taille de simages...). Il est préférable de le mettre dans un fichier à part de le faire appeler par un lien placer de le head du fichier html. C'est le plus efficace pour modifier son design. Mais ce n'est pas toujours possible...
Javascript ou JS pour les intimes: c'est l'un des langage de programmation qui vous permet de faire des affichages dynamiques (animation, formulaires, menus). Même réflexion que pour le CSS.
Voici les 3 langages de base à avoir en tête pour créer un site propre.
Avec ceux-ci, un simple bloc note suffit mais je vous conseil un logiciel gratuit comme notepad++ ou bracketts... pour avoir une coloration syntaxique et pouvoir indenter proprement votre code et le commenter. Vous vous y retrouverez plus facilement.
head: qui designe la balise en tête du document html et que personne ne verra en ligne à moins d'aller le consulter en ligne. Il contient des informations invisibles et essentielles pour la mise en page et les moteurs de recherches.
Body:la balise où vous inserrerez le code qui rendra visible votre page web
class et id: des élements de styles interressants à connaitre. Ils permettent d'éviter certaines erreur dans la mise en forme de vos pages
display: une fonction de style qui peut être très utile mais qui est en phase d'être remplacer avec les évolusion du html et du css
attribut: un élement contenu dans vos balises et donnant des instructions d'affichage.
balise: les éléments qui vous permettent de placer vos objets sur votre page.
div: pour les bloc d'élements
table: pour les tableaux (avec les balises tr et td).
flowbox : je l'ai croisé récemment. c'est une nouvelle manière d'organiser votre page. Elle est en cours sur ce site, et me permet de moins me prendre la tête avec les alignements...
Vous trouverez sans doutes d'autres termes au cours de vos explorations. et n'hésitez pas à jeter un oeil sur le code source de vos sites favoris.

les adresses

• http://www.w3schools.com/ ce site vous permettra de vérifier la conformité de votre code html
• www.openclassroom.com un site ou vous trouverez de nombreux cours. Si vous êtes inscrits à pôle emploi vous pourrez bénéficier de l'offre premium gratuitement
• www.zonecss.fr
• http://www.css-faciles.com/couleurs-css.php encore du CSS
• comment ca marche
• https://www.youtube.com/channel/UCXh7ir_sZ8TH2-RIfMXS3Yw
Comme vous pouvez le constater, il y a surtout du CSS, car il concerne la mise en forme de base de votre site et permet de faire des petits trucs sympas en attendant de progresser. Javascript demande un peu plus de temps pour être assimilé. Mais vous pourrez très rapidement vous en servir si vous trouvez de bon tutos. N'hésitez pas à me contacter. Je pourrais toujours relire votre code, vous faire quelques recherches sur une fonctionnalité que vous aimeriez introduire sur votre site, si je cerne bien votre demande...

C'est l'un des deux livres que j'ai à ma disposition concernant la programmation (et oui créer un site web c'est faire de la programmation). La plupart des livres pour les nuls concernant l'informatique ont l'avantage d'être très pédagogiques et d'aller pas à pas. Petit bémol, on est obliger de se fixer par thème.
Cet exemplaire la création d'un site dans son ensemble, ce qu'il faut savoir avant de se lancer dans l'aventure. Vous aurez très peu de notion de codage dans ce livre.
Ce que vous trouverez
- La différence entre le "mode graphique"(Vous voyez ce que vous faites) et le mode "script" (vous écrivez le script sans voir le résultat immédiatement)
- des explications sur la conception globale d'un site (déterminer votre charte graphique, quel type de site vous allez créer>commercial, vitrine...)
- comment faire référencer votre site (de manière générale)
-et bien d'autres choses...
Comme vous pouvez le constater, il reste très global dans son approche. C'est un premier pas que je trouve interessant d'entreprendre car il vous oblige à vous quetionner concrètement sur ce que vous voulez faire, avant de le réaliser.

C'est l'un des deux livres que j'ai à ma disposition concernant la programmation (et oui créer un site web c'est faire de la programmation). La plupart des livres pour les nuls concernant l'informatique ont l'avantage d'être très pédagogiques et d'aller pas à pas. Petit bémol, on est obliger de se fixer par thème.
Cet exemplaire concerne les base de la création d'un site web, important (à mon sens) à connaître quand on se lance, même avec un mode graphique.
IL ma permis de reprendre posément les bases que j'avais déjà et même d'aller un peu plus loin dans mon exploration.
Il explique les ordres de priorité, comment organiser son document, l'architecture des dossiers et fichiers de votre site.
Bien sur il ne s'agit que de bases, mais je trouve qu'il est déjà très complet, surtout pour un débutant. J'admet avoir eu du mal avec leurs explications sur les boucles... C'est pour cette raison que je ne me contente jamais d'un seul document, je fouine énormément sur le net à partir des mots clés trouvés dans les livres, justement....

Python est un langage de programmation plus évolué que je n'utilise pas encore.
Pour être honnête, je vais l'apprendre cette année. Il permet d'aller plus loin dans la programmation. Ce langage est intéressant car il est également un support pédagogique pour l'enseignement des mathématiques et ceci dès le collège.
Ayant à coeur de mieux comprendre mes cours d'algorithmiques, j'ai chercher un manuel pouvant m'aider avec un langage plus concrêt. Et il se trouve que je vais l'étudier lors de ma deuxième année de master en Traitement Automatique de la Langue. Si j'ai choisi ce livre, c'est parce qu'en parallèle de ses explications, il propose des exercices d'application. Il permet de pratiquer en même temps via un logiciel.
Vous commencez avec des commandes très sommaire pur ensuite les augmenter au fur et à mesure de votre progression pour réaliser des mini-programmes. Je n'en suis qu'au début mais j'admets avoir pas mal accroché à la manière de faire.