Comment ouvrir une premiére page pour un site internet

 
Beaucoup d’entre vous me demande comment je fais pour ouvrir une page comme celle-si—>clic
Alors voila je vais essayer de vous expliquer sa du mieu que je peu.
Tout d’abord ils vous faut se logicielNvu : Présentation télécharger.com qui est gratuit vous pouvez le télécharger —> içi
Clic sur l’icone pour ouvrir le logiciel
1er étape
 on va metre une image de fond a notre page cliker sur format
couleur et fond de page,
 
Hebergeur d'images
ensuite une petite fenetre s’ouvre
Hebergeur d'images
cocher sur couleur personaliser
choiser les couleur souhaiter pour l’ecriture, pour le fond de page vous choisiser une couleur ou une image
pour l’image cliker sur parcourir et ok
Re-cliker sur format Titre et propriété de la page
Titre: metre le titre de la page
Auteur: votre pseudo
et cliker sur Ok.
Voila pour la 1er étape.
 
On passe a la 2iéme étape
inserrer un jolie cadre c’est le meme principe comme pour space je vous donne le code html
vous inserer les lien de votre image a l’emplacement prevu
Voiçi le code:
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="fr-fr">
<head>
  <meta name="keywords" content="Paint shop pro">
  <meta content="text/html;charset=ISO-8859-1"
 http-equiv="Content-Type">
  <meta name="GENERATOR" content="Microsoft FrontPage 3.0">
  <meta http-equiv="imagetoolbar" content="no">
  <style type="text/css">
