Comment faire pour créer ses propres pages html?

Transcription

1 . Comment faire pour créer ses propres pages html? Insérer une vidéo Pour ajouter une vidéo de votre choix, il vous faut insérer, dans un premier temps, un tableau dans lequel vous placerez un mot, par exemple 'ici'. Ensuite, si votre vidéo se trouve sur un site tel que Dailymotion ou Youtube, vous copiez le code suivant Et vous allez dans source : Vous allez voir votre 'ici' apparaître. A partir de là, vous allez remplacer ce repère par le code que vous avez copier précédemment. Vous retournez dans le mode 'normal' et vous allez voir un script qui s'affiche. La vidéo ne pourra être lu que dans le menu 'navigateur' ou lorsque vous allez publier votre page. Insérer une image ou photo Pour une photo, vous n'êtes pas obligé de faire un tableau. Vous placez votre curseur ou vous voulez que la photo soit, vous allez dans 'insertion', 'image' et l'emplacement variera selon si l'image vient directement d'internet, et dans ce cas là vous copier/coller l'url. Si elle provient de vos fichiers, vous cliquez sur l'icône

2 'parcourir' et vous ouvrez votre image. Toujours dans 'insertion', 'image'. Si vous voulez que lorsque l'on survole votre image, le titre s'affiche, vous devez déposer votre commentaire dans 'vignette'. Cliquez sur 'OK' et votre photo s'affiche. Si vous voulez ajouter un lien à la photo, il vous faut juste aller dans 'insertion', 'image' et vous cliquez sur l'onglet 'lien' : Pour avoir un lien à partir de votre photo vers une page précise de votre site web, il faut aller dans parcourir et piocher dans vos pages html. Très important : Regroupez tous vos fichiers html, photos dans un dossier. Sinon, copiez/collez l'url internet, et placez-le dans l'espace prévu à cet effet. A savoir : Que se soit pour une image, un mot dans votre page ou créer un 'menu' (exemple ci-dessous) pour aller d'une page html à une autre, l'opération est la même pour insérer un lien. Seules les options (emplacement, cible, etc.) changent. Insérer un lien RSS en javascript JavaScript est un langage de programmation de scripts principalement utilisé dans les pages web interactives. Un langage de programmation est un langage informatique, permettant à un être humain d'écrire un code source qui sera analysé par une machine, généralement un ordinateur. Le code source subit ensuite une transformation ou une évaluation dans une forme exploitable par la machine, ce qui permet d'obtenir un programme. (Wikipédia) Comme par exemple, dans mon site, je permets aux internautes de consulter les actualités sportives (cf. Rubrique Quoi De Neuf Sur La Toile ) qui se mettent à jour

3 automatiquement. J'ai été chercher ce lien RSS sur dans les différentes catégories de «l'annuaire RSS». Donc sur votre écran, vous avez cela : Vous cliquez par exemple sur «Actualité», et vous pouvez choisir ensuite la source d'informations que vous souhaitez voir apparaître sur votre propre site web (l'express, le Figaro, Le monde, etc.). Lorsque vous avez choisi, cliquez sur Javascript Vous aurez quelques modifications d'apparence à régler avant de pouvoir copier le code source. Pour avoir ce code source qu'il faudra copier/coller, cliquez sur «visualiser l'aperçu». Apparaîtra alors ceci : Vous copiez donc le code source, et l'opération à effectuer est la même que pour l'insertion d'une vidéo. C'est à dire, créer un tableau, ajouter un repère dans ce tableau et remplacer le repère par le code source que vous venez de copier dans

4 «source» sur Kompozer. C'est aussi simple que cela. Il faudra également cliquez sur «navigateur» ou publier la modification pour visualiser ce lien RSS. A savoir : J'ai ajouté un compteur de visite en première page. L'opération est exactement la même pour l'installer. J'ai été chercher ce compteur sur le site Où et comment héberger son site internet? Comment publier ses pages html? Notre professeur d'informatique nous a conseillé d'utiliser un compte Free (fournisseur d'accès ADSL et je suppose parce qu'il a tout compris =)). Personnellement, je disposais déjà d'un compte chez eux. Si vous n'en avez pas, faîtes la demande directement sur le site Lorsque vous avez créé votre compte, vous recevrez normalement un courrier avec toutes les informations telles que votre mot de passe, votre identifiant ainsi que le «port» pour pouvoir héberger vos pages. Dès la réception de ce courrier, allez vous identifier dans la rubrique «mon compte» et cliquez sur «activer votre compte pour les pages personnelles». Ceci est pour activez votre site qui aura comme appellation, le nom que vous avez donné à votre compte. Vous aurez ensuite une information à remplir : cliquez sur «Base MySQL». Vous voilà avec un compte internet pour héberger vos pages html. Avec Free vous ne pouvez envoyer que 3 fichiers simultanément alors qu'avec filezilla, c'est illimité. Pour déposer vos documents et pages html, allez dans «envois de gros fichiers» sur Free : Je n'ai pas opéré comme ceci. Notre professeur nous a également parlé de Filezilla qui est un logiciel téléchargeable gratuitement sur internet et qui propose un

5 client FTP libre (nombre illimité de transfert de fichier simultanément). Sur filezilla vous devez d'abord vous connectez à votre adresse Free qui vous permettra de télécharger vos fichiers. Vous allez donc dans le «gestionnaire de site» : Sur le courrier Free que vous avez reçu, toutes les informations nécessaires sont présentes afin de vous connectez. L'hôte est «ftpperso.free.fr» dans tous les cas. Ensuite, remplissez la case «port», «identifiant» puis «mot de passe». Le mode de transfert doit être «passif» (Cf. : Paramètres de transfert). Pour publier vos pages, importer votre dossier avec tous vos travaux (dans le «site local») et transférez-les manuellement comme ci-dessous :

6 Transferts terminés avec succès? Votre site est publier. Attention : Toutes modifications est toujours possible. Pour cela, faîtes-les sur Kompozer, enregistrez votre travail puis remplacez le fichier modifé ou ajoutez votre nouvelle page avec filezilla par les mêmes opérations de publication.