デザインワーク4 第1回目
コンテンツをサーバに公開する
実習室内のFTP、Webサーバの利用方法を確認し、自分の作成したコンテンツをアップロード、正しく表示できるかを確認する。
- FTPクラインとプログラムで指定されたFTPサーバへログインする
- 各自のフォルダにpublic_htmlという名前のフォルダを作る
- public_htmlを開く
- 各自のファイルをアップロードする
- index.htmlがない人は作成してください
- 各自のファイルがサーバを経由して表示されるかを確認する
- すべての今鉄が表示されるかを確認してください
http://指定されたサーバ名/~学籍番号/
- アップロードしたファイルが正しく表示されないときは「Webサーバでコンテンツ公開時の確認事項」を確認してください。
WS_FTP ProでうまくアクセスできないときはIEのアドレスに次のように入力する。
ftp://ユーザ名@サーバのアドレス/
テキストエディタの使い方
NoEditor?の使い方を確認し、例題のファイルを入力し、正しく動作するかを確認する。
CSSの効果の確認
次のファイルをダウロードし、各自のPCで表示を確認する。
- css_test.html(189)
- css_test1.html(177)
- css_test2.html(173)
- css_test3.html(170)
JavaScriptでCSSを制御
JavaScriptはDOMという技術を使ってCSSを制御できます。
- JavaScript、DOM、CSSでリストの展開・収納 list.html(176)
- JavaScript、CSS、DOCでDIV要素を移動 moveobj1.html(174) 段落の横移動
- moveobj2.html(183) 段落の縦移動
[デザインワーク4]