body { scrollbar-face-color: #000000; scrollbar-darkshadow-color: #004949; scrollbar-track-color: #000000; scrollbar-arrow-color: #004949; scrollbar-highlight-color: #004949; scrollbar-3dlight-color: #004949 }
  </style>
  <style>
A:link {color: #E8CA84;text-decoration:none;}
A:visited {color: #E8CA84;text-decoration:none;}
A:hover {color: #FFFBF2;text-decoration:none;}
  </style>
  <title>Dioga et SoDesign</title>
  <meta http-equiv="Content-Language" content="en-us">
  <meta http-equiv="Content-Type"
 content="text/html; charset=windows-1252">
  <meta content="Microsoft FrontPage 3.0" name="GENERATOR">
  <meta content="FrontPage.Editor.Document" name="ProgId">
  <style type="text/css"></style><!–
BODY {
scrollbar-face-color: #074032;
scrollbar-highlight-color: #eeeeee;
scrollbar-3dlight-color: #06B28A;
scrollbar-darkshadow-color: #002200;
scrollbar-shadow-color: #06B28A;
scrollbar-arrow-color: #06B28A;
scrollbar-track-color: #03916D;
}
–>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <meta content="SoDesign and Dioga" name="author">
</head>
<body topmargin="25" background="" bgcolor="#000000"
 text="#f3d898">
&nbsp;
<div align="center">
<div align="center">
<center>
<table bordercolordark="#1D523E" bordercolorlight="#2DBB94"
 background="ruban" border="1" cellpadding="0"
 cellspacing="20" width="95%">
  <tbody>
    <tr>
      <td width="100%">
      <div align="center">
      <center>
      <table background="glitters" border="0"
 cellpadding="0" cellspacing="7" width="100%">
        <tbody>
          <tr>
            <td width="100%">
            <table bordercolordark="#1D523E"
 bordercolorlight="#2DBB94" background="ruban" border="1"
 cellpadding="0" cellspacing="7" width="100%">
              <tbody>
                <tr>
                  <td background="textures" width="100%">
                  <div align="center">
                  <center>
                  <script language="JavaScript">
                  </script>
                  <div align="center"><br>
                  <br>
                  </div>
                  </center>
                  </div>
                  </td>
                </tr>
              </tbody>
            </table>
            </td>
          </tr>
        </tbody>
      </table>
      </center>
      </div>
      </td>
    </tr>
  </tbody>
</table>
</center>
</div>
</div>
</body>
</html>

 

 Je vous donne Un ruban,une texture et un glitters pour votre essay:

Hebergeur d'images
 
     Hebergeur d'images

 http://moe.mabul.org/up/moe/2009/12/06/img-111113r39zc.png 

Hebergeur d'images

http://moe.mabul.org/up/moe/2009/12/06/img-111012u4cre.gif

Quand c’est fait copier le code html et aller  sur le logociel NVU 
Vous allez cliker sur SOURCES sa se trouve enbas de la page
Hebergeur d'images
enssuite vous allez voir une page avec deja inserer un code html,ne l’éfacer pas surtout
c’est sur cette page que vous aller coler le code html du cadre
voiçi se que vous devez avoir:
Hebergeur d'images
 
et voila ou coler le code html du cadre

Hebergeur d'images

quand le code et coler vous cliker  sur aperçu pour a voir un aperçu

Hebergeur d'images

 

Pour voir la page sur internet cliker sur NAVIGATEUR

POUR UNE PAGE AVEC CADRE C’EST FINI

ENSUITE VIENDRAS D’AUTRE TUTO…

DES QUESTIONS? N’HéSITER PAS A LES FAIRE IçI

 

étoile doré qui suis le curseur

 
Bonjour
Aujourd’hui la leçon serras comment metre un effet sur une souris,
atention ceci ne fonctionne pas avec space,mais pour des site internet.
Il vous faut un script le copier et le coler entre <head>  </head>
 
Pour un effet etoile dorée qui suit le curseur,ils vous faut se script:
 
<script type="text/javascript">
// <![CDATA[
var colour="#f4dd98";
var sparkles=50;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
  var i, rats, rlef, rdow;
  for (var i=0; i<sparkles; i++) {
    var rats=createDiv(3, 3);
    rats.style.visibility="hidden";
    document.body.appendChild(tiny[i]=rats);
    starv[i]=0;
    tinyv[i]=0;
    var rats=createDiv(5, 5);
    rats.style.backgroundColor="transparent";
    rats.style.visibility="hidden";
    var rlef=createDiv(1, 5);
    var rdow=createDiv(5, 1);
    rats.appendChild(rlef);
    rats.appendChild(rdow);
    rlef.style.top="2px";
    rlef.style.left="0px";
    rdow.style.top="0px";
    rdow.style.left="2px";
    document.body.appendChild(star[i]=rats);
  }
  set_width();
  sparkle();
}}
function sparkle() {
  var c;
  if (x!=ox || y!=oy) {
    ox=x;
    oy=y;
    for (c=0; c<sparkles; c++) if (!starv[c]) {
      star[c].style.left=(starx[c]=x)+"px";
      star[c].style.top=(stary[c]=y)+"px";
      star[c].style.clip="rect(0px, 5px, 5px, 0px)";
      star[c].style.visibility="visible";
      starv[c]=50;
      break;
    }
  }
  for (c=0; c<sparkles; c++) {
    if (starv[c]) update_star(c);
    if (tinyv[c]) update_tiny(c);
  }
  setTimeout("sparkle()", 40);
}
function update_star(i) {
  if (–starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  if (starv[i]) {
    stary[i]+=1+Math.random()*3;
    if (stary[i]<shigh+sdown) {
      star[i].style.top=stary[i]+"px";
      starx[i]+=(i%5-2)/5;
      star[i].style.left=starx[i]+"px";
    }
    else {
      star[i].style.visibility="hidden";
      starv[i]=0;
      return;
    }
  }
  else {
    tinyv[i]=50;
    tiny[i].style.top=(tinyy[i]=stary[i])+"px";
    tiny[i].style.left=(tinyx[i]=starx[i])+"px";
    tiny[i].style.width="2px";
    tiny[i].style.height="2px";
    star[i].style.visibility="hidden";
    tiny[i].style.visibility="visible"
  }
}
function update_tiny(i) {
  if (–tinyv[i]==25) {
    tiny[i].style.width="1px";
    tiny[i].style.height="1px";
  }
  if (tinyv[i]) {
    tinyy[i]+=1+Math.random()*3;
    if (tinyy[i]<shigh+sdown) {
      tiny[i].style.top=tinyy[i]+"px";
      tinyx[i]+=(i%5-2)/5;
      tiny[i].style.left=tinyx[i]+"px";
    }
    else {
      tiny[i].style.visibility="hidden";
      tinyv[i]=0;
      return;
    }
  }
  else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
  set_scroll();
  y=(e)?e.pageY:event.y+sdown;
  x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
  if (typeof(self.pageYOffset)=="number") {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
  }
  else if (document.body.scrollTop || document.body.scrollLeft) {
    sdown=document.body.scrollTop;
    sleft=document.body.scrollLeft;
  }
  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    sleft=document.documentElement.scrollLeft;
 sdown=document.documentElement.scrollTop;
  }
  else {
    sdown=0;
    sleft=0;
  }
}
window.onresize=set_width;
function set_width() {
  if (typeof(self.innerWidth)=="number") {
    swide=self.innerWidth;
    shigh=self.innerHeight;
  }
  else if (document.documentElement && document.documentElement.clientWidth) {
    swide=document.documentElement.clientWidth;
    shigh=document.documentElement.clientHeight;
  }
  else if (document.body.clientWidth) {
    swide=document.body.clientWidth;
    shigh=document.body.clientHeight;
  }
}
function createDiv(height, width) {
  var div=document.createElement("div");
  div.style.position="absolute";
  div.style.height=height+"px";
  div.style.width=width+"px";
  div.style.overflow="hidden";
  div.style.backgroundColor=colour;
  return (div);
}
// ]]>
</script>
 
Pour voir un exemple clic –>içi<–

Créations noél

Hebergeur d'images 
 
Hebergeur d'images

Créations Bisous

 
 

Hebergeur d'images

Nouvelle créations Twilight

 

Hebergeur d'images

Hebergeur d'images

Création fantaisy

 

Hebergeur d'images

 

Réalizer avec tuto

Créations twilight

 

Créations crépuscule

Hebergeur d'images

 

Hebergeur d'images

 
J’ai fait ses créations a l’aide de tuto je l’ai ai trouvées pour modofier Donner ma touche personnelle
je remercie toute ses personnes Qui Ont la gentillesse de nous faire des tutoriels et de
partager avec nous Leurs tubes
 

 

   

clic

 

Blinkies noél

 

Servez vous

Animation31gh131

b31bc31

ewwgifftion22e

2

Y9S9Animation19

19

   

Créations rire

 

Servez vous

Animation9

Animation11

Animation12

Animation10

   

clic

 

Nouveau blinkies

 

 

Servez vous

yxsyv14

Animation14

 gh4ghe4ghed4ghefd4

 

r57trwwwtrt

Animatiosn2w62Animation2w62Animation22

Animation262

Animation3x0Animationx3x0Animation30

Animatcionx3x0

Animation4Animationfd4Animaetioenfd4

Animatioenfd4

SRS4EERR

retioenfd4emaetioenfd4

Animation17 G   Yn17

AQation17

 

03mation11011Anie3mation11

 

 

Animation28

   clic 

 

Previous Older Entries