このファイルはwebproフォルダ内にtestフォルダを作成し、その中に保存。
メモ帳で開きこのファイルにソースを記述。
作るファイルはすべてtestフォルダ内に保存(test/xxx.html)
リンクを貼ると指示のある問題は、「問*」部分に該当ファイルへのリンクを貼る事。
終了したらアップロードしサーバーで確認。
授業中作成したファイルをコピーして使用して使用可、テキスト参照可
完成したものは自分のwebプログラムのページを完成させる
DreamWeaverの使用は不可
上の行の「問1」の部分をクリックすると『こんにちは』とアラートウインドーが出るJavaScriptを作成せよ。
問2
次の行の「ビジネス」の部分だけを、改行させずにインラインスタイルシートで文字色赤、フォントサイズ18pxに指定せよ(クラス名は自由)
お茶の水スクールオブビジネス
問3
この書類のHTMLタグの表示形式を以下のように変える外部スタイルシートを(test/test.css)として作成
スタイルでは
bodyを背景色#FFCCFF、文字色青、フォントサイズ14px、行間20pxに
h1を文字色緑、フォントサイズ24pxに
まだできていません。出来るとここは見えなくなります。
出来たみたいです。
この下に「私は誰?」というボタンを作成し、クリックすると名前が記述されるスクリプトを記述せよ
問5
このページを幅600ピクセル・ボーダー0、2行2列のテーブルにする。
以下の問いのプログラムを指定したディレクトリに作成し、そのプログラムへリンクを貼ること。 このファイルはwebproフォルダ内にtestフォルダを作成し、その中に保存。メモ帳で開きこのファイルにソースを記述。作るファイルはすべてtestフォルダ内に保存(test/xxx.html)リンクを貼ると指示のある問題は、「問*」部分に該当ファイルへのリンクを貼る事。終了したらアップロードしサーバーで確認。授業中作成したファイルをコピーして使用して使用可、テキスト参照可。完成したものは自分のwebプログラムのページを完成させる。DreamWeaverの使用は不可。 | ||
あかねのHOMEへ | このページを幅600ピクセル・ボーダー0、2行2列のテーブルにする。 1行目は解説部分(HRまで)を結合し1列で 2行目左列には「自分の名前のhomeへ」と記述しプログラムのトップへのリンクを縦方向上に整列させ背景色を白に 2行目右列には問題部分を入れる |
上のボタンをクリックすると、『60%完成!』とアラートウインドーを出すスクリプトを関数(名前はhanbun)を用いて記述せよ
問7
自分のwebproのトップページ、リンク部分の最後に改行して「試験」と記述、そこをクリックするとこのページへリンクするように相対パスで記述する。
問8
クイズを作成し、選択肢を3つボタンとして作成。答えを表示させるものを関数で記述せよ。
はずれを押すと、関数「hazure」でbodyに『はずれ』と表示、あたりを押すと関数「atari」でbodyに『あたり』と表示させるスクリプトを(test/quiz.html)として作成し、リンクを貼る。
問9
ウェブプログラムを半年間学んだ感想の建前をHTMLで書き、本音というボタンを押すと背景色が変わり見えなかった本音が表示されるスクリプトを(test/hontou.html)として作成し、リンクを貼る。
本音問10
下のボタンを押すとこのウインドーが閉じるスクリプトを記述せよ。