TutoHtml.com http://www.tutohtml.com Trouver la meilleure solution pour créer votre site internet Wed, 03 Apr 2013 08:41:56 +0000 fr-FR hourly 1 Choisissez l’hébergement pour votre site http://www.tutohtml.com/hebergement/heberger-votre-premier-site.html http://www.tutohtml.com/hebergement/heberger-votre-premier-site.html#comments Wed, 12 Sep 2012 01:51:55 +0000 http://www.tutohtml.com/?p=725 Vous avez fini la réalisation de votre site web ou vous avez opté pour l’utilisation d’un CMS telque wordpress et avez choisi votre thème ou fait faire un.

Maintenant, il y a vous falloir trouver une maison pour votre site, c’est à dire l’hébergement.

Vous avez le choix entre 3 offres. Votre choix dépendra de vos besoins:

Les serveurs mutualisés

Le principe est que sur un même serveur, l’hébergeur installera plusieurs de site. Vous aurez votre propre accès.

Pour un petit site personnel: le serveur mutualisé suffira amplement.

Donc on mutualise l’espace disque entre plusieurs utilisateurs pour diminuer le coût.

Le prix est certainement le plus abordable. Vous trouverez des offres entre 1€ et des dizaines d’euros par mois.

Pour lire la suite de cet article,
vous devez être membre de ce blog.
Déjà membre ? Connectez-vous :

Please Login or Register for access.
Pas encore inscrit ? Inscrivez-vous !

Mot de passe perdu ? Cliquez ici…

Related Posts

  1. Choisissez la police de caractère gratuite de votre site avec Google Web Fonts
YARPP
]]> http://www.tutohtml.com/hebergement/heberger-votre-premier-site.html/feed 4 Les liens hypertextes : le lien interne http://www.tutohtml.com/html-css/tuto-html/les-liens-hypertextes-le-lien-interne.html http://www.tutohtml.com/html-css/tuto-html/les-liens-hypertextes-le-lien-interne.html#respond Wed, 05 Sep 2012 13:00:13 +0000 http://www.tutohtml.com/?p=1097 Cet article est le 3 de 3 dans la serie Le lien HTML

lien interneLe lien interne ou encore lien local pointe vers la même page ou une autre page du site.

Lien sur la même page : créer une ancre

Les ancres permettent de se déplacer dans la page html sans avoir à faire glisser la page. Elles deviennent indispensables dans les pages web très longues.

Pour créer une ancre, il va falloir définir une ancre (la cible) auquel on va associer un lien.

1 . Définir l’ancre (la cible du lien)

<a name="top"></a>

Il n’est pas obligatoire d’ajouter un texte entre les balises. Le nom ne doit pas contenir ni d’espaces, ni d’accents, ni de caractères spéciaux

2 . Associer un lien à l’ancre

<a href="#top">top</a>

Ce lien va renvoyer à l’ancre « top ».

Exemple de code

<html>
 <head></head>
 <body>
  <a href="#top">top</a>
  <p><a name="top"></a>Le texte de mon site</p>
 </body>
</html>

3 . Associer un lien à une ancre d’une autre page

<a href="nomdufichier.htm#top">Texte de mon lien</a>

4 . Associer un lien à une ancre d’un autre répertoire

<a href="monrepertoire/nomdufichier.htm#top">Texte de mon lien</a>

Lien vers une autre page de votre site

Dans le même répertoire

<a href="nomdufichier.html">Texte de mon lien</a>

Le texte « Texte de mon lien » renvoi vers la page html « nomdufichier.html »

Dans un autre répertoire

<a href="monrepertoire/nomdufichier.htlm">Texte de mon lien</a>

Le texte « Texte de mon lien » renvoi vers la page « nomdufichier.htlm » qui se trouve dans le dossier « monrepertoire ».

Related Posts

  1. Les liens hypertextes : le lien externe
  2. Les liens hypertextes et ses attributs
  3. Présentation d’une page HTML
YARPP
]]> http://www.tutohtml.com/html-css/tuto-html/les-liens-hypertextes-le-lien-interne.html/feed 0 Les liens hypertextes : le lien externe http://www.tutohtml.com/html-css/tuto-html/les-liens-hypertextes-le-lien-externe.html http://www.tutohtml.com/html-css/tuto-html/les-liens-hypertextes-le-lien-externe.html#respond Wed, 05 Sep 2012 12:20:05 +0000 http://www.tutohtml.com/?p=1061 Cet article est le 2 de 3 dans la serie Le lien HTML

