レスポンシブWebデザインでPCとタブレットのデザインを同じにする方法

2018年1月10日 // 素敵なサイトを作るために
スマートフォンとPCのデザインを、CSSのメディアクエリを利用して
レスポンシブWebデザインで切り替えているWebサイトにおいて、
タブレットのデザインをPCを縮小表示させる方法を紹介します。

Web関連の情報を収集する方法(2018年度版)

2018年1月 6日 // 素敵なサイトを作るために
最近、なかなか忙しくWeb関連の情報を収集することができず・・・。
これだけ読んでいたら大丈夫!というサイトなどなど集めてみました。
できるだけ更新頻度の高いWebサイトを選んでいます。

もう迷わない!HTML5の基本的なテンプレートはこれだ!(2017年版)

2017年8月16日 // 素敵なサイトを作るために
今、Webサイトを制作するなら「HTML5」ですね。
あらかじめ、テンプレート化すると制作が楽になりますよ。
基本的なテンプレートを紹介します。

Bootstrapを利用してホームページを作ってみよう。

2017年7月30日 // 素敵なサイトを作るために
ホームページをゼロから作るのは大変ですよね。
テンプレートを利用するのが一番ですが、
Bootstrapというフレームワークの使い方を紹介します。

jQueryを効率良く覚える勉強方法

2015年1月14日 // 素敵なサイトを作るために
私がjQueryを勉強しだして早3年くらいです。
未だにわからないことだらけなのですが、こうやって勉強したら
よいんじゃないかなーっという勉強方法をご紹介します。

新しくWebサイトを作るときの思考整理術

2014年1月20日 // 素敵なサイトを作るために
先日、schoo(スクー)というオンライン講義サービスを見てたら、
「ビジネスアイデア」とは何か、という講義を見つけました。
とても興味深かったので、つらつらと体験話なども話しながら。

jQueryでスムーススクロール(jQuery v 1.9対応)

2013年2月11日 // 素敵なサイトを作るために
2013年2月現在、jQueryのバージョンは1.9なのですが、
以前配布していたスムーススクロールが効かなくなってしまいました。
v 1.9対応のソースコードを紹介します。

Google Adsenseの広告のサイズ・表示位置を分析してわかったこと

2012年12月10日 // 素敵なサイトを作るために
Google Adsenseの広告を設置しているのですが、最適化はしていませんでした。
この記事を見て、ちょっと頑張って見ようかなーと思ったのがきっかけです。
この半年くらい、最適化をすべく四苦八苦したところ、色々なことが分かってきました。

スマートフォンのブラウザのキャッシュを消す方法

2012年10月 8日 // 素敵なサイトを作るために
スマートフォン用Webサイト制作をしていて
iPhoneとAndroid携帯で使用しているブラウザのキャッシュを
消さないといけない事が起こったので、個人的な備忘録です。

私のWebサイト制作手順

2012年2月14日 // 素敵なサイトを作るために
vanillateさんのブログでこんな記事を見つけました。
(vanillateさんとvanillaって似てるなぁといつもニヤニヤしてますw)
きっとトラブルが起きにくい!ウェブデザインの制作順序を書きました。 - バニデザノート

スマートフォン向けのWebサイトを制作する方法

2012年1月29日 // 素敵なサイトを作るために
最近、スマートフォンのシェアが17%になったという記事を見ました。
当サイトでもまだ1%未満ですが、スマートフォンからのアクセスがあります。
そこで、スマートフォン向けのWebサイトを制作する方法を調べてみました。

RSS購読者数を調べる方法

2012年1月 4日 // 素敵なサイトを作るために
ブログを書いている人は、RSSを公開していると思います。
一体どのくらいの人が、RSS購読をしているか気になりませんか?
正確な数字は出ないのですが、RSS購読者数を調べる方法を紹介します。

jQueryで画像やテキストを自動で切り替える

