■レクチャー
SKILL HUB
無料
初心者向けの内容っぽいが、ざっくりでも流れがわかっていないとわからない。
しかし、コードを書きながらプレビューしていくので
要するに覚えたいことをやってくれる。
※行間とかインデントは関係ないようだ
■エディター
SUBLIME TEXT2
一部無料
アクセスするとOSのダウンロードが始まる
https://eng-entrance.com/sublimetext-start
https://www.xserver.ne.jp/bizhp/homepage-creation-by-html/
■html
Hyper Text Markup Languag。意味を付ける役割。
< h2 >ここは見出し< /h2 >
< p >ここは文章< /p >
↓
ここは見出し
ここは文章
■HTML構成の意味
< !DOCTYPE html > : HTML5を使う
< html lang="ja" > ： ここからHTMLを使う。言語はジャパニーズ。
< head > ：HTMLの範囲指定スタート
< meta charset="UTF-8" >
< meta http-equiv="X-UA-Compatible" content="IE=edge" >
< meta name="viewport" content="width=device-width, initial-scale=1.0" >
< title>サンプルHTML< /title >
< /head > ：HTMLの範囲指定終了
< body >：ホームページに表示させる範囲スタート
< h2 >見出し< /h2 >
< p >文章を書く場所< /p >
< /body >：ホームページに表示させる範囲終了
< /HTML >：ここまでがHTML
↓
タイトル
見出し
文章を書く場所
■CSS
HTML→色みなし。文字と画像が並んでいるだけのもの
CSS→デザインする言語
HTMLで書かれたものを装飾する
Cascading Style Sheets
スタイルシート言語
表現できるパターンが多い→習得には時間がかかる→テンプレートを使えば簡単。
■役立つサイト
・テンプレート
TEMPLATE PARTY
無料版もあるが、著作権表示が必要となる。
質が高い。
https://template-party.com/index.html
・学習サイト
Progate
HTML、CSS初級編が学習できる。
https://prog-8.com/
■CMS
Contents Management Syst
HTML、CSSの習得が難しい→CMSを使う。
・WordPressなど。
HTML、CSSのスキルはなくてもできるが、あったほうが役立つ。
＝分析できる。追加できる。バグを解決できる。
- ブログルメンバーの方は下記のページからログインをお願いいたします。
ログイン
- まだブログルのメンバーでない方は下記のページから登録をお願いいたします。
新規ユーザー登録へ
