Les sections suivantes expliquent l'importance des considérations page des paramètres de taille d'écran, longueur de page, et mise en page pour contrôler la façon dont vos pages dans un navigateur Web.
Considérations de taille d'écran
La plupart des utilisateurs d'ordinateurs sont utilisés pour défiler vers le haut et le bas pour afficher les pages qui sont plus longs que la hauteur de l'écran. Mais peu d'utilisateurs, comme pour faire défiler à gauche et à droite pour afficher les pages qui sont trop larges. Afin d'éviter le défilement horizontal, de la conception de vos pages, afin qu'ils s'inscrivent dans la largeur de l'écran. Si vous souhaitez cibler les utilisateurs qui exécutent leurs ordinateurs avec une résolution de 800 x 600 (qui compte pour presque tous les utilisateurs, maintenant que 15 pouces et les grands moniteurs sont monnaie courante), shoot pour 780 comme la largeur de la page maximum. Si vos pages se composent entièrement de texte, vous n'avez pas à vous soucier de la taille d'écran car l'utilisateur du navigateur Web s'ajuste automatiquement des lignes de texte à la largeur de l'écran. La seule fois où vous avez à vous soucier de largeur de la page, c'est quand vous créez une page qui inclut des éléments qui ont une largeur fixe, comme des tableaux, des images ou cadres. La liste suivante explique comment ajuster la largeur de ces trois éléments:
--Tableaux: Définissez la largeur hors tout d'un tableau en utilisant l'attribut de largeur dans le
--Images: La taille de l'image détermine la largeur de l'image apparaît sur la page. Si l'image est trop large, vous pouvez changer la largeur en utilisant l'attribut de largeur dans le tag:
--Cadres: Définir la largeur de side-by-longerons en utilisant les colonnes (cols) attribut dans le
Longueur de page
Même si la plupart des utilisateurs ne me dérange pas le défilement vers le bas pour voir les pages qui sont plus longs que la hauteur de l'écran, vous devriez toujours limiter la longueur de vos pages. En règle générale, essayez de limiter vos pages à deux ou trois fois la hauteur de l'écran environ la même quantité d'information qui pourrait être imprimé sur une feuille 81/2-x-11-inch de papier.
La mise en page
La meilleure façon de créer un design efficace pour vos pages Web consiste à mettre en place une grille de base d'éléments communs qui apparaîtra dans le même ou un arrangement similaire sur toutes vos pages. La liste suivante présente certains des éléments que vous mai nécessité d'inclure dans votre grille de création Web. (En fonction du contenu de votre site, vous mai pas besoin de fournir tous ces éléments.)
--Zone d'en-tête: La zone d'en-tête apparaît en haut de chaque page, en indiquant le titre du site, page titre, nom de l'entreprise, les boutons de navigation du site et tout autre élément que vous souhaitez placer en haut de chaque page.
--Bas de page: La zone de bas de page apparaît au bas de chaque page, y compris éventuellement des informations de contact, un avis de droit d'auteur, et des boutons de navigation.
--Principale zone de texte: Cette zone contient le corps du texte et des illustrations pour chaque page.
--Sidebar zone: Un panneau de navigation occupe une bande verticale sur la partie gauche ou à droite de chaque page. Cette zone peut contenir des éléments comme une table des matières ou un menu pour le site.
Travailler avec des arrière-plans
Lors de la création de pages Web, ne faites pas l'erreur d'utiliser une image de fond criardes qui rend votre page presque impossible à lire. Si vous souhaitez utiliser une image de fond pour vos pages, choisissez une image qui n'interfère pas avec le texte et d'autres éléments sur la page.
Réglage de la couleur de fond
Pour définir la couleur de fond de votre page Web, procédez comme suit:
1. Ajoutez la couleur du fond (BGCOLOR) Attribuent à la tag.
2. Tapez un nom de couleur pour la BGCOLOR attribut. Par exemple:
Pour plus d'informations sur l'utilisation de la couleur, consultez la section «Couleur», plus haut dans cet article.
Utiliser une image de fond
Pour utiliser une image de fond pour votre page Web, procédez comme suit:
1. Ajoutez le HISTORIQUE attribuer à la tag.
2. Tapez le nom du fichier image que vous souhaitez utiliser pour l'arrière-plan comme le HISTORIQUE valeur de l'attribut, comme ceci:
L'image de fond se répète autant de fois que nécessaire pour remplir la page. Par conséquent, le fichier image de fond ne doit pas être très grand.
Ajouter des liens
Les liens sont une partie intégrante de n'importe quelle page Web. Liens Voyage laissez votre lecteur à un autre emplacement, qui peut être une partie du même document HTML, une autre page située sur votre site Web ou une page d'un site Web différent situé ailleurs sur l'Internet. Tous les utilisateurs ont à faire pour être transportés vers une autre page de cliquer sur le lien.
Utilisation des liens de texte
Un Texte du lien est une portion de texte que quelqu'un vous affichez la page pouvez cliquer pour accéder à un autre emplacement. Pour créer un lien texte, procédez comme suit:
1. Déterminer l'adresse de la page que vous voulez que le lien pour accéder à.
2. Tapez un tag où vous souhaitez voir apparaître le lien sur la page.Dans le tag, utilisez un attribut href d'indiquer l'adresse de la page que vous souhaitez créer un lien. Par exemple:
3. Après la , tag tapez le texte que vous souhaitez voir apparaître dans votre document comme un lien et ajouter une fermeture tag, comme ceci:
L'officiel Google Page Web
Le texte qui apparaît entre et est appelée la ancre. L'adresse Web qui apparaît dans l'attribut href est appelé le cible. Le texte ancre est affiché sur la page Web dans une couleur spéciale (généralement bleu) et est soulignée afin que la personne qui consulte la page sait que le texte est un lien. Si la cible se réfère à une autre page sur le même site Web que la page Le lien apparaît, vous pouvez utiliser seulement le nom du fichier comme cible. Toujours joindre le nom du fichier ou l'URL entre guillemets. Par exemple:
Voir l'Assistant
Lorsqu'un utilisateur clique sur le lien Voir le Wizard, le fichier HTML emerald7.html nom apparaît à l'écran.
Utilisation de liens iconographiques
Une Image Link est une image graphique que l'utilisateur peut cliquer pour accéder à une autre page ou un autre emplacement sur la page courante. Pour créer un lien d'image, suivez la procédure décrite dans la section précédente, «Utiliser les liens texte." Mais dans l'étape 3, au lieu de taper du texte pour le lien, tapez un balise qui contient un attribut SRC qui identifie le fichier image à utiliser pour le lien. Par exemple:
Dans cet exemple, l'image graphique fichier nommé emerald.gif apparaît à l'écran. Si un utilisateur clique dessus, le navigateur affiche la page emerald7.html.
Lier dans la même page
Pour créer un lien qui se déplace tout simplement à l'utilisateur d'un autre emplacement sur la même page, suivez ces étapes:
1. Attribuez un nom à la section que vous souhaitez créer un lien en ajoutant une balise par le NOM attribuer à la première ligne de HTML de cette section. Suivre immédiatement le tag avec une fin de balise.
2. Créer un texte ou un lien vers une image de cette section, en tapant le nom de section précédées du symbole # dans la HREF attribut.Voici un exemple d'une balise qui assigne un nom à un emplacement dans un document:
Voici un extrait de code HTML qui crée un lien qui saute à l'emplacement nommé «Ici»:
Aller là-bas!
