Edito
Internet est devenu tellement omniprésent dans la vie de tous les jours, que ce soit pour faire ses courses, chercher un emploi, gérer ses comptes bancaires, consulter la météo ou dialoguer en ligne avec des personnes se trouvant à l’autre bout de la planète, qu’on se demande parfois comment on pouvait bien faire avant.
Avant, ce n’est pourtant pas si loin, puisque les bases du Web tel que nous le connaissons aujourd’hui, n’ont été ébauchées par Tim Berners-Lee qu’en 1990, et que ce n’est qu’à partir de la fin des années 90 que ce média a vraiment commencé à conquérir le public.
Aujourd’hui, mon épicier est sur Facebook et ma voisine de palier possède un blog sur Blogger.com.
Il est devenu pratiquement indispensable, pour le créateur d’entreprise de posséder un site Internet pour assurer sa présence sur le Web, faire connaître son activité et parfois vendre ses produits directement en ligne.
Si un projet de développement de grande envergure peut mobiliser des dizaines voire des centaines de personnes, des milliers d’heures de travail et un budget colossal, il est tout de même possible, en possédant certaines bases, de parvenir à un résultat de qualité professionnelle sans pour autant se ruiner.
Mon objectif est donc de vous guider pas à pas pour vous aider à acquérir les connaissances nécessaires à la création d’un site internet de A à Z.
En cherchant sur Google les ressources déjà existantes à destination des parfaits débutants, je n’en ai trouvé que deux qui valaient vraiment le détour : créez votre site de Salemioche et Comment faire un site.
Ces deux sites méritent le détour, même si sur le second quelques informations commencent à dater un peu et mériteraient d’être remises au goût du jour, notamment pour la partie référencement.
Partisan de l’ Open Source, mon approche de la création de site s’avère un peu différente des deux précédents sites, en ce sens que, dans la mesure du possible, les outils que je présenterai seront tous issus de l’ Open Source et qu’hormis votre nom de domaine et votre hébergement, la création de votre site internet ne devrait strictement rien vous coûter.
Les thèmes abordés seront les suivants :
- Création de nom de domaine.
- Choix d’un hébergeur.
- Le langage HTML.
- Les feuilles de style (CSS).
- Les langages de script (PHP, Python, Perl, etc)
- Le langage JavaScript.
- Les scripts de blog.
- Les CMS (gestionnaires de contenu dynamique)
- Les frameworks
- Le design
- Et plus si affinité....
N’hésitez pas à poser vos questions directement à la suite des articles, cela me permettra de mieux cerner vos attentes et à y apporter les réponses appropriées.
Articles les plus récents
par Loki
HTML, XHTML et CSS pour les nuls
par Loki
Les solutions gratuites.
Bien que l’achat d’un nom de domaine et le coût d’un hébergement basique ne représentent pas un gros investissement, je vous présente rapidement quelques solutions totalement gratuites.
Bien sûr, vous n’aurez pas votre propre nom de domaine, vous n’aurez pas non plus une totale liberté quant au design, mais un blog, un wiki ou un forum gratuit vous permettront dans un premier temps de vous familiariser avec les notions de base du webmastering.
par Loki
Quels DOCTYPES pour XHTML ?
Qu’est-ce qu’un DOCTYPE
Si vous affichez le code source d’une page web (pas de celle-ci, car SPIP utilise le HTML 4.01 et pas le XHTML), vous constaterez que la toute première "instruction", avant la balise <html> ressemble à ceci :
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>Cette instruction indique au navigateur que le code HTML contenu dans cette page respecte (ou est censé respecter) une norme décrite par une DTD (Dédinition de Type de Document), un fichier qui indique les éléments et les attributs d’un langage de marquage et leurs règles d’utilisation, dans cet exemple le fichier xhtml1-transitional.dtd consultable sur le site du W3C.
Dans une DTD XHTML, on définit par exemple que <p> est une balise autorisée, qu’elle est de type block et qu’on peut l’utiliser par exemple à l’intérieur d’un élément <div>.
par Loki
HTML : une petite introduction
A l’origine, Tim Berners-Lee voulait créer un langage servant à décrire la structure d’un document et totalement indépendant de la plateforme ou de l’outil utilisé pour l’affichage.
Il y avait donc des balises pour indiquer les titres, les sous-titres et les paragraphes, mais pas de notion de marge, de couleur, de police ou de taille des caractères. Libre aux concepteurs des navigateurs de choisir la meilleure façon d’afficher un document.
A cette époque, les utilisateurs étaient essentiellement des chercheurs et des universitaires qui s’intéressaient davantage au contenu du document qu’à la façon dont il était présenté.
par Loki
HTML : les outils de base
Editeurs HTML/XML
Pour vos premiers pas avec le langage HTML, aucun investissement nécessaire, nul besoin de logiciels chers et complexes, le “bloc-notes” de Windows (notepad.exe) suffit amplement à vos besoins, et une fois sauvegardée votre page HTML, vous pourrez la visualiser avec Internet Explorer ou Mozilla Firefox.
Lorsque vos pages commenceront à être un peu plus compliquées, un éditeur HTML comme NotePad++ ou PSPad deviendra indispensable.
