「ホームページを作る」 一覧

タグと要素

htmlで使われるタグとは < ~ >で囲まれた部分を言います それぞれに開始タグと終了タグがあります 中には <img> や <br>のように、 終了タグがなく …

no image

ホームページのデザイン

文字の大きさやアクセント(強調)をつけてみやすいホームページに ≪見にくい例≫   小さい文字など ≪見やすい例≫  —————&#8212 …

デザイン構成

私が作るホームページのコンセプトは いたってシンプルなデザインを心がけています 余計な物は極力はぶき、殺風景すぎず派手すぎずに、 今まで習った事や独学で学んだ事 を載せています。是非共感できる部分は参 …

no image

当サイトのロゴ

当サイト「目指そう!物知り博士」のロゴを作ってみました ホームページのメインのロゴになります 作成するときに、 たばこの箱を思い浮かべながら、 イメージして作り上げました。 箱を立てた時の影のつきかな …

タグとは何?

ホームページを作るためにはタグを覚えなくてはなりません。 「文字のサイズや色を決める」「線の長さや色をつける」 「写真を挿入して、位置を決める」などタグで指定をします 例えば <div styl …

ツリー構造

ホームページを作る理想ですが、フォルダやテキストはツリー構造で作り上げます。 トップページをてっぺんにして、関連性のあるものはリンクしあいます(行き来できるようにします) ページ数が多くなるのであれば …

ホームページ作り手順

