【セミナーレポート】SOSL TECH SEMINAR ~HTML/CSS編~

2018年2月14日SOSL TECH SEMINARの第2弾としてSOSL TECH SEMINAR ~HTML/CSS編~を開催いたしました。
パソナテック Webソリューション事業部 WSプロジェクトマネジメントグループ 小山よりWebサイトを実際に運用している担当者向けに、ハンズオン形式で学ぶHTMLとCSSの基礎講座です。

Web担向けコーディング初級講座

本講座ではHTMLやCSSを記述することができなくても装飾やレイアウトを知識として身に付けることを目標にしたため、外部記述やhead内記述ではなく簡易的なインライン記述を用いて下記のようなボタンを制作することを最終目標にハンズオン形式のセミナーを行いました。

SAMPLE ボタン

基礎的なCSSの知識を習得するため下記のアジェンダに添ってアンカータグを使ったリンクにインライン記述を追記することでボタンをハンズオン形式で作成しました

  1. CSSの意味
  2. テキストエディタの選び方
  3. CSSの基本的な記述方法
  4. カラー・文字サイズ指定
  5. 背景色の指定
  6. 余白
  7. borderの指定
  8. 装飾
  9. フォントの種類

などを中心にしてボタン制作を行いました。

完成形

SAMPLEボタン

SAMPLE ボタン

関連記事

ページ上部へ戻る
-->