音量調整について

教室の端末を使用中、検索先などアクセスしたとき突然音が出て驚かないよう音量の設定を紹介しておく。

いつも使用している RootMenu に音量調整の項目があるのでそこをクリックすると音量調整についてのウインドウがあがるので、ミュートにチェックを入れると音が出なくなる。

クリックすると大きな画像になるのでわからない人は要確認

Web(5)ブログ完成にむけて他

Web作成は必ず public_htmlフォルダを指定すること!

Emacsトラブルシューティング

半角/全角のキーは使用しない

タグは全て半角になるので、 Ctrl+o で切替時、Emacs の表示を確認しながらタグと日本語を入力するようにする。

定期試験の時でのトラブル時は

ファイルを保存したあと一旦 Emacs を閉じ、再び Emacs を上げ直す
という対応をしてもらう。

画面が分割されて見にくくなったらマウスで操作するか Ctrl+x 1
操作中うまく動かなくなった場合 Ctrl+g を何度か押すと直ることが多い

一部の文章や文字を強調する

評価が上がりやすいので是非チャレンジしてほしい。

一部文章や文字を強調する場合は、スタイルシートのクラス指定を行う。
このような日記を書きたい場合の中味は以下のようになる。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>日記</title>
<style>
body{background-color:orange; color:brown;}
h2{background-color:pink; color:green;}
.aka{color:red;}
.ao{color:blue;} 
.daimoji {font-size:x-large;}
.naka{text-align:center;}
</style>
</head>

<body>
<h1>日記</h1>

<h2>20xx年x月x日<span class="ao">(土)</span></h2>
<p>
今日は<span class="daimoji">友達とカラオケ!</span><br>
はしゃぎすぎて<span class="daimoji aka">声が枯れた。</span>
</p>

<h2>20xx年x月x日<span class="aka">(日)</span></h2>
<p class ="naka">
昨日のカラオケで声が出ないが、バイトをどうにかこなした。
</p>
<p>
あんな無茶はもうしない。
</p>

<hr>
<p>
<a href="index.html">もどる</a>
</p>
</body>
</html>

<span>は特に意味がなく、スタイルシートを適用したいときに使用するタグ。
<hr>はラインを引くタグ。(終了タグはない)

フォントサイズの設定は
xx-small、x-small、medium、large、x-large、xx-large
(ちなみにこの表記は font-size:x-large; font-weight:bold; )

リンクのスタイル変更

背景色によってはリンク表示が読みにくい場合が出てくるので、必要であればリンク表示のスタイルを変更する。例えば index.html を開き、以下赤字の部分を追加してみる。色については見やすい色を好きなように使うと良い。

<style>
body {background-color:pink; color:navy;}
 a{color:green;text-decoration:underline;} 
 a:hover{background-color:yellow;}
</style>

解説
a{color:green;text-decoration:underline;} /* リンクの文字色を green にしてアンダーラインを引く*/
a:hover{background-color:yellow;} /* リンクにマウスが当たっている状態の時、背景色を黄色にする */

アンダーラインが必要ないなら、 text-decoration:none; とすれば良い。設定したときの見映え

本日の課題

トップ