ホームページの作り方の手順です まずはじめに自分のパソコンのデスクトップ上のフォルダを作ります。 デスクトップ上とは、パソコンを立ち上げた時に出てくる画面のことです。 デスクトップ上の何もない所(アイ …

no image

ホームページ作り【ファイルを作り公開する方法】

ホームページを作る手順 1.ファイルを作る 2.ファイルをサーバーへ送る まずは無料でホームページが作れるFC2を例にして説明をしていきたいと思います。 まずはFC2でアカウントを取りアドレスを決めま …

no image

ホームページ作り方の説明

●簡単ホームページ作り ホームページを作るのはいたって簡単です 何かを買って用意するものはなく windowsならメモ帳があればできてしまいます 私みたいな貧乏人でも作れちゃいます まずはwindow …

no image

ホームページ作り【段取り】

ホームページを作る段取りを説明したいと思います まずはじめにする事は、 1. ホームページを作るためのファイルを作成します。 メモ帳を開き、 ホームページをどのようにするのかをタグを使って指示をする形 …

no image

ホームページを公開する流れ

まずは無料でホームページを作れる所に登録します 【用意するものは】 パソコン メールアドレス やる気 ネットにつながる環境です これがそろえばネットに公開することができます それでは早速流れをざっと紹 …

no image

サイト作りはオリジナルな説明書

オリジナルな説明書作りとは:自分なりの「説明書」を作ると言う意味です ホームページで閲覧数を増やすには、 どのような内容にするのが好ましいでしょうか? その答えの一つとして、 「説明書的な」内容が挙げ …

色を変えてレイアウトの調整

サイトのレイアウトは CSSを使ってデザインをするのですが なれていないと思うような動きをしてくれずデザインが崩れてしまう事があります ここで私がサイトのデザインを行う際に行っている事と 今後に忘れな …

no image

ディレクトリ登録

【ディレクトリ登録とは】 同じジャンルの部類や、その種類(カテゴリ)に分けた検索型ディレクトリに登録する事をいいます。 例えば自分で作ったホームページをそのディレクトリサイトに 登録するには、カテゴリ …

no image

FTPソフトを使う

まずはFTPとはFile Transfer Protocol(ファイル トランスファー プロトコル)の略です ホームページを作るのであれば、 データをサーバーに送らなくてはなりません データを送る方法 …

目印をつけて見やすさと効率化をアップ

ホームページを作る中で、記号を使うことがよくあります。 記号は使うことで一段と文章が読みやすく解りやすくなると思っています。 そして、さらに解りやすくするためには、 記号の代わりとなるイラストを使うよ …

no image

箇条書き

[このページの記事を読み終える時間:約1分40秒] 有名なホームページを見ると 説明などに、「箇条書き」を取り入れている事があります ・10のポイント ・5つの秘訣 ・7つの方法 ・2つの注意点 箇条 …

no image

文字の色へのこだわり

すべて黒い文字では少しみにくいぺーじになってしまうかもしれません。 以前の自分のページをみてそう思いました そしてその対策として強調する部分として色を変える事にしました。 そうしたことでより見やすくな …

no image

ボックスを使う

私のホームページではシンプルな作りを心がけています。 ですが、あまりにもシンプルすぎるのも味気がないので いくつかのボックスを用意する事にしました。 枠の色を変えて一目でわかるようにしています。 そう …

no image

見出し

色々なサイトを見ていると ボックス型の見出しを使っているサイトを よく見かけます。 この手法で実際に使ってみるととても読みやすく見栄えも良く感じます ボックス型の見出し 普通の見出し 見出しの前に何か …

no image

カラム数

カラムとはページの構成を表します。 実際の意味としてはカラム(column)自体は列を表す言葉になります メニューが左にあり本文が右にあるのであれば左2カラムと呼ばれます 両サイドにメニューがあり本文 …

統一感をもたす

ホームページを作る上で心がけている事は統一感を持たすようにしています その理由として、例えばオセロを説明するページとして作った場合に 途中からオセロの盤の色や石の画像などを変えてしまうと 分かりにくな …

パンくずリスト

パンくずリストとは ホームページで迷わないためのナビゲーションリストです 例えばあるホームページを見ていて、リンクをたどって行ったのは良いけど このサイトのトップページに行くにはどうしたら良いのか? …

no image

内部リンク

内部リンクとは、中のリンクになります。 内部リンクもとても大事になってきます。 例えば、何か疑問があるとして、 その疑問を解決するのにいろいろなサイトを回されるよりも 効率よくすることで 疑問を早く言 …

no image

画素数

ピクセルとは何か? ピクセルとは、小さい単位の点の事を言います。(pixel) 画素(受光素子)は、ほぼ同義になります 解像度が640×400ドットであれば、横が640個で縦が400個になり、 計25 …

no image

サテライト

サテライトとは衛星を意味します 目的のホームページに向けてリンクを向けます サテライトからリンクをはることで 訪問者の入口を作ることになります 全く違う目的で訪れたとしても 思わぬ形で訪問者を招くこと …

no image

閲覧者の立場になって

閲覧者の方にも見やすいホームぺージを作るには 使いやすさも大事になってきます。 例えばあまり長いページになるとスクロールするのも長くなります。 もちろん、見ている環境の違いがありますが なるべく効率よ …

no image

ページを増やす構造

ホームページのページ数は多い方が良いと思います。 ページを増やす構造は テーマ別にメニューを作って作るとよいと思います 一見、内容はまとめて一ページに収めたほうが良いように見えますが、 あまりにも記事 …

no image

分散してページ数を増やす

内容の濃いページはできれば分散するとよいと思います どうしても、そのページに収めたい物があれば別ですが 集中型の長いページになるよりは メニューなどを設置して分散型にした方が良いと思います。 そのほう …

no image

サブドメインとサブディレクトリ

サブドメインとサブディレクトリでホームページを作るのであればどちらがよいのか? これはそのサイトの作りにもよるのすが、 どちらが良いというよりも、 どちらが管理しやすいかと言うと「サブディレクトリー」 …

no image

トップページとなるタイトルを考える

ホームページのタイトルはブランドと考えると解りやすいと思います。 ブランド力を上げるにはコンテンツ(内容)をしっかりさせなければなりません。 コンテンツがしっかりすれば、閲覧してくれる人も増え、 また …

no image

相互リンク

相互リンクとは、 お互いのホームぺージを紹介しあう事です。 話題などの共通点があるホームページとリンクを張り合うのが一般的です。 たとえばですが 友人が サッカーのリフティングのコツをのせて作ったサイ …

no image

記号の決めごと

1) 記号の使い方に決まりはないです(自己主張) ≪≫は必ずこのように使わなければいけないわけではないです ≫≫ 2)へ続きます 2) 記号の使い方としてマイルールを持つと良いと思います このページで …

no image

相対パス構造

相対パスとは、フォルダ部分を指定します 絶対パスとはhttp~始まる部分です ホームページを作る上で使い方によっては 大変な作業になります。 ずっと無料ホームページでやるようていであれば 絶対パスでも …

