CID2016WEB: 4月 2016

2016年4月22日金曜日

WEB 第４回サーバを１学期課題用にもう１つ設定する

前回の授業までで設定したサーバを２学期の自分のサイト用にし、

以下の設定で1学期課題用の「kadaisite」のフォルダやtest.htmlの表示用にする

1.画面上メニューバーの「サイト」から「サイトの管理」を選択

２.右下の右から２番目の「新規サイト」をクリックして新規のサイト設定を作成

3.左の欄「サーバー」を選択して、右の枠の左下「＋」のマークをクリック

4.下記の設定を行い、

※ルートディレクトリの欄に「/2016/自分の出席番号/」を記入

2016年4月19日火曜日

WEB 第３回教科書にそって進める前に

現在すすんでいる所は？

4/12 自己紹介シート

4/15

第１章サイト設定　

→　第１１章ファイルのアップロード P.146〜155

【提出物4/19】
第１〜第３章でできたデータを第１１章の設定を使って

自分のサーバにアップロード　http://自分のサイトのURL/

4/19　　　　自分の(作品の)画像を「WEB用に保存」して公開

4/19に配布したプリント(2枚)

↑

このプリントの6番の「中央揃えボタン」がCS6では使いにくい(非常に複雑な設定になる)ので

以下のように、画像のタグ(<img の行)の　前に<CENTER>　後に</CENTER>を入れる。

</CENTER>

※P.35の(4)の「[Chap01]フォルダー」は「[kadaisite]フォルダー」になります

※要注意※

htmlファイルの数とフォルダの名前や位置を確認しよう。

htmlファイルの数とフォルダの名前を確認しよう。

※これが違うとリンクがズレたり、(=提出のページのリンクから到達できない)
　画像のソースがズレます(＝表示されません)

↓ローカルファイルのウインドウ内がこうなっていないといけない

Machintosh HDの中の、ユーザーの中の、iMac○○の中の、書類の中の、

自分のサイトのフォルダの中が↑こうなっていないといけない

↓

続いて、
教科書P.26〜29 = ２章

教科書P.46〜55 = ３章

教科書P.60〜69 = ４章

教科書P.74〜79 = ５章

と

教科書にそって操作を進めて

行きましょう。

WEB 第３回 WEB上で使える画像の作成方法

・WEB上で使える画像の作成方法

プリントでは画像がどのような状態かが分かりにくいので

このデータを各自で開いてみてみましょう

↓　

https://drive.google.com/open?id=0B6I9zVdEFoukN1NDQUc1RGF1Skk

2016年4月15日金曜日

WEB 第２回ホームページスペース契約とFTPの設定

ホームページスペースを契約する

(メールアドレスが有れば契約ができます。

自分のアドレスを使って契約します。)

忍者ホームページ

ドメインが340種類から選べる

(画面一番下に一行広告有り)

サンプル

１.http://www.ninja.co.jp/hp/

へ行く。

2.右上の

のボタンを押す。

3.新規ユーザー登録をクリック

４.メールアドレスを記入して「この内容を送信」をクリック

5.仮登録完了の画面になるので

6.自分のメールにブラウザからログインして

受診したメールを開く。

||

「忍者ツールズユーザー登録のご案内」というタイトルのメール

7.メールの本文中にある「◆本登録のURL」をクリック

8.ユーザー登録のフォームが表示されるので

必要項目を記入して

最後に「上記の利用規約に同意して送信」をクリック

※途中で出てくる「ツールの名前」は後で変更も可能なので、

仮で何か打ち込んでください。

全て打ち込んで登録手続きが完了すると

「忍者ホームページ作成完了」

の画面に行きます。

9.下に登録したツールの名前が出るので

クリックして「管理画面」に進んでください。

ここまでで契約ができました。

契約ができたら次に

-----------------------------------------------------

「Machintosh HD」の中の

「ユーザー」の中の

「Mac○○」の中の

「書類」のフォルダの中に

「自分のサイト用のフォルダ(名前は自由)」を作って

※↑教科書に書いてある通りにデスクトップ上に置くと、

他の授業での利用者が間違って捨ててしまう事もあり得るので

上に書いた場所にフォルダを設置しましょう。

その中に

~~教科書に付いているDVDの中の~~

~~レッスンの中から~~

~~「Chap01」のフォルダをフォルダ丸ごとコピーし~~

~~フォルダ名を「kadaisite」に変更~~

↑このデータを移し間違える人が毎年出るので、

↓このリンクからダウンロードしてください。

https://onedrive.live.com/redir?resid=58D5A16F265E8429!1363&authkey=!AIzD_PYK0gfrCrY&ithint=file%2czip

-----------------------------------------------

続いて教科書の以下の順序で設定をして行く

↓

P.22の①②

↓

P.23の③④

↓

P.24の⑥⑦

↓

P.146の①〜

忍者ホームページ

------------------

FTPアドレス＝ FTPサーバアドレス (ホスト名・接続先のサーバー名)

ユーザー＝FTPユーザ名（ユーザーID）

パスワード＝登録時のパスワード

FTPパスワード＝FTPパスワード

------------------

この４つを自己紹介の紙に記入

メールの本文に自分のURLを記入してinfo@cid.jp.net へ送信してください

「自分のサイトの URL」って何？

管理画面の右上に出ているのが「自分のサイトの URL」です。

忍者ホームページで公開したデータをネット上で見るURLは

http://自分のサイトのURL/kadaisite/products.html

です。

どういう状態になっているかブラウザで確認してください。

2016年4月12日火曜日

WEB 第１回　昨年までの作例とこだわりサイト例一覧

一昨年までの作例とこだわりサイト例一覧

2012年
■　■　■　■　■　■　
2013年
■　■　■　■　■　■　
■　■　
2014年
■　■　

OB
■　■　■　■　■　　
作家サイト
■　■　
■　■　■　■　■　■　　
他
■　■　■　■　■　　

■　■　■　■　■

WEB 第１回　WEB授業概要2016

WEB 授業概要

1学期　WEB　この授業で行う内容

WEBデザイン火1.2　金4.5 (4F Macルーム)

●この授業で行う内容
・Illustrator・Photoshopで作成したデータをDreamweaverを使ってWEB上に公開する。
・WEBの仕組みを理解しより新しい形のWEBシステムに対応したデザインを修得する。
・3つのソフトを渡り歩く操作による表現の修得を目指す。

●到達目標
・Dreamweaverの基本操作のマスター。
・Illustlatorを使用したレイアウト技術のマスター。
・WEBデータの作成
・レイアウトの方法及び、印刷データの作成・レイアウトの方法を修得し様々な表現を可能にする技術の修得。

●実践
・課題制作を通じて実践により近い状況でデザインソフトを使いこなし修得する。
・Web制作を行い、自分の作品を紹介するホームページを公開する。

成績評価基準　　操作技術50%・作画技術40%・出席状況・授業態度10%

CID2016WEB

自分のサイトのindex作成