Comment rendre la dynamique de votre site Web
Votre site Web est-il toujours aussi statique? Parmi la croissance géométrique actuelle des sites Web Internet, un nombre considérable d'entre eux s'en tient toujours à statique et ont invisiblement à la traîne du rythme de l'époque. Le soi-disant statique signifie que le contenu de la page Web du site Web est corrigé. Document HTML statique. Le contenu de sa page utilise uniquement du code HTML standard, et tout au plus, il s'accompagne des images dynamiques du format GIF89A populaires, telles que l'effet d'animation de plusieurs chiots et chatons. Si un responsable du site Web souhaite mettre à jour le contenu d'une page Web, il doit mettre à jour manuellement tous ses documents HTML.
La faiblesse fatale des sites Web statiques est qu'ils ne sont pas faciles à maintenir. imagination.
Vous ne pouvez pas vous empêcher de demander: alors qu'est-ce qu'un site Web dynamique? C'est le cœur de l'article.
1. L'interactivité signifie que les pages Web changent dynamiquement et répondront en fonction des besoins et des choix des utilisateurs, et utiliseront le navigateur comme interface client.
2. La mise à jour automatique signifie que vous n'avez pas besoin de mettre à jour manuellement le document HTML, et une nouvelle page sera automatiquement générée, ce qui peut enregistrer considérablement la charge de travail.
3. Cela change de temps à la personne, c'est-à-dire lorsque différentes personnes visitent le même site Web à des moments différents et que différentes personnes produiront des pages différentes.
Maintenant que vous avez un concept de base pour les sites Web dynamiques, vous devez choisir une arme compétente ensuite. Il existe de nombreuses façons de faire dynamiquement votre site Web, cela dépend de vos besoins. Si vous êtes un responsable de votre site Web personnel et utilisez un espace de page d'accueil gratuit, dans la plupart des cas, vous pouvez uniquement utiliser Java, Java Script et la dernière technologie DHTML. Soyez très chanceux de jouer avec une vraie technologie dynamique. La technologie CGI et ASP sera discutée plus tard.
Qu'est-ce que DHTML exactement? En quoi est-ce différent du HTML traditionnel? DHTML est lorsqu'une page Web est téléchargée à partir d'un serveur Web et n'a plus besoin d'être traitée par le serveur, mais met directement et dynamiquement le contenu, le style de mise en page et l'animation de la page Web dans le navigateur. Par exemple, lorsque la souris se déplace vers le paragraphe de l'article, le paragraphe peut devenir bleu, ou lorsque vous cliquez sur un hyperlien, un répertoire de sous-linge déroulant sera généré automatiquement. Il s'agit du HTML dynamique (HTML dynamique), qui est l'une des innovations les plus excitantes et les plus pratiques dans le développement rapide d'Internet ces dernières années. C'est un concept réalisé grâce au développement complet de diverses technologies, notamment le script Java, le VB0Script, le modèle d'objet de document, les couches et les feuilles de style en cascade (CSS Styleshets), etc. Il est très regrettable qu'après plusieurs batailles entre NetScape et Microsoft IE un navigateur, nous n'avons toujours pas reçu de norme unifiée pour le support DHTML. Par conséquent, cet article doit être décrit séparément lors de l'introduction de DHTML. Jetons d'abord un coup d'œil à la prise en charge de Microsoft IE 4 pour DHTML:
1. Contenu dynamique: mettez à jour dynamiquement le contenu de la page Web et insérez, modifiez ou supprimez dynamiquement les composants de la page Web à tout moment, tels que le texte, les balises, etc.
2. Feuilles de styles dynamiques: via les feuilles de style en cascade de W3C (police de caractères connectées, appelée CSS1 ou CSS), il fournit la taille de la police, la taille de la police, l'épaisseur, le style de police et la hauteur de ligne des balises HTML. ligne ou ligne horizontale moyenne, distance entre le bord, le centrage à gauche ou le centrage, l'indentation, l'image d'arrière-plan ou la couleur et d'autres fonctions de composition. Les styles de mise en page dynamiques peuvent changer dynamiquement le style de mise en page à tout moment.
3. Positionnement dynamique: grâce à la brouillon de travail de W 3 C sur le positionnement HTML avec des feuilles de style en cascade, il offre la fonction de positionnement des composants HTML dans les axes x, y et z, permettant aux concepteurs de placer des images, des commandes, du texte, etc. n'importe où sur la page. En le plaçant sur différents axes Z, le concepteur peut produire des effets qui se chevauchent.
4. Conscience des données intégrée: pas besoin de programmes complexes ou dépenser trop de ressources sur le serveur, permettant aux concepteurs Web de traiter des documents en temps réel.
5. Prise en charge multimédia intégrée: IE 4.0 combine CSS et les contrôles ActiveX intégrés pour fournir des fonctions de support multimédia, y compris des fonctions multimédias telles que les effets de conversion, les effets de filtre, le contrôle du chemin, le contrôle de séquence, l'animation, le dessin, la lecture du son et des images .
Jetons un coup d'œil au soutien fourni par Netscape Communicator 4.0 pour DHTML:
1. Feuilles de styles dynamiques: support W 3 C Fiches de style en cascade (style de type connecté, appelée CSS1 ou CSS), et feuilles de style script Java maison.
2.Couches dynamiques: fournit les fonctions de positionnement des images et des textes, en modifiant l'ordre qui se chevauchent des images et des textes, en contrôlant la cachette ou afficher des images et des textes, et vous permettant de concevoir des effets d'animation!
3. Fonts dynamiques: fournit la fonction de téléchargement des polices à partir du serveur. On peut voir que bien que IE 4.0 et Netscape Communicator 4.0 fournissent tous deux un support HTML dynamique, en fait, à l'exception des spécifications similaires des feuilles de style en cascade, les autres sont très différents. Par conséquent, lorsque vous concevez des pages DHTML, les problèmes de compatibilité doivent être pleinement pris en compte. L'auteur expliquera soigneusement les méthodes d'utilisation et les techniques de conception du DHTML dans le chapitre 2 «les huit arts martiaux de la conception Web dynamique», veuillez porter une attention particulière.
Peut-être que pour un site Web personnel, l'utilisation complète de la technologie DHTML est suffisante pour donner vie à la page Web et pleine de dynamicité. Cependant, pour les entreprises qui créent des sites Web commerciaux, il est loin d'être suffisant pour avoir du DHTML. Parce que les effets dynamiques qui ne se produisent que sur le navigateur du client ne peuvent pas répondre aux besoins dynamiques des sites Web commerciaux tels que de grandes quantités de demandes d'informations, de consultation client, d'interaction des ressources, etc. Par conséquent, en tant que concepteur de sites Web commerciaux, il est nécessaire de concevoir un site Web dynamique plus pratique et plus interactif. Étant donné que la plupart des sites Web commerciaux ont une grande quantité de données et d'informations, l'intention initiale de créer un réseau est de faciliter les clients pour interroger les informations des entreprises, faciliter la communication avec les clients et obtenir des commentaires d'informations en temps opportun. Ensuite, vous ferez inévitablement face à la façon de permettre aux utilisateurs d'interroger les informations de la base de données Web via Internet ou intranet dans l'interface du navigateur, et même saisir, mettre à jour et supprimer les informations sur le serveur Web. Ci-dessous, je présenterai brièvement plusieurs méthodes de conception de sites Web dynamiques couramment utilisées:
1. La méthode traditionnelle de CGI (interface de passerelle commune) est utilisée pour effectuer le formulaire exécutable défini par le formulaire. L'application CGI, le programme CGI analyse les informations saisies dans le formulaire (formulaire), accède à la base de données Web et renvoie les résultats d'exécution de la requête au navigateur au format HTML. L'utilisation de CGI pour accéder aux bases de données Web a de nombreux inconvénients, comme pas faciles à développer, un coût élevé de changement et de modification, des fonctions limitées, pas faciles à détecter les erreurs, une vitesse d'exécution lente, etc., et comme il n'est pas intégré dans des documents HTML, Il doit être utilisé complètement avec HTML.
2. IDC (connecteur de base de données Internet) Le connecteur de la base de données Internet est l'une des fonctionnalités du serveur Windows NT contenant le serveur d'informations Internet (IIS). IIS. Il vous suffit de maîtriser les connaissances de base de HTML et SQL et d'écrire quelques code pour compiler les applications de base de données interactives, permettant aux utilisateurs d'interroger, d'entrer, de mettre à jour et de supprimer sur le serveur Web dans les informations de données d'interface du navigateur. Comme les programmeurs VB comme les fichiers qui composent l'application IDC sont explicatifs. Cycle de développement rapide et rétroaction. Mais le prix de cette simplicité est de sacrifier beaucoup de flexibilité, ce qui vous oblige à renoncer à beaucoup de contrôle sur l'interface utilisateur et presque toute la possibilité de vérifier les données. Par conséquent, IDC ne convient qu'aux applications Web simples.
3. Objet de données ActiveX (ADO) est le meilleur choix pour les applications de base de données Web.
Qu'est-ce que l'objet de données ActiveX (ADO pour faire court)? La technologie des objets de données ActiveX vous permet de combiner avec des pages de serveurs actives (ASP pour faire court) pour créer un contenu de page Web qui fournit des informations de données. Entrez, mettez à jour et supprimez des données sur le serveur Web dans l'interface du navigateur. Lorsque le navigateur du côté utilisateur remplit les informations requises pour entrer dans le formulaire et appuye sur le bouton Soumettre, la demande HTTP est transmise au serveur Web via Internet et Intranet. sur le serveur Web (nom de suffixe) pour. Un document ASP est un document en texte brut qui comprend: les balises HTML, le code de programme de langue VBScript ou JScript, la syntaxe ASP et les instructions SQL du langage de requête structurée. L'exécution du serveur Web IIS3.0 / 4.0. ADO présente les avantages d'une utilisation facile, du développement et de l'exécution rapides, moins de ressources système et un petit espace disque.
Les technologies dynamiques ci-dessus sont couramment utilisées dans la conception de sites Web commerciaux. avenir. Par conséquent, dans le deuxième chapitre de cet article, "dix-huit arts martiaux de la conception Web dynamique", l'auteur expliquera l'utilisation de l'ADO et de l'ASP, alors restez à l'écoute.