Cookies acceptés.
bouton pour découvrir notre choix
bouton de redirection: haut
bouton de redirection: home
bouton de redirection: bas
bouton de redirection: explication des cookies
Création de sites web 3 D.   Webmaster, webdesign - Conseil.

Votre site web 3D, ... pour une autonomie.

Un espace francophone artisanal et pédagogique.
Logo de LigneWeb

Titre du site ligneweb.net
... JavaScript indispensable ... code utf-8 ... -  © design : LigneWeb

- Site expérimental en XHTML 1.0 et CSS 2.0 avec CSS 3.0 -


 •   Plan du site 
Avec des cours et des conseils.
  Notre Blog :  La ligne papyrus 
 MENU XHTML   info xhtml  - cours 1  - cours 2  - cours 3  - cours 4  - cours 5  - cours 6  - cours 7  - cours 8 . - cours 9 
 Menu cours XHTML  - introduction  - artisanat  - autonomie  - pour écrire et voir  - astuces 



Info Cours XHTML : introduction



 © LigneWeb  ... /info cours XHTML.
© design : LigneWeb
© : alain jean deligne              ... Coins arrondis, ... ombrages, ... couleur de fond en dégradé : ...
... avec la propriété box-shadow ... avec inside (l'ombrage interne) ... donnant l'effet 3 D ... en CSS 3 ...
... avec la propriété box-shadow ... l'ombrage externe ... donnant l'effet 3 D ... en CSS 3 ...



Un démarage tout en douceur
... le XHTML 1.0


Suivez-nous.








Remarque : ... en CSS2 et CSS3 ... :

pour cette page et non visible ... :
le fichier ...  ligne21.css  ... qui mélange du CSS 2 avec du CSS 3 ...
... et ceci grâce aux sélecteurs spécifiques ... expliqués au ...  Cours CSS 3 






Le XHTML 1, le CSS 2, le HTML 5, le CSS 3
ne sont pas des langages de programmation.




... nous travaillons avec des balises encadrant les différents éléments d'une page ...
... page constituée de textes, d'images, de vidéos ...
... ce qui nous permet par les balises de définir la place de chacun d'eux ...
... ainsi que leur style personnalisé pour chacun des éléments constitutifs de la page ...



... le langage ... XHTML 1.0 ... est le ... HTML 4.0 ... amélioré et précisé ...
... et duquel on a retiré le style ... pour le placer dans un fichier externe ...
... il reste dans son essentiel le langage de référence pour le nouveau langage HTML 5 ...
... il faut donc le connaître pour avoir facilement accès à ce dernier, comme nous le verrons bientôt ...
... il implique aussi que la ou les feuilles de style soient à ...  l'extérieur du fichier HTML  ...

... nous avons deux fichiers ... un en XHTML (le HTML sans style) ...
... qui s'écrit avec la terminaison ... .html ...
... et le deuxième fichier ... en CSS 2.0 (le style de la page html) ... qui s'écrit avec la terminaison ... .css ...
... nous voyons tout de suite l'avantage de cette manière de procéder ...
... tout ce qui est ... le contenu se trouve dans la page html ...
... tout le style étant dans la feuille de style (.css) ...ce qui permet le changement aisé du style ...

• (le nom est toujours en minuscules) •



De l'artisanat ... pour l'autonomie

... pour un même texte écrit en html ...  voici une multitude de design css  différentes ...
... ils se retrouvent sur le site ... csszengarden.com  ...
... le site de base ...  css zen garden  ... est réalisé avec une première feuille de style ...
... et avec la même base html il y a d'autres feuilles de style qui montrent des sites totalement différents ...
... toutes ces ...  feuilles de style  ... illustrent parfaitement les potentialités de l'XHTML ...
... avec le CSS 2.0 ...
... un ... autre exemple  ... intéressant ...
... le style (css) ... sera étudié dans le ...  cours css  ...

... le XHTML avec le fichier extérieur CSS ... sont la base du nouveau langage ...
... qui s'appelle ... HTML 5 avec le fichier extérieur CSS 3.0 ...
... voir l'introduction au ...  HTML 5  ... et au ...  CSS 3.0  ...

... nous pouvons ...  aller tout de suite aux cours  ...



Cliquez ici pour le détail

Notre choix proposé ...

... c'est un site pédagogique ...
... il est construit avec ce qu'il enseigne : ...
... le XHTML/CSS 2 vers et pour le HTML 5/CSS 3 ...

Notre choix permet ceci :

... la page construite en HTML 5 / CSS 3 est celle que vous avez construite vous-même ...
... vous avez écris vous même le texte en suivant la logique simple d'écriture ...
... en utilisant les balises encadrantes définies par ce HTML 5 / CSS 3 tout simplement ...

... vous êtes maître à bord et pouvez toujours changer, transformer ou recréer votre page ...
... votre autonomie qui en découle est la garantie de votre individualité ...
... elle participe de votre liberté, de votre créativité, ...
... de votre dimension humaine ...

... un retour à l'essentiel, ... qui n'enlève rien au partage ...
... partage d'une compétence, d'une connaissance, d'une aide aussi ...
... vous pouvez commencer par le XHTML / CSS 2 qui est la base du HTML 5 / CSS 3 ...

... l'accès à ce site est gratuit, ...
... même si nous proposons aussi de réaliser avec vous un site web ...
... cette dimension existe pour tous ceux qui en ont besoin ...
... un besoin d'autonomie avec une aide ... à prix modique ...
... je peux aussi le réaliser complètement avec des explications ...


... la balise  details  ne fonctionne pas avec certains navigateurs ... (c'est le résultat final qui apparait) ...





L'autonomie basée sur la connaissance :

         La dynamique d'un cours est de donner progressivement l'ensemble des éléments qui permettent de savoir comment est construit un site web. Le language utilisé (html, xhtml, css, js, php etc.) démonté élément par élément éclaircit le code, ce qui amène à la compréhension débouchant sur l'autonomie à la fin du processus.
         L'apprentissage se fait par répétition et par réalisation.
         Un questionnaire avec des bonnes réponses ne prouve pas la connaissance, ... parce que celle-ci nait de l'interaction coeur - esprit - liberté - créativité - individualité - humilité ... et réflexion.
         En d'autres mots, c'est l'action qui compte ... et donc c'est existentiel.
         Il n'y a pas de questionnaire ... puisque la réalisation sera remplie de questions, d'erreurs, et amènera nécessairement des réflexions et des solutions ...
... parce que la connaissance est également basée sur l'expérience.

         L'apprentissage du point de rupture de l'équilibre ne peut se découvrir qu'en l'expérimentant : ... c'est en tombant que l'on apprend à marcher dans un premier temps, ... mais il faut très vite éviter d'arriver à ce point de rupture, ... d'où la difficulté pour certains apprentissages.
         L'expérience de l'autre aussi, c'est-à-dire celle de l'ainé, ... sera importante ... Ce qui implique une écoute et un apprentissage pour les jeunes ou les novices, mais également un enseignement de la part des ainés.
... une multitude d'éléments différents interviennent dans cette réalité tellement diverses, voire improbables ... et c'est cela le vivant.

         Un autre élément qui est essentiel et peu précisé, est le ... référentiel ... dans lequel le travail se réalise. Pour une page web, nous avons par exemple le DOCTYPE. nous pouvons aussi avoir le xml, le php, et ainsi de suite ... toute référence indispensable pour que le site soit présent ... c'est une cléf de la connaissance ...
Pour une autonomie :
         Une lecture progressive est nécessaire, ... en suivant ce qui est écrit. Cela demande du temps, de la patience ... Le blé ne pousse pas en un jour.
         Cela demande aussi une certaine attention de tous nos sens ...
... être humain ( du verbe être ).

... column ( colonnes ) : propriété de CSS 3.0 ...

... et cette connaissance progressive permet l'éclosion de l'autonomie ... et de notre individualité ...
... la connaissance exclus le … mensonge ...




Pour écrire ... et voir ... 👀

... il y a trois traitements de texte spécifiques au web ... ( ils ne sont pas les seuls ) ... :
... pour Windows ...  Notepad++  ... qui permet d'écrire les codes sources ... (gratuit)
... pour Mac OS X ...  Smultron  ... qui permet d'écrire les codes sources ... (gratuit)
... pour Linux ...  jEdit  ... qui permet d'écrire les codes sources ... (gratuit)
... pour tous ...  Sublime Text  ... qui est simple et développé ... (payant)

... on ouvre un nouveau fichier dans lequel on écrira les codes et les phrases ...
... tels que définis progressivement dans les cours suivants ...
... on va l'enregistrer dans un dossier en lui donnant le nom ... test.html ... par exemple ...
... ne jamais oublier les balises d'encadrement général ... html ... (voir le cours suivant) ...
... pour visualiser votre essais, ... prendre votre navigateur le meilleur ...
... et ouvrir le fichier ... test.html ... pour chacun de vos exemples ...
... vous pourez alors voir le résultat de votre travail ...

... ce fichier ... test.html ... peut être lu dans Notepad++, Smultron, jEdit ... ou par exemple ... TextWrangler  ...
... quelque soit le traitement de texte utilisé au départ ...

Un exemple (TextWrangler) :


Un exemple de traitement de texte avec TextWrangler Zoom


... pour l'étude et la compréhension de ces cours ...
... je conseille de parcourir une première fois l'ensemble des cours (XHTML et CSS) ...
... avec également ... le cours ... création site web ... dans sa première partie ...
... avant de réaliser des exemples ... même si vous ne comprenez pas tout au début ...
... il faudra aussi faire un deuxième fichier en lui donnant le nom ... test.css ...
... c'est dans ce dernier que l'on écrira le style ...
... il faut aussi l'enregistrer dans le même dossier que le premier fichier ... test.html ...


... faites confiance en vous-même ... ce n'est que sagesse ...

... ce n'est pas si compliqué que celà ... déjà, commencer à comprendre ... oufti ...




 vous pouvez aller tout de suite à  ...  l'espace cours 

... l'espace cours a  un menu spécial détaillé  ...
... voir le ...  menu spécial pour le cours  ... dans l'en-tête ... (menu on/off) ...


... La première constatation que vous ferez en voyant ... le résultat d'un site créé par vous ... est qu'il ne correspond pas souvent à ce que l'on veut ...
... et c'est à ce moment là que l'on a besoin de comprendre les languages ...
... La première donnée à comprendre sont les deux abréviations que sont ......
...HTML .. (ou XHTML) ... et ... CSS 2.0 ... et cela est expliqué en début du cours que nous vous suggérons ...... dans cette page sur le ...  W3C  ...... et son histoire ......

… pour commencer les cours, ...  en parrallèle avec notre propre cours  ...vous pouvez aussi suivre les explications données par ... d'autres sites web …
... il y a une source d'information  dans la page liens  ... avec des sites web intéressants ...
... Allez voir aussi les ... "cours" ... du  OpenClassrooms , car le site est complexe ... et vous verrez tout ce qu'il contient ...

... le plan actuellement est remplacé par les cours ... car c'est un nouveau site réalisé en html 5 ...

... C'est une bonne manière de voir une construction d'un site et ses exigences ...
... en comparant notre page plan avec la page d'acceuil ...
... vous pouvez aller voir le ...  Plan de notre site web  ...

... Ce cours donne les bases que sont le ... HTML 4.0 , le XHTML 1.0 ... ainsi que le CSS 2.0 ...
... nous allons pouvoir le compléter par le ... HTML 5.0 ... et le... CSS 3.0 ...
... qui vont simplifier et dynamiser le Web avec JavaScript ...
... qui voient actuellement le jour grâce au W3C ... voir (  info  ) ...

Un site très important qui donne ...  une assistance  ... pour la sécurité pour Windows.
... voir aussi l'information sur gnt quand à la ...  sécurité  ... d'Internet Explorer ...

... vous pouvez aller tout de suite à ...  l'espace cours ... 
... il est intéressant de le suivre dans l'ordre ...



Des astuces :


... Nous voyons en parallèle, des notions de compréhension valables pour tous sites ......

Une première remarque : ( quel est votre navigateur ? )


Les informations sur votre navigateur donné par un petit script permet, ... soit de vous informer sur celui-ci, ... soit d'avoir ce renseignement en vue d'adapter la page web au navigateur que vous possédez ... étant donné les différences existantes entre navigateurs et entre les anciens et les nouveaux ...

         Mais ici, un seul naviguateur pose réellement problème, ...c'est Explorer 6, qui a ses propres codes, ...
         Il ne respecte pas les recommandations du W3C ...... l'organisme qui contrôle l'évolution du Web, du HTML, du XHTML et des différents CSS ...
         Il a ces propres balises, obligeant les webmaster à faire des pages spéciales pour lui, ...
... ou à ne travailler que pour lui ... délaissant les autres ...
... alors que tous les autres navigateurs s'entendent pour être transparents ...
et avec les derniers qui suivent les recommandations du W3C et qui assimilent le HTML 5 et et le CSS 3.0 déjà...
         Il existe d'autres navigateurs gratuits ... pouvant fonctionner sous Windows, Linux, et Mac ... sans discrimination comme Firefox ou Safari par exemple ... et le dernier né de Google, le bien nommé Chrome ...

         Le choix, pour nous est vite fait ...
... voir l'excellent article d'information ...  sur Explorer 9  ... montrant les avancées de tous les navigateurs ...

... Coins arrondis, ... ombrages, ... colonnes : ... CSS 3.0 ...

... une demande de ...  Microsoft  ... pour l'arrêt de ...  Explorer 6  ...

...  acceuillons le nouveau  ... Windows 10 ... qui est plus tourné vers les Médias sociaux ...
... mais, Windows 7 reste toujours très apprécié par les entreprises ...
... voir aussi l'information sur gnt quand à la  ... sécurité .. . d'Internet Explorer ...
...  ...Explorer 9... n'est pas encore au point ... voir l'article ... sur GNT …

 mais  ... le nouvel ...  Explorer 10 est enfin intéressant  ... et ... disponible sur Windows 7 ...
... enfin, il y a le tout nouveu navigateur avec Windows 10 ...

Une deuxième remarque : ( réactualiser votre site )


Il faut régulièrement ...actualiser... votre page d'acceuil du site que vous allez voir car votre ordinateur enregistre... dans le cache ...beaucoup d'éléments pour accélérer la mise en place de la page...
... il y a bien une technique par balise meta, ... mais peu utilisée ...

...Un site peu changé régulièrement ses pages, et vous ne le verriez pas sauf si c'est la première fois ...
... actualiser un site consiste à vider le cache du naviguateur pour ce site que vous avez déjà consulté ...
... ce qui vous permet de le voir tel qu'il est devenu ......

La structure ... d'actualisation :

Une troisième remarque : ( les trois points dans le texte )

Vous remarquez tous qu'il y a des petits points dans le texte ...
... En français, cela n'existe pas ... alors ?! ...
... C'est pour une question d'ergonomie de lecture, ... ou pour être plus clair, ...
... pour une facilité de lecture ... car il est plus difficile de lire sur l'écran ...
... que sur une feuille de papier ... nous le remarquons tous ...
... et surtout quand le texte défile à une certaine vitesse ...
... Est-ce un bon choix ? ... Nous pouvons en parler ...


Un site avec un Sommaire des références en html : ...  Manuel PHP  ... avec self html ...

... la filière de cours html et css pourrait aussi s'ouvrir à ... d'autres cours ...
... tels que des cours de logique, de math, et autres ... liés au web ...

 Actualiser  votre site.

... design 3 D ...

...  fenêtre sur l'univers  ...             © design : LigneWeb - © Apple





 MENU XHTML   info xhtml  - cours 1  - cours 2  - cours 3  - cours 4  - cours 5  - cours 6  - cours 7  - cours 8 . - cours 9 
  Essentiel :   - Accueil  - Offres  - Site photo  - Projet  - Historique  - Historique RSS  - Réalisations  - Création 
- Cours XHTML  - Cours CSS 2  - Création site  - Cours HTML 5  - Cours CSS 3  - Cours jQuery 
- Programmes JS  - Liens - © - cookies  - Contact  - Plan du site 

Chaque enfant compte. Plan Belgique     Valid XHTML 1.0 Transitional     [Valid RSS]     CSS Valide !     Le logo de LigneWeb

... tout ne respecte pas le W3C ... site d'expérimentation ...

le titre du site web
©  Copyright :  "LigneWeb" (2008-2017) Tous droits réservés.  Légal  Design, Artisan web: mathalan 
 LigneWeb :   BE 0843 356 602. (2012-2017)   Conditions d'utilisation  Création: masterligne  • Qui sommes nous? 

Réinstaller le Bien en soi ... pour réinstaller le Bien sur terre ... et changer le monde.
© LigneWeb  Utilisation de cookies