Avant de créer votre première page web

category Ordinateurs et logiciels / Programmation / Html

Création de documents HTML diffère de la création des documents de traitement de texte en utilisant une application telle que Microsoft Word. La différence vient d'avoir à utiliser deux applications avec la création de document HTML:

  • Votre texte ou éditeur HTML, où vous créez des pages Web

  • Votre navigateur Web, où vous affichez les résultats

Même si de nombreux éditeurs HTML, tels que Dreamweaver et HTML-Kit, offrent un aperçu dans le navigateur, il est toujours important de prévisualiser vos pages web à l'intérieur des navigateurs web actuels (tels que Internet Explorer, Chrome, Firefox et Safari) afin que vous puissiez les voir comme vos utilisateurs finaux font.




Modification à l'intérieur d'un programme, puis passer à un autre pour regarder votre travail pourrait se sentir bizarre, mais vous serez commutation entre l'éditeur et le navigateur comme un pro en un rien de temps.

Parce que tous les navigateurs web sont créés égaux (ou identiques), les pages Web peuvent être différents selon le navigateur que vous utilisez. Prenez l'habitude et la pratique régulière de la prévisualisation des pages Web dans plusieurs navigateurs de sorte que vous voyez ce que vos utilisateurs finaux voient lorsqu'ils ouvrent cette page.

Pour commencer votre première page web, vous avez besoin de deux types de logiciels:

  • La dernière version de Aptana Studio: Allez sur le site Aptana pour obtenir votre copie. Aptana Studio est un outil de projet web qui fonctionne sur Windows, Mac OS, Linux et PC.

  • Un navigateur web: Internet Explorer, Chrome, Firefox et Safari sont des navigateurs les plus populaires du Web, alors assurez-vous de tester vos pages dans chacun d'eux si possible.

Le web gratuit Aptana Studio kit de développement est fortement recommandé, et voici pourquoi:

  • Travailler avec balisage: Bien que d'un éditeur HTML avancé, comme Expression Web ou Dreamweaver, cache souvent votre code HTML de vous, Aptana vous permet d'interagir directement avec le balisage. Pour votre première page, vous voulez voir votre code HTML dans toute sa (limitée) gloire.

    Lorsque vous vous serez familiarisé avec XHTML et CSS balisage, de la syntaxe et de la structure, vous pouvez vraiment commencer à faire Aptana Studio chanter. Il est un bon outil et fournit un grand soutien HTML5 et page Web modèle, CSS3 gère bien, et offre une bonne PHP, Ruby, Rails et de soutien.

  • Garder le code propre: Les traitements de texte pontés avec cloches et de sifflets (comme Microsoft Word) Insérez souvent des informations supplémentaires dans les coulisses (par exemple, des instructions pour afficher ou imprimer des fichiers formatage). Vous ne pouvez pas voir ou modifier ces informations pendant que vous éditez, mais il mess avec votre code HTML. Avec Aptana, vous ne devez pas vous inquiéter au sujet de ces cloches et de sifflets qui font du bruit en arrière-plan.

Articles Similaires

A propos Auteur
Le document HTML5 organisation revisité Le document HTML5 organisation revisité

Le cadre d'un simple document HTML se compose d'une tête et le corps. La tête fournit des informations sur le document sur le navigateur (et parfois aussi pour le serveur Web), et le corps contient du contenu qui apparaît dans la fenêtre du…

Les éditeurs de texte à éviter pour HTML5 et CSS3 programmation Les éditeurs de texte à éviter pour HTML5 et CSS3 programmation

Un éditeur de texte peut être un programme simple, mais cela ne signifie pas qu'ils sont tous les mêmes pour le codage HTML5 et CSS3. Certains programmes ont une histoire de causer des problèmes pour les débutants (et les développeurs…

Comment créer un tableau HTML Comment créer un tableau HTML

