サイタWeb・デザインスクールHTML/CSS入門講座 埼玉 超初心者のためのHTML・CSS入門講座 レッスンノート 本日もご受講頂き、誠にありがとうございました。

本日もご受講頂き、誠にありがとうございました。

HTML/CSS入門講座のレッスンノート

レッスンノートって?レッスンノートって?

序盤はcssによるフォントの指定についてご説明致しました。
記述に問題が無くても端末にフォントが入っていない場合は無効となってしまうのでお気をつけくださいませ。

また本筋から少しそれてしまいましたがxhtmlとhtml5とでは一部のタグの記法が変わりますので以下のように合わせる必要がございます。

xhtml | html5
<br /> | <br>
<img src="dummy.jpg" alt="" /> | <img src="dummy.jpg" alt="">

終盤は2カラムレイアウトの実装を行いました。
基本的には各箱の幅指定とfloatを適切に設定すれば実現できますのでサンプルファイルを参考にコツを掴んで頂ければ幸いでございます。

内容に関わらず毎回しっかりご理解頂いており大変ありがたく存じます。
今後とも引き続き、宜しくお願い申し上げます。
このレッスンノートを書いたコーチ

Web業界を目指す方必見!初心者にこそ受けて欲しい温かい先生だから安心

新着レッスンノート

序盤はidとclassについて使いどころや命名ルールに関して少しご説明させて頂きました。 次にスライドショーが実装されている2カラムで組まれているhtmlを1カラムに変更ということでファイル構造のお話をしながら手を使いながら説明を交えて実装致しました。 今回は1つのファイルを読み込むこ...

序盤はcssによるフォントの指定についてご説明致しました。 記述に問題が無くても端末にフォントが入っていない場合は無効となってしまうのでお気をつけくださいませ。 また本筋から少しそれてしまいましたがxhtmlとhtml5とでは一部のタグの記法が変わりますので以下のように合わせる必要がご...

序盤は「<link href="〜>」を使用したCSSの外部読込み手法、「padding・margin・font-size・text-color」などよく使用されるプロパティを中心にご説明致しました。 中盤は予めご希望頂いていた「background・text-indent・overfl...

序盤は比較的よく利用されているテキストエディタ『mi』のインストールと設定、 ページ制作では左右のmarginにautoを指定した中央寄せレイアウト、spanタグの使用例や ブラウザがデフォルトで付加してしまうmarginやpaddingを0にするリセットCSSの設定方法などを行いました。...

レッスンの冒頭は使用するテキストエディタが特に決まっていないとのことでしたので制作環境の構築を行いました。 プレーンなテキストエディタか少し癖のある中級者向けのエディタか迷いましたが経験を多くお持ちでしたので中級者向けのものを導入させて頂きました。 導入後はcssの基礎的な内容を主とし...

レッスンノート ページ先頭へ

HTML/CSS情報

サイタのHTML/CSS講師がブログを通して、HTML/CSS情報を発信。更新情報のチェックはこちらから!

twitter

HTML/CSSの先生

@DTPCyta