2011年9月 4日 // 素敵なサイトを作るために
Flashを使用してアイキャッチ画像を切り替えているWebサイトをよく見ます。
でも、Flashだとソフトや知識が必要で敷居が高いですよね。
jQueryを利用して簡単に画像やテキストを自動で切り替える方法を紹介します。

jQueryでメニューなどの画像をロールオーバー

2011年7月19日 // 素敵なサイトを作るために
メニュー画像のロールオーバーはCSSでも実装できますが、
プリロード(先読み込み)のための処理とか面倒です。
最近はJavaScriptでロールオーバーを実装することのほうが多くなりました。

CSS3で実装するデザインボタン

2011年6月28日 // 素敵なサイトを作るために
最近、HTML5とCSS3で制作されたWebサイトをよく見るようになりました。
CSS3を使用することにより、よりリッチなデザインにすることができます。
今回は、CSS3でボタンをデザインしてみます。

jQueryでスムーススクロール

2011年1月 3日 // 素敵なサイトを作るために
最近、Webサイトを制作していて必ず要望に入れられるのが「スムーススクロール」です。
あまりJavaScriptに詳しくないので、ライブラリのプラグインばかり使用していたのですが、
jQueryのみでも、スムーススクロールができることを知りました。

(X)HTML+CSSコーディングが早くなるかもしれない4つの方法

2010年11月 2日 // 素敵なサイトを作るために
Webクリエイターボックスさんの記事で面白いものを見つけました。
それも、「コーディングのスピードを上げる為の6つの方法」というもの。
私も、コーディングをする際、実践していることを書いてみようと思います。

Tumblrを利用して簡単にWebデザインギャラリーサイトを作る方法

2010年10月 2日 // 素敵なサイトを作るために
今や、びっくりするほどの数、Webデザインギャラリーサイトがあります。
しかし、自分が気に入ったWebサイトをさらにまとめたいなぁと思うことがありまして。
これを機にWebデザインギャラリーサイトを作ってみました。

著作権表示なしかつ商用利用できる無料のメールフォーム

2010年7月17日 // 素敵なサイトを作るために
お問い合わせがホームページからできることは、企業や店舗にとって重要なことですよね。
でもどうやってお問い合わせフォームを作ったらよいかわかりませんよね。
そういう場合は、無料で配布しているスクリプトを利用するのがベストです。

そろそろHTML5を勉強してみよう

2010年6月15日 // 素敵なサイトを作るために
HTML5が世間を賑わして久しいですねー。
Webの人間からしたらかなり遅いほうなんですが、そろそろ勉強してみようかと。
HTML5を勉強するのに参考になるサイトなど集めてみました。

ロリポップ!レンタルサーバーがFTPSに対応していました。

2010年3月 7日 // 素敵なサイトを作るために
当サイトでは、ロリポップ! というレンタルサーバーを利用しています。
ふと気づけばFTPSでサーバーにアクセスできるようになっていました。
最近ガンブラーのこともあり導入してみる事にしました。

ホームページのワイヤーフレームの作り方

2009年11月10日 // 素敵なサイトを作るために
ワイヤーフレームとは設計図のことでコンテンツのレイアウトを決めるものです。
ホームページを作る際、まずはワイヤーフレームを作るのが一般的です。
うまいワイヤーフレームの作り方とは一体どんな方法でしょうか?

Re:ちょっとした組み方の違い

2009年8月21日 // 素敵なサイトを作るために
CSS HappyLifeさんがCSSの組み方の違いについて書いていました。
私ももっと簡単なソースでかつ文字を大きくしたりしてもくずれない
CSSソースコードを考えてみました。

Google Analyticsでアンカーのクリック数をトラッキングする方法

2009年6月 6日 // 素敵なサイトを作るために
Google Analyticsではサイト内のページ遷移など詳細に解析できます。
しかし例えば、PDFファイルなどのダウンロード数などを知ることはできません。
そこで、Javascriptのonclickイベントを使うことでトラッキングできます。

専門知識はいらない!無料でホームページが作れる時代

