Upload
trident
View
631
Download
2
Embed Size (px)
DESCRIPTION
Wcan 2009 Winter。Webデザイン学科1年(水野、堀尾、原)
Citation preview
学校法人 河合塾学園
トライデントコンピュータ専門学校学生作品紹介
トライデントコンピュータ専門学校 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
11/34
がんばれアツコ!
厳しい修行の道
2009年
トライデントコンピュータ専門学校WEBデザイン学科 1年
原亜津子
自己紹介
名前原 亜津子
経歴サイト制作に興味 → 中学生の時
トライデント情報系に入学
WEBデザイン学科に編入
13/34
若年者ものづくり大会に向けて
14/34
ポートフォリオサイト
サイトURLhttp://www.kuronowish.com/̃kiti/
15/34
なぜ作ったか
力試しがしたくて
復習の為
1からすべて作りたくて
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種目
セミナーナビの制作
セミナー情報の公開および参加申し込みを行うウェブポータルサイト
*制作ページ
1. トップページ
2. 概要
3. 検索
4. 新規会員登録
5. セミナー登録
6. 講師マイページ
7. 会員マイページ
8. 管理者ページ
*必要技能
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
1)データベースに接続する
2)各カテゴリの記事数を調べる
3)総記事数を割り出す(上で調べた各々のカテゴリ登録記事数を足す)
4)総記事数を100で割る
5)4)に、各カテゴリの記事数をそれぞれかける(割合を出す)
6)5)に%をつけ、それぞれのバーの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年度、インターンシップや就職でお世話になります。お問い合わせは、学校に直接か講師までお気軽に。