Web フロントエンド学習ルート: DIV+CSS をゼロから学ぶ方法

CSS はスタイル、DIV はレイヤーです。 DIV+CSS は Web サイト標準 (Web 標準) であり、通常は HTML Web デザイン言語におけるテーブルの配置との違いを説明するために使用されます。XHTML の Web デザイン標準ではテーブルは使用されなくなりました。 DIV+CSS を使用してさまざまな配置を実現します。 Web サイト開発を行う学生の多くは、Web フロントエンドから始めます。では、DIV+CSS をゼロから学ぶにはどうすればよいでしょうか。

1. HTML 言語を学習してから、DIV+CSS を簡単に学習します。

HTML 構文を理解していれば、世界中の Web サイトの 80% を見通すことができます。 HTML 言語は習得が簡単ですが、HTML コードの生成に役立つ Dreamweaver などのツールがあるため、多くの人は、インターネットで最も基本的な言語である HTML を学習した後は、HTML の学習を無視します。 DIV+CSS については次のことがわかります。DIV+CSS はまさにそのようなもので、簡単なものであることがわかります。

推奨チュートリアル:

HTML オンライン学習マニュアル:

http://www.php.cn/course/27.html

html オンライン学習ビデオチュートリアル:

http://www.php.cn/course/ list/11.html

php.cn オリジナルの HTML5 ビデオ チュートリアル:

http://www.php.cn/course/372.html

2. Dreamweaver のコード モードを使用して DIV と CSS を記述します。

Webデザインの初心者にとって、メモ帳やメモ帳などのツールを使用してコードを直接記述するのは困難です。 Dreamweaver のコード モードにはプロンプト機能があるため、記述された構文の正確性を保証できます。そして、不慣れな文法もすぐに正しく書くことができます。

図に示すように: p と html を記述するときに DW によって提供される関数。

CSSを書くときにDWツールバーの右側にあるCSSビジュアル編集機能

DIV+CSSを学んだとき、Dreamweaverのコードモードから学んだのがベストではないかもしれません。しかし、それは非常に実用的です。 (

Dreamweaver ツールのダウンロード)

推奨チュートリアル:

CSS オンライン学習マニュアル:

http://www.php.cn/course/45.html

CSS オンライン学習ビデオチュートリアル:

http://www .php.cn/course/list/12.html

php.cn Dugu Jiijian (2) - CSS ビデオ チュートリアル:

http://www.php.cn/course/373.html

3 。良い文章を書く習慣を身につけましょう

良い生活習慣を持つということは、その人が生活するのが上手であることを意味し、良い CSS を書く習慣を持つということは、その人が物事を行うことに厳格であることを意味します。 CSSを書く場合、メニューにはメニュー、著作権には著作権(CoryRight)、ボトムにはフッターなど、CSSを書く際の推奨仕様がネット上にたくさんあります。書き方の順序としては、表示属性→自己属性→テキスト属性が一般的です。もちろん、これらに厳密なルールはありませんが、暗黙のルールに従うことは悪いことではありません。これにより、作成したコードが他の人にとって理解しやすくなり、検索エンジンに好まれやすくなります。

4. 目的が明確で結果が明確な場合にのみ、プロセスは最も効率的となり、簡単に妨げられたり、方向が変更されたりすることはありません。

CSS+DIV実戦: 個人ブログの開発ビデオチュートリアル:

http://www.php.cn/course/190.html

おすすめ関連記事:

Webフロントエンド学習ルート: WEB フロントエンド開発クイックスタート

優秀なフロントエンドエンジニアになるためには何を学ぶ必要がありますか?