70 IT・パソコンWeb専攻科

12日の授業とクラス忘年会

１２日の授業内容

●リンクのコピー方法（裏ワザ）

●GIFアニメ作成


〇リンクのコピー方法
＊ホームのボタンにリンクの設定、ロールオーバー等を完璧に設定しておく。

　　サイトを開く
　　　　⇩
①index.htmlをWクリック
　　　　⇩
ホームボタンをクリック
　　　　⇩
shiftキーを押しながら店舗紹介をクリック
（ホーム・商品一覧・イベント・ブログ店舗紹介のボタンの色が変わる）
　　　　⇩
ctrlキーを押しながら「Ｃ」キーを押す（又は右クリックでコピーする）
　　　　⇩
index.htmlを閉じる
　　　　⇩
②list.htmlをWクリック
　　　　⇩
ホームボタンをクリック
　　　　⇩
shiftキーを押しながら店舗紹介をクリック
（ホーム・商品一覧・イベント・ブログ店舗紹介のボタンの色が変わる）　　
　　　　⇩
　Delキーを押す（全部のボタンが削除される）
　　　　⇩
カーソルは削除したボタンの枠の中
index.htmlの貼り付けをする
　ctrlキーを押しながら「Ⅴ」キーを押す（又は右クリックで貼り付ける）
　　　　⇩
コピーされたボタンが表示される
　　　　⇩　　　
　ページを閉じる
　　　　⇩　　　　
イベント・ブログ・店舗紹介も「②」の手順で作成する
　　　　⇩
　上書き保存する　　　　


〇GIFアニメの作成
　（複数の画像を集めて動かす）
　　ウェブアニメーターでアニメーションを作成する

　作成時の注意点
　　色・効果の種類・効果の設定など変えられる
　　●フレーム数は多いほどスムーズに動く。平均２０～３０
　　●合計時間を3秒にする。　　　　


〇顔文字の作成
　　ウェブアートデザイナーでイラストを作成する
　　
　上書き保存する場合の注意点
　　ウェブアートのファイルをクリック
　　　　⇩
　　名前を付けてキャンパスを保存をクリック
　　　　⇩
　　ドキュメントのホームページに保存
　　　　⇩
　　ファイル名を「顔アニメ」と入力
　　　　⇩
　　保存ボタンをクリック　


〇●午後から次回の社会参加活動の場所が決定
　　大阪中央卸売市場　

　●午前中の復習

〇クラス忘年会
　●２班の方の幹事で１６時から天満の中華料理店で
　　先生とＣＤさんと皆さんと楽しい時間をすごしました
　　幹事さんに感謝　

　

　　　　　　リンクのコピー方法　　　　　　
　

　　　　　　　GIFアニメ
　


　忘年会　　委員長の挨拶　　　　　　楽しい会話
　
 
　　　1分間のスピーチ　　　　　　　オカリナ演奏

お疲れ様でした
来年も楽しく盛り上がりましょう

　　　　　　　　　　　　　　　担当は４班　藤原

　

１２月５日　高大白熱教室

高大白熱教室


　

11月21日の授業

★ページにリンクを設定する
①サイト内の別のページリンクする
②ロールオーバー効果を設定する
③他のホームページにリンクする
★同じページの他の位置にリンクする
①ラベルを作成する
②ラベルをリンク先に設定する

担当　2班　釼木大治　

11月14日の授業

 ホームページ作成　（商品一覧＆イベント）
10月Fに「トップページ」を、そして前回10月Eに「店舗紹介」を作成しました。
（下記の緑色の枠内をご参照）
今回10月14日には「商品一覧」を、続いて「イベント」を作成しました。
（下記の赤色の枠内をご参照）
   
SECTION 40  箇条書きを作成するには
　まず、「商品一覧」のページを作るために、「店舗一覧」のページを複製します。
必要箇所を「指定」した後、「ﾌｧｲﾙ」➡「ページの複製」の順でクリックします。
 

　現れた画面で、⓵「ﾌｧｲﾙ」➡「名前を付けて保存」の順にクリックし、
ファイル名：「 list.html 」と入力　➡　「保存」します。

　次に⓶「ページの属性」➡　ページタイトル：　「 Flower Shop Sakura | 商品一覧 」
と変更　➡　「OK」をクリック

⓷複製されている店舗紹介の〈 表 〉を「指定」し、「表（A）」➡「表の削除」
を行います。

⓸最後に、見出し：店舗紹介を「範囲指定」し、上書きで「商品一覧」と入力します。
　下図のように「商品一覧」のページが複製から出来始めています。
 

　いよいよ箇条書き作成です。（テキスト116頁～）
まず、見出しの下にカーソル位置を確保し、
⓵ナビメニューの「リストの挿入」➡ リストマークの「通常」➡「OK」の順にクリック
⓶現れたリストのフォーカス枠に「花束A」と入力　➡　「Enter」キーを押す　
⓷2番目に現れたリストのフォーカス枠に「花束B」と入力　➡「Enter」キーを2回押す
 

SECTION 41 画像にフレームを付けるには
まず、適切なカーソル位置で、花束A用の画像の挿入を行います。
次に画像の下に花束A用の文字を入力します。
同様に、花束B用の画像の挿入と文字の入力も行います。
 

いよいよフォトフレームの設定です。
テキスト120頁～の手順に沿って細かい操作を行っていきます。
まず、画像をクリックした後、ナビバーの「画像の効果」➡「フォトフレーム装飾」
「ウェブアート」➡「詳細」➡「frame_f_005」➡「次へ」
この後、色は「白」を選択➡「完了」し、フォトフレームの挿入を「OK」でとじます。

 
すると下図のようにフォトフレームが装飾されます。
 
　次に、花束B用の画像も上記の要領でおこないます。（詳細は省略）
　
また、花束C　を追加し、「素材集」から選んで、フォトフレーム装飾も
行いました。
 

　SECTION 番外「イベント」にカレンダーを入れる
　「ページの複製」から細かく必要な操作を行って、
「イベント」のページが出来ましたら、
ナビメニューの「その他の挿入」➡「カレンダー」と進み、
2018年11月、そしてカレンダー（表枠を使用）（N）を選び➡「OK」をクリック
最後に、該当する日にちに、「定休日」や「セール」を入力します。
 
　最後に、これまでに作成した「フラワーショップ」をビジュアルサイドビューで
見てみましょう。
 

クラスミーティング
　連絡事項
   遠足⓶を終えて
　高大フェスタ

授業の復習

今日の一言　急がば回れ
　　　　　　　　　　　　　　　担当：3班　沖津
　

遠足

秋の遠足

大阪城公園駅に９時３０分集合
ＣＤさん含めて総勢２１名

天気は快晴
遠足日和

10時大阪城港出発のアクアライナーに乗船
５５分の周遊クルーズ

船からの大阪城・北浜のビル群・造幣局の桜など
違った角度から見た景色は最高でした

お昼はツイン２１ＭＩＤタワー３８階の
ティーズガーデンで中華料理をいただきました

遠足担当の方のおかげで楽しい時間をすごしました
お疲れ様でした
ありがとうございました


　　　　　　　　　　　総勢２１名の美男美女
 

　　　　アクアライナー乗船場と楽しい会話
 

　　　　　　船内から大阪城・中之島公会堂
 

　　　　　　　　　桜並木とビル群
 

　　遠足担当の方の挨拶とカンパイ　　　　　　　　　　３８階からの景色
　


　　　　　　　　　　　　４班担当　　藤原