2009年5月18日 // 素敵なサイトを作るために
今さら感漂う記事ですが、「Jimdo」というサービスがすごい!
これは無料でホームページが作れるのですが、今までのものとは全く違います!
HTMLタグの知識「0」でホームページが作れます。

IE6、7、8をチェックできるソフト、サービスを調べてみた

2009年5月17日 // 素敵なサイトを作るために
そろそろIE8でもブラウザチェックしないと思っている今日この頃。
でもIE8にアップグレードすると下位バージョンがチェックできない。
どうにかできないか調べてみました。

Re:a要素が2行になった場合に背景下にテキストが来ないように。

2009年5月 1日 // 素敵なサイトを作るために
CSS HappyLifeさんがコーディングでお困り?のようでした。
個人的には余白にもリンクはってもいいと思いますが。
これを解決する方法を私なりに考えてみました。

横並びリストに空白ができるのを仕様の観点から理解する

2009年4月17日 // 素敵なサイトを作るために
横並びリストを作成する際、HTMLの書き方によっては謎の空白ができてしまい、
この解決方法はよく知られています。私のblogでも紹介しています。
しかし、根本的にどうしてそうなるのかっていうのは、なかなか理解しがたい。

ホームページ制作用にAptana Studioを導入してみた

2009年3月22日 // 素敵なサイトを作るために
私はホームページ制作には「EmEditor」というソフトを使っています。
ただ、これにはタグの入力補完機能が付いていません。
JavascriptやPHPで開発するのには心もとない。

読み込めないPhotoshopのブラシを使う裏技

2009年1月16日 // 素敵なサイトを作るために
最近、Photoshopの無料のブラシも増えて、手軽にデザインができますね。
しかし巷ではCSが主流で、Photoshop7では読み込めないブラシもあります。
今回、Photoshop7でCS対応のブラシを読み込む方法を紹介します。

FlashではなくJavascriptでダイナミックな動きをするWebサイト

2008年10月 3日 // 素敵なサイトを作るために
Webサイトを訪れた瞬間、まるでFlashサイトのように見える。
しかし、実態はJavascriptで実装されている。
そんなサイトをよく見かけるようになりました。

webサイトのアイキャッチ画像の作り方

2008年6月12日 // 素敵なサイトを作るために
大きなサイズの画像を作成しているとき「写真素材の横幅が足りなくて困った!」
そんな経験はありませんか?私はよくあります。
そのようなときに便利な、写真素材をフルに生かすテクニックを紹介します。

汎用性の高い横並びdlリストを作る

2008年5月17日 // 素敵なサイトを作るために
例えば企業サイトのニュースリリースなどにはテーブル要素を使用していました。
しかしここ最近、dl要素を使用することが主流になってきました。
そこでdl要素を用いた場合のカスタマイズ方法を紹介します。

テーブルタグを使わずにテキストを上下中央揃えする方法

2008年3月19日 // 素敵なサイトを作るために
CSS HappyLifeさんがマルチレイアウトの上下中央揃えをする技を紹介していました。
ただしちょっと気になるのがCSSの「table-cell」を使っている点。
これは本末転倒な感じがするのは私だけでしょうか?

webサイトに「デザイン」は必要か?

2008年3月10日 // 素敵なサイトを作るために
「売れないオンラインショップの条件」という少し興味深い記事を見つけました。
はてぶもかなりされていたので読んだ方もいらっしゃるかも。
デザインとは何か?デザインは必要か?を考えてみました。

気になったトリッキーなCSS技

2008年1月19日 // 素敵なサイトを作るために
最近のCSSは、AJAXによるJavaScriptの発展やweb標準という観点から
一時期に比べてシンプルになっていると思っていましたが、他の言語や
ツールでできることをCSSでやろうという試みはまだまだあるようですね。

WebDesigningコラボ本は買い!

2008年1月12日 // 素敵なサイトを作るために
私は結構本を衝動買いする性質なのですが、先日も本屋で思わず・・・。
最近、気になる本があったと思ったらだいたいWeb Designing Bookなんですよ。
私がこれまでに買った本を紹介しますね。

