HTML/CSS 講座

HTML/CSS 講座

簡単カスタマイズに挑戦

簡単なカスタマイズに挑戦します。 最初はheader 画像入れ替え。 次は、横幅を変更して見ます。 同時に 幅の計算を行います。 これは、崩れを防ぐためには必須です。 最後は サイドバーの左右入れ替えに挑戦します。 ヘッ […]

HTML/CSS 講座

CSS スタイルシート出現前後のサイト構造比較

CSSが出現する前は、テーブル・タグを使ってサイトの外枠を作っていました。 CSSの出現とともに、サイトの構築はよりシンプルになりました。 ごく簡単に 比較してみました。 尚、今でもテーブル・タグを使ったサイトは大活躍を […]

HTML/CSS 講座

左サイドバー(2-col)サイトを紐解く

この章では、単純化された左サイドバー(2-col)サイトの構造を、HTMLから、CSS (スタイルシート)から解説していきます。 当然、HTML/CSS コマンドの使用法にも十分な時間を割り振ってあります。 参考資料:  […]

HTML/CSS 講座

HTML/CSS コマンド

昨年から「WordPressに特化したHTML/CSS講座」講師を別サイトで引き受けています WordPress のカスタマイズに挑戦したい方々に特化した HTML/CSS 入門講座ですが、オンライン講座ですので時間的に […]

HTML/CSS 講座

HTML、CSS で遊ぼう

HTMLや、CSSを理解をするには、いろいろと使ってみて、その動きを理解することが欠かせません。 <div>を使ってボックスを作成します。 そしてCSS を使って、ボックスを動かしてみましょう。 是非、あなた […]

HTML/CSS 講座

HTML、CSSを使ってみよう

WordPress のカスタマイズに挑戦したい方々に特化した HTML/CSS 入門講座を作りました。 とは言っても、これからHTML/CSSを勉強したい方々の 入門書 としても最適かと思います。  HTML/CSS の […]

HTML/CSS 講座

カスタマイズの準備 HTML/CSS講座

「HTML/CSS/PHP」抜きで始めたサイトですが、やはり飛び込んでくる読者の声は「もっと幅を広げたい」「サイドを左に移したいんだけど」「3-colにしたい」と・・・ どちらかといったら大工事の部類が大部分です。 やは […]