Web パブリッシング 1. この授業について. この授業の目標 Web サイトの構築とその維持管理の技 能を身につける –HTML 、 CSS 、（ JavaScript ） Web サイトの構築とは –HTML 文書をインターネットに公開するこ と＝ Web パブリッシング.

Presentation on theme: "Web パブリッシング 1. この授業について. この授業の目標 Web サイトの構築とその維持管理の技 能を身につける –HTML 、 CSS 、（ JavaScript ） Web サイトの構築とは –HTML 文書をインターネットに公開するこ と＝ Web パブリッシング."— Presentation transcript:

1 Web パブリッシング 1. この授業について

2 この授業の目標 Web サイトの構築とその維持管理の技 能を身につける –HTML 、 CSS 、（ JavaScript ） Web サイトの構築とは –HTML 文書をインターネットに公開するこ と＝ Web パブリッシング

3 Web パブリッシングに必要な こと インターネットに公開するデータ –HTML 文書＋画像データの作成が必要 Web ブラウザでアクセスするための URL –WWW サーバが必要 – 作成した HTML 文書＋画像データを WWW サーバにコピー（アップロード）すること が必要

4 WWW サーバ（＋ FTP サーバ） 実習室パソコン C 北星学園大学 LAN hokusei.ac.jp ドメイン インターネット パソコン A パソコン B ネットワーク機器 http://www.ipc.hokusei.ac.jp/~k14xxx/ http://tiger.hokusei.ac.jp/~k14xxx/ ftp://tiger.hokusei.ac.jp/home/homek /k14xxx/public_html/

5 インターネットに公開するデ ータ HTML 文書の作成 –HTML （文書の構造）、 CSS （文書の見栄 え）の知識が必要 – テキストエディタが必要 Windows の代表的なテキストエディタ – メモ帳、秀丸、 SAKURA エディター MS Word でも可 HTML エディターという専用ソフト –DreamWeaver 、 HomePage Builder 、 Adobe Golive

6 インターネットに公開するデ ータ 画像データ – デジタルカメラ、スキャナなど電子化され た画像を生成する機器が必要 – 画像処理ソフトが必要 JPEG 、 PNG 、 GIF のデータ形式で出力可能なも の Fireworks 、 Photoshop 、 GIMP 、 Illustrator

7 WWW サーバー 大学の総合情報センターの WWW サー バ – 学内からアクセスするときの URL http://tiger.hokusei.ac.jp – 学外からアクセスするときの URL http://www.ipc.hokusei.ac.jp

8 データのアップロードの方法 FTP （ File Transfer Protocol ）という仕組 みで、パソコンから WWW サーバへフ ァイルを転送 –FFFTP 、 NextFTP 、 ftp コマンド W ：ドライブにドラッグして、コピー – 但し、これは北星学園だけで有効な特殊な 方法

9 Adobe DreamWeaver Web パブリッシングに必要な機能をま とめたソフトウェア –Web オーサリングツール –HTML エディター – ホームページ作成ソフト もともと Macromedia 社が開発 HTML を知らなくても、ある程度なら OK 。