「中村慎太郎のHTMLタグ・スタイルシート辞典」専用日記です。
×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
サイト全体のデザイン変更を現在も頑張っていますが、
スタイルシートでのデザインのズレに
現在も悩まされています。
ブラウザの種類によってズレが生じる問題は
いつになっても解決されません。
ハックを使用して適用させるブラウザを
指定したりしようかとも考えたのですが、
やはり、ハックを用いずにキレイに見える方法を
なるだけ使用した方がいいので、
もう少し考えてみようと思います。
自分が今悩まされているのは
「float」です。
ネットで調べてみても、「float」は結構手ごわいもののようで
「float」を指定した状態でのmargin指定が
ブラウザにより表示が異なるようです。
今はIEだけじゃなく、Firefox使用者も
多くいるので、デザインの不具合について
もう少し粘って頑張っていこうと思います。
それとこの頃、携帯からのアクセスが増えているようです。
残念ながら今のサイトはPC用で、
携帯用には作られていません。
携帯からアクセスしている人はやはり、
携帯サイト用のhtmlタグについて調べたいんでしょうかね？
自分は携帯からネットに一切繋がないので、
多分携帯サイト用タグを調べたいんだな、
と自己解釈して専用のページも作成しようかな、と検討中です。
今頑張っているPC用サイト全体のデザイン変更が終わったら、
携帯サイトも作成していこうと考えています。
今や、携帯でのネットは結構主流でしょうから。
でも、携帯サイトはスタイルシートやJavaScriptが使用できないと
どこかで知った記憶があるので、
早くそれらが使用できるようになるといいなーと思っています。
スタイルシートやJavaScriptはデザイン好きの自分にとっては
とても大事なので。
それと携帯用はファイル容量制限もあるので、
そこらへんの勝手が良くなるよう願いますね。
スタイルシートでのデザインのズレに
現在も悩まされています。
ブラウザの種類によってズレが生じる問題は
いつになっても解決されません。
ハックを使用して適用させるブラウザを
指定したりしようかとも考えたのですが、
やはり、ハックを用いずにキレイに見える方法を
なるだけ使用した方がいいので、
もう少し考えてみようと思います。
自分が今悩まされているのは
「float」です。
ネットで調べてみても、「float」は結構手ごわいもののようで
「float」を指定した状態でのmargin指定が
ブラウザにより表示が異なるようです。
今はIEだけじゃなく、Firefox使用者も
多くいるので、デザインの不具合について
もう少し粘って頑張っていこうと思います。
それとこの頃、携帯からのアクセスが増えているようです。
残念ながら今のサイトはPC用で、
携帯用には作られていません。
携帯からアクセスしている人はやはり、
携帯サイト用のhtmlタグについて調べたいんでしょうかね？
自分は携帯からネットに一切繋がないので、
多分携帯サイト用タグを調べたいんだな、
と自己解釈して専用のページも作成しようかな、と検討中です。
今頑張っているPC用サイト全体のデザイン変更が終わったら、
携帯サイトも作成していこうと考えています。
今や、携帯でのネットは結構主流でしょうから。
でも、携帯サイトはスタイルシートやJavaScriptが使用できないと
どこかで知った記憶があるので、
早くそれらが使用できるようになるといいなーと思っています。
スタイルシートやJavaScriptはデザイン好きの自分にとっては
とても大事なので。
それと携帯用はファイル容量制限もあるので、
そこらへんの勝手が良くなるよう願いますね。
PR
サイト全体の構成を現在変更しています。
結構な代価増になると思うので、
サイトの更新は少々お休みだと思います。
サイトのソースを変更したり新しく作ったりするPCと
ネットにつながっているPCが違うので、
全体的な再構成が完成しないと
アップしません。
早急に、見やすいサイトへの移行を頑張りたいと思います。
結構な代価増になると思うので、
サイトの更新は少々お休みだと思います。
サイトのソースを変更したり新しく作ったりするPCと
ネットにつながっているPCが違うので、
全体的な再構成が完成しないと
アップしません。
早急に、見やすいサイトへの移行を頑張りたいと思います。
スタイルシートのページを現在、増設中です。
まだまだ種類はあるので。
スタイルシートってデザイン担当なんで、
htmlソースとは別にして
「こっちは基本構造、こっちはデザイン」と
役割を分けて書くことができるものなんで
使えるようになると便利です。
でもそのかわり、
スタイルシート特有のバグというか、
「このブラウザだといいけど、このブラウザだと変な表示になってる」
っていうことがよくあります。
これがなかなか手強いんです。
だからいくつものブラウザチェックが必要になってくるんです。
難しいですよね。
Firefoxでスタイルシートについてのページをみたとき、
変なずれがあったのですが、
それは今日、直しました。
でも、結果的に
他のブラウザ含め、Firefoxでも
ちょっとだけ見た目が悪くなってしまいました。
そういうことになるんです。
まだまだ奥が深いということですね。
まだまだ種類はあるので。
スタイルシートってデザイン担当なんで、
htmlソースとは別にして
「こっちは基本構造、こっちはデザイン」と
役割を分けて書くことができるものなんで
使えるようになると便利です。
でもそのかわり、
スタイルシート特有のバグというか、
「このブラウザだといいけど、このブラウザだと変な表示になってる」
っていうことがよくあります。
これがなかなか手強いんです。
だからいくつものブラウザチェックが必要になってくるんです。
難しいですよね。
Firefoxでスタイルシートについてのページをみたとき、
変なずれがあったのですが、
それは今日、直しました。
でも、結果的に
他のブラウザ含め、Firefoxでも
ちょっとだけ見た目が悪くなってしまいました。
そういうことになるんです。
まだまだ奥が深いということですね。
「スムーススクロール」というものをサイトに取り入れてみました。
これはJavaScriptなんですが、
取り入れ方が簡単で、
しかも使い勝手がいいです。
この「スムーススクロール」というのは
アンカータグ「a」で、ページ内の移動をする場合
(たとえば、「ページ上部へ移動」とか)
通常であれば画面が切り替わる感じで
所定の位置まで移動なんですが、
これは所定の位置までスーっと行くというか、
とにかくこれは実物を見た方がわかりやすいのですが
そんなものがあるんです。
自分のサイトだと全ページにつけたのですが、
ページの下の方に「～サイト上部へ」というリンクがあると思うので
それを押してみてください。
中村慎太郎のHTMLタグ・スタイルシート辞典
ブラウザのJavaScriptをonにしていたなら
ページがスムーズスクロールしたと思います。
これを入れてみたんです。
この使用方法なんですが、まず
・http://www.dezinerfolio.com/2007/08/08/df-javascript-smooth-scroll/
というページに
「dfSmooth Scroll 5.66 KB ・・・」という場所があるので、
このリンクをクリックしてファイルをダウンロードしてください。
・次に、ファイルを解凍して、任意のディレクトリにアップします。
この説明では「JaVa」というディレクトリに入れたとしましょう。
・そして、使用したいページの<head>~</head>内に以下の一文を入れて下さい。
<script type="text/JavaScript" src="JaVa/smooth.pack.js"></script>
これで完了です。簡単でしょ。
でも、注意点としては、
このスクリプトはページ内移動する
「<a name="~"」というタグがないと動作させる場所がありません。
他ページからの移動だったりは動作しませんので。
これを使うとちょっとだけ、
ページがかっこよくなりますよね。
これはJavaScriptなんですが、
取り入れ方が簡単で、
しかも使い勝手がいいです。
この「スムーススクロール」というのは
アンカータグ「a」で、ページ内の移動をする場合
(たとえば、「ページ上部へ移動」とか)
通常であれば画面が切り替わる感じで
所定の位置まで移動なんですが、
これは所定の位置までスーっと行くというか、
とにかくこれは実物を見た方がわかりやすいのですが
そんなものがあるんです。
自分のサイトだと全ページにつけたのですが、
ページの下の方に「～サイト上部へ」というリンクがあると思うので
それを押してみてください。
中村慎太郎のHTMLタグ・スタイルシート辞典
ブラウザのJavaScriptをonにしていたなら
ページがスムーズスクロールしたと思います。
これを入れてみたんです。
この使用方法なんですが、まず
・http://www.dezinerfolio.com/2007/08/08/df-javascript-smooth-scroll/
というページに
「dfSmooth Scroll 5.66 KB ・・・」という場所があるので、
このリンクをクリックしてファイルをダウンロードしてください。
・次に、ファイルを解凍して、任意のディレクトリにアップします。
この説明では「JaVa」というディレクトリに入れたとしましょう。
・そして、使用したいページの<head>~</head>内に以下の一文を入れて下さい。
<script type="text/JavaScript" src="JaVa/smooth.pack.js"></script>
これで完了です。簡単でしょ。
でも、注意点としては、
このスクリプトはページ内移動する
「<a name="~"」というタグがないと動作させる場所がありません。
他ページからの移動だったりは動作しませんので。
これを使うとちょっとだけ、
ページがかっこよくなりますよね。
先日記載した、
ホームページの引っ越しに関する情報
というページで、
1.新サーバー調べ・独自ドメイン取得
2.元サイトで「サイト移転ページ」を載せるために準備・作成
という2つのことを主に行ったと書きました。
今日はこの2番目、
「元サイトで「サイト移転ページ」を載せるために準備・作成」
について書きます。
今まで運営してきたサイトの場所には相変わらず、
多かれ少なかれ、訪問者がやってきます。
サイトが移転したからと言って
すぐに訪問者が新しい方に来てくれるわけがないし
検索サイトにも古い方のサイトが載ったままの状態です。
検索サイトも、自分に合わせて情報更新をしているわけではないので。
移転前のサイトを全削除してしまうだけだと、
今までごひいきにしてくれた人や、
検索サイトを使って来てくれた人に対して
不親切です。
そんなときのために
元のサイトに
「このサイトは移転しました。新しい場所はココですよー」
と教えてあげられれば親切です。
そのために、「移転しました」ページを作成。
自分の場合はこんなページです。
中村慎太郎の古いページ
移転に関する文章はもちろん書かないといけませんが、
このページは「5秒後に新サイトに自動ジャンプ」するようにしています。
これはJavaScriptを使って操作しています。
このページを作成するのに
参考にしたサイトはココです。
http://www.dieen.net/internet/url_jump.html
移転するときは参考にするべし！！
ホームページの引っ越しに関する情報
というページで、
1.新サーバー調べ・独自ドメイン取得
2.元サイトで「サイト移転ページ」を載せるために準備・作成
という2つのことを主に行ったと書きました。
今日はこの2番目、
「元サイトで「サイト移転ページ」を載せるために準備・作成」
について書きます。
今まで運営してきたサイトの場所には相変わらず、
多かれ少なかれ、訪問者がやってきます。
サイトが移転したからと言って
すぐに訪問者が新しい方に来てくれるわけがないし
検索サイトにも古い方のサイトが載ったままの状態です。
検索サイトも、自分に合わせて情報更新をしているわけではないので。
移転前のサイトを全削除してしまうだけだと、
今までごひいきにしてくれた人や、
検索サイトを使って来てくれた人に対して
不親切です。
そんなときのために
元のサイトに
「このサイトは移転しました。新しい場所はココですよー」
と教えてあげられれば親切です。
そのために、「移転しました」ページを作成。
自分の場合はこんなページです。
中村慎太郎の古いページ
移転に関する文章はもちろん書かないといけませんが、
このページは「5秒後に新サイトに自動ジャンプ」するようにしています。
これはJavaScriptを使って操作しています。
このページを作成するのに
参考にしたサイトはココです。
http://www.dieen.net/internet/url_jump.html
移転するときは参考にするべし！！
プロフィール
ＨＮ：
中村慎太郎
年齢：
41
性別：
女性
誕生日：
1985/05/08
職業：
サービス業
趣味：
ホームページ作成
自己紹介：
中村慎太郎と申します。このたび2009年1月7日にホームページを作成しまして、その作成段階における苦労話なんかをブログに書いていこうと思っております。どうぞよろしくお願いします！
カテゴリー
カレンダー
| 05 | 2026/06 | 07 |
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 |
ピクミー
BLOG解析
最新記事
(06/02)
(05/01)
(04/21)
(04/16)
(04/10)
バーコード
ブログ内検索
カウンター