Créer sa première page internet

Créer sa première page web est trés simple, nous allons dans ce petit tutoriel voir les 3 étapes qui permettent rapidement et efficacement de démarrer son site internet :


Ma Page Web





créer un repertoire




   Création d'un repertoire de travail pour votre projet de site internet

 ouvrir un fichier

   Ouverture d'un nouveau fichier correspondant à votre première page web
 éditer votre page
   Edition du fichier pour insérer le contenu de votre première page web

Nous allons commencer par créer un Dossier de travail dans lequel nous mettrons tous les fichiers correspondants à notre site web. Pour cela ouvrez votre gestionnaire de fichiers (celui qui vous sert à voir la liste de vos documents). la ou cela vous convient cliquez sur le bouton droit de la souris et choisissez Nouveau (ou New en anglais ) et Dossier (Folder en anglais).


Vous voyez apparaitre un nouveau dossier, il vous reste à changer le nom

le mien s'appelera site

 






je le vois bien à la racine de mon disque dur







de la même façon que nous avons créer notre repertoire nous allons créer un document (Nouveau Document en français, Text Document en anglais)


La première page d'un site web s'appelle traditionellement index.htm.
Attention: Il est important de bien mettre les noms en minuscule, cela à de l'importance lorsque vous voudrez publiez votre site sur internet. index est bon, mais Index, INDEX... ne le sont pas.




Attention: si vous avez correctement saisi index.htm, vous devez avoir le petit icone de internet explorer qui s'affiche devant le nom du fichier, si ce n'est pas le cas, c'est que votre gestionnaire de fichiers est configuré pour ne pas montrer les extensions de fichier (il a ajouté .txt à la fin du nom mais vous ne le voyez pas, pour y remedier, rendez vous dans le menu Outils/Options... et deselectionnez la case Masquer les extensions de fichier) Nous allons a présent éditer la page que l'on vient de créer (pour le moment, elle est vide), pour cela nous avons besoin d'un éditeur de texte comme le bloc-note (notepad en anglais). Dans le menu Démarrer de windows, vous allez trouver le menu "executer..."



tapez notepad



Une fois le notepad ouvert, allez dans le menu fichier, et ouvrez index.htm

il ne vous reste plus que a saisir le texte ci dessous.

Sauvez.

Pour vérifier que votre page à bien été créée, double-cliquer sur le fichier index.htm. Internet Explorer (ou votre navigateur internet par défaut) va s'ouvrir et vous pourrez voir votre page.


 

Tutoriel html pour créer son site web sur internet

Un document html est un fichier texte tout ce qu'il y a de plus classique, vous pouvez donc utiliser un éditeur de texte comme le notepad, vim, emacs pour éditer votre fichier. Afin de présenter votre document il existe plusieurs tags pour mettre en forme votre texte, par exemple : <b>ce texte est en gras</b>. Ainsi lorsque vous encadrez un texte avec le tag b le texte est en gras.

Tous les tags html sont formés de la même façon, la commande est encapsulée entre un < et un > pour démarrer et encapsulée entre un </ et un > pour la terminer.

La structure de départ d'un document html est toujours la suivante:
<html>

  <head>
  </head>
  
  <body>
  </body>
  
</html>
Le tag html indique que ce document est de l'html, le tag head renferme des informations sur le document qui sera contenu dans la section body.

Pour plus d'infos sur la section head rendez vous ici ou vous trouverez un descriptif des tags meta qui permettent de décrire votre document.

le tag body défini donc la partie principale de votre document, c'est ici que sera écrit le texte de votre page ainsi que les références de vos images.
Vous allez en tapant votre texte avoir besoin de quelques tags qui vont vous permettre de mettre en forme et de présenter votre document, voici quelques tags indispensables:
  • h1, h2 .. h6 : ces tags permettent de modifier la taille de votre texte, du plus gros h1 au plus petit h6.

  • b : pour écrire en gras

  • font : pour changer la taille (eg: <font size=+2> ) ou la couleur (eg: <font color=red> )

  • div : pour centrer un texte (eg: <div align=center> )

  • p : permet de définir un paragraphe

  • pre : la présentation du texte contenu dans une section pre ne sera pas modifiée, en effet en html une succesion de blanc ou de retour à la ligne sera considérer comme un seul blanc sauf a l'intérieur d'une section pre, cela est très pratique pour présenter un code de programme

