コンピュータ基礎実習 (上級)
担当:清水淳紀
戻る
授業で使用する資料については、下の 配布資料 コーナーを確認してください。
履修上の注意
本講義ではHTMLによるウェブサイトの構築方法を習得します(要するに、ホームページを自分で作る方法を勉強します)。
あわせてICT(情報通信技術)を利用するのに必要な基礎知識を習得します。
リモートでの受講について
何らかの理由で授業に出席が難しい場合は、遠隔での受講もできます。
基本的には、基礎実習ページ掲載の資料を見て、指定の制作物をmoodleに提出するのが目標ですので、遠隔でも提出を行えば問題はありません。
ただし自由に使えるインターネットとパソコンを用意する必要があるでしょう。よろしくおねがいします。
先生に質問をする方法
質問したいことがある場合は、従来の電子メールでの問い合わせに加えて、Web会議アプリ Microsoft Teams による問い合わせも受け付けます。チャットや画面共有を使えば、電子メールよりも質問がしやすいかと思います。
詳しくはmoodleを確認してください。
Windows か Mac か
この授業の資料では Windows をベースに解説を行います。 Mac でも課題に取り組むこともできますが、さまざまなところで操作方法が解説と異なるでしょう。ある程度のフォローは行えるかも知れませんが、細かな部分では操作方法の違いを各自で吸収してもらう必要があります。
USBメモリを準備しておいてください
上級編 第3回以降の授業では「USBメモリ」を利用します。それまでにUSBメモリを準備しておいてください。(Macを利用されている場合は、必須ではありません)
すでにUSBメモリやSDカードなどを持っている場合、そちらをそのまま利用する事もできます。この課題で消費する容量は数メガバイト程度なので、若干の空き容量があればOKです。
余った容量は、他のデータの保管用途など自由に利用してOKです(この授業専用のUSBメモリを用意しなくても良いでしょう)。
開講スケジュール
水曜日 Wednesday
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
4/9 |
4/16 |
4/23 |
4/30 |
5/14 |
5/21 |
5/28 |
6/4 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
|
6/11 |
6/18 |
6/25 |
6/29 オンデマンド |
7/2 |
7/9 |
7/16 |
|
配布資料
第10回 CSS(スタイルシート)の基礎
[内容] CSS(スタイルシート)の基本
[課題] 以前作成した自己紹介サイトにCSSを使ったデザインを施し、moodle に提出してください。
資料
第9回 CGIの利用2 Wikiによるサイト作成
[内容] CGIの応用。Wikiによるサイト作成
[課題] Wikiを使った簡単なサイトを作成し、moodle に提出してください。
資料
第8回 CGIの利用
[内容] ページ上で動作するプログラム(CGI)の設置
[課題] recipe.html
をCGIを使用したものに改修しmoodle に提出してください。
資料
第7回 サイトの作成
[内容] 表を活用した3ページにわたるサイトの作成
[課題] 今回および次回の授業で、画像や表(TABLE)やリンクを使ったページを作成しmoodle に提出してください。
資料
第6回 表(TABLE)の作成
[内容] 表の基本
[課題] 自己紹介ページに資料に従った表を追加し、moodle に提出してください。
資料
第5回 ハイパーリンクの作成
[内容] リンクの作成とさまざまな応用
[課題] 自己紹介ページに資料に従ったリンクを設置し、moodle に提出してください。
資料
第4回 画像編集
[内容] paint.net を使った画像の編集作業
[課題] 資料の指示に従って画像編集作業を行い、成果物の画像2点をmoodle に提出してください。
資料
第3回 サーバーと画像と色の設定
[内容] ウェブサーバーの取り扱いと、ウェブページに色をつけたり、画像を挿入したりする方法
[課題] 先週作成した自己紹介ページに色を付けたり画像を挿入し、moodle に提出してください。
資料
第2回 ウェブページの基礎
[内容] ウェブページを作成するための基本
[課題] 先週作成した自己紹介文をHTML文章として書き起こし、moodle に提出してください。
資料
第1回 実習ガイダンス
[内容] 講座を受けるにあたっての諸注意と、WORDで簡単な自己紹介文の作成
[課題] 下の資料を見ながらWORDで作成した自己紹介文をmoodle に提出してください。
資料
補足資料
その他、便利なテクニックなどを紹介する資料です。
参考にしてください。
Windows関連
オンライン系
タイピング練習サイト
キーボードは仕事や作業で大量の文字を入力するのに適したデバイスです。 日々の地道な練習がキーボード入力のスピードを向上させるでしょう!
ウェブページ関連
基本
ページ公開
トラブル対策
各種解説
過去の資料
便利サービス
おまけ
お役立ちリンク
フリー素材サイト
ぱくたそ
人気の写真素材を無料でダウンロードできるフリー素材サイト
Unsplash
こちらも写真素材を無料で利用できるフリー素材サイト。おしゃれな写真がたくさん。
いらすとや
超有名なかわいいフリー素材サイト。どこかで見たようなイラストがたくさん。
戻る