スマートフォン対応を基に検索結果へ反映される Googleがモバイルファーストインデックス・・・横文字でわかりにくいですね。 スマートフォンなどの携帯端末に最適化されたホームページを評価の主軸にして、順位を付けるように仕 […]
Web制作スタッフのブログ
HTMLを見やすく整えて、Webページ更新を効率化
HTMLを見やすく整えよう HTMLを書いていくと、要素がどんどんと入れ子に状になって更新したい箇所がわかりにくくなってしまいます。 なんとか見つけて編集できても、不用意にHTMLタグを消してしまって、Webページがきち […]
ホームページ内の見出しを設定する
見出しをhタグを使ってつける 文章はまとまりごとに見出しがあるととても見やすくなります。 見出しはh要素を使い、h1、h2、h3、h4、h5、h6の6種類があります。 h要素はh1から使い、数字の小さいほど重要度が上がっ […]
自分のアドレスから送られてきた迷惑(スパム)メール
自分のメールアドレスから迷惑メールが送られてきた このところ迷惑メールも巧妙になってきました。 以前であれば明らかにおかしな日本語となっているメールや、メールアドレスが意味不明な物が多く、少し見ればこれとわかる特徴があり […]
ホームページのタイトルを設定する
ページについて、一言で表せるようなタイトルをつけよう ページタイトルはhead要素の中にtitle要素を書いて設定します。title要素に入れた文言がページタイトルとなります。 書き方は「<title>」タグ […]
CSSの文法とホームページに適用させる3つの方法
CSSの文法 HTMLに文法があったように、CSSにも文法があります。 例えばp要素にCSSでデザインをしたい場合、まずは下のように書きます。 p {} このように装飾したい要素を指定して、「{}」(波括弧)の内側に装飾 […]
ホームページのタイトル(表題)をページ毎に最適化しよう
タイトルの役割 ホームページのタイトルは、検索エンジンの検索結果で表示されるので、情報を探している人にとってホームページを探す重要な要素になります。 ページタイトルはページの内容を簡潔に表すものを設定しましょう。 検索す […]
英語サイトで気を付けておきたい記号【〇×-】
日本とは解釈の異なる記号に注意 街中にあふれる様々な記号、記号の表記ひとつで様々な状態を表すのに便利ですね。 そんな記号ですが、日本と海外では見た人の捉え方が全く異なるものがあるんです。 日本では決定・良し・有りなど、肯 […]
ホームページ制作で使用頻度の高いHTMLタグ
ホームページでよく使われるHTMLタグ div要素 複数の要素をまとめる時によく使われます。 まとめたい要素の親要素となるように、<div>と</div>で囲んで使います。 div要素でまとめた前 […]
ホームページと紙面で異なる!?写真のカラーモードについて
ホームページと紙面では色の再現方法が異なる 色には3原色というものがあり、「光の3原色・色の3原色」なんて聞いたことありませんか? 美術の授業で教えてもらったアレです。 光の三原色はR(レッド)G(グリーン)B(ブルー) […]
CSSを使ってホームページをデザインする
ホームページのデザインにはCSSを使う HTMLで作ったホームページは、なんだか味気ないですよね。 それもそうです、デザインが入っていないからなんです。 情報を見やすくしたい。イメージを伝わるようにしたい。などなど、デザ […]
ホームページの多言語化対応について
Webに関わらず、どの業界もグローバル化が進んでいます。特にWeb業界は他の分野と比べ、インターネットというどこからでも見る事のできる環境にあるということもあり、他のどの分野よりもグローバル化が進んでいます。 日本語で書 […]
WEBという媒体での乗算処理のあれこれ
色合いを掛け合わせる乗算処理 乗算といえば思い浮かぶのは・・・算数のかけ算でしょうか。画像加工での乗算も似たようなものです。 二つの画像を掛け合わせ、画像が重なった部分の色味を変化させる時に使います。 これがまた非常に便 […]
ホームページ制作で使われる単位「px」について
px(ピクセル)とはディスプレイの細かな点のこと Web制作の場面でよく使われる単位「px(ピクセル)」 よく聞くけれど、それはいったい何?何センチなの?といった疑問のある方も多いのではないでしょうか。 今回は「px(ピ […]
googleマイマップを埋め込むときに縮尺・位置を調整する方法
GoogleMapのマイマップとは GoogleMapって便利ですよね。 建物名や住所を入れるだけでその位置にピンが立ち、場所を知らせてくれます。 またホームページにも埋め込むことができたり、リンクを知らせて共有できたり […]
丸囲み文字や旧字体など、環境依存文字は注意が必要
環境依存文字ってなに? 半角カタカナや丸囲み文字、ローマ数字、単位、旧字体などの文字のことです。 パソコンのOSなどの環境に依存してしまう文字なので、全く異なる環境で見た時に同じように表示されず、文字化けする要因となりま […]
googleアナリティクスで目標の達成率(コンバージョン率)を計測する
WEBサイトの効果を数値で確認 公開してはみたものの、どれくらい効果がでているのだろう・・・こんな疑問を持っている方が多いのではないでしょうか。 WEBサイトは公開してからが本番です。作って終わるのは「WEBサイト制作」 […]
brをdisplayで隠した時に空白ができる原因と対策
br要素を使った改行には問題がたくさん PCページの時はbr要素を使った改行をCSSのdisplay:none;で消したりはしませんが、レスポンシブWEBデザインで作成したページの場合、PCで見た時とスマートフォンで見た […]