Comme nous le savons tous, la production de sites Web implique divers aspects de connaissances, notamment la conception graphique, la production de pages HTML, la définition du style CSS, les scripts côté client (JavaScrfipt/VBScript), les scripts côté serveur (Asp/Asp.Net/PHP/JSP). , etc. contenu. Dans ce numéro, l'auteur part du plus basique, en se concentrant sur la façon de créer un site Web HTML simple, et expérimente d'abord le plaisir.
1. L'outil de création de pages Web utilisé ici par l'auteur est Dreamweaver. Exécutez d'abord Dreamweaver, sélectionnez le menu "Fichier" → "Nouveau" et la fenêtre illustrée dans la figure 1 apparaîtra.
2. Il y a sept options sous l'onglet "Page de base" dans cette fenêtre. Après avoir sélectionné l'élément "HTML" et cliqué sur le bouton "Créer", l'espace de travail de création deviendra vide, ce qui signifie que la page HTML a été créée avec succès. . Cliquez sur la vue du code et le contenu affiché dans la figure 2 apparaîtra.
3. Ignorez la signification spécifique de ces codes de page HTML affichés. Nous remplaçons d'abord « Titre du document sans titre » par « Début de la page Web », puis sélectionnons la vue conception. Cliquez sur "Menu" → "Insérer" → "HTML" → "Cadre" → "Au-dessus" pour insérer un cadre en haut de la page Web. A ce moment, la page Web est divisée en deux cadres, à savoir le cadre supérieur et le cadre inférieur. Après avoir sélectionné le cadre, sélectionnez la commande "Menu" → "Insérer" → "HTML" → "Frame" → "Gauche", qui insère un cadre sur le côté gauche de la page Web.
4. Cliquez sur "Ctrl+S" pour enregistrer chaque image (top.htm, left.htm, right.htm). Sélectionnez ensuite le cadre de gauche et cliquez sur la commande "Menu" → "Insérer" → "Hyperlien", et la boîte de dialogue illustrée dans la figure 3 apparaîtra. Entrez divers éléments dans cette boîte de dialogue, où « texte » est le texte affiché dans le lien, « lien » est l'adresse de la page à laquelle accéder après avoir cliqué et « cible » est le cadre dans lequel il est affiché. Ici, nous sélectionnons la "cible" comme mainFrame (c'est-à-dire le cadre de gauche) et suivons cette étape pour continuer à insérer des hyperliens. Ensuite, entrez dans la vue code du cadre de droite (right.htm) et entrez <marquee direction=left align=middle>Bienvenue sur mon site Web !!!</marquee> dans <body></body>. Les effets spéciaux peuvent faire bouger le texte vers la gauche, la droite, le haut et le bas. Changer la direction vers (HAUT, BAS, Gauche, Droite) peut changer la direction du mouvement du texte.
5. Maintenant que nous avons créé une page HTML avec un cadre, nous allons ajouter une bannière au cadre supérieur (top.htm). Banner peut faire certains effets dynamiques JavaScript. Le code spécifique aux effets d'échange dynamique peut être consulté dans le code source de la page Top.Htm. L'auteur ne donne que le code clé ici :
bannièreAD[0]=pic173.gif;
bannièreADlink[0]=http://www.sina.com;
bannièreAD[1]=pic1732.gif;
bannièreADlink[1]=http://www.sohu.com;
Explication du code : ce qui précède est un tableau JavaScript BannerAD stocke des images et BannerADlink stocke des liens après avoir cliqué sur l'image. Vous pouvez ajouter ou soustraire des images selon vos besoins.
6. Continuez à créer des pages pour les hyperliens dans le cadre de droite. Le contenu spécifique peut être personnalisé par vous-même. Sélectionnez le menu "Fichier", cliquez sur "Nouveau", sélectionnez HTML pour créer une série de pages, et les noms des pages doivent être cohérents avec les noms écrits lors de l'insertion du lien. L'auteur a donné deux exemples (dernières nouvelles et célébrités populaires) dans le document original, et les lecteurs peuvent essayer d'ajouter plus de contenu par eux-mêmes. De cette façon, le prototype d'un site Web HTML est créé, comme le montre la figure 4, c'est l'effet final de la page.
L'effet dynamique n'est pas reflété dans la capture d'écran. Les lecteurs peuvent ouvrir directement Index.htm dans le fichier source dans IE. Après l'ouverture, une invite s'affichera lorsque vous cliquerez avec le bouton droit, le menu d'invite « Autoriser le contenu bloqué » apparaîtra. (Figure 5).
Résumé : Dans ce numéro, nous expliquons comment utiliser Dreamweaver pour créer un site HTML simple, qui utilise du JavaScript, un framework HTML, des liens hypertextes et d'autres technologies. De plus, l'invite de blocage de contenu que nous avons vue ci-dessus est due au fait que la page Web n'a pas été publiée sur le site. Dans le prochain numéro, l'auteur vous proposera un contenu plus passionnant.