2008年もFeed購読したいサイト

2007年12月31日 // 素敵なサイトを作るために
2007年も今日で終わり!明日からまた心機一転がんばりましょう!
今年最後の記事は、2008年もチェックしたいサイトを紹介します。
今回は、webデザイナーがセンスを磨くため、情報を得るためのサイトに絞りました。

わかりやすい質問メールの書き方

2007年12月16日 // 素敵なサイトを作るために
よく私宛にテンプレートについての質問がきます。
その際、質問されているのになぜか質問を返さないといけなくなることがしばしばです。
今回は、わかりやすい質問メールの書き方についてのお話です。

見た目をリッチにするJavaScriptの使い方

2007年10月27日 // 素敵なサイトを作るために
JavaScriptは、一昔前はタイマー等の使われ方が多かったと思います。
最近では、CSSのように見た目をリッチにするために使用されている例をよく見ます。
私が気になった素敵なJSを使用あるいは配布しているサイトを紹介します。

非ウェブデザイナーが自社/商用サイトを作るときのポイント

2007年10月25日 // 素敵なサイトを作るために
今や、小企業・小店舗でもホームページを持っているのが当たり前となってきました。
けれど作ってもらうほどの予算がない。予算がないから自分達で作らないといけない。
専任ではない人がホームページを作成できるポイントをまとめてみました。

webデザイナーさん運営の商用利用可能かつ無料の素材サイトを集めてみました

2007年10月12日 // 素敵なサイトを作るために
プロでない方が商用サイトを作ることも多いと思いますがそのとき困るのが素材。
プロが作った素材のほうがクォリティも高く時代にあったデザインが多いですよね。
というわけで、商用利用可能でもちろん無料の素材サイトを集めてみました。

外部リンク用アイコンを作ってみました

2007年10月 5日 // 素敵なサイトを作るために
ユーザビリティの観点からいえば、リンク先が別窓で開くかどうかは重要です。
別窓で開くかどうかを説明書きするのが一番よいですが、いちいち書くのも面倒。
そんな場合に、外部リンクにアイコンをつけておくとわかりやすいです。

Web Designing 10月号で商用利用可能なテンプレートが手に入る!

2007年9月24日 // 素敵なサイトを作るために
愛読しているウェブデザイン雑誌「Web Designing」ですが、今月号はすごい!
なんと、purprinさんこと山田あかねさんがデザインしたテンプレートがDLできます。
しかも商用利用ということだからとっても嬉しい。

CSSがvalidでなければいけない理由とは?

2007年6月 9日 // 素敵なサイトを作るために
Lucky bagで「CSSがvalidでなければいけない理由って何ですか」という質問が。
答えがぱっと出ず、しばらく悩んでしまいました。
私なりの結論を出してみました。

正しいh1の使い方を考えてみた

2007年6月 8日 // 素敵なサイトを作るために
webサイトをweb標準に準拠して作成する場合、正しいマークアップが必須となります。
今気になっているのが「h1」タグの使い方。
サイトタイトルをh1でマークアップするべきか悩んでいます。

MovableTypeで「Updated Today」を表示する(JS版)

2007年5月 6日 // 素敵なサイトを作るために
前回のコラムでPHPにより「Updated Today」を表示する方法を紹介しました。
しかし、PHPを使用できない環境の方も多いはず。
JavaScript版も作ってみました。

MovableTypeで「Updated Today」を表示する(PHP版)

2007年5月 5日 // 素敵なサイトを作るために
今巷で人気のblogのカスタマイズ法に「Updated Today」というのがあります。
これは記事を更新をトップページにバナーを貼ってお知らせする機能です。
この「Updated Today」の作成方法を紹介します。

早く正確にテキストを書くために