Le lien externeLes liens externes renvoient vers un autre site, vers une adresse email, fichiers ou serveur ftp.

Vers un autre site

<a href="http://www.alize-editing.com/">mon autre site</a>

Le texte « mon autre site » renvoi vers le site http://www.alize-editing.com

Le lien vers une adresse mail

Le lien vers une adresse email est un peu particuliers. On l’appelle aussi mailto car on ajoute mailto avant l’adresse pour spécifier que l’on renvoie le lien vers une adresse email.

<a href="mailto:sonia@monsite.com">sonia@monsite.com</a>

Le texte sonia@monsite.com renvoi vers l’adresse email sonia@monsite.com.

Le lien vers un serveur FTP

<a href="ftp://ftp.serveurweb.com">FTP serveurweb.net</a>

Ce lien envoie vers le serveur FTP de « serveurweb.net » qui demande un mot de passe pour se connecter.

Le lien vers un fichier à télécharger (.exe, .zip ou .pdf)

<a href="monfichier.pdf">Télécharger le fichier pdf</a>

Lien permet de télécharger le fichier pdf monfichier.pdf

Suite : les liens internes

 

Related Posts

  1. Les liens hypertextes : le lien interne
  2. Les liens hypertextes et ses attributs
  3. Comment mettre en ligne un site
YARPP
]]> http://www.tutohtml.com/html-css/tuto-html/les-liens-hypertextes-le-lien-externe.html/feed 0 Les liens hypertextes et ses attributs http://www.tutohtml.com/html-css/tuto-html/les-liens-hypertextes-et-ses-attributs.html http://www.tutohtml.com/html-css/tuto-html/les-liens-hypertextes-et-ses-attributs.html#respond Wed, 05 Sep 2012 12:10:38 +0000 http://www.tutohtml.com/?p=1100 Cet article est le 1 de 3 dans la serie Le lien HTML

Le lien hypertexteLes liens hypertextes (ou lien) est un élément constitutif du site indispensable. Ce sont eux qui permettent de liés les pages entre elles. Les liens html permettent de rendre une image, un texte ou un fichier multimédia cliquable et de renvoyer vers une autre page ou document. Vous pouvez trouver 2 types de liens dans une page HTML : les liens externes, les liens internes.

On utilise les balises <a></a>

Le lien est de la forme :

<a href="adresse de la page">le texte</a>

 

Les attributs

Le href est l’attribut obligatoire à la balise, il permet d’indiquer la source du document (relatif ou absolue)

Le title est intéressante à mentionner car il permet de spécifier une description du lien que les navigateurs adaptés aux malvoyants utilisent

Le target permet de définir où le lien va s’ouvrir. On lui attribuera les données suivantes :

  • _blank qui ouvre le document lié dans une nouvelle fenêtre ou onglet

Exemple : Ma page dans une nouvelle fenêtre ou onglet

  • _self : Ouvre le document lié dans le même cadre que l’utilisateur a cliqué (ce qui est par défaut)
  • _parent qui ouvre le document lié dans le cadre parent
  • _top qui ouvre le document lié dans le corps même de la fenêtre
  • frameName qui ouvre le document lié dans une iframe nommé

Le style permet de spécifier une feuille de style CSS

Suite : les liens externes

Related Posts

  1. Les liens hypertextes : le lien externe
  2. Les liens hypertextes : le lien interne
YARPP
]]> http://www.tutohtml.com/html-css/tuto-html/les-liens-hypertextes-et-ses-attributs.html/feed 0 Les 4 questions à se poser avant de choisir l’hébergeur de votre site internet http://www.tutohtml.com/hebergement/les-4-questions-a-se-poser-avant-de-choisir-lhebergeur-de-site-internet.html http://www.tutohtml.com/hebergement/les-4-questions-a-se-poser-avant-de-choisir-lhebergeur-de-site-internet.html#respond Tue, 04 Sep 2012 14:00:21 +0000 http://www.tutohtml.com/?p=919 4 questions pour choisir son hébergeur

L’hébergement d’un site internet est la maison de votre site. C’est là où vous allez le mettre pour qu’il soit disponible aux internautes. Comme quand vous achetez une maison, vous devez vous poser des questions et prendre la meilleure solution en connaissance de cause. Voici le repère que je prends pour trouver un hébergement pour mes sites internet.

Pour lire la suite de cet article,
vous devez être membre de ce blog.
Déjà membre ? Connectez-vous :

