【WordPressマンツーマンレッスン後記~HTMLは階層構造が「命」~】
会社のホームページを構築されている生徒さんにレッスンを行いました。
レッスンというより、制作サポートに近い感じです。
今日のテーマは、レスポンシブなBOX。
サービス内容一覧のように、イメージ画像とタイトルと説明文が入るBOXを
縦と横にタイル状に並べるのですが、
PCやタブレット、スマホで見たときにBOX自体の大きさや上下左右の余白が
適切な大きさに自動的にフィットする。
そういうHTMLにするためには、スタイルシート(CSS)を使う必要があります。
■生徒さんからの質問
「教えていただいたHTMLを入れたら余白がついていないんです。」
■私の回答
「その通りなんですよ。HTMLは階層構造を定義するものなので、
余白の調節はできないんです。」
ということで、きちんとレイアウトを整えたウェブサイトを作るには、
HTMLだけでなくスタイルシートの文法と、HTMLとの関係をしっかり学ぶ必要があります。
「自分で作れる力」を身につけたいあなたへ
【1】プログラミング講座CODEMY(コーデミー)
【2】完全マンツーマンのプログラミングレッスン(LESSSON)
【3】WordPress/ウェブサイト制作レッスン(おしえるまなべる)
↓↓↓ 詳しくはこちらをご覧ください ↓↓↓
【1】プログラミング講座CODEMY(コーデミー)のご案内
気軽に受講できるメール&動画形式のオンライン講座です。
チャットワークを使った個別添削&アドバイスで、
プロの発想法を学ぶことができるのが特徴です。
その場しのぎではなく、自力で調べて考えてウェブサイトや
プログラムが作れるようになりたい方が業種・経験を問わず
参加されています。
▼個別添削&アドバイスなど講座ノートはこちらでご覧いただけます。
https://www.facebook.com/codemy.lesson/
【2】完全マンツーマンのプログラミングレッスン(LESSSON)
より詳しく短期集中でスキルアップしたい方には、全国対応の
スカイプによる完全個人指導のレッスンをご用意しております。
初回 30分の無料相談をお気軽にご利用ください。
【3】2015年、パソコンジャンルで評価1位(おしえるまなべる)
※新規会員登録は2016年1月20日で終了しています。