Document

画像展示サイト“Fragments”
『閲覧しやすさ』と『デザイン性』を両立させた
Webデザイン
北海道情報大学情報メディア学部
情報メディア学科新井山ゼミ
0321003 芦原建
前回までの成果
• 外部リンクを更に追加
– 創作( 素材系が中心 )サイト
– そのほかの内容
• Webデザイン関連
• お役立ち系
• ４つの方法で整理
– 分類別・表示形式
今回までの進捗状況
• メールフォームの設置
– “メール”コンテンツとトップページに設置
– メールアドレスの表示は撤去
• Web拍手の設置
– 各作品のページに設置
• 外部リンク数件追加
– フォント・写真素材のサイト中心
メールフォーム
Webでのメール通信 ①
• 従来のWeb上からのメールの通信方法
▼Webページのリンク
メールを送る
<a href=“mailto:[email protected]”>
アドレスの前につける
メールアドレスを入力
このリンクをクリック
→PC内のメールソフトが自動的に起動する
(あて先にタグ内に仕込んだアドレスが入力される)
※直接メールアドレスを入力する手法も当然存在
Webでのメール通信 ②
• 従来の方式の欠点
– メールソフトの起動に時間がかかる事がある
• 特にOutlook Expressは論外
• 携帯の場合は例外
– スパムメール用のアドレス収集ソフトに狙われや
すい
メールフォームとは ①
• Web上で直接メッセージ入力して送信
– 掲示板と同じ感覚で利用できる → 手軽
– メールアドレスを表示しないため、
アドレス収集ソフトに狙われない
メールフォームとは ②
• メールフォームのレンタル元
– フリーチケットシアター
サービス名”ふりぃのふぉぅむ”
http://www.freett.com/
• 特徴
– メールフォームのページをレンタルするのでは
なく、出力されたフォームのHTMLソース
そのものを利用する
⇒サイト内の任意の場所に設置が可能
メールフォームの欠点
• メールのスパムからは
身を守れるが…
– ソースによっては
掲示板のスパムに襲わ
れる可能性もある
実例⇒
メールフォームの設置先
１．”メール”のページ
(今までのメールアドレスは撤去)
２．トップページ
(更新履歴の下)
Web拍手ボタン
• Web拍手ボタンとは？
– Webサイトに設置して使うボタンリンク
– 押すことで管理人に拍手を送る
• 拍手をする＝褒める
⇒メッセージ無しで応援・賞賛を伝えられる
• 拍手と一緒にメッセージを送ることも可能
Web拍手公式サイト (配布・管理)
http://www.webclap.com/
Web拍手ボタンの設置
• ギャラリーページ
– 各作品の展示ページに設置
• 理由
– 作品を見た感想を一番すぐに伝える事が可能
研究成果・考察
• 通信手段の簡易化の目的
– メールフォーム
• 手軽なメッセージ伝達
– Web拍手
• その場での気軽な意見・感想の伝達
今後の課題
• 細部の修正
• 中身の追加・変更
次回までの成果誓約
• 引き続き必要に応じて改善点の修正
• 次回以降のプレゼン
– アドレス収集ソフト
– Web拍手
– Flashサイト

Download Report