Il existe plusieurs options pour développer un modèle à partir de zéro - quelqu'un connaît le système à quel point il crée des fichiers de thème en déplacement, mais il existe une autre approche. En fait, la méthode la plus simple que j'ai utilisée à quelques reprises consiste à trouver une mise en page similaire dans la conception, à l'installer, puis à la modifier selon vos besoins. Pourtant, éditer du code html et css est beaucoup plus facile que de comprendre les fonctions. Vous pouvez vous baser sur un modèle public gratuit, rechercher ou mettre à niveau déjà installé par défaut Twenty Eleven, etc. Une autre option consiste à utiliser les thèmes vierges.
L'ensemble le plus récent de thèmes "vierges" similaires se trouve - il existe quelques solutions intéressantes + vous pouvez toujours trouver quelque chose de similaire par la requête "thèmes wordpress vierges". Ils sont aussi souvent appelés Frameworks Wordpress. De tout ce que j'ai pu trouver, je distinguerais les deux options les plus intéressantes.
C'est le thème le plus simple qui puisse être, mais il contient également tous les principaux fichiers WordPress - en-tête, pied de page, etc. Ce développement s'est répandu depuis longtemps, la structure des fichiers modèles est donc "ancienne" - il n'y a pas d'implémentation via le fichier loop.php, qui est souvent utilisé maintenant. Celui qui l'aime - par exemple, j'aime plus la structure du passé.
Quoi d'autre m'a intéressé dans ce site - ici, dans le coin supérieur droit, il est possible de sélectionner d'autres implémentations de modèles vides avec une structure plus ou moins prescrite. Seul le modèle de thème H5 est gratuit ici.
Par rapport à la conception précédente, la conception est plus avancée en raison du fait qu'au moins certains styles CSS sont prescrits et que vous pouvez moins jouer avec. Paradoxalement, je pense que le modèle le plus simple sans styles, considéré en premier lieu, ne convient probablement qu'aux développeurs Web les plus avancés, mais en même temps, en raison des connaissances dont ils disposent, ils n'en auront pas besoin - ils peuvent facilement et eux-mêmes créer tout à partir de zéro soit déjà une certaine expérience dans ce sujet.
Au même endroit, dans le menu déroulant, vous pouvez sélectionner d'autres modèles, mais tous sont disponibles, si j'ai bien compris, avec l'achat du livre correspondant sur wordpress. Si cette option vous convient, je pense que c'est aussi une bonne solution.
Modèles vierges sur Blankthemes.com
Je tiens à remercier l'auteur de Blankthemes.com, car il m'a beaucoup aidé dans mon travail. Voici 10 des modèles de base les plus simples avec différentes options de mise en œuvre qui peuvent convenir à certains sites.
Mise à jour 6.10.2015 :
Malheureusement, le site avec des modèles vides n'est plus disponible, le domaine est redirigé vers un autre projet. À l'avenir, j'essaierai de rechercher quelques autres projets similaires avec des thèmes, après quoi je mettrai à jour ce post.
Je vais rapidement passer en revue chacun d'eux :
- Skylark est un thème clair et épuré pour un site Web personnel ou professionnel.
- Contenu de la barre latérale - Une variante du modèle avec deux barres latérales sur la gauche.
- Barre latérale de contenu Barre latérale - Les deux barres latérales sont maintenant positionnées à droite.
- Escarmouche est un thème élégant à deux colonnes adapté à un blog personnel (rappelant un peu la conception de base de WP, soit dit en passant).
- Bridge est également un thème vide à deux colonnes, mais beaucoup plus simple que le précédent en apparence.
- Blankfolio est un thème de site Web de portefeuille vierge.
- Blank Three Column est un modèle de site Web classique avec deux barres latérales et le contenu principal au centre.
- Blank Single One est un thème vide avec une seule zone de texte et aucune colonne latérale.
- Deux colonnes vides, barre latérale droite - Thème vide à deux colonnes, barre latérale droite.
- Vide à deux colonnes, barre latérale gauche - identique à la précédente, seule la colonne latérale est maintenant à gauche.
Pour créer le site dont j'ai besoin, j'ai utilisé le thème Blank Three Column. Sur le site, vous pouvez visionner une démo de chacun d'eux, ainsi que commander des services d'installation.
Ce modèle est implémenté avec une "nouvelle technologie" en utilisant loop.php. Néanmoins, même si vous n'avez pas rencontré cela, il est assez facile de le comprendre. De nombreux paramètres sont définis dans le fichier de fonctions (functions.php) - en particulier, vous devrez bricoler la localisation, en recherchant les parties nécessaires du code. Mais en général, tout est assez simple. Ce modèle a un menu déroulant horizontal dans l'en-tête, mais vous devrez ajuster les paramètres de style CSS (n'oubliez pas que le sujet est toujours "vide").
À tous autres égards, elle (comme, je pense, d'autres) est très facile à utiliser. Il y a des widgets avec des colonnes latérales, une image sous le logo et le menu, les fichiers header.php et footer.php vous aideront à corriger les éléments dans l'entête et le pied de page du site. Personnellement, j'ai même aimé travailler avec ce thème - en général, l'idée de modèles vides n'est à peu près rien. Par rapport à l'édition d'un modèle à part entière, l'avantage ici est le fait que les styles de conception sont basiques et que vous n'avez pas besoin de supprimer tout ce qui se trouve dans le thème fini - vous ajoutez simplement votre propre conception. En bref, pour Blankthemes.com un respect distinct pour le créateur, vous pouvez en fait trouver presque toutes les options classiques pour la conception de sites Web.
P.S. Vous voulez savoir à quels jeux les utilisateurs jouent le plus ? alors les 100 meilleurs jeux en ligne vous aideront - une évaluation des joueurs eux-mêmes avec une description des jeux.
Ce qui ne peut que réjouir les jeunes mamans, c'est le nombre de sites pour enfants, par exemple, vous trouverez une boutique en ligne avec des produits pour les plus petits.
Tous les modèles présentés pour votre site sont construits sur des versions modernes de HTML5 et CSS3. En outre, les auteurs utilisent des fonctionnalités à la mode telles que la conception plate, la conception réactive, la mise en page réactive, les curseurs jQuery, l'animation CSS3, etc. Autrement dit, si vous recherchez un modèle de site mobile, vous pouvez choisir l'un des modèles présentés. Beaux modèles html5 2017, bien que gratuit, ressemble à une prime.
Vous trouverez ici plus de 50 modèles de sites Web réactifs gratuits de haute qualité en HTML5 et CSS3, qui peuvent être utilisés pour de nouveaux sites ainsi que pour la refonte de sites existants. Modèles de site Web html5 élégants- c'est ce qu'il te faut !
Mis à jour le 03.12.2019: Depuis que l'article a été écrit il y a 2 ans, de nombreux liens se sont rompus. Soit les propriétaires des modèles ont fusionné, soit ont changé le statut des modèles de gratuit à payant, ou les extraterrestres ont tout perdu. Je vous prie, chers lecteurs, si vous trouvez un tel lien, postez-le dans les commentaires, je le corrigerai.
1. Snow - modèle de page de destination gratuit en HTML5 et CSS3
Le modèle de page de destination de neige html5 css3 est construit sur le framework Bootstrap. Le modèle est très élégant et cool! Un arrière-plan fixe et un énorme Jumbotron est la chose qui montre le contenu principal du site. Quelle est la chose la plus importante sur la page de destination ? C'est vrai, un appel à l'action. Naturellement, le modèle est entièrement adapté aux mobiles. Vous pouvez même l'utiliser comme base pour vos propres modèles.
2. Sima - modèle de site Web commercial chic
Ce modèle html5 css3 est également construit sur le framework Bootstrap. Avec ce modèle, vous pouvez créer un site Web unique avec un portfolio, votre équipe, des prix, des critiques et tout ce dont vous avez besoin. Par exemple, ce modèle est parfait pour un site Web de service de nettoyage. L'animation de ce modèle est fluide et efficace, avec des polices propres et lisibles. Juste le modèle parfait !
3. Le blanc est un excellent modèle d'une page !
Une caractéristique distinctive du modèle de site Web blanc réside dans deux options d'arrière-plan en haut. Vous pouvez choisir soit un curseur avec des images, soit un arrière-plan vidéo. Modèle de très haute qualité et efficace pour le site!
4. Platz - Modèle de site Web gratuit basé sur une grille HTML5
Un modèle de site Web basé sur une grille HTML5 moderne et visuellement attrayant (en savoir plus sur la grille). Conception de modèle de blog ou de site Web magnifique et réactive.
5. Mart eCommerce - Beau modèle de site Web de commerce électronique HTML5 et CSS3
Une conception de modèle de site Web fraîche et élégante est la mieux adaptée à toutes sortes de sites Web de mode vendant des chaussures, des vêtements, des montres, des accessoires, des vêtements de sport, etc. Comprend un fichier PSD que vous pouvez personnaliser en fonction de vos besoins.
6. Nava - Modèle HTML5 et CSS3 efficace pour les sites Web créatifs
Nava est un modèle de site Web HTML5 moderne qui est principalement utilisé pour les professionnels de la création qui souhaitent montrer leur travail dans toute sa splendeur. De nombreuses variantes de paramètres de modèle vous permettent de rendre votre site unique. Modèle de site Web léger, beau et réactif.
7. Box Portfolio - un modèle de site Web créatif unique en HTML5 et CSS3
Le modèle de site Web Box Portfolio a un design minimaliste propre et moderne. Parfait pour les professionnels qui souhaitent présenter efficacement leur travail en ligne. Comme son nom l'indique, le modèle de site Web est parfaitement adapté au portefeuille.
8. Mountain King - modèle de site Web HTML5 et CSS3 populaire et fonctionnel
Le thème de la montagne dans la conception de sites Web a été très populaire ces derniers temps. Le modèle de site Web Mountain King ne fait pas exception. Comprend 336 icônes vectorielles de Typicons. Plus de superbes animations CSS3. Le modèle est parfait pour les sites Web de voyage et de portefeuille.
9. Beauty Spa - Modèle de site Web HTML5 et CSS3 sympa pour les salons de spa
Beauty Spa est un modèle de site Web réactif doté de nombreuses fonctionnalités parfaites pour les centres de spa, de bien-être ou de fitness, les sites de yoga ou même les sites de coiffure. Excellente lisibilité des polices et minimalisme discret.
10. Bent - page de destination élégante et efficace pour les sites Web en HTML5 et CSS3
Bent est un excellent modèle de site Web gratuit html5 et css3. Conception réactive, animations CSS3, défilement de parallaxe, navigation personnalisable, etc. Il s'agit d'un modèle de conception épuré pour les sites qui souhaitent utiliser une conception équilibrée afin de garantir que les visiteurs apprécient l'apparence du site tout en voyant clairement le contenu principal.
11. Triangle - modèle polyvalent réactif gratuit en HTML5 et CSS3
Triangle est un modèle de site Web HTML5 et CSS3 créatif exclusif, spécialement conçu pour ceux qui souhaitent mettre en œuvre leur design sympa sans l'aggraver. Le modèle contient plus de 40 pages prédéfinies qui vous permettent de personnaliser votre site comme vous le souhaitez.
12. Future Imperfect - un modèle de site Web génial pour les créatifs !
Faites l'expérience d'un véritable sentiment de plaisir avec ce modèle de site Web parfait pour les écrivains, auteurs, rédacteurs et autres travailleurs du stylo et du papier. Le modèle peut également être utilisé pour un blog personnel, un blog de voyage, sur la créativité, etc. La conception créative et la mise en page réactive du modèle plairont à beaucoup.
13. Bodo est un excellent modèle pour un site Web personnel
Bodo est un magnifique modèle de site Web HTML5 et CSS3 parfait pour un site Web personnel. Surtout pour l'organisation du portefeuille. Typographie nette et nette, curseur de carrousel, fenêtres contextuelles pour afficher vos œuvres, et plus encore.
14. Lens - le modèle de site Web HTML5 parfait pour les photographes
Les photographes sont toujours à la recherche du modèle parfait pour leur site Web afin de montrer leur travail dans toute sa splendeur, de manière spectaculaire et surtout - en grand ! Un modèle de site rare répond à ces exigences. Lens est l'un de ces modèles de site Web de photographie.
15. Spectral - modèle de site Web unique fait à la main en HTML5 et CSS3
Si vous cherchez modèles de sites Web automatiques gratuits alors Spectral serait la solution parfaite. Voici une conception de modèle de site Web d'une page entièrement unique, fabriquée à la main. La conception peut être modifiée à votre discrétion. Ce modèle peut être utilisé pour créer un site Web époustouflant sur n'importe quel sujet, qu'il s'agisse d'un blog de voyage ou d'une galerie de photos impressionnant, d'un site Web automobile ou d'un fournisseur d'hébergement.
16.Oxygen - Modèle de site Web HTML5 et CSS3 d'une page
Oxygen est un modèle pratique et unique pour un site Web d'entreprise. Design plat moderne, mise en page réactive. Par exemple, ce modèle est parfait pour un site Web sur les applications mobiles ou la technologie mobile.
17. Mobirise Bootstrap - Le modèle de site Web HTML5 et CSS3 gratuit ultime
Si vous recherchez un modèle de site Web gratuit, Mobirise Bootstrap est l'endroit idéal pour commencer. Il s'agit d'un modèle multifonctionnel avec des tonnes d'add-ons inclus. Trois mises en page de page d'accueil et de blog prédéfinies vous aideront à cela. Mobirise Bootstrap est également optimisé à 100% pour le référencement et adaptable à n'importe quelle taille d'écran.
18. La Casa - beau modèle HTML5 gratuit pour un site Web immobilier
Le modèle Brandy est parfait pour organiser un site Web immobilier commercial. Un design réactif et très beau plaira non seulement au propriétaire du site, mais aussi aux visiteurs.
19. Drifolio - Modèle de site Web de portfolio HTML5 élégant
Modèle de site Web de portefeuille HTML5 et CSS3 élégant et animé. Des designs épurés, une excellente typographie, de belles icônes et plus encore.
20. Pluton - modèle lumineux et élégant pour un site Web d'une page
Pluton est un modèle de site Web Bootstrap brillant et efficace. Un modèle de site Web moderne, avec sa mise en page unique et son design réactif, idéal pour les studios, les photographes et les designers créatifs.
21. SquadFree - Modèle de site Web professionnel HTML5 d'une page
Le modèle SquadFree est parfait pour créer un site Web commercial d'une page. Le modèle a l'air non seulement professionnel, mais également adapté à tous les types d'écrans. Le modèle est construit sur la base de Bootstrap.
22. Sublime - un modèle de site Web HTML5 et CSS3 fascinant
Sublime est un modèle de site Web HTML5 et CSS3 propre et incroyablement beau, parfait pour une startup, une agence de création ou un site de portfolio. Conception réactive et deux options de page au choix.
23. Timber - modèle de site Web HTML5 et CSS3 inhabituel et magnifique
Timber est un thème de modèle de site Web d'une page frais, élégant et inhabituel. La diagonale est la principale caractéristique de conception de ce modèle. Le modèle est parfait pour un site Web ou un portefeuille d'entreprise. Il y a une galerie intégrée, une carte et des informations de contact que vous pouvez facilement adapter pour vous-même.
24. E-Shopper - Meilleur modèle de site Web de commerce électronique
E-Shopper est une excellente option pour un modèle de site Web de commerce électronique. Construit sur bootstrap avec un ensemble de fonctionnalités incroyables pour une boutique en ligne complète et efficace.
25. Magnétique - Modèle de site Web photo HTML5 et CSS3 gratuit
Un modèle HTML5 et CSS3 absolument époustouflant pour créer un site photo ou un portfolio pour un designer, un illustrateur ou un artiste. Ce modèle élève la barre des modèles professionnels au niveau supérieur ! Conception réactive, excellente prise en charge de toutes sortes d'appareils d'affichage, navigation facile et pratique et bien plus encore.
26. Mabur Portfolio - beau modèle de site Web minimaliste en HTML5 et CSS3
Le design plat de ce modèle de site Web minimaliste est parfait pour la création de portefeuilles. Dans le modèle, tous les détails sont parfaitement vérifiés !
27. Bootstrap moderne HTML5 - Modèle de site Web gratuit d'une page
Ce framework Bootstrap gratuit d'une page est parfait pour les sites Web d'entreprise, petits et grands. Design plat, mise en page réactive, tous les éléments de conception de haute qualité. Le modèle est disponible en 4 couleurs différentes.
28. Infusion - modèle de site Web élégant d'une page en HTML5 et CSS3
Infusion est un excellent exemple de modèle de site Web HTML5 et CSS3 spécialement conçu pour créer un portefeuille d'activités. La riche fonctionnalité de ce modèle vous permet de travailler efficacement avec les clients et d'en attirer de nouveaux.
29. Yebo - modèle de site Web d'entreprise en HTML5 et CSS3
Ce modèle de site Web de haute qualité et de style plat est parfait pour tout site Web d'entreprise. Conception réactive, nombreuses options de personnalisation et d'édition.
30. Twenty - Spectaculaire modèle de site Web de parallaxe HTML5 et CSS3
Ce modèle de site Web de parallaxe unique et très beau ne laissera personne indifférent. Le modèle d'une page est construit avec du pur HTML5 et CSS3 avec une mise en page réactive, des arrière-plans impressionnants, une prise en charge des médias sociaux, etc.
31. Urbanic - Excellent modèle de site Web Bootstrap HTML5 et CSS3
Urbanic est un modèle de site Web HTML5 et CSS3 frais et cool construit sur le moteur Bootstrap. Parfait pour commencer à créer votre site Web immédiatement sans trop de problèmes. Le modèle est parfaitement adapté à n'importe quelle taille d'écran.
32. Design Showcase - Modèle de site Web de portefeuille HTML5
Un modèle de site Web HTML5 visuellement harmonieux et efficace pour organiser votre portefeuille. Le modèle est parfaitement adapté aux appareils mobiles, ce qui est très difficile pour les sites de ce format.
33. Mamba One - modèle de site Web simple et élégant en HTML5 et CSS3
Mamba One est un exemple de modèle de site Web simple mais élégant d'une page. Compatible avec tous les navigateurs modernes et s'affichera de manière adéquate partout.
34. KreativePixel - Modèle de site Web gratuit pour les photographes
Un autre excellent modèle de site Web pour les photographes. Un design réactif et un tri très pratique des photos dans les portfolios et les galeries séduiront de nombreux amateurs de photographie. Le modèle utilise également un effet de parallaxe, qui impressionne également les téléspectateurs lors de la visualisation de photos.
35. Application réactive Retina Ready - Modèle de page de destination HTML5 et CSS3 gratuit
Comme son nom l'indique, ce superbe modèle de site Web est non seulement parfaitement adapté aux pages de destination, mais répond également aux nouvelles tendances mobiles, notamment en termes de clarté d'affichage sur les appareils dotés d'écrans Retina.
36. Brushed - Modèle de site Web Bootstrap HTML5 et CSS3 réactif
Brushed est un modèle de site Web HTML5 et CSS3 réactif et gratuit basé sur le moteur Bootstrap. Également optimisé pour les écrans Retina (iPhone, iPad, iPod Touch et MacBook Pro Retina).
37.Modèle de site Web Big Picture HTML5 et CSS3
Bienvenue dans Big Picture ! Ce modèle de site Web HTML5 réactif est parfait pour tous les créatifs qui ont quelque chose à montrer et à le montrer grand et impressionnant sur leur site Web. De plus, le modèle a une excellente animation.
38. Tesselatte - Modèle HTML5 et CSS3 réactif gratuit
Un modèle simple d'une page qui prend en compte tous les outils nécessaires pour une création de site Web réussie. Idéal pour le blog personnel d'un écrivain, rédacteur et juste un amoureux de l'imprimé.
39. Overflow - un modèle de site Web unique en HTML5 et CSS3
Ce modèle de site Web unique en pur HTML5 et CSS3 est parfait pour toute personne créative. Il est totalement responsive et totalement gratuit.
40. Runkeeper - modèle de site Web réactif et très beau
Runkeeper est un modèle de site Web gratuit, réactif et très beau. Il peut être utilisé pour n'importe quel site. Un style brillant et des polices nettes, un design réactif et des détails de modèle impressionnants. Tout fonctionne pour vous !
41. Pinball Responsive Grid Style - Grand modèle de site Web basé sur une grille
Ce superbe modèle de site Web professionnel basé sur une grille est parfait pour un site Web d'entreprise. Le design plat moderne et la structure réactive du modèle sont magnifiquement affichés sur les écrans de grands moniteurs et d'appareils mobiles.
42. Prologue - nettoyer le modèle de site Web d'une page HTML5 et CSS3
Ce modèle de site Web HTML5 et CSS3 propre, simple et net est parfait pour créer une page de destination. Le design minimaliste ne détourne pas l'attention de l'essentiel. Une navigation accrocheuse dans la barre latérale déroulante et des lignes de page nettes sont la combinaison parfaite !
43. Helios - modèle de site Web moderne en pur HTML5 et CSS3
Un autre modèle de site Web dans le style du minimalisme et des formes épurées. Spécifiquement conçu pour profiter des grands écrans d'affichage, mais aussi parfaitement adapté aux petits écrans des appareils mobiles.
44. Telephasic - Modèle de site Web HTML5 gratuit et réactif
Ce modèle de site Web moderne, réactif et entièrement gratuit a un gros avantage - il est simple et épuré, mais c'est exactement ce qui manque à beaucoup de gens.
45. Fortement typé - très beau modèle de site Web semi-rétro
Nouveau modèle de site Web avec un style semi-rétro minimaliste. C'est juste que le rétro n'est plus à la mode, mais un léger indice est très utile. Ce modèle de site Web est entièrement réactif, construit avec du pur HTML5 et CSS3 et comprend tous les éléments de page essentiels dont vous avez besoin. Fortement typé est parfait pour les sites Web créatifs. Par exemple, pour un site de décoration d'intérieur.
46. Striped - modèle de site Web HTML5 et CSS3 propre, beau et fonctionnel
Nouveau modèle de site Web frais et propre, beau et fonctionnel en HTML5 et CSS3. Il a dans son arsenal tous les éléments de page nécessaires, y compris des citations, des tableaux et des listes conçus, ainsi qu'une barre latérale adaptée (à droite ou à gauche - selon vos souhaits).
47. Parallélisme - modèle de site Web inhabituel et élégant en HTML5 et CSS3
Parallelism est un modèle de site Web élégant pour organiser des portfolios ou des photos. Sa particularité est que le défilement n'est pas ici vertical, comme d'habitude, mais horizontal. Cela donne au site un caractère chic et mémorable.
48. Miniport - Modèle de site Web HTML5 entièrement réactif dans un style minimaliste
Grand modèle de site Web HTML5 minimaliste. Parfait pour un site Web / blog personnel et un petit site Web d'entreprise d'une page ou comme site Web de carte de visite.
49. Verti - modèle de site Web HTML5 réactif spacieux et gratuit
Le design épuré et spacieux de ce modèle de site Web est parfait pour les petits sites Web d'entreprise ou les projets commerciaux. Réactif et convivial pour l'auteur et les utilisateurs.
50. ZeroFour - Modèle de site Web HTML5 et CSS3 impressionnant et élégant
Et le dernier sur la liste, mais pas le dernier en termes de qualité et d'impact visuel, le modèle de site - ZeroFour. Design élégant, très beau menu, formes et boutons parfaitement ajustés, belles icônes et bien plus encore. Et tout cela est absolument gratuit !
J'espère que vous avez trouvé quelque chose qui vous convient parmi ces superbes modèles de sites Web HTML5 et CSS3. Bonne chance!
Marquez pour une recherche rapide plus tard.
PS : Si vous n'arrivez pas à faire un choix, lisez l'article "Je ne sais pas ce que je veux". Ce sera utile.
Vous avez un besoin urgent de créer un site Web en utilisant uniquement du HTML et de le mettre sur Internet ? Ensuite, il ne vous sera pas difficile de copier le code fini et de suivre mes instructions.
Certes, une ressource à part entière, utilisant un seul langage de programmation, est difficile à réaliser, mais un site de cartes de visite à partir de plusieurs pages est tout à fait possible.
Si quelqu'un a exactement cet objectif et qu'il n'a aucun désir d'apprendre d'autres langues, alors cet article est pour lui.
Bref, en version auto-écrite, sans utiliser de CMS, rien de plus simple.
Et pour ceux qui ont besoin de quelque chose de plus cool, à la fin de l'article, il y a des liens vers des articles avec du code de modèle de bloc utilisant CSS et du code de site dynamique utilisant PHP.
Nous allons créer un site Web en html pur directement sur cette page, pour ainsi dire - un site Web dans un site Web, tout à fait fonctionnel et prêt à être rempli de contenu.
Divisons l'ensemble du processus en trois parties.
1. Création d'un répertoire de sites sur votre ordinateur.
2. Développement de sites Web.
3. Transfert du site de notre ordinateur vers l'hébergement, c'est-à-dire vers Internet.
Création d'un répertoire de sites sur votre ordinateur
Le premier point est le plus simple. Comment créer un répertoire est très clairement indiqué dans l'article (tous les liens de cette page sont ouverts dans une fenêtre séparée afin de ne pas se perdre).
Et quoi, et dans quel dossier mettre, je vais montrer en détail après le code de la page principale, afin qu'il y ait déjà quelque chose pour aller dans le répertoire avec.
Ensuite, nous passerons au deuxième point, le plus créatif.
Création de modèle de site Web
Pour créer un modèle, vous aurez besoin d'un éditeur dans lequel vous devrez coller le code ci-dessous.
Il peut s'agir d'un simple bloc-notes Windows ou de tout autre éditeur de texte.
Prenons un tableau HTML en couches comme modèle. Auparavant, avant l'avènement du CSS, tous les sites étaient écrits dans des tableaux, mais maintenant la mise en page par blocs est devenue plus populaire.
Néanmoins, la structure de la table n'est pas obsolète et a été utilisée avec succès.
Par exemple, un CMS d'investissement H-script avec les fonctionnalités les plus complexes, il est entièrement replié sur la base de tableaux.
Voici donc un site au design minimaliste.
Comment concevoir des tables à l'avenir est montré en détail dans l'article.
|
<! - Créer une table conteneur, que nous définissons comme suit
enregistrement:
border = "1" - la bordure autour du conteneur. En augmentant le nombre, vous pouvez augmenter l'épaisseur du cadre.
align = "center" - place le conteneur au centre de l'écran.
rules = "rows" - supprime la double bordure.
style = "largeur : 60 % ;" - ajouter des propriétés de style qui font
le conteneur et l'ensemble du site sont "caoutchoutés".
Il est impossible de créer un design réactif à part entière de cette manière.>
|
Bonjour le monde Si vous souhaitez expérimenter avec HTML5, le JS Bin fournit un modèle HTML5 par défaut avec lequel jouer. Partagez ceci
 |
