読者です 読者をやめる 読者になる 読者になる

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

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

【HTMLとスタイルシートの関係】

f:id:wp-lesson:20170414130812p:plain

HTMLのテンプレートを使ってサイトを制作している
生徒さんと、スカイプで1時間レッスンを行いました。
 
文章やリンクを入れる程度しかHTMLを触っていないので、
 
「表を埋め込むにはどうしたらいいの?」
「ページ内にリンクさせるにはどうしたらいいの?」
「表に枠をつけるにはどうしたらいいの?」

 
などなど、悩みは尽きません。
 
でも、自分でできるようになっていただきたいので、
今日のレッスンではHTMLとスタイルシートの役割について、
表を作ることを例として解説させていただきました。
 
最初は誰もが勘違いされるのですが、
 
「HTMLを書いたら表を埋め込むことができる」
 
半分は正解ですが、半分は間違いです。
 
HTMLを書いただけでは、枠線とか色は付きません。
 
建築にたとえると、
 
HTMLは家の骨格に相当します。
どこがキッチンで、どこが玄関で、という枠組みを
定義するのがHTMLの役目です。
 
そして、壁の色や材質、装飾・デザインなどは
スタイルシートCSS)に記述をして、
HTMLにリンクさせます。
 
ですから、思うようなデザインを表現するためには
HTMLとスタイルシートの基本的な書き方と、
それぞれの役割を知ることが大切です。
 

PR

CODEMYのマンツーマンレッスンでは、WordPress
HTML5やCSS3を基礎からしっかり学びたい方のために、
コース学習の中でカリキュラムをご提案致します。
 
▼無料相談をお気軽にご利用ください。
http://codemy-lesson.office-ing.net/contact
 
━━━━━━━━━━━━━━━━━━
講師が執筆した本が発売されました
━━━━━━━━━━━━━━━━━━
 
WordPressのツボとコツがゼッタイにわかる本』
 
Amazonで概要を見る
http://amzn.to/2nd7Ia5
 
『ホームページ作成のツボとコツがゼッタイにわかる本』
 
Amazonで概要を見る
http://amzn.to/2bXJkbs
 
━━━━━━━━━━━━━━━━━━
CODEMYのオンラインレッスン
━━━━━━━━━━━━━━━━━━
 
【1】自宅でマンツーマンレッスン
http://codemy-lesson.office-ing.net/

知りたいことだけ学べる個人レッスンです。

 
【2】動画と個別添削のプログラミング講座
http://bit.ly/2h7ZeRJ
 

HTML/CSS/JavaScriptの基本が身に付くレッスンです。

↓無料体験はこちら
http://bit.ly/2hw7mIy