2007年5月 3日 // 素敵なサイトを作るために
ウェブサイトを作成するためには、テキストを正しく書くことも重要です。
誤字脱字や文字化けがあってはコンテンツの質が落ちてしまいます。
そのようなことがないためにも、早く正しくテキストを書く方法を紹介します。

blogのレイアウトはどれが最適?

2007年4月22日 // 素敵なサイトを作るために
caramel*vanillaさんのところで、blogレイアウトに関する集計が出ていました。
どのレイアウトが一番見やすい?という質問ですが、面白い結果になっていました。
これを見た私の個人的意見を。

サムネイル写真をもっと素敵に魅せる方法

2007年4月 8日 // 素敵なサイトを作るために
最近は自分で撮った写真をサイトに載せる方も多いですよね。
サムネイル写真をもっと素敵に魅せる方法をふと思いつきました。
モダンブラウザのみ対応だけど、aタグを使用するならIE6にも対応できそうです。

サイトのどこがクリックされているかわかるサービス

2007年3月11日 // 素敵なサイトを作るために
自分のサイトのどのアンカーが一番クリックされているか知っていますか?
どの位置の広告が一番クリックされやすいのか気になりませんか?
いわゆるヒートマップがわかるサービスがあります。

ブラウザに依存せず文字の大きさを統一させる方法

2007年2月10日 // 素敵なサイトを作るために
最近はユーザビリティの観点から文字サイズを可変にすることが推奨されています。
しかし、ブラウザによって文字サイズの表示が異なるのでデザインに差異がでます。
このあたりをどうにかクリアできないものか検証しました。

JavaScriptでロールオーバーメニューを作る

2007年2月 2日 // 素敵なサイトを作るために
オンマウスでメニュー画像を切り替えることができます。
CSSでもできますが、IEの設定によっては読み込みが遅い場合があります。
今回は、JavaSciptを使用する方法を紹介します。

XHTML文書における内部スタイルシートの正しい書き方

2007年1月16日 // 素敵なサイトを作るために
仕事で作成しているサイトをできるだけweb標準に準拠した形にしようと試みています。
その際に、内部スタイルシートのコメントの正しい書き方の議論になりました。
現状にマッチした内部スタイルシートの書き方を考えてみました。

何かと役立つCSSの技

2007年1月15日 // 素敵なサイトを作るために
いまや(x)html+CSSでのサイト構築が常識です。
しかし、思ったようにいかず壁にぶち当たるときもあります。
そんなときに役立つCSSの技を集めてみました。

文字エンコーディングについて考えてみる

2007年1月14日 // 素敵なサイトを作るために
外部phpファイルをインクルードしたときに、なぜか空白ができてしまいました。
この理由は「文字エンコーディング」にありました。この原因を探ります。
そもそも「文字エンコーディング」ってなんなんでしょう?

webサイトの行方(勝手な妄想)

2006年12月 7日 // 素敵なサイトを作るために
本屋に行けばweb2.0の本だらけで、いい加減聞き飽きたって方も多いのでは?
ますます劇的に変化していっているインターネットですが、webサイトはどのように変化していくのか考えてみました。

CSSによる背景切替でのちらつきを解消する方法

2006年12月 4日 // 素敵なサイトを作るために
以前のエントリーで、CSSで背景画像を切り替えたら、なぜかIE6だけちらつきが発生することはお伝えしました。これはIEのバグのようです。キャッシュに問題があるので、キャッシュを制御すればどうにかなりそうです。

情報を鵜呑みにしない

2006年11月28日 // 素敵なサイトを作るために
情報を発信している本人は全くその気はなかったのだけど、結局のところ嘘を流してしまった。
そういうことはやはりあるようです。
情報が洪水のように流れる現在、どれが正しい情報か見極める力が必要です。

引用のHTMLタグをすばやく書く方法

2006年11月27日 // 素敵なサイトを作るために
blogとか書いていると引用したりとか、URLをコピペしたりしますよね。
HTMLコードを書きながらコピペするのって面倒だな~って思っていました。
Firefoxの拡張機能にコピペだけでアンカーテキストが書けるものがあります。