Lorsque vous créez des pages Web, vous devez savoir comment ajouter différents types de données et les éléments, y compris les tableaux. Pour créer une page web avec une table, procédez comme suit:Ouvrez votre éditeur de texte.Dans…

Éléments HTML de base Éléments HTML de base

HyperText Markup Language (HTML) est le langage de l'âme, où éléments dicter la forme et le style de votre contenu. Éléments HTML composent le codage téléchargé que vous voyez quand vous allez à une page Web dans votre navigateur Web…

Une introduction à doctypes (DTD) Une introduction à doctypes (DTD)

Bien DOCTYPEs ont été autour dans le monde du web depuis environ 1999, que dans les dernières années ont-ils commencé à obtenir le genre de respect et l'attention qu'ils devaient avoir.UN DOCTYPE - aussi souvent désigné comme un Document…

Les étapes de base pour la construction de votre propre site web Les étapes de base pour la construction de votre propre site web

Peut-être que vous voulez votre propre site web pour annoncer une entreprise ou d'un produit, mais vous pensez que vous avez à dépenser de l'argent pour embaucher un concepteur Web professionnel et codeur. Vous pourriez investir beaucoup d'argent…

A propos des balises HTML5 A propos des balises HTML5

Pas tous les navigateurs Web sur l'Internet HTML5 de soutien aujourd'hui. Concentrez-vous sur ce qui est possible dans le navigateur web Safari sur l'iPhone, iPad, et iPod. Si vous créez des pages Web pour le grand public de la World Wide Web, vous…

Comment concevoir pour les différents navigateurs web Comment concevoir pour les différents navigateurs web

Bien que votre public peut différer, vous pouvez créer des sites Web qui semblent bonnes dans Safari sur l'iPhone et l'iPad sans compromettre la conception de la page lorsque l'affichage dans les navigateurs Web les plus populaires sur…

Comment écrire du code dans la nouvelle HTML5 Comment écrire du code dans la nouvelle HTML5

Il ya plus que de nouveaux éléments sémantiques dans HTML5, que vous pouvez utiliser pour concevoir des sites Web à afficher sur iPhone et iPad ainsi que les écrans d'ordinateur. HTML5 fusionne HTML 4 et XHTML. HTML5 a deux versions…

Comment choisir un éditeur html Comment choisir un éditeur html

Si vous êtes un masochiste, vous pouvez certainement créer des pages web dans un programme de traitement de texte. Tout ce que vous devez savoir est que les balises HTML à utiliser pour chaque section de ce document. Toutefois, en prenant ce…

Structure du code Html Structure du code Html

Tout ce que vous voyez sur une page web est maintenu en place par un langage de mise en page appelé HTML (HyperTposte Markup Language). Depuis le temps que le HTML a été introduit, il a évolué à partir d'un moyen simple d'afficher et de…

Comment faire pour supprimer le formatage indésirables de votre site web Comment faire pour supprimer le formatage indésirables de votre site web

La plupart des éditeurs de code Web ont une commande qui nettoie automatiquement les erreurs courantes dans votre code. Par exemple, la commande Nettoyer HTML Word / XHTML dans Dreamweaver est un must pour tout site web qui inclut le contenu qui a…

3 Web add-ons utiles pour le navigateur Mozilla Firefox 3 Web add-ons utiles pour le navigateur Mozilla Firefox

Le navigateur Firefox de Mozilla est l'un des navigateurs les plus populaires sur le web aujourd'hui, et il a des centaines de add-ons disponibles pour améliorer l'expérience de navigation. Voici trois Firefox add-ons qui fera de votre conception…

Comment insérer des liens hypertexte dans wordpress avec html Comment insérer des liens hypertexte dans wordpress avec html

Vous voudrez probablement pour insérer un lien dans le corps d'un site WordPress - communément appelé un hyperlien, qui est une ligne de texte qui est ancré dans une adresse Web (URL) de sorte que le texte prend en cliquant sur un visiteur à un…

» » » » Avant de créer votre première page web