no image

キーワード選び

まずはキーワードの意味としては、 「手掛かりとなる言葉」といた意味です タイトルや見出し ありきたりなタイトルや見出しやキャッチフレーズで埋もれてしまうのではなく個性的に <ありきたりな例> ホームペ …

no image

タイトルと説明文

閲覧数を左右するのはタイトルはとても重要だと思います 例えば【貯金のアドバイス】としてタイトルを考えてみたいと思います。 ヤフーやグーグルなどの検索のキーワードとして【貯金、アドバイス】 と検索に入れ …

no image

入れ子とは

そもそも入れ子とは何? 入れ子とはサイズが違うものを中へと入れて行く事を 「入れ子(ネスト)」と言います。 形は同じなのですが重箱のように大きさが違うために 効率よく入れ子にする事が出来ます 例えばホ …

no image

cssの解説

no image

ページの上へのナビゲーション

【あるSEOコンサルタントのブログを見て思った事】 ページの文章を読み進めた後に 「↑トップへ戻る」となっていたリンクがありました。 その時に矢印はあるものの一瞬どちらか迷いました。 1.トップページ …

no image

CSS(シーエスエス)

cssを簡単に説明すると 物に対して指示をします 物には名前がついています 物を赤くしよう! その名前のついた物に指示 その指示の方法は3っあり 1.直接指示する場合 2.同じファイル内で外部から支持 …

ストーリーせい

ホームページを作る際に ストーリーせいを大事にしています。 たとえばキャラクターを使ったり イラスト同士をつなげ合わせて 自分の中でストーリを作っています 少しでも見に来てくれた人に 楽しんでもらえる …

ミスしたタグ

ホームページを作る際に ミスしたタグをコピーしていくと増殖していってしまう可能性があります。 間違ったものをコピーして、どんどん貼り付けてしまうと 増殖してしまうので注意が必要です なおせるうちは、早 …

サイトつくりを楽しむ

ウェブサイトを作る中で サイト作りはあまり「楽しい」と思った事は今までになかったのですが ここ最近では、ウェブサイト作りを行う際に ウキウキとした気持ちが続いています。 その理由ですが、 ある事に手を …

no image

デザインのこだわり【妥協】

ここだけは妥協できない! デザインの質が問われる? そもそも妥協の意味 妥協は一方もしくは双方が譲る事をあらわす言葉です 各ページにイメージをつけるために 三日ほどかけて アイコンとそのメニューのイメ …

no image

ホームページのアドレスはローマ字にするべきなのか?【URL】

まずはURlとはインターネットにある情報の場所の表記方法をあらわしています ホームページを持つときに、 それに伴い 一緒に持つことになるのがホームページのサイトのアドレスとなります。 そのアドレスには …

間違いやすい番号は避ける

ホームページを作っていて フォルダやファイルなどを作る際の名前には アルファベットのエルやオーは なるべく避けるようにしています。 アルファベットのエルは数字のイチと間違いやすいですし オーはゼロと間 …

no image

良い記事を作ろうという思い

グーグルに見捨てられたらどうしよう? グーグルからそっぽを向かれたらどうしよう? などと考えることがあります。 いつもグーグルにおびえながらサイトを作成する毎日です。 日本の検索は、グーグルが圧倒的な …

no image

プレゼン力で差をつける【レクチャー】

まずレクチャーとは、講演や講義、説明を行う人を指す言葉です ホームページを作る際に、 有益な情報を載せることが、大事となってきます。 でも有益な情報でも、先に作ってるサイトがあった場合に どうしてもあ …

no image

オリジナルな記事を作る

グーグルと相性の良いページを作るのであれば オリジナルな記事を作成しなくてはなりません。 私のサイトの中での内容で 唯一、誰が見てもオリジナルだという記事があります。 それは、「車中泊」をテーマにした …

常に役立つ情報を探す癖

常に役に立つ情報を探すようになってきています。 これは、役に立つであろうか? そう考えながら、新聞やテレビから情報を得る癖がついています。 久しぶりに新聞の番組欄を見ていると 「聖闘士星矢」と言った昔 …

Copyright© 知識は積み重ね , 2017 All Rights Reserved Powered by STINGER.