JavaScriptのif演算子
このレッスンではJavaScript内で if コンストラクターを使用する方法について検討します。JavaScriptの構文はPHP（両方ともC++プログラマーを念頭に置いて行われた）とほぼ同じであるため、PHPのこのレッスンでifについて読むことができます：
例として、このifコンストラクターを分解しましょう：
JavaScriptの変数
すべての変数型、すべての操作を説明することで長い時間を費やすつもりはありません。それは不要です。私たちの主な目標はJavaScript の基本的な構文を習得し、その後jQueryの研究に進み、その後JavaScriptの知識とスキルを向上させることができることです。それでもJavaScriptを研究したいし、素晴らしいJavaScriptフレームワークの使用があなたを魅力的にしない場合は、JavaScriptのより詳細なチュートリアルを見つけるべきです。しかし、あなたがDrupalでサイトを作成し、その後jQueryを学びたいのであれば、私たちは同じ方向に向かっています。さあ、始めましょう。
このレッスンでは、変数、それらが必要な理由、およびそれらをどのように操作するかについて検討します。
JavaScriptの紹介
JavaScriptは世界で最も人気のある言語の1つですが、時間とともに位置を失っています。しかし、多くのプログラマーが習得に焦点を当てています。
JavaScriptは後続のjQuery学習に必要になります。したがって、JavaScriptフレームワークであるjQueryを取得する前に、JavaScriptの基本を知る必要があります。
JavaScriptコードは<script></script>コードを使用してHTMLページのコードに直接埋め込まれます：
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
</script>
</body>
</html>
CSSチュートリアルの終わり
これでCSSチュートリアルが終わります。しかしCSSの学習は終わります。私は、実践に進み、Zenテーマに基づいてdrupalテーマを作成することに基づいてCSSを継続的に学習することを提案します。インターネットでpsdレイアウトを見つけ、drupalテーマでそれをコーディングします。
PHPの学習に進むこともできます：
また、Drupal 7はすでに古いため、Drupal 8から直接学習を開始できます
CSSフロート
急流の山の川が非常に速く、騒々しく流れていると想像してください。この川の流れの中に石があり、川はこの石の周りを流れます。石が川の流れの方向に左にある場合、川は石の右側を流れます。石が右側にある場合、川はその左側を流れます。CSSの float プロパティも同じように機能します。
CSSフロート
floatおよびclearプロパティの動作を実証するために、次の図を描きました：
CSSディスプレイプロパティ
前のレッスンではcssをファイルから接続し、少しのcssコードを書いてそれがどのように機能するかを確認しました。このレッスンでは、重要なdisplayプロパティについて詳しく説明します。displayプロパティは、タグがHTMLドキュメント内にどのように表示されるかを制御します。行内のテキストのように配置されるか、独自の高さと幅を持つブロックです。では、基本から始めましょう。デフォルトでタグがどのように表示されるか。それらは異なる方法で表示されます：<div>はブロックとして表示されます。<span>は行内テキストとして表示されます。テキストの表示方法から始めましょう。テストストリングを作成し、spanでラップしましょう。
CSSテキストプロパティ
HTMLの存在期間中、多くのタグが考案されてきましたが、現在CSSが広く普及しているため、一部は放棄する必要があります。そのようなタグの中に<font>、<b>、<i>、<center>があります。後で、他の「禁止」タグを検討します。また、これらのプロパティは、HTMLページのコードの不要なコードを回避し、cssファイルに移動するのに役立ちます。
前のレッスンではcssプロパティを追加する方法と色を選択する方法を検討しました。このレッスンでは、htmlを学習するときに遭遇した可能性のある多くのプロパティを検討します。以前はタグを通じてそれらを追加したかもしれませんが、今ではcssを通じてそれらを実行しており、それはより正しいです。
CSSの色と背景
こんにちは。前のレッスンでは、htmlファイルとcssファイルの2つのファイルを作成しました。これがそのコードです：
index.html：
<html>
<head>
<title>CSSチュートリアル</title>
<link type="text/css" rel="stylesheet" media="all" href="style.css" />
</head>
<body>
<p>drupalbook.orgと一緒にCSSを学びましょう</p>
<p>2番目の行drupalbook.orgと一緒にCSSを学びましょう</p>
</body>
</html>style.css：
CSS チュートリアル — レッスン 1 — CSS スタイルを接続する
CSS が何のために必要かは説明しません。このチュートリアルを開いたということは、CSS を学びたいということでしょう。私からは、CSS の可能性は非常に広く、あらゆる複雑さのレイアウトを組めるとだけ言っておきます。一方、CSS を使用するということは、size、color、bgcolor、align など、CSS の「邪魔になる」さまざまなタグ属性の使用をやめる必要があるということです。
CSS を HTML ファイルに接続する方法は少なくとも 3 つあります。最も簡単な方法、次に 2 番目、そして正しい方法を見ていきましょう。
タグ内の CSS
CSS は style 属性を使って接続できます。
CSS チュートリアル
さて、HTML の本を読み終え、今度は美しいサイトを作るためにもう一歩進んで CSS の学習を始めます。なぜ CSS が必要なのでしょう？私の「HTML の第一歩」を読んだなら、それがどれほど小さなガイドだったか気づいたでしょう。私は装飾を担当する多くのタグや属性、つまりイタリック、太字、色、形、強調を意図的に省略しました。それはあなたには必要ないだろうという考えでそうしました。
はい、確かに、まだ <font>、<b>、<center> タグや bgcolor、align、color などの属性を使う人もいるでしょう。そして別の HTML チュートリアルを読んだとき、テキストを装飾するためのこれらや他のタグに出会ったかもしれません。そこで私が言いたいのは、それらを忘れてください!ということです。もう必要ありません。それらを使用しても、他のプログラマーやコーダーにとって理解しにくい非標準的なコードになるだけです。
これからは CSS を使ってテキストを装飾する方法を学びます。もし印刷、印刷出版物の組版に詳しいなら、CSS の可能性の全容を評価できるでしょう。CSS は font、center などのタグの個別の機能のためではなく、まさに本格的な組版のために作られたからです。