ホームページ作成ガイド西村 文宏

ワープロで表を作成すると、様々な装飾ができますね。そのような表をウェブ上でも作ってみましょう！ スタイルシートを使って、余白や文字間隔などを細かく調節し、自由自在に装飾する方法をご紹介。

ワープロで表を作成すると、様々な罫線で表を装飾できますね。そのような表をウェブ上でも作ってみたいと思いませんか？ スタイルシートとHTMLで、複雑な表の装飾も自由自在に作れるようになりましょう。(CSS実践編)

ワープロで表を作成すると、様々な罫線で表を装飾できますね。そのような表をウェブ上でも作ってみたいと思いませんか？ スタイルシートとHTMLで、複雑な表の装飾も自由自在に作れるようになりましょう。

スタイルシートでのデザインとHTMLでのデザインを混ぜて使っていると、気づかないところで「隠し文字」を作ってしまっている可能性があります。普段、背景色と文字色の指定はどうしていますか？確認してみましょう。

閲覧者から応援の気持ち(＝拍手)を受け取ることができる「Web拍手」というツールがあります。ほんのちょっとでも「気に入った」というサインが得られると嬉しいですよね。Web拍手を設置して応援されてみましょう。

ウェブ上で簡単に表示できるのはハートマークだけではありません。それ以外のトランプ記号（クラブ・スペード・ダイヤ）も簡単に表示させられます。実体参照を使ってトランプ記号をいろいろ表示させてみましょう。

JavaScriptを使うと簡単にサブウインドウを作れます。このサブウインドウを「最近のブラウザ」で閲覧すると、ページタイトルが見えなくなってしまっている場合があります。なぜでしょうか？ 原因と対処法をご紹介！

リンクに余計な制約を課していませんか？アクセス数を増やしたい場合、リンクは歓迎しましょう。リンクを歓迎するとは、リンクに制約は課さないということです。制約を課してしまっていないか、確認してみて下さい。

リンクの上にマウスを乗せたときにリンク文字の装飾を変化させるのによく使われる「hover疑似クラス」は、実はリンク以外に対しても使えます。うまく活用すると、大きな表をとても見やすく（使いやすく）できます。

先月末、複数のウェブサイトがGoogleの検索結果から抹消される出来事がありました。原因は、検索エンジンスパムを使ったからだと考えられています。スタイルシートも使い方によっては悪質だと判断されてしまいます。