コンテンツにスキップ

ファイル操作などの課題集

フォルダやファイルの作成、コピー&ペーストに慣れよう!


途中で分からなくなったら「フォルダとファイルの作成」で復習しながら進めよう。


1. 基本的なファイル操作の練習

[課題:フォルダの新規作成] 名前が「[本日の日付]-[名前]」のフォルダを作成しよう

例)本日の日付が「2017年2月15日」、名前が「川口」なら「170215-kawaguchi」とする。

  • 保存先はデスクトップ以外(指示がある場合はその場所)にすること
  • フォルダの名前は半角英数字で付けること(スペースなどの空白文字は禁止)

[課題:ファイルの新規作成] メモ用のファイルを1つ作成しよう

  • 先ほど作ったフォルダの中に作成すること
  • 「テキストドキュメント(テキスト文書)」で作成する
  • ファイル名を memo.txt に変更すること

[課題] 他の人達にも紹介したい画像をインターネットから1枚ダウンロードしてみよう

  • まずは1枚に絞ろう!(理由はまた後で)
  • 先ほど作ったフォルダの中に保存すること
  • 拡張子(ファイル名の後ろについている文字列)が「 .jpg 」「 .jpeg 」「 .gif 」「 .png 」「 .tiff 」「 .swg 」のいずれかのファイルだけを選ぶこと
  • テーマを絞って検索しないと時間がかかるので、テーマ選びで考え込まないように!

[課題] 先ほどダウンロードした画像のURLをメモ用のファイルにコピー&ペーストしよう

ブラウザを閉じてしまって出典元が分からなくなった時の「保険」のための練習です。元記事があるなら、そのURLも次の行に保存しましょう!


2. HTMLファイルを作る練習

課題2-A、Bどちらかを選んでください。

新しくHTMLファイルを作成して、次のソースコードをファイルにコピーして、Webページを作成してみよう。

  • ファイルの拡張子は「 .html 」にしよう
  • ファイル名は半角英数字にしよう
  • ソースコードは全てコピーして使おう(自分で1から書けるならそれでもOK!)
  • タグは必要に応じて増やしたり減らしたりして使おう

[課題2-A] 簡単なHTMLファイルを作ってみよう

以下のHTMLコードを参考に、自分自身を紹介するHTMLファイルを作成してみましょう

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>川口てんと</h1>
<h2>性格</h2>
<p>いろいろといっしょうけんめいやる。
けどたまに大ぼけをする</p>
<h2>趣味</h2>
<p>トイレに行くこと。とくに僕は、
トイレットペーパーを1こましか使わないことに
命を懸けています。</p>
</body>
</html>

[課題2-B] ちょっと長めのHTMLファイルを作ってみよう

以下のHTMLコードを参考に、「●●●」と「■■■」を自分で考えたテーマに置き換えて作成してみましょう

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>わたしの●●●な■■■</title>
</head>
<body>
<h1>わたしの●●●な■■■</h1>
<h2>●●●な■■■ベスト3</h2>
<ol>
<li><a href="#" target="_blank">???</a></li>
<li><a href="#" target="_blank">???</a></li>
<li><a href="#" target="_blank">???</a></li>
</ol>
<h2>●●●のイメージ画像</h2>
<img src="#" alt="???">
<p>ここにくわしい説明を書いてみよう。</p>
<h2>■■■の他のトピック</h2>
<p>どんなところが●●●であるか?説明を書いてみよう。</p>
<h2>他の人のページへ</h2>
<ul>
<li><a href="#">???</a></li>
<li><a href="#">???</a></li>
<li><a href="#">???</a></li>
</ul>
</body>
</html>