これまで紹介したHTMLタグにはそれぞれ役割があり意味を持っています。しかし中には意味を持たないHTMLタグの要素も存在します。その一つがspan(スパン)タグです。このspanタグには意味を何も持ち合わせていません。どちらかというとCSSの装飾のために存在するタグです。ここではそのspan(スパン)タグの使い方について説明します。
“webデザイン独学【無料】装飾に便利なspanタグ。” の続きを読むwebデザイン独学【無料】CSSスタイルの適用方法とセレクタの種類。
レイアウトやデザインを担うCSSには「セレクタ」と呼ばれる種類が存在します。そのセレクタに対してCSSを指定します。そうすることで文字の大きさを変化させたり、色を付けたりデザインすることができます。今回はそのセレクタについて紹介します。
“webデザイン独学【無料】CSSスタイルの適用方法とセレクタの種類。” の続きを読むwebデザイン独学【無料】スタイルシートCSSの記述場所と適用方法!
スタイルシートはHTMLファイルとは別に外部ファイルを作成します。その他HTMLファイルへ直接記述する方法もありますが、外部ファイルとして記述する方が良いとされています。ここではスタイルシートの適用方法と位置関係を説明します。
“webデザイン独学【無料】スタイルシートCSSの記述場所と適用方法!” の続きを読むwebデザイン独学【無料】スタイルシートについて。WEBデザインを担うCSS編
これまではホームページの骨組みであるHTMLについてお伝えしてきました。これよりデザイン性を担うCSSも含めて説明をしていきます。CSSはHTMLに洋服を着せるようなイメージです。レイアウトや文字色などデザインを行うために必要なスタイルシートについて説明します。
“webデザイン独学【無料】スタイルシートについて。WEBデザインを担うCSS編” の続きを読むwebデザイン独学【無料】価格表などを作成する方法!テーブルタグを使いこなそう。
ホームページに会社概要や価格表、ショッピングサイトなら商品の詳細欄など「表」を作ることがあります。その際に利用するHTMLがテーブルタグです。少し取っ付きにくいかもしれませんがテーブルタグは使うことが多いので紹介します。
“webデザイン独学【無料】価格表などを作成する方法!テーブルタグを使いこなそう。” の続きを読むwebデザイン独学【無料】ホームページにYouTube動画やMP3音源を埋め込む方法!(HTML編)
ホームページやWEBサイトに動画ファイルを掲載したい場合がありますよね!例えば飲食店だと料理や店内の動画を乗せることで、お客様がその様子をみて来店してくれるキッカケになります。ネットショップでも動画で紹介することで商品の特徴を分かりやすく伝えることができます。そのほか、趣味に特化したWEBサイトもコミュニティを広げるために動画というコンテンツがとても役に立ちます。ここではYouTube動画やMP3の音源をHTMLファイルに埋め込む方法を紹介します。
“webデザイン独学【無料】ホームページにYouTube動画やMP3音源を埋め込む方法!(HTML編)” の続きを読むwebデザイン独学【無料】ホームページのバナー画像にリンクを指定する方法
バナーとはウェブページの広告画像にアンカーリンクを設定するボタンです。クリックすることで紹介したいコンテンツページや別のサイトへ画面遷移します。視覚的な画像で訴求することでユーザーへの興味を持たせる意味合いが強い要素です。lesson13ではテキストにリンクを指定する方法を説明しましたが、今回は画像にアンカーリンクを設定する「バナー」についてお伝えしたいと思います。
“webデザイン独学【無料】ホームページのバナー画像にリンクを指定する方法” の続きを読むwebデザイン独学【無料】ホームページで画像を表示させるHTMLタグ。
お店のホームページなどの場合、カメラで撮った写真を掲載することで店内の雰囲気を伝える事ができます。飲食店では美味しそうな料理の画像を掲載することで訪問してもらえる可能性が高まります。スマートフォンが普及した現代では綺麗な画像で伝えることは、とても大切な要素です。ここではホームページに画像を表示するためのイメージタグを紹介します。
“webデザイン独学【無料】ホームページで画像を表示させるHTMLタグ。” の続きを読む