2013-01-01から1年間の記事一覧
SEOについてのおすすめサイトを紹介します。バズ部このサイトではSEOについて理論的でわかりやすく書かれています。 逆にこれを実践してダメだったらあきらめて下さいというレベルです。是非ご参考までに。
SEOとは、Search Engine Optimizationの略で、ある特定の検索エンジンを対象として検索結果でより上位表示できるようにすることです。 私の経験と知識から重要なものをまとめていきます。 ? SEOの7割が内的要因、つまり文書構造で決まる。特にHTML5だと頻繁…
SEOで上位表示する手段として、単純なものを紹介します。検索で上位に持っていきたいキーワードをタイトルに入れていくことは以前書きました。もっと単純なものだと、ドメインに検索キーワードを入れることです。 ただ、英単語ではないといけないので、私の…
jQueryのライトボックスを紹介します。 ライトボックスのアルゴリズム ライトボックスは、サムネイルをクリックすることで本来の画像の大きさを表示させ、狭いスペースのなかで多くの写真を見るために利用される動作のためのプラグインです ライトボックスの…
HTML5、jQueryでヘッダー固定のスムーズスクロール対応メニューのBobMarleyのサイトを作ってみました。ヘッダーは画面上部に固定されており、スクロールしても画面の上にありつづけます。 ナビボタンを押すと、jQueryによって自動スクロールする仕組みになっ…
ECサイトを作る際、BASEという無料で利用できるショッピングカートを紹介します。BASAは無料で利用できるショッピングカートで、決済方法も、クレジットカード、代引き、銀行振り込みと選べます。 さらにテーマやヘッダー画像、背景もカスタマイズできるので…
CMSのJoomla!について紹介します。ご存知の方は多いと思いますがJoomla!とはオープンソースで無料で配布されているCMSで、海外では多くの人に利用されています。 アクセス制限をかけるサイトなど、初心者でも比較的安易に作れることから人気があるようです。…
HTML5でレスポンシブデザインのレイアウトテンプレートを作りました。是非ご参考までに。 【index.html】 <html class="ie9" lang="ja"> </html>
HTML5でjQueryを使ったタブメニューテンプレートを紹介します。画像と文章を変えるだけで簡単にカスタマイズできますので、 是非チャレンジしてみては。画像は各自用意して下さい。 【index.html】 <html lang="ja"> <head> <meta charset="UF-8"> <title>タブメニュー</title> <link rel="stylesheet" href="style.css"> </link></meta></head></html>
（1）「検索システムの種類」について述べた次の文章のうち、 適切でないものはどれか (a) 「ディレクトリ型」とは、集められたWebサイトの情報を人の手によってカテゴリ分けする検索システムである。 (b) Yahoo!のカテゴリ検索は「ディレクトリ型」であり、…
HTMLとCSSでヘッダーとフッターを固定するレイアウトサンプルです。ポイント ?ヘッダーとフッターにそれぞれ position: fixed; をつける ?固定する位置は top: 00px; 、left: 00px; 、bottom: 00px 、right: 00px; の様に指定する ?ヘッダーとフッター幅の分…
DEMO_PAGE 画像横スライド HTML5, JavaScriptを利用して画像スライドメニューを作成しました。 Webページを華やかにする技術として利用できると思います。 jsファイルはDEMO_PAGEのページのソースから取得して下さい。 イメージを変えるだけで、簡単に実装で…
jQueryを使って、jQuery Filteringというかっこいい画像配置、切り替え方法を紹介します。 ポートフォリオにも利用できるのでおすすめです。今回は画像サイズを100px X 100px で作っていますが簡単にカスタマイズできるので試してみて下さい。DEMO_PAGE jQue…
Webサイトを簡単に実装できるようにするサイトをまとめてみました。 HTML5, CSS3, jQuery, JavaScriptを自分のサイトに実装するのにご利用下さい。Webサイト簡単実装 ( HTML5, CSS3, jQuery, JavaScript ) - NAVER まとめ
SEOとは、Search Engine Optimizationの略で、ある特定の検索エンジンを対象として検索結果でより上位表示できるようにすることです。 私の経験と知識から重要なものをまとめていきます。 ① SEOの7割が内的要因、つまり文書構造で決まる。特にHTML5だと頻繁…
html5を使った、iPhone（スマホ）サイトを紹介します。このサイトは写真を使ったボックスレイアウトでできています。写真を変えるだけでもオシャレで使いやすいサイトになるので是非試してみてみて下さい。 【index.html】 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> </meta></meta></head></html>
HTML5、CSS3、jQuery でタヒチ・エコプロジェクト、薄膜キャパシタ特許技術｜enzo planning の企業サイトを作成しました。（SEOのためタイトルを1部分変えました）タヒチ・エコプロジェクトをはじめ、人と地球が必要とする未来を創造する企業であるenzo plan…
SEOについて検索エンジンに嫌われるドメインについて。結論から言うと、『.info』は検索エンジンから消されてしまうことが言われています。ドメイン取得の際も『.info』は安く売られていることが多く、SEOで集客目的の際はできれば違うドメインを取得するこ…
HTML5でのメガドロップダウンメニューを紹介します。近年では商品数の多いECサイトで利用されることが多くなってきました。簡単に作成できるので、サイトに実装してみては。 【index.html】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>メガドロップダウンメニュー</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="container"> <header> </header></div></body></html>
HTML5でレスポンシブデザインのレイアウトテンプレートを作りました。是非ご参考までに。 【index.html】 <html class="ie9" lang="ja"> </html>
以前も紹介させて頂いた無料ショッピングカートBASEについて補足します。BASEはあまり知られていなかったのでが、実際現在利用者数は50,000人を超えているそうです。作った人は23歳で、まさにニーズを理解した戦略なのではないでしょうか。 有名人もこのサイ…
SEOで順位を上位で安定させるためには、Googleのアルゴリズムを知る必要があります。Googleは、3ヶ月に1回少しアルゴリズムを変え、半年に1回大きく変更してきます。一番安定しやすい対策としては、内的要因、つまり文書構造をしっかり書くことでしょう。 あ…
html5を使った、iPhone（スマホ）サイトを紹介します。このサイトは写真を使ったボックスレイアウトでできています。写真を変えるだけでもオシャレで使いやすいサイトになるので是非試してみてみて下さい。 【index.html】 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> </meta></meta></head></html>
HTML5、CSS3、jQuery でタヒチ・エコプロジェクト、薄膜キャパシタ特許技術｜enzo planning の企業サイトを作成しました。（SEOのためタイトルを1部分変えました）タヒチ・エコプロジェクトをはじめ、人と地球が必要とする未来を創造する企業であるenzo plan…
無料情報公開｜メルマガから学ぶ副業の道は、一見どこにでもあるようなサイトに見えますが、 PC、タブレット、スマートフォンの画面サイズに合わせてレイアウトが変わるレスポンシブデザインになっています。http://yolo.hippy.jpソースを見ると、 meta desc…
ECサイトを作る際、BASEという無料で利用できるショッピングカートを紹介します。BASAは無料で利用できるショッピングカートで、決済方法も、クレジットカード、代引き、銀行振り込みと選べます。 さらにテーマやヘッダー画像、背景もカスタマイズできるので…
CMSのJoomla!について紹介します。ご存知の方は多いと思いますがJoomla!とはオープンソースで無料で配布されているCMSで、海外では多くの人に利用されています。 アクセス制限をかけるサイトなど、初心者でも比較的安易に作れることから人気があるようです。…
DEMO_PAGE Beautiful Background Image Navigation jQueryとCSS だけで簡単にホームページトップがオシャレになります。 サンプルは飲食店をイメージして作成しました。 バックグラウンドイメージで画像を配置しているのがポイント！ jsファイルはDEMO_PAGE…
HTML5でグリッドレイアウト サンプル IEでも対応しています。 HTML5とCSSだけでこのように画像を配置できます。 floatの特性を生かしてチャレンジしてみて下さい。 私の場合は画像を3列に分けることで、レイアウトしやすくしています。 行ごとに分けても可能…
HTML5でMansonryレスポンシブデザインのpinterest風のWebサイトテンプレートを作りました。アメリカではPinterestという、FacebookでもTwitterでもない形式のサイトで物の売り買いが主流になってきました。 日本ではまだ受け入れられていないですが、Pintere…