n'oubliez pas de toujours refermer un tag ouvert ( eg: </font> ). Pour plus d'infos sur les tags de présentation c'est ici et ici Pour egayer votre site il est indispensable d'y faire apparaitre des images (mais pas trop), pour afficher une image au milieu de votre texte c'est très simple, il suffit d'insérer la ligne suivante : <img src="nom du fichier">.

Si cette ligne est particulièrement simple, il est néanmoins important d'y ajouter deux paramètres pour optimiser l'affichage dans le navigateur : la hauteur et la largeur, ce qui donne finalement :
<img src="nom du fichier" height="hauteur" width="largeur" >.


C'est maintenant que ça se gate, lorsque vous souhaitez avoir une mise en page un peu sympa, le mieux c'est d'utiliser des tableaux.

Un petit exemple:
 
<table width="80%"> <tr> 
   <td valign=top> cell 1 </td>
   <td align=center> cell 2 </td> </tr> 
   <tr>  cell 3 </td> 
    </tr> 
</table>


ce qui donne :
cell 1 cell 2
cell 2
cell 2
cell 3


Explications : le tag table permet de débuter un tableau, tr une ligne et td une cellule. Les attributs intéressants sont width pour table et td pour donner la largeur du tableau par rapport à la page ou de la cellule dans la ligne.
border permet de spécifier la bordure des cellules, par défaut il n'y en a pas ( i.e: border=0 ).
valign et align permettent de gérer l'alignement vertical et horizontal.

l'attribut colspan specifie que la cellule aura la largeur de deux cellules des autres lignes. ( rowspan s'utilise de la même manière pour les colonnes )
Les framesets permettent de diviser une page en plusieurs parties, pour ensuite insérer dans chaque partie une page à part entière.

Exemple :
<frameset cols="100,*">
  <frame name=menu src="menu.html">
  <frame name=princ src="princ.html">
</frameset>
Dans un fichier ( généralement index.html ), on met le code ci dessus. Cela permettra de séparer la page avec une colonne de 100 pixels à gauche et le reste a droite. A gauche figure le contenu du fichier menu.html, à droite princ.html.

Chaque frame a un nom, ce qui permet lorsque vous faites un lien d'afficher le résultat dans la frame ad hoc ( voir section suivante ).
Pour séparer la page dans la hauteur, utilisez l'attribut rows à la place de cols L'une des particularités d'un document web est de pouvoir cliquer sur une partie de texte ou une image et d'être renvoyé vers une autre page, c'est un lien.

Pour cela il suffit d'encadrer le texte ou l'image avec le tag a:
<a href="page_suivante.html">vers la page suivante</a>

Un attribut utile est target, il permet de spécifier ou la page pointée sera affichée, ex: target=princ affichera le résultat du lien dans la frame ou la fenêtre princ.

Attention si vous voulez faire un lien vers un autre site n'oubliez pas de mettre l'addresse complète, c'est à dire précédée de http:// , ex:
<a href="http://chel7.blogspot.be/">Tutoriel html pour créer son site</a>.
 

Créer un site ,beau, dynamique et respectueux des standards

Voici une liste de liens qui vous aideront à mieux exploiter les standards (HTML, CSS, DOM...) pour créer des sites plus beaux, plus dynamiques et plus respectueux des standards.
A la fin de cette page, il y a également une liste de validateurs.


  • Liens
    • En français
      • A lire sur CCM
    • En anglais
  • Compléments
    • Validateurs de codes
  • A lire aussi: Exemple de site web dynamique



Liens


En français


