今回のレシピは、リストを横並びにする方法です。
　　
リストは通常上から下に向かって配置されます。
・1項目
・2項目
・3項目
このような感じですね。リストはデフォルトだとリストマーカー（・）がついています。
これを

1項目目　2項目目　3項目目

というように横並びにしましょう。


まず普通にリストを表示させる為のソースは



こうですね。
リストを横並びするには前回までにお話したfloatを使います。
スタイルシートの部分に



こう書くとリストが横並びになりましたね。
これでも十分なんですが、リストのマーカー（・ですね）が残っていませんか？
スタイルシートの部分に



と追加して下さい。リストマーカーが消えましたね。これでリストの横並び完成です！
でもこのままだとちょっとリストとリストの間が詰まってますね。
先ほど書いたliのスタイルシートの部分、右側にマージンを追加してみましょう。



こうすると1項目目と2項目の間に余白が出来ましたね。見栄えもいいと思います！

とても簡単で沢山使い道もあるので、是非使ってみてくださいね！
ただし、前回でも書きましたが、floatを使ったあと
回り込みを解除しなければいけませんので、お忘れなく！！

ではまた次回！

今回ご紹介するサイトは、鍼灸師、柔道整復師の予備校を大阪で
されていいる「英伸塾」様のWebサイトです。

鍼灸師と柔道整復師の国家試験対策をされている予備校なのですが、
平日しっかりと学習される方だけでなく、お仕事の都合等で土日し
か受講できない生徒様向けのコースもご用意されています。

大坂の梅田からも近くアクセスは非常に便利なので一度お伺いして
みてはどうでしょうか。

一人で資格の勉強をするのは相当大変だと思います。
長期間集中力を保ち、新たな知識を身につけるのは簡単な事ではあ
りません。

そんな時は是非一度英伸塾様にご相談下さい。

合格する為のノウハウを持っておられ、サポートもしっかりとされ
ています。

また、質の高いベテラン講師から生徒との距離が近い若手の講師、
さらにその間を繋ぐ中堅の講師と３層からなる講師陣が生徒さんを
合格へと導かれています。

実際の生徒さんの声も掲載されていますので是非ご覧ください。
http://www.eishinjuku.jp/review.html

各種コースの説明が掲載されたページもございますので興味の沸か
れた方は是非一度ご覧ください。
http://www.eishinjuku.jp/info.html

「英伸塾」様のサイトでした。
http://www.eishinjuku.jp/

こんにちは、ウェブクリエイターです。

ブログに適切な画像をアップしよう！ということを書きましたが、画像、そうしたら次は動画かなということで今回は動画の話を。
ブログにサイトに、動画をアップしてみるのも楽しいですという話です。

ちょっと前まで、動画、というのはウェブ上ではあまり見なかったのに、今はYoutubeの台頭により本当に色んなサイトで見るようになりました。ニコニコ動画の上昇力は見逃せないものもありますが、Youtubeの方がユーザの幅と数が広いですね。
動画コンテンツがメインのサイトではなくても、会社紹介や製品説明、アクセス案内（実際に歩きながら撮影したり）など、動画導入のへの敷居がぐんと低くなったと思います。
楽天ショップなんかでも動画をアップできるようになりましたね。

Youtubeのような動画共有サイトの場合は、まずYoutubeへ掲載してそのデータをサイトへ引っ張ってくるという方法を取ります（なので「Youtubeのロゴなどが絶対に入る」「再生回数が分かる」といったあたりはデメリットとしてありますね）。



メリットはなんといっても、自分のサーバに負担をかけないこと。
動画はやっぱりそれなりに重いデータですしね。
Youtubeは無数の動画を保持していながらもスムーズに見られますが、ものすごく大容量＆ハイスペックなサーバの上に実現しているのです。あ、回線もですね。

動画そのものが長時間になるとまた別の問題ではありますが、ちょっと趣向を変えて『動画をアップ』してみるのもいいですよというお話でした。

前回floatという技ついてご説明をしていました。
記事はこちら→http://www.ryuumu.co.jp/ryuumu/stuffblog/e338.html
今回はもう少しだけ踏み込んだお話をしたいと思います。

まずbodyタグ内に、以下のように書いてみましょう。



こう書くと、ボックスが縦に並びます。
ここまで前回と一緒です。
今回も、ボックスに色をつけたほうが分かりやすいと思います。
次にスタイルシートの部分に



このように書きます。
前回と違うところは#box_bのfloatがleftではなくrightになっています。
実際書いてボックスが並んだところを見てもらえれば早いと思いますが
前回はboxAの左側にboxBがぴったり並んでいたと思いますが
今回はウィンドウの左端にboxAが、右端にboxBが表示されていませんか？
boxAは左側に回りこませ、boxBは右側に回りこませたので、
このようになっています。

もう一つ例を挙げてみましょう。bodyタグの中に



このように書くまでは同じです。
次にスタイルシートの部分に



こう書いてみてください。
いままで一番上に書いていたboxAが左側に来ていましたが、
boxBが左側に来ていますね。
ソースを見る限り順番で言えばboxA→boxB→boxCといった順番に
並ぶはずですが、floatを使えばこのような事も出来てしまいます。

デザインをする上でとても便利ですが、使い過ぎると
ソースがとても複雑になってしまいますので、
回り込みを行った次の要素で回り込みを解除し忘れてデザインが崩れる、
ということもありますので注意して下さい。
また、一部の古いブラウザによってはおかしな表示になる事もあります。

こう書くと制限ばかりのように思えますが、前回も述べたように
いまやデザインを行う上で無くてはならない方法ですので、
是非たくさん使って練習して下さい！

ではまた次回！

こんにちは、ウェブクリエイターです。
いよいよスマートフォン購入をリアルに見据え、実機を見て回る日々です。
欲しい機種がきれいに売り切れているのは…今は時期でないという天からのメッセージなのか…


ところで、今日はアクセス解析の話を。
携帯端末からPCサイトへアクセスする方も増えましたしね。

Googleアナリティクスを設置しておきたいというお声も以前より大分多くなってきました。




無料だし細かく分析できるし言うことない…ように思えますが、細かく分析できすぎて一体どうなっているのかさっぱり！というお声も、増えております。はい。

アクセス解析は常に動向をチェックするためにも必須ですが、時間が経ってからの蓄積データも大きな財産になります。
シンプルな項目をチェックするためのアクセス解析もありますし、アクセス解析（を含むSEOですね）のサポートもあるので、どうしようかなと迷ってらっしゃる方は是非設置しましょう！
企業サイト情報サイト、ECサイト…どんなサイトにもデータは必要です。


サイトを既にお持ちで、アクセス解析を定期的にご覧の方というとやはりかなり限られてきます。
頻繁にチェックなんてできない方も多いのですから、臆せずスタートを切ることをおすすめします。

見ていくと奥深さが分かって、面白くもありますよ。


サイトに不可欠なアクセス解析のこぼれ話でした。