La Création d'un site Web

Tableau de navigation sur le sujet
1
Avant de commencer...
2
Apprendre Dreamweaver 2.0
(adaptable aussi à des versions plus récentes du logiciel)
3
Hébergement de votre site
4
D'autres ressources pour réaliser vos pages Web

Cette page repertoriant différentes ressources est réalisée par Luc Brassard, enseignant.
N'hésitez pas à communiquer avec moi pour m'aider à l'améliorer

luc.brassard@prologue.qc.ca

dernière mise à jour le
04/20/2004
mm/jj/aaaa


 

Avant de commencer son propre site Internet ...

Il est important de bien se préparer et de bien planifier notre site Internet.
Voici quelques ressources repertoriées par l'équipe de NTIC.org

Les références suivantes proviennent du site NTIC.org 

La conception et l'organisation
  • Cinéma est divisé en quatre rubriques : apprentissage, ergonomie, scénarisation, production et implantation.
  • Guide de conception pédagogique et graphique de sites éducatifs découpé en quatre volets : analyse de besoins, design pédagogique, production du matériel multimédia et interactif,  implantation et évaluation ;
Critére d'évaluation d'un site

 


 

Apprendre Dreamweaver 2.0
(adaptable aussi à des versions plus récentes du logiciel)

Voici des ressources Internet pouvant vous aider à mieux comprendre l'édition de page Web (html) en général, et aussi, des ressouces où l'on vous guide avec le logiciel Dreamweaver.

Apprendre le langage HTML
(strictement réservé aux débutants)
Ce site vous guide dans la création de votre premier site. Très bien fait! Je vous invite à visiter la section "dreamweaver" qui offre une leçon pas à pas. En plus, on y retrouve des documents téléchargeables en format .doc(ici) ou .pdf (ici). Ça vaut le détour si vous en êtes à vos débuts. Pour les gens préférant travailler avec un autre éditeur de page Web (FrontPage, WebExpert, GoLive,...), il y a également des leçons et documents à ce sujet.

" MemoClic"
(débutant et avancé)



Toutes ces leçons qui suivent au sujet de Dreamweaver sont le fruit du travail des concepteurs du
site MemoClic.com. Bravo! Travail exceptionnel! Plusieurs de ces leçons comportent des démonstrations animées.

 Dreamweaver 2 & 3

Présentation générale de l'éditeur La mise en page avec Dreamweaver
Les commandes disponibles Les palettes
Création de votre site Gestion de votre site
Vérification de vos liens Insérer une image
Plusieurs zones cliquables Une image survolée (rollover)
Les propriétés de votre page  

  Dreamweaver (Bibliothèque)
Bibliothèque - présentation générale Bibliothèque - présentation avancée

  Dreamweaver (Modèles)
Présentation Votre1ère page issue d'un modèle
Modification (légère) de votre modèle Modification (lourde) de votre modèle

  Dreamweaver (Historique / Les macros)
Créer une macros (version 3)  

  Dreamweaver (Comportements)
Qu'est-ce qu'un comportement ? Le déclencheur d'évènement
Quelques exemples de scripts Changer une image par une autre
Comment créer un menu de reroutage  

  Dreamweaver ( Feuilles de style)
Qu'est-ce qu'une feuille de style ? La création/la gestion de vos styles
Feuilles de style et liens  

 Voir aussi
Zone de téléchargement - les Editeurs HTML

Vous avez également dans le menu "Aide" du logiciel, l'option "Tutoriel" qui vous dirige au site guide du logiciel Dreamweaver (Macromédia). Ce Tutoriel est très complet.

Un site offrant des suppléments d'exercices et d'explication concernant Dreamweaver

http://www.webyo.net/dreamweaver/index.php


Hébergement de votre site

Exemple de shéma réseau (École secondaire La Camaradière)

Idéalement, c'est votre Fournisseur de services Internet qui vous offre un espace pour héberger vos pages Internet.
Cet espace disque vous est offert gratuitement avec votre abonnement... et la connexion est souvent bien plus rapide. Dans ce cas,
c'est donc lui (ou son site officiel) qui sera en mesure de vous indiquer les procédures et réglages nécessaires pour héberger votre site Web.

Les 2 plus grands fournisseurs de services Internet au Québec sont Sympatico et Videotron. Voici les pages de références vous donnant l'information et les procédures pour créer votre espace Web personnel chez ces deux fournisseurs de services:

Il y a d'autre possibilités pour héberger vos pages Internet, en voici quelques unes:

Du côté québécois:
- CyberTech offre 5 Mo gratuits pour un site personnel ou un espace indéterminé aux associations pour 10$/Mo/année. Lisez bien les conditions d'hébergement, il vous faudra accepter de mettre en évidence le logo de l'hébergeur. Ce site est très bien puisqu'il nous permet de bien travailler en "ftp" avec notre logiciel.
C'est le seul que j'ai essayé pour le moment (exemple ici).

Si vous avez besoin de plus d'espace, il est préférable de regarder tout de suite du côté des pionniers même s'ils ne sont pas québécois:
- Chez (11 Mo)
- Geocities (anglais) (11 Mo)

Il en existe plein d'autres. Si vous avez d'autres suggestions, n'hésitez pas à me les faire connaître. (luc.brassard@prologue.qc.ca)

 


Autres bonnes ressources pour vous aider dans la création de votre site Web

Malibu's Home Page : Réaliser sa page Web

Atelier - HTML 1

Atelier - HTML 2

Atelier HTML 3

Guide du langage HTML

Guide internet - Créez votre site Web

Philgate " Astuces pour son site Web "

Créer une page web en 20 leçons

WebD.org
Pour des compteurs de visites et plusieurs autres outils pour les Webmestres

Aperçu d'Anfy

Ressources visuelles pour site web et +

Images animées

Web Outils

The Iconfactory: Quality Freeware Icons For Your Mac

Cours Flash en ligne

Un autre cours Flash en ligne

PromoWeb - Ressources pour la promotion de site Internet
Pour aider à faire la promotion de site web.