HTMLの勉強
HTML
HTML・CSS(応用編)
【サイト内検索】

今では、HTMLの勉強もオンライン学習などの登場により、以前と比べてより効率的に学習できるようになりました。
当ページでは「どんなHTMLの勉強方法があるのか?」オンラインサービスや、本、リファレンスサイト、自動的にHTMLを作ってくれるジェネレーターサイトなど、5つの勉強法について、サービスの紹介や解説をしています。
また、「背景画像に重ねてアイコンなどの画像を2重に配置したい」といったWebデザインの要望や、実践的なHTMLコーディングについても解説しています。
「ドットインストール」などの動画学習サイトでは、自宅のパソコンで実際のHTMLを作る動画を見て勉強することが出来ます。今では幾つかの動画サイトがあります。また、動画ではありませんが、動画同様にパソコンがあれば学習できるアプリについても紹介しています。
オンラインによる授業で、学校のクラスのように「先生」がいてHTMLを教えてくれるサービスが、オンラインスクールになります。「zoom」など会議アプリのように、会話や質問をしながら学べます。
HTMLリファレンスサイトやリファレンス本では「font」「div」といったHTMLを辞書のように調べることが出来ます。「文字の色を変えたい」、「大きさを変えたい」場合など、どのようなタクがあるのか調べられます。
動画などによるオンライン学習もおすすめではありますが、学習すべきことが端的にまとまっている本も1冊か2冊は購入しておくと、理解が深まると思います。
色(カラー)の指定の際に活用してほしいのが、どんな色でも作ることが出来る「カラーリファレンス」になります。また、グラデーションを作りたい場合に、自動的に生成してくれるジェネレーターサイトも紹介しています。
最も基本的であり、よく活用されるHTMLが「文字」についてではないでしょうか。色をつけたり、大きさを変えたりと「文字」についてのHTMLについて解説しています。
「h1」や「h2」などの見出しは、どのページにも出てくる要素になります。そのため、デザインをする際の要素として、重要な要素の1つになっています。
見出しと同様にホームぺージで活用頻度が多いのが「ul」「ol」などのリストになります。リストの作り込みは「文字」や「見出し」よりも、複雑なHTMLになっています。
「見出しにアイコンを配置したい」「div要素にキャラクターを設置したい」など要素に画像を重ねる方法を覚えると、Webデザインの幅が広がります。画像を重ねる方法にはいくつか方法があります。いくつかの方法について解説しています。
最近ではフレックスタクの登場で、2カラムや3カラムの実装も簡単になってきましたが、「display」の「インライン要素」を理解することで、「要素が横に並ばず下にずれてしまう」といったことを防げます。サイトの全体的デザインを自分でデザインしたい方は「display」を理解しておきましょう。
ホームページデザインで良く起こりがちなのが、スタイルシートの記述ミスや読み込まなくて困ってしまうということ。そのためにはCSSのセレクターの記述方法をちゃんと把握しておきましょう。
Copyright(C) 2007~2020 ドメイン取得への道 .All Rights Reserved