Information Expression Seminar.

# 7月7日｜Web制作3：サイト作成

ver.1の確進捗認とフォローアップ

## 1｜ver.1, ver.2 相互評価について

夏季課題であるweb制作ver.2の相互評価は、後期「情報分析演習」授業内で行う予定である。

ver.1に関しては授業最終回に相互評価を行う。サーバ上にupしたデータをもとに評価するので必ずweb上からデータを確認すること。また、各自のサイトをクラス毎にリスト化したので、正しく自分のサイトにリンクできているかどうかも改めて確認しておいてほしい。

→ クラスリスト

## 2｜PDFの作成について（すでに他の課題で方法を理解している場合は飛ばして可）

### PDFとは

PDFとは、Portable Document Formatの略で、電子文書の形式のこと。いろいろなアプリケーションで手軽に作ることができ、WINDOWSのバージョンやOSの違いなど、どの環境でも文書の体裁を保ったまま開くことが出来るため、ファイルのやりとりや共有時に使うファイル形式として広く普及している。PDFファイルを読むための Acrobat Reader（Adobe Reader）は無料でダウンロードできる。今回の課題では使用することはないが、今後利用頻度は高いと思われるので覚えておくこと。

参考：AdobeとPDF

### 1.Word文書から作成する場合

（１）Wordで文章を作成

（２）画像やエクセルの表、グラフを貼り付けも可能

（３）Wordのメニューから、　「ファイル」→「印刷」→「Adobe　PDF」→「OK」

### 2.画像の場合

PhotoshopやIllustratorで作ったデータもPDF化できる。ソフトを持って無い場合でも表示・印刷することができるのでよく使われるので覚えておこう。（※もちろん「WEB用に保存」で書き出しても同じようにどこでも見られる）

どちらも、「ファイル」　→　「別名で保存」　→　「ファイル形式」プルダウンメニューから「Adobe PDF」を選ぶだけである。

▲TOPへ

## 3｜Web制作フォローアップ

### 制作

時間が不足して説明し切れなかった回のフォローアップについては、クラス毎に指示される。

教員の指示のもとで各自ver.1の課題制作を進める。ver.1が完成した者は、ver.2の制作をすすめること。また、制作に当たって「〜のようにしたいが、それにはどうすればいいのだろう？」など、聞きたいことがあれば今の時間のうちに質問し、理解しておくこと。

また、webページが正しく表示されないという場合には下記のリンクを参照して、もう一度自分自身でデータを確認してみよう。エラー、トラブルの修正は「人に聞く前に、まずファイル名やディレクトリの構成などを自分で十分にチェックする」ことが間違いを繰り返さないためにも大事である。

webページの修正と仕上げ

リンクミス、アップロードミスは「未提出」と見なすので必ず確認のこと。勝手ディレクトリに提出やローカルにあるなどの言い訳は認められないので注意すること。また、この情報表現演習の成果は、2年進級次のプログラム選択の際に参照されることがあるので、しっかりと取り組んで欲しい。

#### ◎教材リンク

第8回「webページとHTML」
第11回「Web制作1：アカウント管理」「DREAMWEAVERを用いた制作」

#### ◎参考 Web制作リソース

リファレンス

HTML5入門
HTMLリファレンス
CSS3リファレンス
CSSガイド - World Wide Web Guide
CSS Lecture
スタイルシートによる崩れない2カラム, 3カラム・レイアウト
入門！Dreamweaver使い方講座

参考サイト

コリス
イケサイ
I/O 3000 webデザインギャラリー
webデザイン参考サイト bookma
初心者さんのためのwebサイト制作に役立つリンク集

### 過去の教材から

直接には制作技術とは関係ないが、Webサイトにおける自分の属性に関する記載について、ある先生からの指摘を掲載しておく。

#### 蛇足（一担当者の個人的見解として）

学生諸君の Webページを見ていると、自分の紹介に「星座」、「血液型」を記載している例が少なくないことに気がつきます。特に血液型と性格の迷信は日本が発生地であり最近では韓国にも感染しているようです。これまで多くの研究者がこの馬鹿げた流行を科学的な根拠は全くないことを繰り返し指摘しているにもかかわらず、最近では公共放送でも当然のように使っています。わずか4種の血液型で人間の行動や性格を規定できるはずがないことを、知的な人なら少しは感じてはいるでしょうが、「たんなる、お遊び」として許容しているようです。また、これも言論の自由でしょう。しかし、血液型性格論は実は人間の差別につながること、この迷信で多くの人が傷ついていることに気がつくべきです。Webサイト制作の指導者として、公序良俗に反しない限り皆さんが作るページの内容に対しては規制しませんが、良識ある対処を望みます。

◎参考

Wikipedia:バーナム効果
Wikipedia:血液型性格分類

▲TOPへ

## 4｜本日のまとめ

### 課題

ver.1をweb（サーバ上）から確認して、すべての課題作品が見られるように制作を進めること。授業最終回（7/21）にはサーバ上のデータを見せながらプレゼンテーションを行うので、それに間に合うように完成させる。

ver.1が早めに完成する場合は、ver.2の制作にとりかかる。

### ミニレポート

webサイト制作をすすめる上で特に自分が苦手だと思うところはどこですか？　理由も含めて書いてください。

▲TOPへ　□ HOME