introduction:
Pour citer un passage d'un livre : « Quand j'ai commencé à apprendre le chinois, mon tuteur Lao Wang m'a donné un dictionnaire chinois-anglais, un livre de grammaire chinoise et un tutoriel pour débutants. ne devaient être utilisés que la semaine suivante. Au cours de la première semaine, il m'a seulement appris à écouter et à mémoriser quelques phrases, puis il m'a demandé d'apprendre à en répéter quelques-unes. « Excusez-moi, où est-il ? le resto ? ". "Apportez-moi du riz, s'il vous plaît." "Combien coûte cette robe ? " Au cours de cette semaine, j'ai dû accepter sans condition les connaissances, la structure des phrases, la prononciation et la grammaire. Cependant, vendredi, j'ai pu aller dans un restaurant chinois, commander un bol de riz et payer l'addition. Pas de théorie, pas d'explication. toutes les phrases simples m'ont donné suffisamment de grammaire et de vocabulaire pour ce faire.
Je ne sais pas depuis quand les CSS ont commencé à être pris au sérieux par les Chinois. De nombreuses personnes commencent à apprendre le CSS, mais ne savent pas par où commencer, c'est pourquoi cet article est écrit pour que les débutants les emmènent dans le train CSS.
1. L’apprentissage CSS se concentre sur les méthodes !
C’est pareil pour apprendre n’importe quoi, de l’école primaire, au collège, jusqu’à l’université, en plus d’apprendre des connaissances, il faut aussi apprendre des méthodes !
Si vous voulez maîtriser le CSS, vous devez d’abord apprendre le HTML. J’ai commencé à apprendre à partir de zéro et j’ai passé un mois à apprendre le HTML, donc les livres étaient mon seul professeur et je n’avais pas accès à Internet ! Un mois plus tard, j'ai commencé à apprendre le CSS. Le premier livre CSS que j'ai lu était "CSS Web Style Design". Après l'avoir lu pendant quelques jours, j'ai découvert que je ne le comprenais pas du tout ! , puis remplacé par "l'Encyclopédie de référence HTML". Ce livre est un livre de bureau classique pour les concepteurs de pages Web ! La raison pour laquelle j'ai modifié ce livre pour apprendre le CSS est qu'une partie de celui-ci est constituée de CSS, et il est devenu mon livre d'éveil CSS. Après avoir lu quelques paragraphes, j'ai l'impression que les tutoriels écrits par des étrangers sont très organisés, allant du moins profond au plus profond, et vous faisant avancer étape par étape, afin que vous compreniez de quoi ils parlent, contrairement aux livres nationaux qui ont profondeurs différentes et manque d'organisation, comme s'il avait peur que vous ne sachiez pas qu'il est très compétent ! Tout comme le livre "CSS Web Style Design" mentionné plus haut, je l'ai lu à l'époque. En tant que débutant en CSS, je n'avais vraiment aucune idée de ce dont il parlait !
Parlons des détails du processus d'apprentissage, car un style ne peut pas être séparé de la page HTML si HTML n'est pas combiné avec le style, CSS perdra le sens de l'existence. Par conséquent, le livre donnera généralement un exemple et vous permettra ensuite de tester l'effet sur l'ordinateur. En effet, l'auteur souhaite que vous ayez une première impression de la feuille de style CSS et vous explique ce que CSS peut faire. Un petit exemple : « Bien qu'un moineau soit petit, il possède les cinq organes internes. » Vous ne comprenez peut-être pas le vrai sens de chaque affirmation. Mais vous pouvez vous souvenir du modèle de l'exemple et l'utiliser continuellement dans la pratique à l'avenir. Le processus d'utilisation continue est le processus de mémorisation continue, vous ne pouvez donc pas vous détendre et toujours penser que votre mémoire n'est pas bonne, mais c'est le cas. Peu importe que vous montiez un bœuf ou un cheval de mille milles. Quoi qu'il en soit, tant que vous faites preuve de persévérance, vous atteindrez certainement la fin.
Lorsque vous lisez un livre, d'une manière générale, vous devriez lire le livre en entier pour la première fois. Si vous ne comprenez pas, vous devriez continuer à lire, vous trouverez peut-être la réponse à cette question. Après l'avoir lu, vous aurez une impression générale, mais il doit y avoir beaucoup de choses que vous ne comprenez pas. Ce n'est pas grave, continuez simplement à lire.
Pour la deuxième fois, vous devez prendre des notes d'étude pendant la lecture. Notez les parties qui, selon vous, sont les points clés. Notez également les parties sur lesquelles vous pensez avoir des questions. Continuez à lire avec des questions. , vous pouvez poster un message sur BBS. Il y a encore beaucoup de gens bien intentionnés. Voici un rappel : "Vous devez apprendre à poser des questions, je n'entrerai pas dans les détails ici !" Vous devez utiliser l'ordinateur pour mettre en pratique les exemples du livre. Ce qui vous déroute le plus, c'est : « Premièrement, vous ne vous en souvenez pas, et deuxièmement, vous avez une mauvaise compréhension du concept. (Cela peut être dû au fait que le livre n'est pas bien traduit, et l'autre est que votre compréhension est fausse." )", pour le premier, vous devez prendre confiance, persister et persister. Lorsque vous atteindrez la fin, vous constaterez que tout va de soi. Car si vous travaillez dur, vous serez récompensé et aurez des résultats.
De nombreuses personnes l'ont également regardé, mais n'ont fait aucun progrès. J'analyse les principales raisons comme suit :
Raison 1 : Il n’y a pas assez de pression, car beaucoup de gens, comme les artistes, apprennent le CSS parce qu’ils regardent les autres l’apprendre, donc s’ils ne l’apprennent pas, ils n’auront aucun avantage ! Ce genre de pression est très faible. Si vous n'apprenez pas bien, vous aurez toujours un travail d'artiste.
Deuxième raison : c’est juste une étude à temps partiel, et c’est juste pour le plaisir, car on n’est pas forcément obligé de gagner sa vie avec cette technologie.
Troisième raison : la méthode est mauvaise. Certaines personnes se contentent de regarder des tutoriels, mais avant, je regardais trop et je faisais trop peu, donc ce n'est qu'avec de la pratique que l'on peut intégrer des choses théoriques.
2. Maîtriser les quatre étapes d'apprentissage du CSS
Une fois, j'ai demandé à un internaute : est-il difficile d'apprendre le CSS ?
Elle a dit : « Ce n'est pas difficile. » J'ai demandé : « Depuis combien de temps étudiez-vous ? Elle a dit : « Je viens d’apprendre ». En fait, ce qu'elle a dit est vrai ! Si quelqu'un me demande s'il est difficile d'apprendre le CSS ? Je dirais : « C'est difficile ! » Pourquoi dirais-je que c'est difficile ?
L'apprentissage du CSS peut être divisé en les étapes suivantes :
Étape 1 : La page peut être créée sans penser aux problèmes de compatibilité du navigateur, mais la page est écrite partout en mode TABLE DIV.
Étape 2 : Les problèmes de compatibilité sont pris en compte, mais il n'y a aucun moyen de les prévenir à l'avance. Ils ne peuvent que résoudre les problèmes et utiliser largement la technologie HACK (je ne connais que la technologie HACK, mais je l'utilise rarement).
Étape 3 : les BUG peuvent être évités à l'avance, mais ID, CLASS sont largement utilisés dans la feuille de style et CSS est traduit en feuilles de style qui se chevauchent, telles que "DIV P SPAN". Ce code marque le sous-élément SPAN de P dans le sous-élément de DIV. En écrivant de cette façon, vous pouvez définir le style de SPAN sans ajouter CLASS à SPAN. C'est l'avantage du CSS. Pourquoi ne pas en faire bon usage et veiller à définir une CLASS !
Étape 4 : Cette étape est la plus difficile, avec une bonne structure sémantique HTML, un CSS raisonnable et des styles réutilisables. Il existe des articles dans ce domaine sur une bonne sémantique et un CSS raisonnable. J'écrirai certainement un sujet spécial pour étudier ces deux aspects à l'avenir.
3. Questions fréquemment posées pour les débutants CSS
Allons-y étape par étape. La première exigence est qu’il y ait un titre directement sous la vignette. C'est assez simple : mettez une image dans votre HTML, suivie d'un saut de ligne (BR), puis placez le titre dans un paragraphe (P) et centrez-le (en utilisant CSS).
Ensuite, nous devons organiser ces vignettes et titres par paires dans la fenêtre du navigateur. Lors de l'utilisation de la disposition en tableau, les paires de vignettes et de titres seront placées respectivement dans le TD. Lors de l'utilisation de la mise en page CSS, nous devons les placer respectivement dans DIV. Afin de les disposer horizontalement sur la fenêtre, nous utilisons CSS pour faire flotter ces DIV vers la gauche (FLOAT).
Question 1 : Quel type de livre dois-je choisir de lire pour apprendre le CSS ?
Permettez-moi d'abord de vous recommander quelques livres :
"Le guide définitif du CSS"
"Reconstruction de sites Web"
"Enregistrement de la mise en page du site Web"
"Référence HTML"
Si vous ne savez pas grand-chose sur HTML, vous pouvez d'abord lire le livre "HTML Reference". Ce livre n'est pas seulement un livre pédagogique mais aussi un bon manuel d'outils pour interroger HTML. Les livres récemment publiés "Mastering CSS" et "Impeccable Web Design" sont de très bons livres, mais ils ne conviennent pas aux personnes qui n'ont pas de bases en CSS. Si vous voulez devenir un excellent CSS Builder, vous devez également avoir une solide base. fondation en anglais. Vous pouvez lire des didacticiels CSS étrangers et participer à des forums connexes. Certaines personnes disent que si vous ne comprenez pas l'anglais, vous pouvez simplement lire le code, mais en fait, leurs livres traitent non seulement du code, mais plus important encore. , nous diront-ils. L'idée du codage et la méthode de codage valent la peine d'être apprises et comprises. De plus, les tutoriels chinois que je recommande sont : « HTML et CSS Standard », le « CSS2 Chinese Manual » de Su Chen Xiaoyu et la version électronique de « Web Designer » ; Je ne donnerai pas d’exemples un par un. Lire des livres électroniques est une tâche très fastidieuse. Je n'ai pas l'habitude de lire des livres électroniques, c'est pourquoi j'achète souvent des livres à lire.
Question 2 : Quel logiciel est utilisé pour éditer le code CSS ?
Cette question semble être la plus fréquemment posée ! Laissez-moi d'abord parler de moi. J'ai d'abord utilisé DreamWeaver pour écrire du code. Étant donné que le logiciel DreamWeaver lui-même est un logiciel très gourmand en CPU et en mémoire, vous pouvez imaginer la vitesse d'édition pendant l'exécution. Après avoir marché pendant longtemps, je suis passé à l'état "semi-écriture". "Semi-écriture" consiste à utiliser la fonction d'invite de code fournie par DW. Lorsque vous écrivez "F", le style de "F" sera immédiatement. Invité plus tard, pratique pour vous de choisir. Si vous écrivez quelques lettres supplémentaires, le style souhaité sera trouvé rapidement. Cela peut accélérer l'écriture de votre style, mais un inconvénient est que si vous quittez le logiciel d'édition qui vous le demande, vous ne pourrez pas écrire de styles. par exemple, lorsque vous modifiez le style de réglage fin à partir d'un programmeur, il se peut qu'il n'utilise pas le même logiciel que vous utilisez et qu'il ne dispose pas de fonction d'invite de code, vous ne pouvez donc que revenir sur votre propre machine pour le modifier. puis envoyez-le au programmeur ! Ce n'est évidemment pas professionnel ! Donc si vous voulez être une excellente personne, vous devez être professionnel !
Cela dit, il semble que le sujet n'ait pas encore été évoqué :
Tant que vous savez écrire à la main, vous pouvez utiliser n'importe quel logiciel. Il est recommandé d'utiliser le plug-in DreamWeaver TopStyle (la dernière version est Pro V3.12).
Question 3 : Dois-je d'abord écrire du HTML ou du CSS ?
Il existe de nombreuses réponses sur Internet : écrivez d'abord du HTML, puis écrivez du CSS ; écrivez d'abord du CSS, puis écrivez du HTML ; écrivez les deux en même temps ; J'ai tendance à écrire les deux ensemble. Écrire d'abord du CSS ou du HTML ne sont pas des méthodes appropriées pour les débutants. Si vous demandez à une personne d'écrire du code et que vous lui dites d'écrire du HTML en premier, le HTML ne peut pas être modifié après l'écriture, puis vous écrivez du CSS. S'il peut l'écrire, alors cette personne doit être un constructeur de très haut niveau ! Donc pour les débutants, dans la plupart des cas je recommande d'écrire en même temps, j'expliquerai les étapes précises :
Tout d'abord, nous devons construire le site et le répertoire. Par exemple, nous créons les dossiers CSS et IMAGES. Ces deux-là sont les plus basiques. Ensuite, nous créons un nouveau fichier HTML, un style.css et une feuille de style vide, et nous nous connectons. les pages HTML à cette feuille de style externe.
Ensuite, nous écrivons d'abord la partie de mise en page la plus basique en HTML, en utilisant DIV, puis ajoutons un ID ou une CLASSE directement au DIV. Ces parties de mise en page incluent la partie extérieure, la partie d'en-tête, la partie centrale, la gauche, le milieu et la droite. , la partie droit d'auteur, etc.
Après les avoir écrits, vous pouvez ensuite accéder à la feuille de style pour écrire le style, ou vous pouvez continuer à écrire les parties dans la mise en page. Prenons l'en-tête comme exemple, écrivons la partie LOGO dans l'en-tête, et ajoutons également un ID ou. CLASS à la partie NAV. La même chose s’applique aux autres.
Pourquoi disons-nous qu'il est impossible d'écrire la partie HTML en une seule fois ? Parce que les gens sont susceptibles de faire des erreurs. Il peut y avoir des problèmes avec le processus d'écriture de vos idées, ou pour des problèmes de compatibilité avec le navigateur, dont certains sont dus à votre système. expérience. Les lacunes ne sont pas anticipées à l'avance, donc lorsque vous rencontrez des problèmes lors de l'écriture des styles, vous devrez peut-être modifier votre code HTML. C'est ainsi que vous l'écrivez. Vous pouvez également utiliser HTML/CSS en même temps. Tout dépend de vos habitudes. Lorsque nous écrivons du code, nous le testons souvent en l'écrivant. Cela ne signifie pas écrire une phrase pour tester une phrase. Au lieu de cela, nous écrivons un morceau de code puis testons le navigateur. Je l'ai testé avec IE6 et FF en même temps. . La plupart du temps, un bon développeur testera son code après l’avoir écrit pendant une longue période, car si une personne a plus d’expérience, elle saura et empêchera les erreurs du navigateur de se produire à l’avance ! Ils peuvent donc écrire du code plus rapidement que les personnes inexpérimentées. Ils ont déjà passé en revue les erreurs que vous rencontrez. La première fois que vous rencontrez un problème d'affichage incorrect du navigateur, vous devez passer du temps à le résoudre, mais ils peuvent l'empêcher à l'avance ou résoudre le problème immédiatement ! C'est l'une des différences entre vous et eux.
Une autre différence entre les débutants et les experts est que les experts utilisent beaucoup de touches de raccourci, alors n'oubliez pas les touches de raccourci couramment utilisées. Chaque petit détail s'améliorera un peu, et ensemble, ils apporteront une grande amélioration.
De plus, la meilleure façon d'améliorer votre propre niveau est de vous entraîner davantage et de trouver de meilleurs modèles HTML+CSS pour la pratique du codage. Choisissez-en un plus simple au début, prenez une capture d'écran de la page, puis utilisez vos propres idées à ce sujet. image. Restaurer la page HTML...