HTMLとCSSについて

htmlとcss3 2019.09.24

星マークを使ったレートをCSSで表現する

星マークを使ったレートをCSSで表現する

レビューサイトで見かける★を使った表現 商品を買う時、お店を選ぶ時に必ずといっていいほどチェックするレビューサイト。 実際に買ったり、お店に行ってサービスを受けた方の感想が書かれていたり、店内の雰囲気が写真を使って説明さ […]

htmlとcss3 2019.09.12

画面内に入った時にclassを付与する

画面内に入った時にclassを付与する

アニメーションを付ける時に役立つ CSSアニメーションを作っても、意図したタイミングで見てもらえなければ意味がありません。 ページを開いた時にスグ目につく場所であればそれほど困りませんが、ページの下に行くほどどうしていい […]

htmlとcss3 2019.08.27

remを使って文字のサイズを設定しよう

remを使って文字のサイズを設定しよう

様々な端末に対応させる為にも簡単な設定をしよう パソコン、タブレット、スマートフォンと、多様な端末でホームページを閲覧する時代です。 それに合わせて、ホームページもレスポンシブWEBデザインという作り方でどの端末からでも […]

htmlとcss3 2019.07.23

CSSを使ってページに動きを持たせる

CSSを使ってページに動きを持たせる

アニメーションはCSSで作れる! よくWebサイトを閲覧していて、要素がフェードインで浮き上がってきたり、左右から出て来りする物を目にするようになったような気がします。 これらは以前からありましたが、最近ランディングペー […]

htmlとcss3 2019.05.15

EmmetをつかったCSSコーディング

Emmetを使ったCSSコーディング

Emmetを使ったページ作成について 以前ご紹介した「VSCode」 あれから色々と試してみましたが、なかなかクセが抜けきれないので手動入力で全文を書いてしまいます・・・ 数年間続けた習慣はなかなか抜けませんね・・・ 使 […]

htmlとcss3 2019.02.14

背景画像の指定について

背景画像の指定について

CSSを使って背景に入れた画像を調整する 要素の背景には色や画像を入れる方法について以前紹介しました。(第20回:ホームページの文字・背景に色を付けるには) 実際に背景に画像を入れると、繰り返して表示されたり、背景画像の […]

htmlとcss3 2018.12.19

counterを使って自動ナンバリングを付ける

counterを使って自動でナンバリングを付ける

list-styleでもできるけど使いにくい!そんなアナタへ リスト表示にした際、1から順に先頭に数字を設けるデザインをする事がありますが、list-styleで数字を振っていくと、なんだか装飾しにくくてイライラする事が […]

htmlとcss3 2018.11.06

HTMLの基本と必ず書かなければならないもの

HTMLの基本と必ず書かなければならないものについて

トップページのファイル名は必ずindex.html ホームページを作るときにはページ毎にファイル名を付けますが、トップページのファイル名はなんでもいいか。とはなりません。 トップページは必ずindex.htmlをファイル […]

htmlとcss3 2018.10.15

ホームページに文章を入力する・改行する

【ホームページ制作】文章を入力・改行する

文章に段落を付けたり、改行する ホームページに文章を入力するには、WordやExcel、メモ帳などの文章作成ソフトやブログ、メールで文字を入力するのと同じように、body要素に書き込むことで表示されます。ですが改行したい […]

htmlとcss3 2018.10.04

HTMLを見やすく整えて、Webページ更新を効率化

HTMLを見やすく整えてWebページ更新を効率化する

HTMLを見やすく整えよう HTMLを書いていくと、要素がどんどんと入れ子に状になって更新したい箇所がわかりにくくなってしまいます。 なんとか見つけて編集できても、不用意にHTMLタグを消してしまって、Webページがきち […]

htmlとcss3 2018.09.29

ホームページ内の見出しを設定する

Webサイトのページ内の見出しを設定する

見出しをhタグを使ってつける 文章はまとまりごとに見出しがあるととても見やすくなります。 見出しはh要素を使い、h1、h2、h3、h4、h5、h6の6種類があります。 h要素はh1から使い、数字の小さいほど重要度が上がっ […]

htmlとcss3 2018.09.25

ホームページのタイトルを設定する

ページのタイトルについて

ページについて、一言で表せるようなタイトルをつけよう ページタイトルはhead要素の中にtitle要素を書いて設定します。title要素に入れた文言がページタイトルとなります。 書き方は「<title>」タグ […]

htmlとcss3 2018.09.19

CSSの文法とホームページに適用させる3つの方法

CSSの文法とホームページに適応させる3つの方法

CSSの文法 HTMLに文法があったように、CSSにも文法があります。 例えばp要素にCSSでデザインをしたい場合、まずは下のように書きます。 p {} このように装飾したい要素を指定して、「{}」(波括弧)の内側に装飾 […]

htmlとcss3 2018.09.10

ホームページ制作で使用頻度の高いHTMLタグ

ホームページ制作で使用頻度の高いHTMLタグについて

ホームページでよく使われるHTMLタグ div要素 複数の要素をまとめる時によく使われます。 まとめたい要素の親要素となるように、<div>と</div>で囲んで使います。 div要素でまとめた前 […]

htmlとcss3 2018.08.27

CSSを使ってホームページをデザインする

CSSを使ってホームページをデザインする

ホームページのデザインにはCSSを使う HTMLで作ったホームページは、なんだか味気ないですよね。 それもそうです、デザインが入っていないからなんです。 情報を見やすくしたい。イメージを伝わるようにしたい。などなど、デザ […]

新潟県内地域別ホームページ制作実績

弊社は、新潟県長岡市を中心に新潟県内全域に対応しております。
ホームページ制作・Webデザイン・インターネット戦略のご相談は、株式会社アテンドまで。

CONTACTお問い合わせ

ホームページ制作に関するご質問などございましたら、
お気軽にお問い合わせください。

※ブログ記事に関するご質問はお答えしかねます。

TEL:0258-31-5005FAX:0258-37-7301

ホームページ制作やSEOのお悩みはぜひ弊社へご相談ください