openweb.eu.org
Ce site vous expliquera les normes du W3C et leur intérêt (avec de très nombreux exemples). Par exemple, il vous montrera comment créer pas à pas un menu dynamique (qui fonctionnera sous tous les navigateurs).

www.allhtml.com
Un grand classique avec de nombreuses astuces et références.

Les erreurs de conception de site web à éviter à tout prix :
sebsauvage.net

Comment créer un site dynamique.
Créer un site dynamique

A lire sur CCM



En anglais


www.alistapart.com
De nombreux articles sur des astuces pratiques pour vos sites web (comment faire des menus, des CSS spécifiques pour l'impression, etc.) :

www.csszengarden.com
(Version française )
Une démonstration magistrale sur l'utilisation des CSS.
Cliquez sur un des styles proposés : la page HTML reste la même, seule la feuille de style change.
Cela vous montre toute la puissance des CSS.

www.w3schools.com
Littéralement "l'école du W3C".
De nombreux cours pour apprendre à se servir des CSS, DOM, etc.
Contient des exemples très pratiques et très basiques.

Voici quelques règles à respecter pour faire un site qui soit clair.
(Il s'agit d'un livre consultable entièrement en ligne).
Il vous donnera des conseils et des trucs pour améliorer l'ergonomie, la clarté et la lisibilité de votre site.

Top Ten Mistakes in Web Design

Compléments


Vous pouvez avoir un aperçu des différences de rendus entre les divers navigateurs internet via les captures d'écran :


Validateurs de codes


validator.w3.org/ validator.w3.org
Le "W3C Markup Validation Service". Ce site vous permettra de soumettre une url ou d'envoyer une page web afin de vérifier si les standards du web y sont respectés...
Vous pourrez retrouver aussi cette analyse automatique dans l'extension "web developer" du navigateur Firefox (voir l'onglet Validation une fois installé) :
www.chrispederick.com

Un validateur très performant.

validateur.ca/ Un validateur html multipages, très pratique pour vérifier toutes vos pages en une seule fois. Cependant, il ne supporte pas plus de 200 pages. En français.

jigsaw.w3.org/css-validator/ Le validateur de W3C

Cette analyse est également disponible avec l'extension WebDeveloper.

www.w3.org/RDF/Validator/ Le validateur Rdf, encore du W3C.


validateur-accessibilite.apinc.org/index.php Un validateur d'accessibilité

--> source http://www.commentcamarche.net
 

Créer un site internet



  • Faire un site
  • Créer son site et ses propres pages
    • Coder "à la main" la page HTML
    • Logiciels WYSIWYG
    • Modèles préconçus à adapter
  • Mettre le site en ligne
    • Hébergeurs
    • Transférer le site (logiciels FTP)
  • Référencement du site
  • Conclusion
  • A lire aussi: Créer un site internet



Faire un site


Avant de commencer à créer techniquement son site internet, il est conseillé de réfléchir préalablement à son concept, à son coût (prestataire ou pas) ainsi qu'aux obligations légales. Nous vous invitons donc à consulter cette astuce sur la création de site web qui grouille d'informations générales intéressantes.

Abordons désormais la thématique de cet article : Créer son site internet.

Créer son site et ses propres pages


Pour créer un site Internet, on a deux solutions, voire trois :

Coder "à la main" la page HTML


Pour cela, il faudra au préalable apprendre le langage HTML au minimum mais fort heureusement, on trouve vraiment beaucoup de didacticiels sur le net. Pour coder, nous aurons besoin du bloc-notes Windows (ou autre bloc-notes) et d'un explorateur pour voir le travail rendu. Voici quelques liens pour apprendre à coder :


Bon, bien sûr, c'est un peu fastidieux ...

Vous aurez besoin de logiciels permettant l'édition de code :


Passons à la deuxième méthode...

Logiciels WYSIWYG


Il existe des logiciels appelés logiciels WYSIWYG (what you see is what you get), qui codent à notre place, ce qui ne doit pas vous empêcher d'apprendre un minimum de notions sur html pour ne pas avoir de mauvaises surprises! Avec ces logiciels, on place le texte et les images, et le logiciel génére le code HTML correspondant en même temps. Il nous facilitera aussi le travail pour l'insertion d'animations ou de scripts. Il y a par exemple :