Please Login or Register for access.
Pas encore inscrit ? Inscrivez-vous !

Mot de passe perdu ? Cliquez ici…

 

Related Posts

  1. 8 questions à se poser avant de choisir un service internet de création de site en ligne
YARPP
]]> http://www.tutohtml.com/hebergement/les-4-questions-a-se-poser-avant-de-choisir-lhebergeur-de-site-internet.html/feed 0 Quelle extension de nom de domaine pour protéger sa marque http://www.tutohtml.com/nom-de-domaine/quelle-extension-de-nom-de-domaine-pour-proteger-sa-marque.html http://www.tutohtml.com/nom-de-domaine/quelle-extension-de-nom-de-domaine-pour-proteger-sa-marque.html#respond Tue, 28 Aug 2012 14:00:18 +0000 http://www.tutohtml.com/?p=947 Nom de domaine et marquePour protéger votre marque, il y a quelques extensions de nom de domaine indispensables à avoir. Je vous propose de découvrir les extensions dite générales et celles dite nationaux qu’il vous faut réserver pour éviter de les voir utiliser par d’autres et surtout par vos concurrents.

Les extensions générales

  • Les .com, .biz, .info, .net, .pro
  • Le .mobi pour les sites mobiles, si vous avez les moyens enregistrez-les même si vous ne l’utilisez pas
  • Les .org pour les organismes, si vous êtes une association il est intéressant sachez qu’il existe aussi  le .asso.fr
  • Le .tel est principalement pour les activités de télécommunication
  • Le .travel pour les activités de voyage
  • Le .xxx pour éviter de voir votre marque utiliser à des fins contraire à votre étique, enregistrer les.
  • Le .coop si vous êtes une coopérative

Le strict minimum pour protéger votre marque reste les

  • .com
  • .biz
  • .info
  • .net
  • .org

Les extensions nationales

Si vous ne travaillez qu’avec les pays de la francophonie. Il est indispensable d’avoir

  • Le .fr
  • Le .be
  • Le .eu
  • Le .ca

Pour élargir votre protection ou si vous travaillez avec l’ensemble de la France, outremer compris, pensez à .mq, .gp, .pf, .re.

Ensuite, les autres extensions dépendra des pays où vous travaillez ou livrez. Découvrez la grande variété de nom de domaine que vous pouvez enregistrer chez Gandi.net.

Sachez toutefois, que vous ne pourrez pas enregistrer votre nom de domaine avec tous les extensions existantes. Ils sont nombreux, cela serait très onéreux.

Related Posts

  1. Choisir son nom de domaine et le louer
  2. Pourquoi acheter un nom de domaine pour votre site?
YARPP
]]> http://www.tutohtml.com/nom-de-domaine/quelle-extension-de-nom-de-domaine-pour-proteger-sa-marque.html/feed 0 Présentation d’une page HTML http://www.tutohtml.com/html-css/tuto-html/presentation-dune-page-html.html http://www.tutohtml.com/html-css/tuto-html/presentation-dune-page-html.html#respond Mon, 27 Aug 2012 14:14:53 +0000 http://www.tutohtml.com/?p=989 La page HTML est composée de 2 grandes parties. L’entête et le corps de page. Elle commence par la balise ouvrante <html> et se termine par la balise fermante </html>.

La balise <html> </html> délimitent la page HTML, puis entre ces 2 balises nous trouvons d’autres balises :

La première partie de la page HTML

<head> </head> : Elles encadrent l’entête de la page. On y trouve d’autres balises telque

<title> </title> avec le titre de la page,

<meta> avec les informations pour le référencement (que nous aborderons plus en détail dans un prochain article).

Ces informations ne s’affichent pas dans votre navigateur.

La seconde partie de la page HTML

<body> </body> : le corps du site, tout ce qui doit être affiché se trouve ici, textes, images, vidéos… qui sont aussi insérés grâce à des balises.

La page HTML

Voici la présentation d’une page basique en HTML

<html>
 <head>
   <title>Titre de mon site</title>
 </head>
 <body>
   <p>Ici se trouve toutes les informations affichées
par le navigateur.* </p>
 </body>
</html>

* Entre les balises <body></body>, aucun texte n’est inséré directement, le texte est toujours dans des balises comme dans ce cas où il y a les balises <p></p> qui défini un paragraphe.

Related Posts

  1. Les liens hypertextes : le lien interne
  2. Créer sa première page HTML en vidéo
  3. Les liens hypertextes et ses attributs