略語は正式名称をきちんと書こう

2006年11月26日 // 素敵なサイトを作るために
世の中は略語ばかり。特にweb系の話にはつきまといます。
SNSだのCGMだの、知らない人には何のことかわからない。
注訳するだけでぐっと読みやすい文章になること、間違いなしです。

iframeを使わずに外部ファイルを読み込む方法

2006年11月24日 // 素敵なサイトを作るために
iframeタグを使用しないで、外部ファイルを読み込むことができます。
もちろん、動的プログラム(PHPやJAVA)を使用せずに。
これって意外にも知らない人、多いかも。

CSSで指定した背景画像がちらくつ現象

2006年11月23日 // 素敵なサイトを作るために
アンカーをオンマウスしたら背景画像が切り替わるという技はよく使います。
実現する方法にはCSSとJavaScriptがあります。
ソースの見やすさからはCSSなのですが、気をつけないといけないことがあります。

トップへ戻るアンカーを付けよう

2006年10月16日 // 素敵なサイトを作るために
ページの最後にトップへ戻るためのアンカーやボタンがあると便利です。
特にblogなどは内容量もたくさんあり、多くスクロールをするので、ユーザビリティのために是非付けてみましょう。

Firefoxで常にページのスクロールバーを表示させる方法

2006年8月 9日 // 素敵なサイトを作るために
ページがスクロールしなくても表示できる場合、Firefoxではスクロールバーが出ません。
テンプレートを固定センター寄せにすると、センターの位置がずれる現象が起きます。
気になる人には気になるみたいです。

別窓表示にするかどうか

2006年8月 1日 // 素敵なサイトを作るために
リンク先のページを表示する際に、今開いてるブラウザ上に表示する場合と新規にブラウザを開いて表示する(いわゆる別窓)にする場合があります。
この2つの表示の仕方を間違っているサイトをよく見かけます。

パスの記述方法

2006年7月30日 // 素敵なサイトを作るために
パスの記述方法には2種類あります。
よく知られている「相対パス」と「絶対パス」ですね。
実は、「ドキュメントルートからのパス」という書き方もあります。

エラーページをカスタマイズする

2006年7月 1日 // 素敵なサイトを作るために
存在しないURLに誤ってアクセスした場合、403エラーとか表示されます。
これが自分のサイトにアクセスしてもらったときに出るとなんだかかっこ悪いですよね。
実はこのエラーページはカスタマイズできます。

サイトを解析する

2006年6月11日 // 素敵なサイトを作るために
HPを公開したからにはアクセス数は気になりますよね!
カウンターを使用するのも手ですが、私は解析ツールも併用することをお勧めします。
サイトをもっと分析することは更なるアクセス数増加につながります。

オリジナルのファビコンを設定しよう

2006年6月10日 // 素敵なサイトを作るために
ファビコンというのはフェイバリットアイコンの略です。
つまりはお気に入りのアイコンと言うこと。
これをブラウザのアドレスバーやタブに表示させることができます。

CSSでレイアウトしたテンプレート

2006年6月 3日 // 素敵なサイトを作るために
当サイトでも、CSSデザインテンプレートは配布していますが、ものすごいCSSデザインテンプレート配布サイトを発見してしまいました!
40種類からも選べて、絶対配置などの、まさに最新のCSSレイアウトテンプレートが勢ぞろいです。

一番伝えたいことは・・・

2006年4月27日 // 素敵なサイトを作るために
当たり前のことですが、一番伝えたいことは、トップページに書きましょう。
最初の数行を読んで、それ以降は縦読みをする傾向にあるそうです。
つまり、人はサイトを最初の数行しか見ないということです。

上達のために技術を盗む

2006年4月 4日 // 素敵なサイトを作るために
以前、よいサイトのマネをするのが、上達の近道だというような話をしましたが、やはり確実に技術を身につけようとするなら、プロの「ナマ」の技を見なければなりません。

