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