YARPP
]]> http://www.tutohtml.com/html-css/tuto-html/presentation-dune-page-html.html/feed 0 Les 7 rubriques d’un site professionnel ou d’entreprise http://www.tutohtml.com/contenus/les-7-rubriques-dun-site-professionnel-ou-dentreprise.html http://www.tutohtml.com/contenus/les-7-rubriques-dun-site-professionnel-ou-dentreprise.html#respond Tue, 21 Aug 2012 17:00:48 +0000 http://www.tutohtml.com/?p=937 Rubrique pour un site professionnelVous avez à créer votre site mais vous êtes devant votre feuille blanche, vous demandant quelle rubrique y mettre. Une des techniques pour répondre à cette question est d’aller voir ceux de vos concurrents ou de sites similaires au votre.

Je vous propose aujourd’hui de vous faire une liste des rubriques standards à mettre sur votre site, pour vous facilité la tache.

Qui sommes nous ou A propos

Vous y indiquerez l’histoire de votre structure (entreprise ou association) ou votre histoire si c’est un site personnel, ainsi que l’objectif de votre site. L’idée est de faire savoir à vos lecteurs qui vous êtes, à qui ils ont à faire.

Références, Portfolio, Clients

C’est sur cette page que vous listerez vos clients, les travaux que vous avez (photos, vidéos, dessins,  textes). Cela dépendra principalement de votre activité.

Exemples :

Si vous êtes webmaster, infographiste naturellement les copies d’écran de vos réalisations seront privilégiées.

Si vous êtes écrivain ou tout autre métier de l’écriture vous présenterez des extraits de vos écrits. Les photographes et caméramans présenteront des photos et vidéos.

Contact

Que ce soit en formulaire ou juste les adresses postales, téléphone et adresse email. Il vous faut proposer aux internautes, qui peuvent être vos prospects et clients en moyen de vous joindre.

Je pense que l’idéal est d’avoir un formulaire, tous les contacts disponibles et un plan d’accès si vous accueillez le public. Vous voulez que l’on vous trouve ou pas ?

Services ou produits

Votre entreprise propose des prestations ou des produits. C’est le moment de les présenter. Décrivez les avantages et atouts. Les prix ne sont pas obligatoires pour les services mais c’est toujours intéressant de donner une idée aux visiteurs de votre site.

Plan du site

Pour facilité l’accès du site, le plan du site est un grand plus. Le plan du site est une page pratique qui permet un accès rapide aux pages. Selon moi, cette rubrique est indispensable mais peut ne pas être obligatoire pour les petits sites de quelques pages.

Mentions légales

Certaines informations sont devenues obligatoire vis-à-vis de la loi. Ces informations sont appelées les mentions légales. Loi pour la confiance dans l’économie numérique (LCEN) de juin 2004 spécifie ces informations à faire figurer sur le site.

Pour les personnes morales (société, association, entreprise individuelle…)

  • Raison sociale
  • Siège social (adresse du siège de l’entreprise)
  • Numéro de téléphone
  • Nom du directeur de la publication et du responsable de la rédaction qui en général est le représentant de la structure.
  • Le capital social et le numéro d’inscription au registre de commerce et des sociétés (ou numéro de Siret)

Il faut aussi penser à d’autres informations tel que:

  • Le droit applicable en cas de litiges
  • Les conditions de services (ex : configuration requise pour utiliser le site web)
  • Une clause d’exclusion de responsabilité
  • Les mentions obligatoires particulières à certains secteurs d’activité (agroalimentaire, vin & spiritueux, …)

Qui ne sont pas obligatoires mais reste intéressant à porter à la connaissance de vos visiteurs, qui peuvent relever plus des conditions générales d’utilisation ou de services.

  • Les informations de l’hébergeur (nom de l’hébergeur, raison sociale, adresse, numéro de téléphone) et si l’hébergement est sur un serveur personnel il faudra le préciser.
  • Il faut aussi penser à mentionner la déclaration à la CNIL (commission nationale informatique et libertés), si vous permettez une inscription sur votre site ou à une newsletter.
  • Le respect des droits d’auteur et propriété intellectuelle est obligatoire et pensez aussi à ajouter les crédits photos, vidéos et autres.

Et l’actualité

En ajoutant les actualités de votre entreprise, votre site n’est plus totalement un site statique car on aura une mise à jour plus ou moins régulière. Mais cela sera surtout  un atout pour vous. L’internaute aura une raison de revenir sur votre site.

