TOP
ENGBODY
（架空ジム）
URL： https://www.hama-mi.net/web/08_engbody/index.html
WEB
コーディング
トレース
担当部分：コーディング
制作期間：約8日
使用ツール：HTML/CSS Visual Studio Code
概要
無料コーディング練習所様より、デザインデータをいただき作成しました。
デザインカンプと完成例をもとに、コーディングを行いました。
コメント
解説ページも参考にしながらコーディングを行いました。
jQueryは職業訓練校で学ぶ機会がなかった為、全て調べながら独学で実装していきました。
フェードイン・アウトやタイトルの登場の工夫、タブメニューやスライドショー、アコーディオンメニューの実装も、初めてのことでかなり苦戦をしましたが、完成例とほぼ変わらない仕上がりにすることができました。
＜＜ Prev　
Next ＞＞
WORKS
つくったもの
  • ALL
  • WEB
  • DTP
web創作物9
WEB
デザイン
コーディング
ナイトカフェ「ハリネズミの夜」（架空カフェ）
web創作物9
WEB
デザイン
コーディング
ポートフォリオサイト（このサイト）
web創作物8
WEB
コーディング
トレース
ENGBODY（架空ジム）
web創作物7
WEB
コーディング
トレース
Wed Design Conference (架空セミナー)
web創作物6
WEB
コーディング
トレース
START（架空企業）
web創作物5
WEB
課題
コーディング
トレース
Kissa（架空カフェ）
web創作物4
WEB
課題
コーディング
トレース
Codera（架空プログラミング塾）
web創作物3
WEB
課題
コーディング
トレース
Healthem（架空企業）
web創作物2
WEB
課題
コーディング
トレース
Bloom（架空フラワーアレンジメント教室）
web創作物1
WEB
課題
コーディング
トレース
Marine Coffee（架空カフェ）
dtp創作物8
DTP
課題
はがき
Illustrator
観葉植物専門店（架空）
広告はがき
dtp創作物6
DTP
課題
チラシ
Illustrator
食器イベント（架空）
来場促進用配布チラシ
dtp創作物6
DTP
課題
チラシ
Illustrator
ふれあい動物園（架空）
来場促進用チラシ
dtp創作物5
DTP
課題
はがき
Illustrator
眼鏡店（架空）
新規開店宣伝用ポストカード
dtp創作物5
DTP
課題
はがき
Photoshop
結婚式の招待状（架空）
dtp創作物5
DTP
課題
フライヤー
Photoshop
Kunii Chihiro写真展（架空）
フライヤー
dtp創作物2
DTP
課題
チラシ
Photoshop
椅子の展覧会（架空）
来場促進用配布チラシ
dtp創作物1
DTP
課題
はがき
Photoshop
レストラン（架空）
新規開店宣伝用ポストカード
web創作物9
WEB
デザイン
コーディング
ナイトカフェ「ハリネズミの夜」（架空カフェ）
web創作物9
WEB
デザイン
コーディング
ポートフォリオサイト（このサイト）
web創作物8
コーディング
トレース
ENGBODY（架空ジム）
web創作物7
コーディング
トレース
Wed Design Conference (架空セミナー)
web創作物6
コーディング
トレース
START（架空企業）
web創作物5
課題
コーディング
トレース
Kissa（架空カフェ）
web創作物4
課題
コーディング
トレース
Codera（架空プログラミング塾）
web創作物3
課題
コーディング
トレース
Healthem（架空企業）
web創作物2
課題
コーディング
トレース
Bloom（架空フラワーアレンジメント教室）
web創作物1
課題
コーディング
トレース
Marine Coffee（架空カフェ）
dtp創作物8
DTP
課題
はがき
Illustrator
観葉植物専門店（架空）
広告はがき
dtp創作物6
DTP
課題
チラシ
Illustrator
食器イベント（架空）
来場促進用配布チラシ
dtp創作物6
DTP
課題
チラシ
Illustrator
ふれあい動物園（架空）
来場促進用チラシ
dtp創作物5
DTP
課題
はがき
Illustrator
眼鏡店（架空）
新規開店宣伝用ポストカード
dtp創作物5
DTP
課題
はがき
Photoshop
結婚式の招待状（架空）
dtp創作物5
DTP
課題
フライヤー
Photoshop
Kunii Chihiro写真展（架空）
フライヤー
dtp創作物2
DTP
課題
チラシ
Photoshop
椅子の展覧会（架空）
来場促進用配布チラシ
dtp創作物1
DTP
課題
はがき
Photoshop
レストラン（架空）
新規開店宣伝用ポストカード