文章に段落を付けたり、改行する ホームページに文章を入力するには、WordやExcel、メモ帳などの文章作成ソフトやブログ、メールで文字を入力するのと同じように、body要素に書き込むことで表示されます。ですが改行したい […]
ホームページ制作
新潟市 文泉堂株式会社さま
今回は新潟市中央区女池にある文泉堂(ぶんせんどう)様のホームページをご紹介いたします。 創業明治30年の歴史がある文泉堂様は住宅・マンションのリフォーム専門店として年間200件以上、新潟県内のリフォーム工事を行っています […]
HTMLを見やすく整えて、Webページ更新を効率化
HTMLを見やすく整えよう HTMLを書いていくと、要素がどんどんと入れ子に状になって更新したい箇所がわかりにくくなってしまいます。 なんとか見つけて編集できても、不用意にHTMLタグを消してしまって、Webページがきち […]
ホームページのタイトルを設定する
ページについて、一言で表せるようなタイトルをつけよう ページタイトルはhead要素の中にtitle要素を書いて設定します。title要素に入れた文言がページタイトルとなります。 書き方は「<title>」タグ […]
CSSの文法とホームページに適用させる3つの方法
CSSの文法 HTMLに文法があったように、CSSにも文法があります。 例えばp要素にCSSでデザインをしたい場合、まずは下のように書きます。 p {} このように装飾したい要素を指定して、「{}」(波括弧)の内側に装飾 […]
ホームページのタイトル(表題)をページ毎に最適化しよう
タイトルの役割 ホームページのタイトルは、検索エンジンの検索結果で表示されるので、情報を探している人にとってホームページを探す重要な要素になります。 ページタイトルはページの内容を簡潔に表すものを設定しましょう。 検索す […]
英語サイトで気を付けておきたい記号【〇×-】
日本とは解釈の異なる記号に注意 街中にあふれる様々な記号、記号の表記ひとつで様々な状態を表すのに便利ですね。 そんな記号ですが、日本と海外では見た人の捉え方が全く異なるものがあるんです。 日本では決定・良し・有りなど、肯 […]
ホームページ制作で使用頻度の高いHTMLタグ
ホームページでよく使われるHTMLタグ div要素 複数の要素をまとめる時によく使われます。 まとめたい要素の親要素となるように、<div>と</div>で囲んで使います。 div要素でまとめた前 […]
新潟市 ストックヤードさま
革製品を専門とする新潟市中央区の革工房ストックヤード様のWebページになります。 バッグやウォレット、アクセサリーなど革製品の販売の他、革の種類から色、大きさや使用する糸の色までを細かく指定できるオーダーメイドにも対応、 […]
ホームページと紙面で異なる!?写真のカラーモードについて
ホームページと紙面では色の再現方法が異なる 色には3原色というものがあり、「光の3原色・色の3原色」なんて聞いたことありませんか? 美術の授業で教えてもらったアレです。 光の三原色はR(レッド)G(グリーン)B(ブルー) […]
新潟市 有限会社堀周商店さま
新潟市の創業大正15年、歴史ある越後味噌の製造元である有限会社堀周商店様のWebサイトです。 明るい色合いかつ落ち着きあるデザインで、トップページのスライド画像に味噌樽をイメージしたメニューを配置、視点の集まりやすい場所 […]
上越市 株式会社工藤工業さま
ホームページ制作事例:新潟県上越市 株式会社工藤工業様 今回は新潟県上越市の工藤工業様のホームページをご紹介いたします。 最近ではあまり前にすらなりつつあるレスポンシブWEBデザインでの制作です。白を基調として、イメージ […]
CSSを使ってホームページをデザインする
ホームページのデザインにはCSSを使う HTMLで作ったホームページは、なんだか味気ないですよね。 それもそうです、デザインが入っていないからなんです。 情報を見やすくしたい。イメージを伝わるようにしたい。などなど、デザ […]
ホームページの多言語化対応について
Webに関わらず、どの業界もグローバル化が進んでいます。特にWeb業界は他の分野と比べ、インターネットというどこからでも見る事のできる環境にあるということもあり、他のどの分野よりもグローバル化が進んでいます。 日本語で書 […]
WEBという媒体での乗算処理のあれこれ
色合いを掛け合わせる乗算処理 乗算といえば思い浮かぶのは・・・算数のかけ算でしょうか。画像加工での乗算も似たようなものです。 二つの画像を掛け合わせ、画像が重なった部分の色味を変化させる時に使います。 これがまた非常に便 […]
ホームページ制作で使われる単位「px」について
px(ピクセル)とはディスプレイの細かな点のこと Web制作の場面でよく使われる単位「px(ピクセル)」 よく聞くけれど、それはいったい何?何センチなの?といった疑問のある方も多いのではないでしょうか。 今回は「px(ピ […]
丸囲み文字や旧字体など、環境依存文字は注意が必要
環境依存文字ってなに? 半角カタカナや丸囲み文字、ローマ数字、単位、旧字体などの文字のことです。 パソコンのOSなどの環境に依存してしまう文字なので、全く異なる環境で見た時に同じように表示されず、文字化けする要因となりま […]
brをdisplayで隠した時に空白ができる原因と対策
br要素を使った改行には問題がたくさん PCページの時はbr要素を使った改行をCSSのdisplay:none;で消したりはしませんが、レスポンシブWEBデザインで作成したページの場合、PCで見た時とスマートフォンで見た […]