Cette rubrique peut être présentée sur la forme d’un blog où vous parlerez des nouveautés, des évènements de tout ce qui se passe dans votre entreprise.

Vous pourrez l’afficher directement en page d’accueil.

Voilà la liste des rubriques que je vous conseillerais pour votre site professionnel. Après vous pouvez ajouter des rubriques en fonction de votre activité.

Related Posts

No related posts were found, so here's a consolation prize: 8 questions à se poser avant de choisir un service internet de création de site en ligne.

YARPP
]]> http://www.tutohtml.com/contenus/les-7-rubriques-dun-site-professionnel-ou-dentreprise.html/feed 0 Choisir son nom de domaine et le louer http://www.tutohtml.com/nom-de-domaine/choisir-son-nom-de-domaine-et-le-louer.html http://www.tutohtml.com/nom-de-domaine/choisir-son-nom-de-domaine-et-le-louer.html#respond Tue, 31 Jul 2012 12:00:56 +0000 http://www.tutohtml.com/?p=500 Le nom de domaine est l’un des premiers points à penser en créant votre site internet. Voici quelques conseils pour choisir un nom de domaine et savoir comment l’obtenir…

Comment choisir son nom de domaine ?

Quand vous cherchez un nom de domaine pour votre site internet, vous devez bien réfléchir avant de l’enregistrer. Car une fois validé, vous ne pourrez plus le modifier. Vous n’aurez que la possibilité d’en acheter une autre.

Donc pour vous permettre de choisir votre nom de domaine, voici quelques conseils :

  • Choisissez un nom de domaine avec des mots clés liés au thème de votre site, bien que ceci devient de plus en plus difficile à trouver surtout sur si vous êtes sur un thème très utilisé, l’idéal est de pouvoir trouver un nom de domaine facilement référençable par Google. (ex: vous voulez parler de chaussure italienne, le nom de domaine chaussureitalienne.com serait l’idéal).
  • Si vous pouvez éviter les traits d’union dans votre nom de domaine, faites-le. Je reste convaincu que les noms de domaine sans trait d’union sont mieux référencer que le même nom avec trait d’union. (ex: entre chaussure-italienne.com et chaussureitalienne.com, le mieux est la seconde).

Comment louer son nom de domaine?

Souvent on dit que l’on achète ou réserve un nom de domaine, mais je dirai plutôt qu’un nom de domaine se loue pour une durée d’un an renouvelable indéfiniment.
Vous pouvez obtenir votre nom de domaine près d’un registrar (une entreprise habilitée à gérer les noms de domaine, tel que Gandi.net).

Le prix peut varier en fonction du registrar et de l’extension. Vous pouvez obtenir un domaine pour moins de 10 euros allant jusqu’à quelques dizaines d’euros pour 1 an.
Votre hébergeur peut aussi inclure dans une offre tout compris un nom de domaine à votre hébergement.

Related Posts

  1. Quelle extension de nom de domaine pour protéger sa marque
  2. Pourquoi acheter un nom de domaine pour votre site?
YARPP
]]> http://www.tutohtml.com/nom-de-domaine/choisir-son-nom-de-domaine-et-le-louer.html/feed 0 Chercher des fichiers libres sous licence Creative Commons http://www.tutohtml.com/revue-du-web/chercher-des-fichiers-libres-sous-licence-creative-commons.html http://www.tutohtml.com/revue-du-web/chercher-des-fichiers-libres-sous-licence-creative-commons.html#comments Wed, 27 Jun 2012 14:00:08 +0000 http://www.tutohtml.com/?p=730 Lorsque vous chercher des images, vidéos, textes gratuits pour votre site ou blog. Vous devez penser au droit d’utilisation sur ce qui vous trouverez sur le net.http://www.tutohtml.com/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif

J’ai trouvé un petit service qui vous permet de retrouver dans les sites de recherches telque Google Image… du contenu sous licence Creative Commons, vous autorisant à les utiliser en fonction des droits d’utilisation autorisés (à but commercial ou non, etc…).

Mais noté qu’il vaut mieux prendre vos précautions en contactant le propriétaire.

A découvrir sur http://search.creativecommons.org/?lang=fr

Related Posts

  1. Trouver des images pour vos articles
YARPP
]]> http://www.tutohtml.com/revue-du-web/chercher-des-fichiers-libres-sous-licence-creative-commons.html/feed 1