Et en WYSIWYG gratuits, nous pouvons citer :



Vous pouvez aussi consulter cet article sur les éditeurs à éviter et ceux à conseiller :


Et pour finir sur les WYSIWYG, il existe de nombreux sites avec des didacticiels, en voici un en exemple :


Enfin, il reste la possibilité de construire son site en ligne... ce sera notre troisième solution.

Modèles préconçus à adapter


En effet, tous les hébergeurs ou presque proposent des aides en ligne pour réaliser un site, et ce, avec des modèles préconçus entre autre, pour une liste des hébergeurs cf. 4°)

Ces modèles se nomment les CMS (littéralement : gestion de contenu). Par exemple, on a différents exemples de moteurs de blogs faisant office de CMS, comme Wordpress, Joomla, ou PluXML.

Mettre le site en ligne


Hébergeurs


Une fois le site créé, il faut l'héberger sur le net. Pour un petit site personnel, il existe les pages persos ou les hébergeurs gratuits. Les pages persos sont hebergées par le FAI (= fournisseur d'accès). Pour cela, il faut chercher dans la rubrique "Mon compte" de la page d'accueil. Pour les autres méthodes d'hébergement gratuit, souvent avec des publicités mais pas tous, voici quelques liens :
  • free (1Go (extensible à 10Go) + email gratuit et sans pub, le meilleur hébergeur gratuit pour le moment)
  • chez.com appelé aussi chez.com (100 mo + email - popups de pubs à chaque clic sur un lien)
  • multimania (50 mo + email - popups de pubs et cadre de pub fixe a gauche)
  • ifrance (avec beaucoup de pub)


Voici un article proposant de bons hébergeurs gratuits :


Complément ici :


Transférer le site (logiciels FTP)


Une fois l'hébergement fait, il faut "uploader" le site, le mettre en ligne. Pour cela, on a besoin d'un client FTP qui permettra la connexion à notre espace chez cet hébergeur, et de mettre en ligne les fichiers :


Je conseillerais néanmoins celui-ci car il est assez bien et surtout gratuit :

Pour connaître les coordonnées du compte FTP, il nous faudra fouiller l'espace des pages persos ou la partie "webmaster" de l'hébergeur :o) (exemple d'un espace chez Free : support.free.fr/web/ Via cette page, on en trouve des similaires chez tous les hébergeurs et pour toutes les pages persos. On peut activer ses pages personnelles, apprendre à créer un site, réaliser des parties membres, des compteurs, etc ... et aussi avoir les coordonnées du compte FTP)

Référencement du site


Ensuite il faut référencer le site et pour cela, le premier point, ce sont les balises méta :

Voir :



Puis, deux solutions :


Conclusion


Avec ceci on devrait arriver à créer son premier site. Bonne chance ;)
-->


Ce document intitulé « Créer un site internet » issu de CommentCaMarche (www.commentcamarche.net) 
 

Choisir un hébergeur payant ou gratuit

Afin de trouver l'hébergement adapté à vos besoins, il vous faut définir des critères en fonction de votre site. En effet, tous les hébergeurs ne fournissent pas les même prestations, et il serait inutile de payer un hébergement sophistiqué si le site à héberger ne possède que quelques pages web statiques en HTML simple (sans PHP, MySQL, ASP, etc...). De très bons hébergeurs gratuits remplissent très bien ces fonctions.

Sommaire



  • Hébergeurs payants
    • 1and1
    • Easy Hebergement
    • e-Hosting
    • FranceServ
    • Free-H
    • Gandi
    • Ikoula
    • Infomaniak
    • LWS
    • MavenHosting
    • Netissime
    • Online
    • OVH
    • PlanetHoster
    • RedHeberg
    • Rezoo
    • trusttelecom
    • Web4All
    • Webou Pro
    • Host-Stage
  • Hébergeurs gratuits
    • 11VM-Serv
    • Association Toile-Libre
    • ByetHost
    • FirstHeberg
    • Free
    • FreeWeb7
    • Kappatau
    • LesCigales
    • MonHébergeur
    • OLikeOpen
    • Olympe Network
    • RedHeberg (offre gratuite)
    • Webou
  • Lien utile : RHIEN



