webデザイン独学【無料】価格表などを作成する方法!テーブルタグを使いこなそう。

ホームページに会社概要や価格表、ショッピングサイトなら商品の詳細欄など「」を作ることがあります。その際に利用するHTMLがテーブルタグです。少し取っ付きにくいかもしれませんがテーブルタグは使うことが多いので紹介します。

“webデザイン独学【無料】価格表などを作成する方法!テーブルタグを使いこなそう。” の続きを読む

webデザイン独学【無料】ホームページにYouTube動画やMP3音源を埋め込む方法!(HTML編)

ホームページやWEBサイトに動画ファイルを掲載したい場合がありますよね!例えば飲食店だと料理や店内の動画を乗せることで、お客様がその様子をみて来店してくれるキッカケになります。ネットショップでも動画で紹介することで商品の特徴を分かりやすく伝えることができます。そのほか、趣味に特化したWEBサイトもコミュニティを広げるために動画というコンテンツがとても役に立ちます。ここではYouTube動画MP3の音源をHTMLファイルに埋め込む方法を紹介します。

“webデザイン独学【無料】ホームページにYouTube動画やMP3音源を埋め込む方法!(HTML編)” の続きを読む

webデザイン独学【無料】ホームページのバナー画像にリンクを指定する方法

バナーとはウェブページの広告画像にアンカーリンクを設定するボタンです。クリックすることで紹介したいコンテンツページや別のサイトへ画面遷移します。視覚的な画像で訴求することでユーザーへの興味を持たせる意味合いが強い要素です。lesson13ではテキストにリンクを指定する方法を説明しましたが、今回は画像アンカーリンクを設定する「バナー」についてお伝えしたいと思います。

“webデザイン独学【無料】ホームページのバナー画像にリンクを指定する方法” の続きを読む

webデザイン独学【無料】ホームページで画像を表示させるHTMLタグ。

お店のホームページなどの場合、カメラで撮った写真を掲載することで店内の雰囲気を伝える事ができます。飲食店では美味しそうな料理画像を掲載することで訪問してもらえる可能性が高まります。スマートフォンが普及した現代では綺麗な画像で伝えることは、とても大切な要素です。ここではホームページに画像を表示するためのイメージタグを紹介します。

“webデザイン独学【無料】ホームページで画像を表示させるHTMLタグ。” の続きを読む

webデザイン独学【無料】目次で御用達!ページ内の特定した場所にリンクを指定する方法。

ホームページやウェブサイトを構築していると、特定したページ内の箇所にアンカーリンクを設定したい場合があります。テキストをクリックすると指定した箇所まで一気にジャンプします。閲覧するエンドユーザに向けたユーザビリティ要素です。ブログの目次などに多様されるようになりました。

“webデザイン独学【無料】目次で御用達!ページ内の特定した場所にリンクを指定する方法。” の続きを読む

webデザイン独学【無料】ホームページのメニューや画像にリンクを指定するアンカータグ

ホームページではボタンをクリックすることで別ページに画面遷移します。同じサイト内であっても外部サイトでも「アンカータグ」を使って指定します。ここではナビゲーションメニューなどを作成するアンカータグについて説明します。

“webデザイン独学【無料】ホームページのメニューや画像にリンクを指定するアンカータグ” の続きを読む

webデザイン独学【無料】メニューや箇条書きで利用するリストタグ。

ここではメニューや箇条書きで使う「リスト」タグを説明します。分かりやすく例えると目次のような文章を作成したいときに指定するタグです。その他メニューボタンなどにも使います。

“webデザイン独学【無料】メニューや箇条書きで利用するリストタグ。” の続きを読む

webデザイン独学【無料】ホームページの文章で「重要」なワードを強調するstrongタグ。

ホームページで文字を書く時にはpタグで文章を記述することをお伝えしました。文章内の文字を強調したいときに使うstrongタグ少し注意が必要なポイントがあります。ここではホームページの文章で「重要」なワードを強調するタグ!についてを説明します。

“webデザイン独学【無料】ホームページの文章で「重要」なワードを強調するstrongタグ。” の続きを読む