Trident Wcan2009

学校法人 河合塾学園

トライデントコンピュータ専門学校学生作品紹介

トライデントコンピュータ専門学校 Webデザイン学科ブログ「ウェブDeBLOG」http://tridentwebdesign.blog57.fc2.com/

WCAN 2009 Winter／2009.12.19

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

2/34

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

3/34

目次

サイトを制作した目的

a-blogcmsの導入

サイト紹介

今回学んだこと

最後に4/34

目的

更新を目的とした制作

習ってきたことの復習。来期への予習。

新しいことへの挑戦。

自分のサイトを持ちたいという思い。

5/34

CMS導入

更新作業の効率化

a-blogcmsを使用

CMSの導入経験

6/34

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

7/34

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

8/34

今回学んだこと学んだこと

9/34

今後の取り組み

サイトの完成

Flashサイトの制作

共同制作

10/34

最後に

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

http://twitter.com/highhi

BLOG

twitter

11/34

がんばれアツコ！

厳しい修行の道

2009年

トライデントコンピュータ専門学校WEBデザイン学科 １年　

原亜津子

自己紹介

名前原　亜津子

経歴サイト制作に興味　→　中学生の時

トライデント情報系に入学

WEBデザイン学科に編入

13/34

若年者ものづくり大会に向けて

14/34

ポートフォリオサイト

サイトURLhttp://www.kuronowish.com/̃kiti/

15/34

なぜ作ったか

力試しがしたくて

復習の為

１からすべて作りたくて

16/34

サイトデザインについて

17/34

使ったテクニック

text-indent

position

iflame

lightbox

18/34

position

#red{

position: relative;

top: -400px;

left: 21px;

}

19/34

まとめこのサイトを作って

ポジションの使い方

復習できた

あきらめず、形にできた事で

成長できました

今年は…20/34

ご清聴、ありがとうございました。

サイトURLhttp://www.kuronowish.com/̃kiti/

ブログURLhttp://trident-com.net/̃2009w010/blog/

twitterIDharuko_hara

21/34

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

堀尾　真衣　 Horio Mai

1990年生まれ

トライデントコンピュータ専門学校 webデザイン学科 1年

Profile23/34

http://trident-com.net/~2009w012/blog/

mario_12

Skill Olympic24/34

技能五輪全国大会

若者の技術の向上、重要性をアピールする

対象年齢　：　23歳以下　

開催日時　：　平成21年10月23日（金）～10月26日（月）

開催地　　：　茨城県日立市・ひたちなか市

競技種目　：　機械組立、建築大工、ウェブデザイン　他全45種目

セミナーナビの制作

セミナー情報の公開および参加申し込みを行うウェブポータルサイト

＊制作ページ

　１. トップページ

　２. 概要

　３. 検索

　４. 新規会員登録

　５. セミナー登録

　６. 講師マイページ

　７. 会員マイページ

　８. 管理者ページ

＊必要技能

　XHTML・CSS・Flash・PHP　他 Subject25/34

26/34

ログイン

27/34

WP28/34

テキスト

http://trident-com.net/~2009w012/blog/

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

投稿記事数　学習：41記事　私生活：24記事　課題：30記事　気になる：21記事

投稿記事数　学習：40記事　私生活：40記事　課題：40記事　気になる：40記事

30/34http://trident-com.net/~2009w012/blog/

Flow

１）データベースに接続する

２）各カテゴリの記事数を調べる

３）総記事数を割り出す（上で調べた各々のカテゴリ登録記事数を足す）

４）総記事数を100で割る

５）４）に、各カテゴリの記事数をそれぞれかける（割合を出す）

６）５）に％をつけ、それぞれのバーのcss widthに書き込む

31/34

Code

$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;

} 32/34

http://trident-com.net/~2009w012/blog/

mario_12

After

End

ありがとうございました！ 33/34

トライデントコンピュータ専門学校

Webデザイン学科ブログ「ウェブDeBLOG」http://tridentwebdesign.blog57.fc2.com/

WCAN 2009 Winter／2009.12.19

ご静聴ありがとうございました。2010年度、インターンシップや就職でお世話になります。お問い合わせは、学校に直接か講師までお気軽に。