Hébergeurs payants


Vous trouverez ci-dessous de bons hébergeurs payants (par ordre alphabétique)

1and1

  • Hébergeur et registar (possibilité d'acheter un nom de domaine)
  • Testé par la communauté
  • Offre de base :
    • 2,5Go d'espace disque
    • 10 Comptes emails de 2Go
    • 1 Nom de domaine
    • 1 Base de données Mysql
    • 1,99€ par mois
  • PHP (avec mail() ), Perl, Python, C
  • ASP/ASP.net sur certaines offres
  • Trafic illimité pour toutes les offres
  • Outils de création de site en ligne
  • http://commander.1and1.fr/xml/order/Hosting


Easy Hebergement

  • Hébergeur et registar (possibilité d'acheter un nom de domaine)
  • Testé par la communauté
  • Offre de base :
    • 5Go d'espace disque
    • 5 Comptes emails de 100Mo
    • 1 Nom de domaine
    • 1 Base de données Mysql 50Mo
    • 1,99€ par mois
  • PHP (avec mail() ), Perl, Python, C inclus dans toutes les offres
  • Trafic illimité pour toutes les offres
  • http://www.easy-hebergement.fr/hebergement-professionnel


e-Hosting

  • Offre de base :
    • 30Go d'espace disque
    • Comptes emails illimités
    • Bases de données MySQL illimitées
    • 1€ par mois
  • PHP 5 (avec mail() ) inclus dans toutes les offres
  • Trafic illimité pour toutes les offres
  • http://e-hosting.fr/hebergement.php


FranceServ

  • Testé par la communauté
  • Offre de base :
    • 500Mo d'espace disque
    • 50Mo d'espace pour les comptes mails
    • 5 Bases de données MySQL avec 100Mo d'espace
    • 20Go de trafic par mois
    • 1,50€ par mois
  • PHP 5 (avec mail() ) inclus dans toutes les offres
  • http://www.franceserv.fr/


Free-H

  • Testé par la communauté
  • Offre de base :
    • 500Mo d'espace disque
    • 10 Comptes emails
    • 3 Bases de données MySQL
    • 1,67€ par trimestre
  • PHP 5 (avec mail() ) inclus dans toutes les offres
  • Trafic illimité pour toutes les offres
  • http://www.free-h.org/catalogue/liste/payant


Gandi

  • Hébergeur et registar (possibilité d'acheter un nom de domaine)
  • Infrastructure Cloud
  • Serveur cloud de base:
    • 256Mo de RAM
    • 8 Go de disque utilisable en RAID
    • 1 coeur CPU
    • 12€ par mois
    • Tout langage compatible Unix disponible (PHP, Python, Perl, C, Ruby...)
  • Pas d'hébergement 'mutualisé'.
  • http://www.gandi.net/hebergement/serveur


Ikoula

  • Hébergeur et registar (possibilité d'acheter un nom de domaine)
  • Testé par la communauté
  • Offre de base :
    • 1 Go d'espace disque
    • 10 Comptes emails
    • 1 Nom de domaine
    • 1 Base de données Mysql
    • 1.99€ / mois
  • PHP (avec mail() ), ASP inclus dans toutes les offres
  • Trafic illimité pour toutes les offres
  • http://www.ikoula.fr


Infomaniak



LWS

  • Hébergeur et registar (possibilité d'acheter un nom de domaine)
  • 25Go d'espace disque (Offre de base)
  • 10 Comptes emails de 2000 Mo
  • 1 Nom de domaine
  • 1 Base de données Mysql 25 Mo
  • Logiciels de création de site ( Joomla, Wordpress etc )
  • 1,49€ ht par mois
  • PHP 5.2 et 5.3 (avec mail inclus dans toutes les offres)
  • Trafic illimité pour toutes les offres
  • http://www.lws.fr/


MavenHosting

  • Testé par la communauté
  • 75 Go d'espace disque.
  • Trafic illimité (aucune limite pour transférer vos données).
  • Nom de domaine offert.
  • Comptes emails illimités
  • Bases de données MySQL illimitées
  • PHP, CGI, Perl, RoR inclus dans toutes les offres
  • 4,99€ par mois
  • http://www.mavenhosting.com/


Netissime

  • Testé par la communauté
  • Hébergeur et registar (possibilité d'acheter un nom de domaine)
  • Offre de base :
    • 10Go d'espace disque
    • 10Go de trafic par mois
    • 1 Compte emails
    • Pas de base de données
    • 2,99€ par mois
  • PHP 5 (avec mail() ) inclus dans toutes les offres
  • http://hebergement.netissime.com/


Online



OVH

  • 1er hébergeur français
  • Hébergeur et registar (possibilité d'acheter un nom de domaine)
  • Testé par la communauté
  • Offre de base :
    • 25Go d'espace disque
    • 10 Comptes emails de 2Go
    • 1 Nom de domaine
    • 1 Base de données Mysql 25Mo
    • 1,99€ par mois
  • PHP (avec mail() ), Perl, Python, C inclus dans toutes les offres
  • Trafic illimité pour toutes les offres
  • Possibilité d'installation automatique Wordpress (blog), Joomla (Site), ZenPhoto (Galerie photo), PHPbb (forum), Prestashop (solution e-commerce).
  • Offre de serveur dédié (virtuel ou physique)
  • http://www.ovh.com/fr/hebergement_mutualise/


PlanetHoster

  • Offre de base :
    • 10GB d'espace disque
    • 250GB de trafic
    • Nombre de comptes mail illimité (espace restreint à celui de l'hébergement)
    • Nombre et taille des bases de données MySQL illimités
    • 2.99/mois pour un engagement d'un an
  • PHP 4&5, support SSH/SSL, antivirus, CGI, Perl... pour toutes les offres


RedHeberg

  • Offre de base :
    • 5Go d'espace disque
    • 25Go de trafic par mois
    • 10 Compte email
    • Base de Données : 5
    • 1,00€ par mois
  • installation de CMS automatique
  • http://www.redheberg.com/


Rezoo



trusttelecom



Web4All

  • Offre de base :
    • 1Go d'espace disque
    • 25 Compte emails
    • 5 bases de données MySQL
    • 1,50€ par mois
  • PHP 5, Perl, Python dans toutes les offres
  • Trafic illimité pour toutes les offres
  • http://www.web4all.fr/


Webou Pro



Host-Stage

  • Offre de base :
    • 10Go d'espace disque
    • trafic par mois illimité
    • Comptes emails illimités
    • $3.99 par mois
  • PHP 5 et MySQL dans toutes les offres (PHP / MySQL/ Perl/ Python/ Ruby ... )
  • Nombreuses options et installation de CMS automatique
  • http://www.host-stage.net/


Hébergeurs gratuits


Pour la plupart, sans publicité ; ces hébergeurs réalisant un travail bénévole et leurs ressources n'étant pas illimitées, il se peut que les inscriptions chez certains soient temporairement fermées.

11VM-Serv

  • Français
  • 20 Mo à 1000 Mo, trafic mensuel illimité
  • Bande passante 100 Mbps
  • Pas de publicité, sauf pour l'offre à 1000 Mo
  • PHP et MySQL
  • Gestion des noms de domaines
  • Sous domaine de type http://vous.11vm-serv.net
  • http://www.11vm-serv.net


Association Toile-Libre

  • Français
  • 1 Go d'espace disque, extensible sur demande.
  • Trafic illimité dans la limite du raisonnable
  • Pas de publicité.
  • PHP et MySQL
  • Canal IRC
  • Gestion des noms de domaines
  • Sous domaine de type http://votresite.toile-libre.org
  • http://www.toile-libre.org


ByetHost

  • Anglais
  • 1 Go d'espace disque
  • 50 Go de transfert Mensuel
  • Possibilité d'ajouter 5 Noms de domaines, 5 Sous-domaines et 5 domaines stationnés
  • PHP/MySQL
  • Record MX
  • Comptes POP illimité
  • CPanel
  • Pas de Pub
  • http://www.byethost.com


FirstHeberg

  • Français
  • 2 Go d'espace disque
  • Transfert illimité (pour un usage normal)
  • PHP 5.2/ MySQL 5.0 (nombre de bases Mysql illimité)
  • Sous domaines
  • Publicité obligatoire
  • Possibilité d'ajout d'un domaine externe
  • http://www.firstheberg.com/offres/gratuit.php


Free



FreeWeb7

  • Des Etats-Unis
  • 7 Go d'espace disque
  • 70 Go de transfert de données
  • PHP 5
  • 7 Bases de données MySQL
  • Sous domaines/Nom de domaine
  • Panneau de contrôle en ligne
  • Pas de publicité
  • FreeWeb7


Kappatau



LesCigales



MonHébergeur

  • 200 Mo de d'espace web
  • 5 Go de transfert
  • Bande passante 100 Mbps
  • Sans publicité
  • PHP
  • CGI-BIN
  • 1 Base de donnée MySQL
  • Ajout de nom de domaine illimité
  • Sous domaine gratuit
  • https://www.monhebergeur.com


OLikeOpen

  • 10 Go d'espace web
  • Transfert limité
  • 100 Go de bande passante
  • PHP
  • 10 Bases de donnée MySQL
  • 10 Ajout de domaine
  • 10 Ajout de sous-domaine
  • 10 Ajout de domaine garé
  • PHP Sendmail activé
  • Installation automatique des scripts
  • Panneau de configuration cPanel
  • Gestion des DNS
  • Site en Anglais mais support Français disponible
  • http://www.olikeopen.com


Olympe Network

  • Testé par la communauté
  • Français
  • Sans publicité
  • PHP 5.3, MySQL 5.5, PostgreSQL 9.0
  • Jusqu'à 1Go d'espace disque
  • Jusqu'à 20 bases de données MySQL
  • Trafic et bande passante illimités
  • Jusqu'à 100 noms de domaines
  • Comptes mails et redirections
  • Installations automatiques
  • Statistiques détaillées
  • https://www.olympe.in/


RedHeberg (offre gratuite)

  • Testé par la communauté
  • Sans publicité
  • limité à une offre par personne
  • Bande passante : 5 Go/mois
  • 200 Mo de stockage
  • 1 base de données MySQL
  • 1 comptes FTP
  • 1 adresses eMail
  • http://www.redheberg.com/


Webou

  • Français
  • 3 Go de transfert
  • 50 Mo de stockage
  • PHP / MySQL
  • Un sous domaine fourni par défaut mais possibilité d'utiliser son propre nom de domaine.
  • http://www.webou.net/
  • Webou dispose de plusieurs offres. Celle-ci est la standard.


Lien utile : RHIEN


Le RHIEN n'est pas un hébergeur, mais il regroupe de nombreux hébergeurs gratuits "personnels", c'est-à-dire le plus souvent gérés par un particulier (une seule personne) passionné(e).
Source :  http://www.commentcamarche.net
 

Logiciels gratuit pour créer son site web


 Vu le nombre de demandes pour créer un site, voici une liste de freewares sous Windows pour ne   pas être dans l'illégalité..

 

  • Éditeurs WYSIWYG
  • Éditeurs de code
  • Client FTP
  • Graphisme et retouche d'images
  • Graphisme de style FLASH
  • Édition audio
  • Serveur web
  • A lire aussi: Logiciel de creation de site web

  •  

    Éditeurs WYSIWYG

    • un graticiel français : Mathiza Sublime
    • open-source, remplace NVu : KompoZer
    • une application open-source au développement abandonné : Nvu
    • l'ancien du W3C, open-source : Amaya
    • Nouveau, mais pas encore finalisé (beta): BlueGriffon
    • Un projet opensource propulsé par ... Google : MooEditable


    Éditeurs de code



    Client FTP



    Graphisme et retouche d'images

    • un incontournable, : The Gimp
    • un autre freeware français, : Pixia
    • Dessin vectoriel (style Illustrator) : Zoner Draw 3 (Anglais, déroulez le menu Zoner Draw 4 pour y avoir accès)
    • un autre pour le dessin vectoriel, : DrawPlus4 (Anglais)
    • Un autre logiciel de dessin vectoriel, capable d'exporter au format bitmap (PNG et autres) et vectoriel (SVG et autres): Inkscape
    • Un logiciel de dessin vectoriel, relativement simple et complet : XFig
    • Un autre excellent logiciel de dessin vectoriel, mais gratuit uniquement sous Linux (payant sous Windows): Xara LX
    • Logiciel de dessin vectoriel pour la création de schémas, gratuit :


    Graphisme de style FLASH

    • DrawSWF (Ne possède pas toutes les fonctions de Flash mais peut dépanner pour de petites animations).
    • JGenerator (Beaucoup plus complet, mais fonctionne à partir de Templates créées dans Flash).
    • E-Anim (Permet de faire des animations en Java, très simple à utiliser).
    • Powerbullet Presenter (Permet de créer des animations Flash simples).


    Rappel : Flash est quand même disponible en version gratuite limitée à 30 jours (toutes les fonctions sont disponibles).

    Édition audio


    Serveur web
    • EasyPHP : Apache+MySQL+PHP = tous vos scripts en local
    • WAMP Server
    • XAMPP : Apache+MySQL+PHP+Perl = tous vos scripts en local, :
    --> Source: http://www.commentcamarche.net
     

    Créer un Site Web Gratuit

    Les petites entreprises, les artistes ou certains blogueurs ne peuvent quelques fois pas consacrer de temps à la création d’un site Web. C’est pourquoi, en fouinant là où il faut, vous pouvez trouver des aides à la création de site. Facilité, simplicité et rapidité sont les maîtres mots de ce genre de ressources. Vous allez voir qu’en à peine 5 minutes, vous aurez créer un site Web fonctionnel.
    Voici les ressources pour créer un site Web gratuit
    creer site web 5 ressources pour créer un site Web gratuit

     

    1. Weebly

    Éditer en « glisser & déposer », 100 thèmes professionnels, assistance rapide et efficace, galeries photos et diaporamas, lecteurs vidéo et audio, statistiques de trafic détaillées, etc.

     

    2. Edicy

    Simple et épuré, mais riche de fonctionnalités. Site marchand ou personnel. Gratuit ou 6€ par mois.

     

     3. Wix

    Permet de simplifier la création de site Flash et de contenus Web de grande qualité. Wix propose un éditeur par glisser-déposer.


     

     

     

     

     

     

     

    4. uCoz

    uCoz propose la création rapide de votre site Web avec des options intéressantes comme : l’intégration avec les services Web populaires, des modules, des Widgets ou encore des modèles de sites.

     

    5. Moonfruit

    Moonfruit est un éditeur qui propose et intègre des centaines de conceptions que vous pouvez personnaliser. Le panneau de contrôle est robuste avec des outils pour modifier et d’ajouter des graphiques, des images, du contenu et des widgets.




     6.Wix
     Créez un site pro en quelques minutes grâce à notre éditeur intuitif.





      


    7. 123website
    Simple et rapide – l'outil de création de site le plus populaire du monde, sans publicités et vous permettant d'obtenir votre propre nom de domaine






     Connaissez-vous des sites similaires ? Quelles ressources utilisez-vous pour créer un site Web gratuit ?
     
    Powered By Blogger
    ©Taabicht. Fourni par Blogger.

    Translate