La conception de Web est un processus de la conceptualisation, planification,
modelant, et l'exécution de la livraison contente de médias
électroniques par l'intermédiaire de l'Internet sous forme de
technologies (telles que des langues de marge bénéficiaire
bénéficiaire) appropriées à l'interprétation et à l'affichage
par un navigateur ou autre d'enchaînement enchaînement-a basé les
interfaces utilisateur graphiques (GUIs).
L'intention de la conception d'enchaînement est de créer un
site Web (une collection de dossiers électroniques résidant sur un
ou plusieurs serveurs d'enchaînement) ce contenu de présents
(dispositifs interactifs y compris ou interfaces) à l'utilisateur
sous forme de pages Web une fois demandées. Des éléments
tels que le texte, les formes, et les images bit-mapped (GIFs, JPEGs,
PNGs) peuvent être placés sur la page en utilisant des étiquettes
de HTML, de XHTML, ou de XML. Montrer des médias plus complexes
(graphiques de vecteur, animations, videos, bruits) exige des
connexions telles que l'environnement d'instantané, de QuickTime, de
Java, etc.. d'exécution. Des connexions sont également
enfoncées dans des pages Web en employant des étiquettes de HTML
ou de XHTML.
TIP DE CONCEPTION DE WEB.
En choisissant un Web concevez la langue pour votre
projet d'Internet :
Si vous projetez concevoir et éditer votre propre site Web en
ligne, votre première étape devrait être décider quel type de
présence d'Internet vous envisagez et puis de choisir le langage de
conception d'enchaînement que vous voulez vous servir.
CONCEPTION D'EMPLACEMENT DE WEB :
Un emplacement de Web est une collecte
d'informations au sujet d'une matière ou d'un sujet particulière.
Concevant un site Web est défini comme arrangement et création
des pages Web qui composent à leur tour un site Web. Une
page Web se compose de l'information pour laquelle le site Web est
développé. Un site Web pourrait être comparé à un livre,
où chaque page du livre est une page Web.
Il y a beaucoup d'aspects (soucis de conception) dans ce
processus, et en raison du développement rapide de l'Internet, les
nouveaux aspects peuvent émerger. Pour les emplacements
non-commerciaux d'enchaînement, les buts peuvent changer selon
l'exposition et la réponse désirées. Pour les emplacements
commerciaux typiques d'enchaînement, les aspects de base de la
conception sont :
Le contenu: la substance, et
l'information sur l'emplacement devraient être appropriées à
l'emplacement et devraient viser le secteur du public que le site Web
est concerné par.
La rentabilité: l'emplacement
devrait être facile à utiliser, avec l'interface et la navigation
simples et fiables.
L'aspect: les graphiques et le
texte devraient inclure un modèle simple dans tout lequel coule, à
l'uniformité d'exposition. Le modèle devrait être
professionnel, attrayant et approprié.
La visibilité: l'emplacement
doit également être facile de trouver par l'intermédiaire des la
plupart, si pas tous, les moteurs de recherche principaux et les
médias de publicité.
Un site Web se compose typiquement du texte et des images.
La première page d'un site Web est connue comme Home Page ou
index. Une certaine utilisation d'emplacements d'enchaînement
ce qui s'appelle généralement une page d'éclaboussure. Les
pages d'éclaboussure pourraient inclure un choix bienvenu de message,
de langue ou de région, ou le déni. Chaque page Web dans un
site Web est un dossier de HTML qui a son propre URL. Après que
chaque page Web soit créée, ils sont typiquement liés ensemble
en utilisant un menu de navigation composé d'hyperliens. Des
vitesses plus rapides de lecture rapide ont mené à des envergures
plus courtes d'une attention et plus de visiteurs en ligne exigeants
et ceci a eu comme conséquence moins d'utilisation des pages
d'éclaboussure, en particulier où des emplacements commerciaux
d'enchaînement sont concernés.
Une fois qu'un site Web est accompli, il doit être édité ou
téléchargé afin d'être visualisable au public au-dessus de
l'Internet. Ceci peut être fait en utilisant un client de ftp.
Une fois qu'édité, le maître d'enchaînement peut employer
une variété de techniques pour augmenter le trafic, ou les coups,
que le site Web reçoit. Ceci peut inclure soumettre le site Web
à un Search Engine tel que Google ou Yahoo, échangeant lie avec
d'autres emplacements d'enchaînement, créant des affiliations avec
les emplacements semblables d'enchaînement, etc...
Conditions multidisciplinaires.
La conception d'emplacement de Web croise des
disciplines multiples des systèmes d'information, de technologie de
l'information et de conception de communication. L'emplacement
d'enchaînement est un système d'information dont les composants sont
parfois classifiés comme d'entrée et principaux. Le contenu
observable (par exemple disposition de page, interface utilisateur,
graphiques, texte, audio) est connu en tant que d'entrée. Le
principal comporte l'organisation et l'efficacité du code source, des
fonctions préétablires invisibles, et des composants de
serveur-côté qui traitent le rendement du d'entrée. Selon la
taille d'un projet de développement de Web, il peut être
effectué par un individu polyvalent (parfois appelé un maître
d'enchaînement), ou un chef de projet peut surveiller la conception
de collaboration entre les membres de groupe avec des qualifications
spécialisées.
Conception accessible de Web.
Article principal : Accessibilité de Web.
Pour être accessibles, les pages Web et les emplacements
doivent se conformer à certains principes d'accessibilité.
Celles-ci peuvent être groupées dans les domaines principaux
suivants :
marge bénéficiaire bénéficiaire 1)use sémantique qui
fournit une structure signicative au document (c.-à-d. page Web).
Le marge bénéficiaire bénéficiaire sémantique se rapporte
également à organiser sémantiquement la structure de page Web et
à éditer la description de services d'enchaînement en conséquence
de sorte qu'ils puissent être identifiés par d'autres services
d'enchaînement sur différentes pages Web. Des normes pour
l'enchaînement sémantique sont fixées par IEEE.
2)use une langue valide de marge bénéficiaire bénéficiaire
qui se conforme à un DTD ou à un schéma édité
équivalents des textes 3)provide pour tous composants
de non-texte (par exemple images, multimédia).
les hyperliens 4)use qui se comprennent une fois lus hors du
contexte (par exemple évitent le "Clic ici.")
armatures de l'utilisation 5)don't.
Tableaux de 6)use CSS plutôt que de HTML pour la disposition.
7)author la page de sorte que quand le code source est ligne par
ligne lu par des agents d'utilisateur (tels que des lecteurs d'un
écran) il reste intelligible. (employer des tables pour la
conception aura souvent comme conséquence l'information qui n'est
pas.)
Cependant, W3C permet une exception où les tables pour la
disposition l'une ou l'autre marque sentent quand linéarisé ou une
version alternative (peut-être linéarisé) est rendue disponible.
L'accessibilité de site Web change également pendant qu'elle
est effectuée par les systèmes de gestion de Content qui permettent
à des changements d'être faits aux pages Web sans besoin
d'obtenir la connaissance de langage de programmation.
Planification De Site Web.
Avant de créer et télécharger un site Web, cela est
important de prendre le temps de projeter exactement ce qui est
nécessaire dans le site Web. Complètement vu les assistances
ou la cible, aussi bien que définir le but et décider quel contenu
sera développé soyez extrêmement important.
But.
Il est essentiel de définir le but du site Web car un du
premier fait un pas dans le procédé de planification. Un
rapport de but devrait montrer le foyer basé sur ce que le site Web
accomplira et ce qu'obtiendront les utilisateurs de lui. Un but
clairement défini aidera le reste du procédé de planification comme
l'assistance est identifiée et la teneur de l'emplacement est
développée. Plaçant sous peu et les buts à long terme pour
le site Web aideront à faire l'espace libre et le plan de but à
l'avenir quand l'expansion, la modification, et l'amélioration auront
lieu. En outre, le but-réglage des pratiques et des objectifs
mesurables devrait être identifié pour dépister le progrès de
l'emplacement et pour déterminer le succès.
Assistances.
Définir les assistances est une étape principale dans le
procédé de planification de site Web. L'assistance est le
groupe de personnes qui sont attendus visiter votre â de site Web
"le marché étant visé. Ces personnes regarderont le site Web
pour une raison spécifique et il est important de savoir exactement
ce qu'elles recherchent quand elles visitent l'emplacement. Un
but ou un but clairement défini de l'emplacement aussi bien qu'un
arrangement de ce qui les visiteurs veulent que fasse ou juge quand
ils viennent à votre emplacement aidera à identifier les assistances
de cible. Lors de considérer qui est le plus susceptible du
besoin ou emploie le contenu, une liste de caractéristiques communes
aux utilisateurs comme :
Caractéristiques D'Assistances.
Préférences De l'Information.
Caractéristiques D'Ordinateur.
Expérience de Web.
Tenir compte des caractéristiques des assistances permettra à
un site Web efficace d'être créé qui fournira le contenu désiré
aux assistances de cible.
Contenu.
L'évaluation et l'organisation contentes exige que le but
du site Web soit clairement défini. Le rassemblement d'une
liste du contenu nécessaire l'organisant alors selon les besoins de
l'assistance est une étape principale dans la planification de site
Web. En cours de recueillir le contenu étant offert, tous les
articles qui ne soutiennent pas le but défini ou n'accomplissent pas
des objectifs d'assistances de cible devraient être enlevés.
C'est une bonne idée d'examiner le contenu et le but sur un
groupe de foyer et comparer les offres aux assistances a besoin.
La prochaine étape est d'organiser la structure de base de
l'information en classant le contenu et l'organisation de lui selon
l'utilisateur a besoin. Chaque catégorie devrait être appelée
avec un titre concis et descriptif qui deviendra un lien sur le site
Web. La planification pour le contenu de l'emplacement s'assure
que veut ou a besoin des assistances de cible et le but de
l'emplacement sera accompli.
Documentation de planification.
La documentation est employée pour projeter visuellement
l'emplacement tout en tenant compte du but, des assistances et du
contenu, de concevoir la structure, le contenu et les interactions
d'emplacement qui sont les plus appropriées au site Web. La
documentation peut être considérée un prototype pour le â de site
Web "un modèle qui permet la disposition de site Web d'être passés
en revue, ayant pour résultat les changements suggérés, à des
améliorations et/ou à des perfectionnements. Ce processus de
revue augmente la probabilité du succès du site Web.
D'abord, le contenu est classé par catégorie et la structure
de l'information est formulée. La structure de l'information
est employée pour développer un diagramme de document ou de visuel
appelé une carte d'emplacement. Ceci crée un visuel de la
façon dont les pages Web seront reliées ensemble, qui aide en
décidant quel contenu sera placé sur quelles pages. Il y a
trois manières principales de diagramming la structure de site Web :
Les diagrammes linéaires de site Web permettront aux
utilisateurs de se déplacer un ordre prédéterminé ;
Les structures hiérarchiques (des diagrammes de site Web de
conception d'arbre) fournissent plus d'un chemin pour des utilisateurs
à la prise à leur destination ;
Les diagrammes de site Web de conception de branche tiennent
compte de beaucoup d'interconnexions entre les pages Web telles que
des hyperliens dans des phrases.
En plus de projeter la structure, la disposition et l'interface
de différentes pages peuvent être projetées en utilisant un
storyboard. En cours de storyboarding, est noté de la
description, du but et du titre de chaque page dans l'emplacement, et
elles sont liées ensemble selon le type du diagramme le plus efficace
et le plus logique. Selon le nombre de pages exigées pour le
site Web, les méthodes de documentation peuvent inclure en utilisant
des morceaux de papier et traçant des lignes pour les relier, ou
créant le storyboard en utilisant le logiciel d'ordinateur.
Certaines ou toutes les différentes pages peuvent être
conçues plus en détail comme wireframe de site Web, une moquerie
vers le haut de la disposition modèle ou complète derrière de ce
que la page ressemblera réellement. Ceci est souvent fait dans
un programme graphique, ou le programme de conception de disposition.
Le wireframe n'a aucune fonctionnalité fonctionnante, projetant
seulement.
PROBLÈMES HABITUELS SURGISSANT DANS LE DOMAINE :
Contre la façon dont il regarde. Comment cela
fonctionne.
Quelques réalisateurs d'enchaînement ont un fond
graphique d'arts et peuvent prêter plus d'attention à la façon dont
une page regarde que vu d'autres issues telles que la façon dont les
visiteurs vont trouver la page par l'intermédiaire d'un Search
Engine. Certains pourraient se fonder davantage sur annoncer que
des moteurs de recherche pour attirer des visiteurs à l'emplacement.
De l'autre côté de l'issue, des consultants en matière
d'optimisation de Search Engine (SEOs) sont concernés par à quel
point des travaux d'un site Web techniquement et textuellement :
de combien trafic il produit par l'intermédiaire des moteurs de
recherche, et combien de ventes il fait, en assumant des regards ne
contribuez pas aux ventes. En conséquence, les concepteurs et
le SEOs finissent souvent vers le haut dans les conflits où le
concepteur veut plus de 'jolis 'graphiques, et le SEO veut un bon
nombre de texte, de listes de balle, et de liens mot--riches 'laids
'des textes. On pourrait arguer du fait que c'est une dichotomie
fausse due à la possibilité qu'une conception d'enchaînement peut
intégrer les deux disciplines pour une solution de collaboration et
synergique. Puisque quelques graphiques atteignent des objectifs
de communication en plus de l'esthétique, à quel point les travaux
d'un emplacement peuvent dépendre des idées visuelles de la
communication du concepteur aussi bien que les considérations de SEO.
Un autre problème en utilisant un bon nombre de graphiques à
une page est que des temps de téléchargement peuvent être
considérablement rallongés, souvent irritant l'utilisateur.
Ceci est devenu moins de problème pendant que l'Internet a
évolué avec l'Internet à grande vitesse et l'utilisation des
graphiques de vecteur. C'est un défi de technologie pour
augmenter la largeur de bande en plus d'un défi artistique pour
réduire au minimum des graphiques et des volumes de fichier
graphique. C'est un défi en cours car la largeur de bande
accrue invite des plus grandes quantités de contenu.
Comme dans des conceptions de collaboration, il y a des conflits
entre les buts et les méthodes différents de conceptions de site
Web. Ce sont quelques uns de les continus.
Manque de collaboration dans la conception.
Aux premières parties de l'enchaînement, il n'y avait
pas autant collaboration entre les conceptions d'enchaînement et les
plus grandes campagnes publicitaires, les transactions de client, la
gestion de réseau sociale, les intranets et les extranets qu'il y a
maintenant les Pages Web étaient principalement les brochures en
ligne statiques démontées des projets plus grands.
Beaucoup de pages Web sont encore démontées de plus grands
projets. Les considérations spéciales de conception sont
nécessaires pour l'usage dans ces plus grands projets. Ces
considérations de conception sont souvent négligées,
particulièrement dans les cas où il y a un manque de conduite,
manque d'arrangement de pourquoi et des connaissances techniques de
la façon intégrer, ou de manque de souci pour le projet plus grand
afin de faciliter la collaboration. Ceci a souvent comme
conséquence la concurrence ou le compromis malsaine entre les
départements, et l'utilisation moins qu'optimale des pages Web.
Liquide contre les dispositions fixes.
Sur l'enchaînement le concepteur n'a aucun contrôle de
plusieurs facteurs, y compris la taille de la fenêtre de navigateur,
le navigateur d'enchaînement utilisé, les dispositifs d'entrée
utilisés (souris, écran de contact, commande de voix, texte,
garniture de numéro de téléphone de cellules, etc...) et la
taille et les caractéristiques des polices disponibles.
Quelques concepteurs choisissent de commander l'aspect des
éléments sur l'écran en employant des désignations spécifiques de
largeur. Cette commande peut être réalisée par l'utilisation
d'une conception table-basée par HTML ou d'une conception
division-basée plus sémantique par l'utilisation du CSS.
Toutes les fois que le texte, les images, et la disposition
d'une conception ne changent pas pendant que le navigateur change,
ceci désigné sous le nom d'une conception fixe de largeur. Les
partisans de la conception fixe de largeur préfèrent le contrôle
précis de la disposition d'un emplacement et du placement de
précision des objets à la page. D'autres concepteurs
choisissent une conception liquide. Une conception liquide est
une, comme Wikipedia, où la conception se déplace au contenu
d'écoulement dans l'écran entier, ou une partie de l'écran,
n'importe ce que la taille de la fenêtre de navigateur. Les
partisans de la conception liquide préfèrent une plus grande
compatibilité et employer l'espace d'écran disponible. La
conception liquide peut être réalisée par l'utilisation du CSS, en
évitant dénommant la page tout à fait, ou en employant les tables
de HTML (ou les divs plus sémantiques) placent à un pourcentage de
la page. Les réalisateurs liquides et fixes de conception
doivent prendre des décisions au sujet de la façon dont la
conception devrait dégrader dessus des résolutions plus élevées et
inférieures d'écran. Parfois le choix pragmatique est fait
pour couler la conception entre une largeur minimum et maximum.
Ceci permet au concepteur d'éviter le codage pour les choix de
navigateur faisant vers le haut de la longue queue, tout en en
utilisant toujours tout l'espace disponible d'écran. Selon le
but du contenu, un concepteur d'enchaînement peut décider d'employer
les dispositions fixées ou liquides sur une base de cas-par-cas.
Semblable à la disposition liquide est l'ajustement facultatif
au dispositif de fenêtre avec le contenu d'instantané d'adobe.
C'est une disposition fixe qui mesure de façon optimale la
teneur de la page sans changer l'arrangement ou le texte s'enveloppant
quand le navigateur est remis à la côte.
Flash.
Le flash d'adobe (autrefois flash de Macromedia) est une
classe des propriétaires, une animation robuste de graphiques ou
programme de développement d'application employé pour créer et
fournir le contenu dynamique, médias (tels que le bruit et la
vidéo), et applications interactives au-dessus de l'enchaînement par
l'intermédiaire du navigateur.
Le flash n'est pas une norme produite par un organisme de
normalisation fournisseur-neutre comme la plupart des protocoles et
des formats de noyau sur l'Internet. Le flash est beaucoup plus
restrictif que le format ouvert de HTML, bien que, exiger d'une classe
des propriétaires plugin d'être vue, et d'elle n'intègre pas avec
la plupart des dispositifs du navigateur UI d'enchaînement comme le
bouton "arrière".
Selon une étude, [2 ] 98% des utilisateurs de Web des
USA faites changer les nombres instantanés du joueur installed.[3 ]
selon l'arrangement et la recherche demographics.[4 de détection ]
Beaucoup d'artistes graphiques emploient le flash parce
qu'il leur donne le contrôle exact de chaque partie de la conception,
et quelque chose peut être animé et généralement "jazzed vers le
haut de". Quelques concepteurs d'applications apprécient le
flash parce qu'il les laisse créer les applications qui ne doivent
pas être régénérées ou aller à une nouvelle page Web chaque
fois une action se produit. Le flash peut employer les polices
incorporées au lieu des polices standard installées sur la plupart
des ordinateurs. Il y a beaucoup d'emplacements qui renoncent au
HTML entièrement pour le flash. D'autres emplacements peuvent
employer le contenu instantané combiné avec le HTML aussi
conservativement que des gifs ou les jpegs seraient employés, mais
avec de plus petits volumes de fichier de vecteur et l'option des
animations plus rapides de chargement. Le flash peut également
être employé pour protéger le contenu contre la duplication ou la
recherche non autorisée. Alternativement, de petits, dynamiques
objets instantanés peuvent être employés pour remplacer les
éléments standard de HTML (tels que des en-têtes ou des liens de
menu) avec la typographie avançée non possible par l'intermédiaire
du HTML régulier ou du CSS (voir le remplacement instantané de
Scalable Inman).
Clignotent la réclamation de détracteurs que des sites Web
instantanés tendent à être mal conçu, et emploient souvent les
utilisateur-interfaces embrouillantes et non standard. Vers le
haut de jusque récemment, les moteurs de recherche ont ne pu pas
classer les objets instantanés, qui a empêché des emplacements
d'avoir leur contenu facilement trouvé. C'est parce que
beaucoup de chenilles de Search Engine se fondent sur le texte pour
classer des sites Web. Il est possible d'indiquer le contenu
alternatif à montrer pour les navigateurs qui ne soutiennent pas le
flash. Employer le contenu alternatif aide également des
moteurs de recherche à comprendre la page, et peut avoir comme
conséquence une visibilité bien meilleure pour la page.
Cependant, la grande majorité de sites Web instantanés ne sont
pas incapacité accessible (pour des lecteurs d'écran, par exemple)
ou section 508 conforme. Une issue additionnelle est que des
emplacements qui emploient généralement le contenu alternatif pour
des moteurs de recherche à leurs visiteurs humains sont
habituellement jugés pour être des moteurs de recherche de Spamming
et sont automatiquement interdits.
L'incarnation la plus récente de la langue scripting de
l'instantané (appelée "ActionScript", qui est une langue d'ECMA
semblable au Javascript) incorpore les dispositifs attendus depuis
longtemps de rentabilité, tels que respecter la taille de police des
navigateurs et permettre aux utilisateurs aveugles d'employer des
lecteurs d'écran. Actionscript 2.0 est une langue
Objet-Orientée, permettant l'utilisation du CSS, XML, et la
conception des applications classe-basées d'enchaînement.
Compatibilité et restrictions.
En raison du part de marché des navigateurs modernes
(selon votre cible), la compatibilité de votre site Web avec les
visionneuses est restreinte. Par exemple, un site Web qui est
conçu pour la majorité de websurfers sera limité à l'utilisation
de XHTML valide les feuilles de cascade strictes ou plus vieilles de
niveau 1 de 1.0, de modèle, et la résolution de l'affichage
1024x768. C'est parce que l'Internet Explorer n'est pas
entièrement des normes de W3C conformes avec la modularité de XHTML
1.1 et la majorité de CSS au delà de 1. Une cible des
utilisateurs plus alternatifs de navigateur (par exemple Firefox et
opéra) tiennent compte de plus de conformité de W3C et ainsi d'une
plus grande gamme des options pour un concepteur d'enchaînement.
Une autre restriction à la conception de page Web est
l'utilisation de différents formats de dossier d'image. La
majorité d'utilisateurs peut soutenir le GIF, le JPEG, et le png
(avec des restrictions). Encore l'Internet Explorer est la
restriction principale ici, pas pleinement approuvant les dispositifs
avancés du transparent du png, ayant pour résultat le format de GIF
étant toujours le format le plus largement répandu de dossier
graphique pour des images transparentes.
Beaucoup d'incompatibilités de site Web passent inapperçues
par le concepteur et non rapportées par les utilisateurs. La
seule manière d'être certain que un site Web travaillera à une
plateforme particulière doit l'examiner sur cette plateforme.
N'IMPORTE QUELLE Manière, CONCEVOIR De Web A ÉMERGÉ
DEHORS EN TANT QU'UN DES FASCINANTE PARMI LES TRAVAUX d'I.T AVEC Un
HAUT SALARY.SO TRÈS BIEN DÉFINI AVANCENT ET ÉMERGENT DEHORS COMME
WEB CRÉATEUR DESIGNER-THE I.T. WORLD IS VOUS ATTENDANT...
