初心者のためのホームページ作り-Web for beginner ホームページ作成支援
Lecture for beginner ■ HTML基礎講座 HTML4.01の概略 / HTML制作の準備 WEBとHTML / Webの作法 / HTMLの作成 論理構造 / 要素の親子関係 / ヘッダ情報 見出し / 段落 / リンク / フォント ボックスの概念 / 色の作法 / 画像の扱い リストの作成 / テーブルの作成 / 配置 フレーム / フォーム / 動画コンテンツ イメージマップ / スタイルシートの概念 Webページのタブー ■ HTML応用編 HTML4.01 / ヘッダ情報 / CSS応用 テキスト / アンカー / 文字実体参照 色の基礎知識 / FTPファイル転送 枠線表示の応用 / アクセシビリティ Lecture for senior ■ 初めてのXHTML講座 XHTML基礎講座 / XHTML概要 / XHTML基本 XHTML DTD / HTM
ユーザを混乱させない表組みのコツ (ユーザビリティ実践メモ)
ウェブサイト制作において、多くの情報をいかに整理してユーザに伝えるかは重要なポイントの1つです。よく使われる方法として表組みがありますが、今回は実際の事例をもとにしたケーススタディを通じて、ユーザを混乱させない表組みのコツをご紹介します。 表１はよく見かける表組みの例ですが、実際にユーザの立場に立ってこの表を使用してみると、いくつかの問題点があります。 同種の情報をユーザは区別できない 表1の問題点として、 日付という同種の情報を多く掲載しているため、ユーザには各情報が何の日付を意味しているのか区別できず、分かりにくい列数が多いために、セル内に折り返しが発生し、読みにくい ことが挙げられます。 特に、1つ目の問題点は、表が縦に長い場合にユーザを混乱させる要因の一つになります。なぜなら、画面サイズに収まりきらないほど表が縦に長い場合、下にスクロールしていくと「開催日」などの項目名が画面から消
50 First-class & New Downloadable Fonts For Professional Designs » DevSnippets
Over the last year (2009) we’ve been collecting high-quality fonts created by talented designers and type foundries. In this collection, we’d like to present an overview of 50 of the best Free, New and High-quality Modern, Handwritten, grunge, Cartoon style fonts for clean and professional designs in 2009. Note: Please read the license agreements carefully before using the fonts. Some of these f
ARTIFACT ―人工事実― : font-familyに指定する英語フォント
ビースティーノカジノ- Beastino Casinoであなたの内なる獣を解き放ちましょう。何千ものトップスロットの中から選び、テーブルゲームで順番を決め、ライブカジノで動物のアクションを楽しむことができます。 カジノを見る ビースティーノカジノ ビーストモードで行こうBeastinoは、最大のゲームコレクションを持つカジノの獣です。アカウントを作成するのに時間はかかりませんし、唯一の問題は、最初に何をプレイするかを決めることでしょう。 Microgaming、NetEnt、Yggdrasil、Pragmatic Play、その他多数のトップクラスのゲームプロバイダーがここにあります。Beastinoでプレイすれば、いつでもジャングルの王様になった気分になれるでしょう。 Beastinoで何千ものゲームをプレイスロットが欲しいなら、私たちにはスロットがあります！正確には3000台です。次の
10 Completely Free Wireframe and Mockup Applications : Speckyboy Design Magazine
50 Free Wireframe Templates for Mobile, Web & UX Design Wireframing is an essential step in the initial stages of a UI project, allowing you to define the information hierarchy of your mobile app or web design project and plan for functionality and user flow. By stripping away non-essential design elements, wireframes help to communicate the layout effectively. Whether you use a whiteboard, pencil
黄金比をサイトのデザインに取り入れる簡単な３つの方法 | コリス
その調和された比率は、トランプカードなどの日常的なものから、ギリシアのパルテノン神殿、ミロのヴィーナス、モナリザなどの芸術分野まで、多数存在します。 黄金比を使ったデザイン テクニックついては、下記も参考にどうぞ。 黄金比とは、黄金比を使ったすごいデザインテクニックのまとめ -Webデザイン・紙デザインに 黄金比を矩形に使用する 黄金比をマージンに使用する 黄金比をパーツに使用する 黄金比を矩形に使用する サイトで使用する画像などの矩形に黄金比を適応します。 サンプルでは、144pxと233pxの組み合わせを使用していますが、「1:1.6」を利用して100pxと160pxなど簡易なものでも効果はあると思います。 黄金比を横長の矩形に使用 黄金比をマージンに使用する レイアウトにグリッドシステムを取り入れマージンを使用した場合、数種類のサイズが必要になる場合が多くあります。 その際、１つの値
Webデザイン時に役に立っているもの - かちびと.net
技術をやソフトを除いてWebデザイン時に 個人的に役になってるなぁと思うものを あげてみます。これがあるから時間短縮 できたり、自分にとって満足できるデザイン に出来たり、無いと結構困る、といったモノ。 タイトルはシンプルにしましたが、内容は「センスの無い僕をWebデザイン時に助けてもらっているもの」です。 こういったものは人それぞれだと思います。あって当たり前、基本でしょｗという方もいらっしゃると思うし、これが何の役に立つの？という方もいらっしゃると思いますので参考程度になさってください。 配色パターン 配色だけでデザインは良いものにも悪いものにもなると思っています。 カラーコードを覚えられないので良いと思う配色は必ずローカル環境にストックするようにしています。これを使って微調整をしたり、合うものが無ければオンラインのカラースキームジェネレーター等を使います。 配色は時間が掛かるのでサク
携帯サイトで入力フォームで入力文字指定を設定する方法。 - ソウマクリップ
Webデザインやネットマーケティングのアイディアをクリップしています。現在は横浜にあるブライダル企業を担当するWedデザイナー。自社サイト運営ならではの「ギャップ」や「発見」のメモや雑記。 ケータイの特性上、仕方の無い部分かもしれませんがモバイルサイトの場合、PCサイトと違い、フォームに文字を入力をする際に文字の切り替えが少し面倒です。ですので、たとえばメールアドレスのように半角英字しか入力する必要の無いところにはデフォルトで半角英字を指定して、すぐに入れられるようにしたり、少し工夫をしてユーザへのストレスを軽減することが必要かもしれません。他にも名前の場合には「全角かな」であったり、電話番号なら「半角数字」を指定する方法が3キャリアごとに違うので、まとめてみました。詳細は以下の通り。 istyle="1" 半角カナモード istyle="2" 半角英字モード istyle="3" 半角数
WEBページに必須なシンプルなユーザービリティ「Five Simple but Essential Web Usability Tips」
TOP > WebDesign > WEBページに必須なシンプルなユーザービリティ「Five Simple but Essential Web Usability Tips」 WEBを制作する上で、いくつかポイントがあるかと思いますが、WEBは使われるものなので、ユーザービリティは最も考えなくては行けないものの一つです。今日紹介するのはWEBページを制作する上で、必須なシンプルなユーザービリティ「Five Simple but Essential Web Usability Tips」です。 WEBページを制作していく上で、知っておいた方が良い要素が簡単にまとめられていました。今回は意訳して紹介したいと思います。 詳しくは以下 1.検索機能 ユーザーが求めている情報を含むページをみつけられる検索機能。鮮やかな色や、虫眼鏡アイコン等、ユーザーが分かりやすい仕組みも必要。 2.Fの法則
何でもないようなことが大切だった。ホームページのあるべき心 | 企業ホームページ運営の心得
（心のノート 中学校 平成21年度改訂版 19ページより抜粋）。 清々しいほど健全な教えで、アラフォーの私でも「そんな強い力」の入手方法を知りたくなります。私の友人は「あるべき心の見本市」という主張にこう反論しました。 「道徳ってそういうものじゃない？」 新年、最初のコラムはホームページの「あるべき心」について。 強制されるコンテンツ道徳教育についての是非は本稿で論じるものではりませんが、「内心の自由を侵す」とし「道徳」を強制することに反対する人や団体がいます。私は一般論として「教育」に一定の「強制」は必要と考えます。たとえば、かけ算「九九」の暗記を強制されますが、これにより割り算や分数を理解する基礎体力が身につき、大人になってからスーパーマーケットで「3割引」の価格を瞬時に計算できるようになります。つまり基本や基礎の強制は本人のためという考えです。そしてそれが後の教育の「よすが」となりま
企業サイト改変不要論
「最近、どこの企業のサイトを見ても、だいたい同じような感じになってて、それで何かが変わるかって言っても別に何が変わったってこともなく、あまり効果もないみたいだし、もう企業サイトをピカピカにするという時代は終わった感じだね…」。 昨夜行われた文化庁メディア芸術祭の授賞式。その式典が終わった後の懇親会パーティで、ある人にこんなことを言われました。ちなみに昨夜、これを僕に言った相手は、Web業界ではそれなりに実績のある人で、僕としては「この人わかってないなー」って思ったんだけど、その人は広告の方の人だし、「いやそれは違うでしょ」とその場で言っても時間の無駄だなと思ったのと、もっと別に話したい人もいたので、にっこりしながら「そうですねー」と言っておいた。 まぁ、似たようなトップページがあり、脈絡のない打ち出しがFlashで作られてぴょこぴょこ動いてたり、クリックすると本体も似たようなグリッドで似た
あなたのWebサイトを稼げるサイトに変えるための7つのステップ | 買いたくさせるWEBサイト文章術 | ダイヤモンド・オンライン
買いたくさせるWEBサイト文章術 SEOやSEM対策で自社サイトへ見込み客を誘導できても、その先の「成約」に達することが重要。そこで本コラムでは、問い合わせ数や成約率が上がる「セールスコピーライティング」という文章テクニックを紹介する。書き方一つで、ユーザーの反応率、成約率は大きく変わるのだ。 バックナンバー一覧 今回から、いよいよ7ステップに分けて、あなたのWebサイトを高反響のサイトに変化させるための具体的なテクニックをお教えする。ぜひ、紙とペン、付箋紙か大きめのカードを用意して、ここから先を読んで頂きたい。 ステップ1 Webサイトを通じて、稼ぎ出したい目標を決める たとえば、あなたがWebマーケティングを駆使して、そのサイトで年商1億円を目標とするならば、それを可能にするビジネスモデルを考えなくてはならない。コピーの書き方だけを覚えても、それだけでは最大の結果を得ることはできない。
higash.net
higash.net 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
higash.net
higash.net 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
WordPressでECサイトっぽいテンプレートを作る。 - Trans
WordPressで企業などのECサイトのようなテーマを作るためには、どんなタグを使い、どのようにテンプレートを構成すればいいのかについて説明してみました。 ファイル構造 まず、ファイルの構造はこんな感じです。 index.phpは「ページ」、single.phpは「記事」、home.phpはトップページのものです。index.phpを会社概要や注文方法などについて用い、single.phpは個々の商品やイベント・展示会などのコンテンツに用います。あとのsidebar-3000.phpなどは「記事」が属するカテゴリごとにサイドバーのデザインを切り替えたいためだけに使っているので、特に必要はないかと思います。また、home.phpやfooter.phpはほとんどHTMLでマークアップしているので、説明を省きます。 また、CSSやJavaScriptを説明するのが今回の記事のテーマではないので
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]全幅960+10pxをベースに汎用的に展開するグリッドシステム%26utm_content%3Dlivedoor)
企業ホームページがダメな理由 - KOMOREBI||blog
[CSS]ページのレイアウトやエレメントなどのスタイルシートのテンプレート集
http://e0166nt.com/blog-entry-674.html
ikesai.com
