サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
ドラクエ3
www.homepage-masters.com
2.構成図を元に、手書きのレイアウトを紙に書く まずは手書きで配置を考える まずは手書きのトップページを作ります。トップページに何を入れなくてはいけないのか、 何を目立たせるのか、自分がエンドユーザになった場合を考えて、「わかりやすい」ホームページを意識してレイアウトを大まかに考えます。 トップページに必要な要素 ホームページのトップページに必要な要素は、ある程度決まっています。 下記に代表的なリストをあげますので、参考にしてみてください。 ・ロゴ・サイト名 ・各ページへのリンクボタン(ナビゲーションボタンと呼びます) ・メインイメージ画像 ・主要コンテンツのアピール ・ニュース・トピックス ・キャンペーン・イベントバナー領域 ・コピーライト表記 レイアウトの基本はナビゲーションで決まる ホームページのレイアウトの基本となるのが、「どこにナビゲーションを配置するか」です。 基本的なナビゲー
ホームページのトップページ制作の準備として トップページ制作にまず必要なもの トップページ制作を行う際、まずは準備として下記のものが必要となります。 紙と鉛筆 デザインといってもまずは手書きで準備が必要になります。用意してください。 画像編集ソフト 最もよく利用されているのが、Adobe Photoshop(アドビフォトショップ) もしくはAdobe Illustlator(アドビイラストレーター)という画像編集用ソフトです。 バージョンは古くても大丈夫ですが、できればフォトショップ(もしくはイメージレディ)で、「スライス」の機能がついているものが便利です。 フォトショップなどが無くても下記のソフトでもデザインの作成は可能です。 とりあえず何かしらのソフトを手に入れてください。 ・Adobe Photoshop(アドビフォトショップ) ・Adobe Illustlator(アドビイラストレ
これだけは覚えよう ファイル構成 ファイル構成は特に自分のルールで整理すればよいのですが、一般的には、下記のような構成でホームページ全体のHTMLファイルや画像ファイルなどをまとめていきます。 index.html
ページの幅・各領域の幅を決める まずは全体のページ幅を決定します。ページの幅が決まり、各領域を四角で区切って大体の領域分けを行います。デザインは無視して「各領域の幅」と「各領域の隙間」を正確に決定します。 ページのサイズ・幅について ページの幅に関しては、時代とともにパソコンのモニターサイズや解像度が大きくなる傾向もあり、 その時代に応じたページ幅を設定する事が必要になります。 2008年程度までは一般的なホームページで760pxというサイズが推奨されていました。 しかし、時代の変化とともに、最適なページ幅は変化していきます。 そこで、基準にしたいのは、大手サイトのページ幅です。 この原稿の執筆時では、検索エンジンYahoo!のページ幅は、950pxに設定されています。 これは、画像解像度1024×768(XGA)のモニターで、画面がはみ出ないで表示できる大きさです。 推奨するページ幅(2
1.ホームページの構成図を作る 最も重要な構成図づくり ホームページを作る際、最も重要になるのがこの構成図の作成という準備です。 手書きでももちろん構いませんし、エクセルやパワーポイントなどで構成図を作成するなど、 自分の管理しやすい方法で作成します。 下層のページの階層はなるべく浅くする ホームページにおいて最も重要なことは、エンドユーザーにとって「わかりやすい」という事です。 常にエンドユーザーの立場になってホームページ作りを考えます。 特にページの階層はトップページを最上位と考えると、2階層ですべて作れる事が理想です。 ページ数が2~30ページ以上のボリュームがある場合は、3階層にするしかないですが、 分かりやすいホームページの階層の深さとしては3階層が限界です。 ページの優劣を考える ホームページを作る際、各ページでどのページが最も重要なのかをイメージしてください。 最も見せたい内
ホームページの作り方(初心者・入門)サイト ホームページの作り方 初心者、入門のHPマスターズ ホームページの作り方を初心者から学ぶには、実際にプロの現場で活躍するデザイナーによるホームページの作り方を学ぶ事がおすすめです。 制作手順やプロのホームページの作り方、正しいホームページのHTMLおよびCSS、ドメイン・サーバー等の基本的なことをご紹介しています。 現在各種Webサイトやブログ、書籍などで制作方法は多数紹介されており、簡単に情報を取得できるように思われますが、Web業界の詳細や、実際にプロが使用しているソフト等、初心者にはわからないような実践的な事はあまり解説されておりません。 ホームページの作り方をここでは、どんな風に進めていくかを紹介しています。 ホームページの作り方 初心者・入門
このページを最初にブックマークしてみませんか?
『ホームページの作り方【HPマスターズ】』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く