phpでサイト構築

2006年4月 3日 // 素敵なサイトを作るために
前回では、ページの一部を外部ファイルで呼び出す方法について書きました。
ひとつのページのデザインを変えるだけで全てのページのデザインを変えることもできます。
これも、phpだから可能な技です。

phpでメニューの一元化

2006年4月 2日 // 素敵なサイトを作るために
以前のコラムでちらっと書きましたが、phpでサイトを構築するとページを作成するのがものすごく楽になりますし、コンテンツを増やしたときにも簡単に更新できます。

フレーム構造の落とし穴

2006年3月30日 // 素敵なサイトを作るために
サイトの入口ってどこだと思いますか?
もちろん、index.htmlでしょ!と思ったあなた!
間違っていますよ!!

パンくずリストを活用する

2006年3月29日 // 素敵なサイトを作るために
サイトの情報量が増えれば増えるほど、コンテンツの階層は深くなっていきます。
しかし、階層が深くなればなるほど、サイト内は複雑化し、ユーザは迷いやすくなります。
サイト内でユーザを迷わせにくくする方法のひとつに『パンくずリスト』を使用する方法があります。

私がロリポップを勧める理由

2006年3月26日 // 素敵なサイトを作るために
このサイトのサーバはレンタルサーバで、ロリポップのものをお借りしています。
まず、先に断っておきますが、決して私はロリポップを提供している会社、paperboy&co社の回し者ではないということです(笑)
私が実際使ってみて何の問題もなく(というのはちょっと大げさですが)皆さんにお勧めしても申し分ないものだと 考えているからです。

レンタルサーバを利用する

2006年3月26日 // 素敵なサイトを作るために
HPを作成する際に最初に頭を悩ますことはwwwサーバのことでしょう。
しかし、HPを作っていてもwwwサーバ(の実体)を知らない人は結構いると思います。
私もHP作成当時はそうでした。wwwサーバがどんなものかというのは会社に入って実機を見てから知りました。

CSSでテンプレート構築

2006年3月26日 // 素敵なサイトを作るために
今までは、コンテンツを構成するものとデザインを構成するものがごちゃごちゃになってひとつのページに存在していました。
それでは、見た目も悪いし、わけがわからないので二つにわける手法が採られるようになりました。
デザインに特化したものが、CSS(カスケードスタイルシート)と呼ばれるものです。
ここでは、基本的なxhtmlソース、CSSソースの書き方を説明していきます。

賢いサイト構成

2006年3月26日 // 素敵なサイトを作るために
ひたすらにステキなサイトのマネをしていたらあることに気づくはずです。
『なぜ、このサイトは情報量がたくさんあるのにこんなに見やすいのか?』
大手企業のサイト(例えば、富士通のサイト)を見たときにそう感じるでしょう。
これらのサイトはある法則の基にサイトを構築しています。

ひたすらにマネをする

2006年3月26日 // 素敵なサイトを作るために
サイトコンセプトができても、それをどのように表現してよいのかわからないということは、初心者にありがちなことです。
どんなすばらしいサイトコンセプトであっても、表現能力がなければ、ユーザに想いが伝わらなければ、それは意味のないことになってしまします。

サイトコンセプトをまとめる

2006年3月26日 // 素敵なサイトを作るために
商用サイト、個人サイト、どんなサイトにも必ず【目的】はあるはずです。
『なぜ、私はHPを作ろうと思ったのか?』
そんな当たり前のことを考えることは、実はHPを成功させる鍵となります。
つまり、アクセス数も伸び、HPを長く続けていくことができるのです。

成長したければ本を読め!

2006年3月19日 // 素敵なサイトを作るために
webを勉強する方法のひとつに『本』があります。 ここでは、HPを作成するためのwebデザインの参考書を並べてみました。 私は、一ヶ月に福沢さん一枚くらいを本代に使います。あなたはどのくらい本を読んでいますか?
top

ホームページ作成に役立つコーナー

2018:01:10:23:28:41