2019年02月14日(木曜日)
マークアップエンジニアとして従事する社員によるマークアップの基礎についての勉強会・アウトプットを行う
目的:Webページを構成する要素の役割を理解する
・Webページ、Webサイト、ホームページの違いについて
Webページ:ブラウザで公開されいる文章のこと(html、cssで作成されたもの)
Webサイト:特定のテーマに沿ってまとめたもの
ホームページ:ブラウザを立ち上げた時に一番初めに出てくるページ
・WEBサイトの構成って?
WEBサイトは例えるなら一人の人間
・コンテンツの内容(性格)
→ディレクターとかが構築する
・正しく構築されているか(見た目、態度)
→フロントエンドがやるデザイナー、コーダーなど
・それぞれの役割、認識
HTML=マークアップ言語
人間でいうなら身体そのもの(体重、腕の長さ、身長)
css=スタイルシート言語
htmlと一緒じゃないと何も出来ない
スタイル(服、髪型)などを定義できる
javascript=プログラミング言語
Jsの役割はスタイルの定義、人間でいうなら振る舞い
・まとめ
マークアップについてはGoogleのSEO対策をしっかりして
検索エンジンにとって最適なものを選択していくこと(最近はモバイルファースト)
だけど
アクセシビリティ、ユーザビリティを意識していくことが大切!
アクセシビリティ対策:目の不自由な方に読み上げブラウザで見ても健常者と同じ情報を得る事ができる
文字入力ができることで手の不自由な人が見ることができたり
目的:Webページを構成する要素の役割を理解する
・Webページ、Webサイト、ホームページの違いについて
Webページ:ブラウザで公開されいる文章のこと(html、cssで作成されたもの)
Webサイト:特定のテーマに沿ってまとめたもの
ホームページ:ブラウザを立ち上げた時に一番初めに出てくるページ
・WEBサイトの構成って?
WEBサイトは例えるなら一人の人間
・コンテンツの内容(性格)
→ディレクターとかが構築する
・正しく構築されているか(見た目、態度)
→フロントエンドがやるデザイナー、コーダーなど
・それぞれの役割、認識
HTML=マークアップ言語
人間でいうなら身体そのもの(体重、腕の長さ、身長)
css=スタイルシート言語
htmlと一緒じゃないと何も出来ない
スタイル(服、髪型)などを定義できる
javascript=プログラミング言語
Jsの役割はスタイルの定義、人間でいうなら振る舞い
・まとめ
マークアップについてはGoogleのSEO対策をしっかりして
検索エンジンにとって最適なものを選択していくこと(最近はモバイルファースト)
だけど
アクセシビリティ、ユーザビリティを意識していくことが大切!
アクセシビリティ対策:目の不自由な方に読み上げブラウザで見ても健常者と同じ情報を得る事ができる
文字入力ができることで手の不自由な人が見ることができたり