Wcan 2009 Winter。Webデザイン学科1年（水野、堀尾、原）

1. 学校法人 河合塾学園
トライデントコンピュータ専門学校
学生作品紹介
トライデントコンピュータ専門学校 Webデザイン学科
ブログ「ウェブDeBLOG」http://tridentwebdesign.blog57.fc2.com/
WCAN 2009 Winter／2009.12.19

2. オリジナルサイト
ゼロからの制作とCMS導入
2/34

3. 自己紹介
水野 和弥
トライデントコンピュータ専門学校 Webデザイン学科
3/34

4. 目次
サイトを制作した目的
a-blogcmsの導入
サイト紹介
今回学んだこと
最後に
4/34

5. 目的
更新を目的とした制作
習ってきたことの復習。来期への予習。
新しいことへの挑戦。
自分のサイトを持ちたいという思い。
5/34

6. CMS導入
更新作業の効率化
a-blogcmsを使用
CMSの導入経験
6/34

7. blog http://kazuyamizuno.net/IJILIBA/BLOG/blog.html
7/34

8. index http://kazuyamizuno.net/IJILIBA/index.html
8/34

9. 今回学んだこと学んだこと
9/34

10. 今後の取り組み
サイトの完成
Flashサイトの制作
共同制作
10/34

11. 最後に
BLOG
http://kazuyamizuno.net/IJILIBA/index.html
twitter
http://twitter.com/highhi
11/34

12. がんばれアツコ！
厳しい修行の道
2009年
トライデントコンピュータ専門学校
WEBデザイン学科 １年
原亜津子

13. 自己紹介
名前
原 亜津子
経歴
サイト制作に興味 → 中学生の時
トライデント情報系に入学
WEBデザイン学科に編入
13/34

14. 若年者ものづくり大会に向けて
14/34

15. ポートフォリオサイト
サイトURL
http://www.kuronowish.com/~kiti/ 15/34

16. なぜ作ったか
力試しがしたくて
復習の為
１からすべて作りたくて
16/34

17. サイトデザインについて
17/34

18. 使ったテクニック
 text-indent
 position
 iflame
 lightbox
18/34

19. position
#red{
position: relative;
top: -400px;
left: 21px;
}
19/34

20. まとめ
このサイトを作って
ポジションの使い方
復習できた
あきらめず、形にできた事で
成長できました
今年は…
20/34

21. ご清聴、ありがとうございました。
サイトURL
http://www.kuronowish.com/~kiti/
ブログURL
http://trident-com.net/~2009w010/blog/
twitterID
haruko_hara
21/34

22. トライデントコンピュ−タ専門学校 Webデザイン学科 堀尾真衣

23. 堀尾 真衣 Horio Mai
1990年生まれ
トライデントコンピュータ専門学校 webデザイン学科 1年
http://trident-com.net/ 2009w012/blog/
mario_12
Profile
23/34

24. 技能五輪全国大会
若者の技術の向上、重要性をアピールする
対象年齢 ： 23歳以下
開催地 ： 茨城県日立市・ひたちなか市
開催日時 ： 平成21年10月23日（金）∼10月26日（月）
競技種目 ： 機械組立、建築大工、ウェブデザイン 他全45種目
Skill Olympic
24/34

25. セミナーナビの制作
セミナー情報の公開および参加申し込みを行うウェブポータルサイト
＊制作ページ
１. トップページ ５. セミナー登録
２. 概要 ６. 講師マイページ
３. 検索 ７. 会員マイページ
４. 新規会員登録 ８. 管理者ページ
＊必要技能
XHTML・CSS・Flash・PHP 他 Subject
25/34

26. 26/34

27. 
ログイン
27/34

28. テキスト
WP
http://trident-com.net/ 2009w012/blog/ 28/34

29. 
http://trident-com.net/ 2009w012/blog/ 29/34

30. 投稿記事数 学習：41記事 私生活：24記事 課題：30記事 気になる：21記事
投稿記事数 学習：40記事 私生活：40記事 課題：40記事 気になる：40記事
http://trident-com.net/ 2009w012/blog/ 30/34

31. １）データベースに接続する
２）各カテゴリの記事数を調べる
３）総記事数を割り出す（上で調べた各々のカテゴリ登録記事数を足す）
４）総記事数を100で割る
５）４）に、各カテゴリの記事数をそれぞれかける（割合を出す）
６）５）に％をつけ、それぞれのバーのcss widthに書き込む
Flow
31/34

32. $sql_count_cat = "SELECT * FROM `wp_term_taxonomy` WHERE `taxonomy` LIKE
'category' ";
$res_count_cat = mysql_query($sql_count_cat,$connect) or die ("クエリーを実行でき
ません");
$i=6;
while($row_count_cat = mysql_fetch_array($res_count_cat, MYSQL_ASSOC)){
$count[$i] = $row_count_cat[count];
$i++;
}
$add_count = $count[7] + $count[8] + $count[9] + $count[10];
$one_count = 100 / $add_count;
for($n=7;$n<=10;$n++){
$percent_count[$n] = $count[$n] * $one_count - 1;
Code
} 32/34

33. After
http://trident-com.net/ 2009w012/blog/
mario_12
End
ありがとうございました！ 33/34

34. トライデントコンピュータ専門学校
ご静聴ありがとうございました。
2010年度、インターンシップや就職でお世話になります。
お問い合わせは、学校に直接か講師までお気軽に。
Webデザイン学科ブログ 「ウェブDeBLOG」
http://tridentwebdesign.blog57.fc2.com/
WCAN 2009 Winter／2009.12.19