En tant que débutant, je voudrais savoir quel devrait être le langage de balisage avec lequel démarrer

Question

Je suis un débutant en conception Web. Bien sûr, un CMS comme Joomla (Joomla 3.1, maintenant) est très utile pour ceux qui ne s’intéressent pas à la programmation. Mais ... je sais avec certitude que la capacité de codage aide beaucoup à la production de sites Web renversants. Et je souhaite produire des sites magnifiques, seulement. J'ai mesuré mes forces en produisant un premier site, à savoir n site pour l'enseignement gratuit de Computer Matters , en utilisant Joomla 2.5 Ce site est toujours en développement.

En assistant aux films Lynda, j'ai appris que XHTML.1 était préférable à HTML 4.1. Maintenant, mes questions sont les suivantes:

Serait-il préférable de commencer avec HTML5? Je ne pense pas. Est-il vrai que HTML5 fonctionne mal avec certains navigateurs comme Explorer? ... et pas si bien en tout cas? Je voudrais vraiment apprécier les conseils d'un maître. Tks Bruno

Simon Hayter · Answer

HTML5 utilise de meilleurs balisages qui sont non seulement plus faciles à utiliser, mais aussi légèrement mieux à des fins de référencement, alors que ce n’est pas étonnant pour le référencement, car Google préfère privilégier les sites Web HTML5, il le fait mieux à partir de Rich Markups et des éléments et articles ASIDE la page concerne et peut-être des éléments qui n'ont rien à voir avec la page elle-même. Avec HTML4, XHTML, etc., il n’est pas possible d’informer Google qu’un rouleau de blog ou des liens à droite de la page n’ont rien à voir avec l’article proprement dit.

Compatibilité HTML5

Il existe de nombreux JavaScripts comme HTML5Shiv , Modernizr qui rendent HTML5 compatible avec les appareils et navigateurs plus anciens et vous permettent également de styliser différents éléments pour différentes versions de navigateurs.

Pensez aux cadres plutôt qu'aux systèmes de gestion de contenu

Je pense que les concepteurs de sites Web débutants préfèrent explorer les divers cadres disponibles que de les utiliser pour créer un site Web dans un système de gestion de contenu. En ce jour où vous voulez penser à la conception sensible, j'ai récemment écrit un article sur la façon dont il peut aider les petites entreprises et pourquoi tous les concepteurs de sites Web devraient utiliser une conception sensible . La navigation sur Internet mobile explose actuellement et avec la 4G de plus en plus disponible et le fait que les mobiles deviennent de plus en plus rapides, je suis convaincu que tous les concepteurs devraient choisir d'utiliser un design réactif dans tous leurs projets. Non seulement cela vous donne l'avantage sur vos concurrents s'ils échouent, mais cela donne également à vos clients de meilleures expériences pour leurs visiteurs. Ne pas apprendre à réagir peut perdre vos ventes aussi.

Des centaines de cadres de qualité

En tant que débutant, il vous sera utile de jeter un coup d’œil sur divers frameworks, la plupart de ceux-ci ont été compilés pour Joomla et Wordpress. Une fois que vous connaissez un framework, il est assez facile de le faire fonctionner avec un CMS ou simplement d’obtenir une copie réalisée pour le CMS dont vous avez besoin.

Voici quelques bons cadres réactifs/plaques de chaudière

Personnellement, je préfère Zurb Foundation car il n’est pas trop lourd et offre une grille fluide vraiment agréable, alors que beaucoup d’autres aiment Bootstrap mais je le trouve juste trop lourd et le système de grille qu’il utilise me déplaît, mais comme je l'ai dit, il y en a des centaines et le meilleur est celui qui vous permet de travailler rapidement et d'obtenir les meilleurs résultats. Certaines personnes se disputent pour savoir lequel est le meilleur, mais pour être honnête, le meilleur cadre ou plaque de chaudière est celui qui vous permet, en tant que concepteur, de tirer le meilleur parti de votre utilisation.

Cadres/plaques de chaudière pour différents CMS

Github est un endroit idéal pour rechercher des frameworks déjà convertis en thème Joomla ou Wordpress Template, ce qui signifie que vous gagnez beaucoup de temps et que vous vous concentrez uniquement sur les éléments DESIGN. du site et comment il devrait fonctionner.

Ne croyez pas tout ce que vous avez lu

Comme je l'ai mentionné dans la section Compatibilité HTML, il existe de nombreux moyens de surmonter les problèmes de compatibilité. HTML5 fonctionne bien et la plupart des personnes qui affirment que ce n’est pas bon sont celles qui ont peur du changement.

Références HTML5

Si vous décidez d’utiliser HTML5, assurez-vous de marquer ce site comme favori. Cela m’a aidé à passer de HTML4 à HTML5: HTML5 Doctor

Le W3C croit en HTML5

J'ai aussi écrit un autre article un retour sur le W3C prévoit de finir HTML5 standard, ce qui vaut la peine d'être lu. Ils ont terminé HTML5 et travaillent maintenant vers HTML 5.1 afin qu'il soit totalement pris en charge et convaincu, ce qui devrait vous donner encore plus de confiance pour ce qui est du déménagement.

Enfin

Il convient de noter que je suis un fan de HTML5, mais à part cela, il vous faudra faire ce changement car les avantages de l’utilisation de HTML5 l'emporteront sur ceux qui utilisent un style de codage plus ancien. Pourquoi ne pas faire le changement alors que votre esprit est plus jeune, les gens qui retardent quelque chose qui est plus tôt que plus tard devenu standard n’ont pas de sens pour moi.

akTed · Answer

Au début, oubliez les différences entre XHTML, HTML4, HTML5 (balisage), CSS2, CSS3 (style), etc.

Pensez-y comme apprendre à construire une maison. Au début, vous n'avez pas vraiment besoin de comprendre les différences entre les systèmes de chauffage au gaz, électriques et solaires, ni le style de maison en vogue (ranch, multi-étages, en forme d'igloo). Vous devez comprendre comment poser correctement les fondations, construire le cadre, etc.

Apprendre le HTML. Ensuite, obtenez une compréhension de base de CSS et JavaScript. Après cela, il est temps de lancer un langage côté serveur, probablement PHP, avec MySQL peu de temps après.

Aucune de ces choses ne sont obligatoire connaissance pour construire un site à l'aide d'un logiciel de gestion de contenu tel que Joomla, WordPress, etc. Mais si vous voulez pouvoir personnaliser ledit CMS, installez-le davantage que le simple fait d'installer des thèmes, des plugins, modules, etc., il est nécessaire d’étudier les technologies fondamentales sous-jacentes utilisées. Dans la plupart des cas, ces technologies sont HTML/CSS/JavaScript/PHP/MySQL.

Vous avez encore un long chemin à parcourir, avec beaucoup de temps à rafraîchir la fenêtre de votre navigateur pour voir les effets de vos créations. Mais c'est un sentiment très satisfaisant de voir quelque chose que vous avez créé, à partir de zéro. Même si ce n'est pas la meilleure apparence au monde, ce bébé est à vous.

Une fois que vous avez acquis les connaissances de base en développement Web et en conception, Joomla/WordPress/et. al., chanter à votre rythme consiste simplement à apprendre les différentes manières dont ils utilisent et incorporent ces technologies de base. En fin de compte, ce ne sont que des maisons d'un style différent.