Webサイト専門プログラマの言いたい放題

元システムエンジニアがサイト制作とプログラミングについて好き放題しゃべります。

【WordPressマンツーマンレッスン後記~HTMLは階層構造が「命」~】

f:id:wp-lesson:20160127212434j:plain

会社のホームページを構築されている生徒さんにレッスンを行いました。
 
レッスンというより、制作サポートに近い感じです。
 
今日のテーマは、レスポンシブなBOX。
 
サービス内容一覧のように、イメージ画像とタイトルと説明文が入るBOXを
縦と横にタイル状に並べるのですが、
 
PCやタブレットスマホで見たときにBOX自体の大きさや上下左右の余白が
適切な大きさに自動的にフィットする。
 
そういうHTMLにするためには、スタイルシートCSS)を使う必要があります。
 
■生徒さんからの質問
 
「教えていただいたHTMLを入れたら余白がついていないんです。」
 
■私の回答
 
「その通りなんですよ。HTMLは階層構造を定義するものなので、
 余白の調節はできないんです。」
 
ということで、きちんとレイアウトを整えたウェブサイトを作るには、
HTMLだけでなくスタイルシートの文法と、HTMLとの関係をしっかり学ぶ必要があります。

「自分で作れる力」を身につけたいあなたへ

【1】プログラミング講座CODEMY(コーデミー)
【2】完全マンツーマンのプログラミングレッスン(LESSSON)
【3】WordPress/ウェブサイト制作レッスン(おしえるまなべる)

↓↓↓ 詳しくはこちらをご覧ください ↓↓↓

【1】プログラミング講座CODEMY(コーデミー)のご案内

気軽に受講できるメール&動画形式のオンライン講座です。
チャットワークを使った個別添削&アドバイスで、
プロの発想法を学ぶことができるのが特徴です。

その場しのぎではなく、自力で調べて考えてウェブサイトや
プログラムが作れるようになりたい方が業種・経験を問わず
参加されています。

office-ing.hatenablog.com

▼個別添削&アドバイスなど講座ノートはこちらでご覧いただけます。
https://www.facebook.com/codemy.lesson/

【2】完全マンツーマンのプログラミングレッスン(LESSSON)

より詳しく短期集中でスキルアップしたい方には、全国対応の
スカイプによる完全個人指導のレッスンをご用意しております。

初回 30分の無料相談をお気軽にご利用ください。

www.bf-lessson.com

【3】2015年、パソコンジャンルで評価1位(おしえるまなべる)

※新規会員登録は2016年1月20日で終了しています。
f:id:wp-lesson:20160107113633j:plain