4月の授業日記
＜home
<5月の授業日記
4/11 webサーバー
インターネットで個々のファイルを共有（公開）することで長大な情報量を利用できる
webサーバー
- （インターネット上に公開された）サーバーにファイルを置くと誰もがどこからでもアクセスできる
サーバーとローカル
- ローカル＞自分のPC
- サーバー＞（インターネット上の）共有ディスク
ローカルで作成し、コピーをサーバーにアップロードする
互換性
誰にでも見られるように＞
- ファイル名などは英数半角
- ワープロではなくHTMLでつくる
今日のひとこと
初めて自分のプロフを作成しましたが、楽しかったです。でもあまりパソコンに慣れていないので少し難しかったです。
アップロード（put)（ｐ２３７）（設定はｐ２２７）
- pc（ローカル）のファイルをサーバーにコピーすること
- これをしないと保存をしてもインターネット上では古いまま
- アップロードしたいファイルをファイルパネルから選択し、上向きアイコンをクリック
- 確認するにはブラウザで再読み込み（更新）
4/18 HTML文章の修飾
マークアップ（ｐ３８）
- 文章を（修飾するのではなく）機能ごとに区切り、役割を明示する。
- ＜ワープロ＞意味合いに応じた表現（修飾）を記述者が行う。
- ＜HTML＞意味合いの印を記述者が付け、解釈は他者に委ねる。
- 機能に応じた表示をブラウザがおこなう。
- 環境に応じた解釈が可能になる。
- 設定したい部分にカーソルを置き、機能をプロパティインスペクタより表示
段落（ｐ３６）
- enterで文章が段落ごとに区切られる。
- 単なる改行はshit+enterで行う。
見出し（ｐ38）
- 段落ごとに機能（意味合い）に応じて、見出しのレベルをつける。
- レベルは１〜６まである。
段落揃え
段落ごとにプロパティインスペクタのアイコンから中央ぞろえ、右ぞろえなどが選べる。
行ごとには設定できない。
リスト（ｐ４０）
リスト
番号リスト
- 頭に数字がつく
リストの解除
- enterキーを二回打つ
- もう一度リストボタンをクリック
テキストインデント
右にインデントされる
ページプロパティ
- ページには背景色やテキストカラーなどが設定できる
- プロパティインスペクタでは選択できないので、 修正 のページプロパティから設定
意味合いに関係なく、表示効果を変える
- 文章の機能に関係なく色などを変えられるが、表示効果はスタイルシート（後述）と切り分けられたため非推奨
今日のひとこと
今日の授業はwordと感じが似ていたので、わかりやすかった。背景の色や文字の色を変えたりできて楽しかった。
４/２５ 画像の挿入
区切り線（ｐ４１）
- 区切り線などパーツの挿入は、ウインド上部挿入バーより
HTMLにおける画像の扱い
HTMLはテキスト形式なのでファイル内に画像を埋め込めない
- 表示させたい画像を別に用意する
- その画像がどこにあるかを記述する
画像の保存場所
- とりあえず使えそうなものを保存し（webのDL)
- 使用する物のみをコピー(webのsite/img)
DWでの画像の貼り付けの流れ（ｐ４２）
- 画像の準備
画像ファイルをDLフォルダに移動
- 画像の挿入
１挿入バーから画像の挿入
２（コピーするように確認を求めてくるので）imgフォルダにコピーを保存
３．アップロード
１アップロード前に確認される依存ファイル＞貼り付けられている画像のこと
２「はい」で必要な画像も正しい場所に一緒にアップロードされる
背景画像
ページの背景には画像を配置できる(ページプロパティで設定）
この画像を背景に敷いた
- ページのサイズはブラウザ状態に応じて変わるので合わせることはできない
- 小さい画像（軽い）をタイル上に繰り返して表示させる
今日のひとこと
背景や画像など好きなものを選んで挿入できて楽しかった。