ＨＰとブログの違いを検証ブログ -2ページ目

ＨＰとブログの違いを検証ブログ -2ページ目

ホームピグアメブロ

芸能人ブログ人気ブログ

09Dec
- Ｗｅｂサイト作り
  相変わらずの素材づくり。普段は、ササッと時間をかけないで作ってるんですが、適当に作ってるときに、今までと、ちょっと違う感じのが出来ると、「これは、いいかも？」と、ついつい長くやってしまうことも、あったりします。楽しみながらやってるからいいんですが、画像（素材）加工も、奥が深いので、ついつい、ひきこまれて時間がすぎてしまうときもあります。Webサイト（ＨＰやブログ）も覚えるまでは難しく感じますが、少しずつでも分かってくると楽しいですよね。自分が今やってて、もう少し覚えたいのは、画像加工とCSS(スタイルシート）です。どちらも奥が深いので、ある程度のところまでしか出来るようにならないですけどね。よく使うものとかは、ササっと作れるようになりたいと、思ってます。このごろはWordPress(ワードプレス）でサイトを作ってる方って多いですよね。あと独自ドメインだったり。やっぱり、Ｗｅｂサイト作りの最終目標は、オリジナルのサイトでしょうか。今のところ画像加工とＣＳＳを、マスターするのに、時間をかけたいし、自分が作るとしても、まだけっこう先になりそうですね。こんな感じで、今後の構想を考えてる時間が好きだったりします。構想というより、空想という感じもありますが。。。ネットの片隅で独り言でした　。。。。------------------------------今回の素材は、ワクの部分の角に丸みがついてます。最初に【領域】の長方形で、ワクの大きさを作って【ペン・パレット】で少し太めのペンを選び、右クリックで【　線　】を選んでクリックするだけ。。Pixiaで、ワクの角に丸みをつけるには、角の部分を1つずつ白く塗らないと出来ないのかなと思ってたんですが、簡単に出来てしまいました。いままで知らなかった。。。。角に簡単に丸みが付けられるのは、いろいろ使える機能（？）になりそうです。（　PCサイト）WEBサイト作成に便利なサイトの紹介→ スマホの方はこちらもどうぞ ←
06Dec
- 画像や素材や色の効果って大きいですよね。
  【ＧＩＭＰ使用】このごろのサイトやブログは、記事の前に画像素材とか、貼ってある場合も多いですね。無料の写真素材でも、人気のあるモデルさんなど、いろんなサイトで写真素材を利用されてたりしますね。ブログで利用されてるのも、人物だけでなく風景、イラストなどいろいろあるようです。ブログも文章だけだと見づらいので、変化をつけるためや、アイキャッチの効果に挿入してるんでしょうね。自分も無料の配布素材とか借りて貼ってみようかなと思うときもありますが、自分のブログにぴったりなものを、さがすのも、時間がかかるので、しばらく自作のシンプルなもので、やっていこうと思います。このごろはブログランキングから来てくれる方も多いので、ちょっとした小さな素材の画像なんだけど、アクセスアップに貢献してるんじゃないかと、思います。ブログランキングに表示になる画像は、最新記事から、ランキングサイトのほうで自動的に取得して、表示してるみたいですが、自分のブログの【マイページ】から、自分の表示させたい画像を設定することが出来るので、自分がお気に入りで、他の人の目にも止まりそうなのを設定しておくと、アクセスアップの効果もあると思います。---------------------画像や素材の他にも【　色　】の効果もいろいろあります。。。。。。■ 知ってると便利( ? )な【色の調整方法】■ 色を設定するタグに【カラーコード】というのがありますが、素材とか作る場合、色の調整が少し分かると作成する時間も早くなります。■ カラーコードは、赤、緑、青の３原色で出来ている。■ それぞれの色は３原色の数値のバランスで出来ている。■ ３原色のうち、作りたい色を構成している色の数値を高くする。■ 茶色を作るには【赤】の数値を少し下げると出来る。■ 黄色を作るには【赤】と【緑】を同じくして高い数値にする。　 ■ 薄い色、明るい色は３つの数値を全体に高めに設定する。■ 暗い色、濃い色は、３つの数値を全体に低めに設定する。■ 明るい色なんだけど、濃くしたいというときは、主要な色でない色の数値を下げる。（たとえば、【黄色】は、主に赤と緑で色が出来てるので、【青】の数値を下げていくと黄色が濃くなってきます。こんなのを覚えていると色の調整が早く出来たりします。■ 続き ⇒いろんな色を作るときの調整のバランス　
04Dec
- オリジナルなサイトを作りたいですよね。
  このごろは、テーマにそったサイトやページを紹介して、リンクを貼ったまとめサイトが多くなりましたね。テーマにそった、いいサイト（ページ）を紹介してるページを見てしまうと、それに対抗する（？）サイトやコンテンツをつくるのは、たいへんだなと感じてしまいます。対抗するには、【まとめの、まとめの、まとめ！！】というサイトを作るしかないのかも。。でもそういうサイトも、これからも、たくさん出来てしまうと、うもれてしまう場合もあるし、紹介して素通りされてしまう可能性もあるので、難しいでしょうね。■ 自分が考えてるのは、オリジナル性のあるサイトとブログですね。せっかく書いたり作ったりするんだったら、多少、ショボくても他の人とは、ちょっと違う視点で考えたブログとかサイトを作りたいですよね。やりたいアイデアと、やれることのギャップがあってなかなか先に進みませんが。。。少しずつでも、やりたいですね。-----------------------相変わらずネタが思いつかないときの素材づくりをしてます。。３０分以内で作れるシンプルなものしか作ってないんですが、設定の違いで変化をつけたものが、どのくらい出来るのか、しばらく作ってみようと思います。■ Pixiaは、レイヤーごとに、１回塗った色の濃さを、あとで調整できるところが、いいですね。色や形が違う部分を、レイヤーを別々にして作っておくと、目立たせたい部分とか、控えめにしておきたい色など、全体のバランスを見ながら調整できます。このまえ、ちょっとやってみたのは、素材の種類で、【テクスチャ】というよく壁紙に使う、木材、金属、レンガ、布などの質感を表現してる素材がありますね。そのテクスチャを貼ったレイヤーの上に、もう１つレイヤーを追加して、好みの色を塗って、そのレイヤーが表示になる濃度（％）を薄くすると、自分の好きな色のテクスチャの壁紙が作れます。（HPの壁紙はこのやりかたで作りました。）
02Dec
- サイトのレイアウトの個性で差別化する
  今回も前回に続き検索のプチネタを。前回、前に作って最近は更新してないHPのことを少し書きました。HPで１ページだけ上位に生き残っていると書いたんですが、そのページってトップページじゃなくて個別ページなんですよね。トップページは嫌われた（？）いまでもサイト名で検索してもトップページではなくて、そのページが表示になります。。。作って一番最初のときのトップページのレイアウトが、テーブル(タグ）の中にテーブルを入れて配置してて、そういうのを、何個もページの中に作ったので、ソースがゴチャゴチャしてたのが、原因かと思ってるんですが、いまだに、評価が低い状態みたいです。もっとも、文章量が少ないというのもあるのですが、トップページくらいは表示してほしいなと思ったりします。他のページも、たいしたことない普通のページなんですが、そのページが、他のページと違うところって、レイアウトが少し違うんですよね。なので、同じようなページが多い場合、少し違うような構成(レイアウトなど）にして、個性を持たせて差別化したぺージだと、、そのページのポイントが少し高くなるのでは、と考えてます。数パーセントぐらいでしょうけど。。。（０．３％くらいか？）ブログやHPのレイアウトは見やすかったり、使いやすい構成にするのは大事ですが、そのうえで、少しだけレイアウト（配置）に個性を持たせると、いいんじゃないかと思います。このブログも最初と最後に画像を入れてるのも、そういう理由も１つあったりします。
29Nov
- 検索上位に長く残るページ
  今回は、久々に、検索ネタなど書いてみます。ネタというより当サイトの現状ですね。余り参考にならないかもしれませんが。このブログは、ちょっと前まで更新を休んで（？）いたので、最近は、検索サイトからは、そんなに来てないです。検索の上位にあるのは、１年前の記事とかだったりもします。最近では、Xria関連のページぐらいですね、これも何ヶ月も前のページだったりしますが。。。HPサイトのページなんて、上位にいるページは、１ページのみ。。。それもHPを立ち上げたとき作ったページです。最近は更新してないのに来てもらえてるのは、うれしいですが、ちょっと複雑な感じですね。もっとも、ヘッダーや壁紙、サイドバー、ボタンなどは、変更したりしましたが、内容は、最初のままだったりします。( 家の内装をとりかえたような感じですね）他の人のサイトやブログも、前に書いたページが今強いんでは（？）という印象がありますよね。検索上位に長く残るページを作る方法として、今現在、まだ検索の該当ページ数が少ないワードで、数ページ書いて、上位に上げて数ヶ月キープで出来れば、そのページは、該当ページが増えてきても、簡単に下りにくいのではないかと考えてます。(自分が、ねらってること、だったりします。。。）----------------------------■　相変わらずの短いページに、なってしまったので、検索ネタでは、ないですが、少しだけ。スマホサイトのほうは、PC、スマホ、携帯、どれでも、閲覧可能です。ページは端末ごとに振り分けてなくて、同じページです。(　一部だけ専用のページもあります　）PCで見た場合、スマホみた場合、携帯で見た場合、それぞれ同じページでも、見え方が違うので、ヒマなときでも、暇つぶしにでも、見比べて見てもらえると、うれしいです。（内容的には、たいしたことないですが。。。）
27Nov
- ブログのアクセスを増やすために地味だけど気をつけていること
  アクセスアップも積極的に他のブログの方と、交流したりして、自分のブログを知ってもらう、というのもありますが、今回は地味な方法を。。。■記事のタイトルが、うもれないようにする。内容が、カブッていても他の人と同じタイトルにしない。たとえば、今回のタイトルですが、『ブログをアクセスアップさせる方法』と、タイトルをつけたとして、たくさんのまったく同じタイトルのページがネット上にあるので、完全にうもれてしまうと思います。ネット上に何万ページもあるのでは（？）■ブログのタイトルと記事内容を一致させる。これは、記事を書く前にある程度決まってたりしますが、書いているうちに、内容的に違うタイトルのほうが、いいようなときとか、よくあって変更したりしてます。検索で、ページを上位にあげるには、小さいことで地味な感じですが、【タイトルと記事内容の一致】というので、小さいポイントになっているのではと思います。■適度な間隔での記事（ページ）の更新。これは自分は全然できてないんですが。。。来てくれるユーザーを増やすためには、一番大事ですよね。■あと最近では、画像の表示です。ブログランキングでも、多少画像を見て来てくれるユーザーも、おられるのではないかと思います。このブログを作っているアメ－バ内にも画像のページが、単独で出来るので、ブログへの入り口が増えます。記事を書くモチベーションを保つためにも、アクセスアップも平行して、運営していきたいですね。-------------------------今日の素材もPixia で作ってます。【トーンフィルタ】という効果をつける機能があるのですが、片方から光が当たっているような効果が出来ます。背景が、少し曲面に見えるようにもなります。PCに入っている方は、ぜひお試しを。■ HPの作成に興味がある方は、HPサイトのこちらのページで、作成方法が、無料の動画で見れるサイトとか、紹介してます。HTMLとかCSSのことも分かりやすく解説してるサイトさんなども紹介してたりします。（　PCサイト）WEBサイト作成に便利なサイトの紹介→ スマホの方はこちらもどうぞ ←
26Nov
- ブログをコンスタントに更新して推敲する力をつける。
  今回も特別これといったネタがないので、いろいろ雑多なことなど。。。前回は短い記事でしたが、記事を書くのにかかった時間が、たぶん読んだ人が、想像する時間の３倍ぐらいかかってたりします。書くことが、まとまってないときって、文章がうまくつながらなくて、最後に、うまくつながらない部分を半分ぐらいカットしたりして、効率の悪い時間の使い方をしてしまったな、と思ったり。。。でも、書いたあとで推敲する力（？）がつくので、ネタがなくても、コンスタントに書いたほうが、いいのかもしれないな、と考えてみたりします。あとこのごろの検索サイトは、更新してるサイトの評価が、前より高くなっているように感じます。なので、書くネタや時間が、あまりないときでも、書く力をあげるためにも、コンスタントに更新していこうと考えてます。
25Nov
- 素材作り
  ネタがないときの素材作りに、なってしまってます。。。今回は素材づくりの文字入れのことを、少しだけ書いてみます。文字の貼り付けのとき、前は全体を斜めにする【斜体】というのを、よく使ってしたが、最近は、【自由変形】というのを選んで、やってます。カーソルを線に合わせて、ひっぱって伸ばしたりして作ってます。どんな形にするかというと、今は、基本的には【　台形　】ですね。下が広くて、上を狭く、というふうに、しています。さかさまの台形というときもあります。適当に伸ばしたりして形を作ってるので、それぞれの長さは、同じではないです。今回作ったのは、逆さ台形になってます。（ほんの少しだけですが。。。　）文字の大きさに、変化をつけると、動きのある文字になるので、よく使ってるパターンです。→ スマホの方はこちらもどうぞ ←⇒人気ブログランキング
23Nov
- ブログもHPもHTMLとCSS(スタイルシート）で出来ています。
  今回はブログもHPも、HTMLとCSS（スタイルシート）を使って出来ている、ということなどを書いてみます。その前に-------------------■　【 HTMLファイル】は、１枚ずつのファイルのことで、【HTML　(タグ）　】というのは、ファイルのなかで、いろいろなことを設定するのに使う記号のようなものです。一緒にしてしまうと、ここからの説明が分かりにくくなります。--------------------アメブロなどのブログサービスで記事(ページ）を書くときは、文字だけ入力してますが、更新するとき、そのページは自動的に、字の大きさや、文字色、また改行などを設定するHTML(タグ）が付いた１枚の【 HTMLファイル】になって、ブログサービスのサーバーにアップロードされて、公開になります。文章の部分は、HTML(タグ）で設定してますが、サイドバーの位置や、高さ、幅などのサイズ、また文字の大きさ、それぞれの間隔などはCSS(スタイルシート）で設定になってます。ブログの場合、テンプレートの部分が、CSSで設定されてます。CSSファイルは、HTMLファイルとは別のファイルになってます。ブログサービスでは、テンプレートを変えたりするのが、簡単にできますが、CSSファイルだけの変更なので、すぐ出来るわけですね。HPもブログと同じで、１ページずつがHTMLファイルになってます。CSSの部分もブログと同じです。なので、前回の記事で書いたことと同じようなことですが、HPの作成もCSSをうまく設定すれば、サイト内のデザインなどの変更が、簡単に出来ます。自分の場合はまだCSSを覚えてる段階なんですが、変更が、スムーズに出来るHPサイトを作ってみたいですね。HPの作成に興味がある方は、HPサイトのこちらのページで、作成方法が、無料の動画で見れるサイトとか、紹介してます。HTMLとかCSSのことも分かりやすく解説してるサイトさんなども紹介してたりします。（　PCサイト）WEBサイト作成に便利なサイトの紹介
22Nov
- HPはCSS(スタイルシート）をうまく使えばメンテナンスが簡単になる
  スマホサイトを作っていたXriaが、朝からアクセス出来ませんでした。メンテナンスとかの連絡もなく、突然つながらなくなってたので、ちょっと心配しました。現在は、復旧してるので、レンタルサービスのお知らせ版を見ると、サーバーのファイアウォールに、障害が発生してて、つながりにくかったとのこと。時間がたてば継ながるとは思いましたが、バックアップは、してなかったので、ちょっとだけ心配でした。いままでHPのサイトを作ってるときは、CSS(スタイルシート）のことは、よくわからないので、HTMLをメインにして作成してました。今作っているスマホサイトは、CSSを覚えながら設定して作ってます。CSSの知識が、まだ少ないので、修正しながら設定して、なんとか今の形になってます。なので、また１から作ろうと思っても、すんなり作れないので、バックアップは、しておかなければ、と思ったりしました。HPを作る場合は、CSSも覚えると便利ですよね。最初に作るページからCSSを、うまく設定しておけば、あとでページ数が増えたあとに、ヘッダー画像やレイアウトのページデザインを変えるときなど、スタイルシートを入れ替えるだけで、短時間に出来ます。HPのメンテナンスが、ブログみたいに簡単に出来るようになります。CSSの基本的なことを覚えて、あとあと楽にHPのメンテナンスが、ササッと、出来るようになりたいなと思ったりします。→ スマホの方はこちらもどうぞ ←⇒人気ブログランキング
20Nov
- Pixiaで作った素材をアメブロで画像加工してみました
  このブログに表示している素材は、画像加工ソフトのPixiaで作ったのをアメブロにアップロードして使っています。短時間に出来るものを作ってます。■　どんな手順で作ってるのか、今回は文字入れのことを、ちょっとだけ書いてみます。フォントは、Pixiaに入ってるフォントから選んで、表示させたい大きさや色を設定して、入力します。このときに、文字につける【影】の大きさを設定できます。影は、１とか２に設定すると、右側と下に影が付いて表示されます。設定の値をマイナスで設定すると、左側と上に影が表示になります。マイナスに設定すると、光がプラスのときと逆側から当たってるような表示になります。【影の設定】で、最近好きで、よく使う設定の値は、－１（.マイナス１.）の設定です。文字を入れるとき【影】の値を、マイナスで設定すると、その部分が、くぼんでるように見えるような表示になったりします。作った画像をアメブロの画像フォルダーに、アップロードして、ブログで使うわけですが、アメブロにも画像加工（？）の便利な機能があります。記事を書いているときに、画像フォルダーから、画像を選んで、記事に貼ります。このときに、カーソルを画像の上においてクリックすると、画像を囲む線が表示されます。その線にカーソルを当てると矢印（←）が表示になります。その矢印を移動させることで、画像サイズ簡単に変更できます。画像を大きくしたり小さくしたり、画像の幅を長くしたり、短くしたり簡単に出来ます。記事に貼った画像は、ブログの記事を更新したときに、ブログランキングの自分のブログ名の前に表示されます。作って楽しむだけでなく、ブログのアクセスアップにもつながるのでは（？）と思ったりします。
18Nov
- 新しいテンプレートに変えました。
  サイドバーのフリースペースの部分の画像を変更してたら、記事の部分の文字が、すべて緑色になってしまいました。。。。テンプレートは、CSS（スタイルシート）の部分も、変更できるタイプのテンプレートだったので、みてみましたが、どこが原因かわかりませんでした。文字色は、黒に設定になってるんですが、別のどこかの部分から、影響を受けてしまってるみたいです。。。。テンプレートを、初期の状態にリセットしてみましたが、直りませんでした。。。。なので修正するのを、あきらめて別のテンプレートに変えてみました。このテンプレートはアメブロにあるテンプレートです。ヘッダーの画像が、いいなと思って決めました。シンプルなデザインですが、こういうのは自分には、作れないので、作れる人がうらやましいです。このテンプレートは左のサイドバーの文字は、大きいのですが、記事の部分と右サイドバーの文字がちょっと小さいですね。CSS（スタイルシート）の変更が出来ないテンプレートなので、記事を書いたり、編集するページで、、フォントサイズを大きいサイズに変えて編集してます。なので、前に書いた記事は、小さいままなので、ちよっと読みにくいかと、思います。ヘッダーの部分は画像を入れかえたり、文字の大きさを変えれるみたいなんですけどね。アメブロは、最近テンプレートの仕様が新しくなったみたいですね。右側に、【記事一覧ページ】へのボタンとか、【上に戻る】ボタンが、常に固定になってます。ブログサービスも進化してるなという感じですね。
17Nov
- Pixiaで素材作り　【スマホ版の画面にも画像を入れる　】
  最近は記事を書くと同時に、Pixia　で素材づくりをしてます。今回も作ってみました。文字とか色をそれぞれレイヤーを別々にして分けて作って、最後にレイヤーを結合して１枚にしてみたら、影の付き方が、ばらばらになってました。。。レイヤーを結合してからだと修正するのは、時間がかかるので、あとで、時間があるときに、作り変えて、画像を差し替えようと思います。このブログも文字（文章）だけでなく、画像も入れたほうが、見やすいかなとか思って作って入れてます。このごろ考えてるのは、PCで見ているユーザーには、ブログのタイトル部分のヘッダー画像とか、サイドバーに表示されてる画像が画面で見れますが、スマホのユーザーが【スマホ版】の画面でブログを見ているときは、画像のない文章（文字）だけのページになってしまう、ということ。なので、記事ページに、画像を入れるとスマホのユーザーに、見やすいページになるんじゃないかなと思ったりしてます。PixiaはWindoｗsには最初から、付いている画像加工ソフトですが、ほとんど使ってなかったので、まだ基本的な操作を覚えてる段階です。もう少し慣れてきたら、効率よく操作して素材を短時間に作るやりかたとか、こういう素材は、こんな機能を使うと作れた。というのをブログに書いてみようと考えてます。→ スマホの方はこちらもどうぞ ←⇒人気ブログランキング
14Nov
- Xriaの高機能なアクセス解析
  このブログは、ブログランキングにも登録してますが、どちらかというと、検索サイトからのアクセスをメインにしたいと考えてます。このブログへ検索から来るワードって、このブログタイトルのHPとブログの違いというのが、多かったんですが、最近は、Xria関連のほうが多くなりました。。このところ何回か、書いてますからね。Xriaに関心のある方が来てくれてるので、今回も書こうかなと思います。最近いいなと思ってるのが、アクセス解析の機能です。PC、　スマホ、携帯のアクセス解析が出来ます。最初から付いてるので、HPをレンタルするとタグとか設定しなくても、すぐに利用できますPCとスマホは、、OSだとか、ブラウザとか、解析し、携帯は、キャリアと機種が解析出来ます。ただ解析結果が１日分しか保存にならないのが、ちょっと残念。。でもPC、スマホ、携帯のすべてが、解析できるのは高機能ですよね。もっともアクセス解析は、ユーザーさんが、来てくれるから利用価値があるので、ユーザーさんに、来てもらえるように、関心をもってもらえる記事（ページ）を増やさなければ、とか思ったりしてます。あと最近、ページの【ソースの確認】をして、エラーをチェックする機能が実装されたみたいです。PCだと普段使ってるブラウザでも分かりますが、スマホで作ってる方は、便利な機能じゃないかなと思います。管理人さんは、プログラマーみたいなので、今後が楽しみです。ひそかに応援してたりします。→ スマホの方はこちらもどうぞ ←⇒人気ブログランキング
13Nov
- スマホサイトを作るときに考えておくこと
  スマホのHPサイトは、PCで検索した場合、検索結果には、表示されにくいのでは（？）と考えたりしてました。ブログみたいに、PC向けとスマホ向けの両方あれば、問題ないんですが、HPをスマホ向けの小さい画面サイズに設定して作った場合、検索サイトのクローラーにキャッシュされててもPCで検索した場合、検索結果には、表示されにくいのでは（？）と思ったりしました。自分のHPを検索してみたら、検索上位になってないだけで、しっかり表示はされてるみたいでした。作ったばかりだから、表示されにくかったのかなと思います。スマホのHPは、スマホの画面サイズに合わせて作ると、１ページの文字の量（文章の量）が、少なくなる場合が多いですね。スマホのユーザーが画面を操作しやすいようにと考えると、ところどころのスペースに余裕があるように作るので、１ページの文章量は、少なくなりやすいです。トップページだと、文字量が少なくても表示されますが、トップページ以外にも検索からのアクセスも期待する場合、１ページの中の文章量が多いページもいくつか作ったほうがいいのかなと考えてます。スマホのHPは作ってる人が、少ないので、他の人とちょっと違うものが作れるので、けっこう楽しめます。またサイトやページの構成も他と違うということで、オリジナル的な部分で、検索サイトの評価のポイントも、高くなるメリットがあると思います。●　Pixiaを使って　久しぶりに素材を作ってます。自分は、ちょっとしたものしか、作れませんが、基本的な操作を忘れないように作って見ました。　　しばらく使ってないと、けっこう忘れてますね。→ スマホの方はこちらもどうぞ ←⇒人気ブログランキング
08Nov
- スマホとPCに合わせたページ作り
  久しぶりの更新です。このごろ考えてるのは、スマホとPCの画面に合わせたページをどう作るかということ。アメブロなどのブログサービスでは、スマホでのアクセスにはスマホ用のページ。PCでアクセスのときは、PC用のページ。というようにサーバー側で表示が切替わります。HPの場合は、PCとスマホと同じページが表示になるように、するか、または、PC用のページとスマホ用と分けてページを作るか、ということになります。PC用とスマホ用に分けて同じ内容のページを、２つ作るのは、どう考えても手間が、かかりすぎる。スマホ専用のサイトにしようかとも考えてみたり。１つのページでPCとスマホの両方にあったページって、なかなか難しいです。単に作るだけなら、難しくないんですが、１つのページだとPCサイトのページをスマホで見ている。または、スマホサイトのページをPCで見ている。というような状態になりやすいです。PCとスマホのどちらでみても違和感がないぺージってなかなか難しいです。なので最近は、どういうのがいいのか考えてばかり。。。作っても試作ページ作りみたいな感じです。やってるうちに、いいアイデアが浮かぶといいんですけどね。このまえ久しぶりに携帯サイトを見たら、【ふりーぺ】という携帯HPのサービスが終了になってました。ここってけっこう長く運営してたサービスだと思うんですが。。。ほとんど携帯からスマホに変わってきちゃったなという感じ。これからは、スマホにも、うまく対応させたサイトを作りたいですね。→ スマホの方はこちらもどうぞ ←⇒人気ブログランキング
04Jul
- Xriaで作れる３種類のページサイズ
  ここのところxriaのことばかり書いてますが、今回も。xriaは、サイトの各ページの大きさを自由に設定できます。ＰＣ向けサイト、スマホ向けサイト、携帯向けサイトなど、それぞれに合わせた専用のページを作ることも出来ます。ページごとに、アクセスできる端末を設定することが出来ます。スマホでみるといいんだけど、ＰＣの画面だと、いまいちという場合などありますね。そんなときに、そのページはスマホのみ、アクセス可能に設定するという使い方が出来ます。それを全部のページに設定したら、スマホだけとか、携帯だけとか専用のサイトを作ることも出来ますね。ちょっと変わったページ構成のサイトを作れるなーと思ったりしました。どんな感じのページが作れるのか、ちょっと遊び（？）で作ってみました。短期間でササッとコピペを多用（？）して作ったので、それぞれのページ内の文章は、ほとんど同じ文章になってます。なので、興味をもってくれたら、文字はさっと見るだけで、ぺージの感じだけ見てもらえればと思います。→ スマホの方はこちらもどうぞ ←⇒人気ブログランキング
04Jun
- ブラウザの違いに対応させたサイト作り
  ネットに接続できる端末は、スマホ、ＰＣ、携帯、タブレットなど、多くなりましたね。ＨＰやブログなどネットで見ているページは、テキスト(文字）や画像などと、ＨＴＭＬ（タグ）やスタイルシート（ＣＳＳ）を使って作成された、【ＨＴＭＬファイル】になってます。それを、ＰＣ、スマホ、携帯などに、付いているブラウザが読み取って、画面に表示しています。それぞれに、ネットに接続するブラウザが付いているわけですが、ブラウザにも、違いがあります。今回は、【ブラウザが違うと何が違うの？】という検索ワードで、来てくれた訪問者さんにお答え。自分もブラウザに特に詳しいというわけではないので、いままでＨＰやブログを作成してきて、この部分は注意して、作らなければと思うことを、今回は作成の面から、いくつか。【ＰＣ向けのページの場合】ブラウザの【サイズ設定の解釈の違い】でおこる、【レイアウトの崩れ】ですね。ＨＴＭＬファイルを作成するときに、スタイルシート、またはＨＴＭＬでＨＰ、ブログなどを画面に表示するサイズを設定します。アメブロなどのブログサービスのテンプレートなどは、ＣＳＳの部分にサイズが、設定されてますね。【例】として、カスタマイズ（デザインやサイズの変更）する場合。たとえばページ全体の幅を８００pxに設定したとします。3カラムにして左右のサイドバーの幅を２００pxずつにして、真ん中のメインカラムを４００pxに設定したとします。サイドバーとメインカラムの幅を合わせると８００pxなので、全体の幅と同じになるので、ちょうどいいはずなのですが、全体のワクや各カラムは、線で囲っています。その線のサイズ(太さ）も、各カラムに設定したサイズに含めるのか、含めないのか、統一されてなくて、ブラウザで違います。【線は別の扱い】で、線の幅の分を設定した幅に新たにプラスになって読み取るブラウザの場合は、全体の幅のサイズに収まらなにかった右側のサイドバーや、テーブルのワクなどが、下のほうに表示されてしまいます。こういう表示になってしまうのを。【カラム落ち】とかいったりします。ブログをカスタマイズして、全体の幅や各カラムの幅の設定するとき、ＨＰを作るときなど、注意する部分ですね。【携帯向けのページの場合】キャリアや、機種によって、スタイルシートに対応してないブラウザの場合があります。携帯サイトのページを作成するときに、スタイルシート（ＣＳＳ）を使って、ボックス(ワク）を設定したり、ボーダー(線)の種類や太さ、色などを、設定したときなど。対応してないブラウザでみると、その部分はブラウザが読み込まないので、設定とぜんぜん違う表示のされかたになってしまいます。■ ＣＳＳは使わないでページを作る。■ ＣＳＳを使わないでテーブルタグでワクを作ってレイアウトする。■ ＣＳＳに対応してない携帯では、見え方が違ってもいいので、ＣSSを読み込んでなくても画面が崩れないように、ＨＴＭＬ(タグ）で作成する部分を設定する。自分の場合は、こんな感じで、ページを作って対応してます。個人で作成してる場合、キャリア別にページを作ったりするのは、時間など手間が、かかるので出来ないですよね。、また、いろいろな端末で、確認することも出来ないので、難しい部分もありますが、とりあえず（？）、ブラウザによって、こんな違いがあるということに注意したりして、ページを作成していきたいですね。→ スマホの方はこちらもどうぞ ←⇒人気ブログランキング
01Jun
- サイトをスマホ、ＰＣ、携帯、それぞれの画面サイズに合わせて作る
  ちょっと長いページのタイトルになりました。Ｘｒｉａは、基本的（？）には、スマホや携帯のサイトが作れるレンタルスペースなのですが、ＰＣ向けのＨＰを作るときのように、ＨＴＭＬ（タグ）を書いていって、ページを作成できます。なので、画面のサイズも自由に設定することが出来ます。いくつかページを作ってＰＣ、スマホ、携帯で、それぞれどんなふうにに見えるのか、作って試してみました。試してみた感想は、スマホで見ると、まあまあかな（？）と思うページでも、ＰＣは画面が大きいので、スマホに合わせたサイズのページは、ＰＣで見ると、ものたりない感じですね。スマホには、スマホに合わせたページ。携帯には、携帯に合わせたページ。ＰＣには、ＰＣに合わせたページ。それぞれに合わせて、最適化させたサイズでないと見た目が、いまいち、という感じです。このごろ考えてるのは、1つのサイトの中に、スマホ用ページと、携帯用ページ、ＰＣ用ページ、そして共通のページと、分けて作るというもの。普通、ブログだと自動的にアクセスされた端末に合わせた、ページを表示するように設定になってますが、そういうのとは、違う方法で、【ここからは、スマホ用のページです】と表示するというもの。超アナログ的なやり方です。。。。ちょっと試作的に、変わったページ構成のサイトにして作ってます。■ Ｘｒｉａの、ちょっと変わった使い方というか作り方として、ページのサイズを自由に設定出来るので、3カラムのレイアウトにすることも出来ます。基本的にスマホサイトや、携帯サイト作成のレンタルスペースなので、ＨＴＭＬ(タグ）を打ち込むスペースや、１ページの容量に限度があると思うので、スクロールなしのＰＣの1画面分のページが、作れるくらいかなと思いますが。コンパクトなＰＣサイト向けのページも作ることが出来ます。ページごとに、違う設定が出来るので、いろいろな使い方が出来そうです。■Ｘｒｉａは、ＨＴＭＬサイト作成の【入門用　】として使うのも、いいんじゃないかな思います。普通のＨＰのように、白紙」の状態から自由にページが作れるし、スタイルシート（ＣＳＳ）も設定出来ます。スマホサイトから始めてみるのもいいかと思います。→ スマホの方はこちらもどうぞ ←⇒人気ブログランキング
15Mar
- PCで作れるスマホと携帯のHP
  このところ、無料レンタルHPの Xria で　ページを作ってました。スマホで見ても、いい感じになっているのでは（？）とか思ってます。Xriaは、基本的にはスマホと携帯向けのレンタルHPです。今回はスマホの画面サイズに合わせて作りました。スマホと携帯では,画面の横幅が違うので、１行文字数とか、どちらに合わせるか迷うところですね。スマホの画面の横幅に合わせて、ページのタイトルを、ちょっと長いものにすると、携帯では改行してしまうので、見た感じが、バランスが悪いなとか、思ったりします。携帯の画面サイズに合わせたらスマホでは、もの足りなくなるだろうし、どちらかに、合わせるしかないんですけどね。(　スマホは、持ってなくて、借りたりして、どう見えるかチェックしてます。）スマホの画面に合わせたHPを作るのも、初めてなので、楽しみながら作れました。Xria は高機能で、なかなか、いいレンタルスペースです。去年から運営を始めたレンタルサービスなので、ここを使っている人は、まだ、そんなに多くはないようです。もっと、たくさんの人に知って利用してもらいたいですね。PCからでも作れるレンタルHPで,ブログとは、また違った構成のページやサイトが作れます。スマホサイトのHPもいいなと思ったりしてます。未来が楽しみなサイトを作りましょう！