WebデザイナーのためのCSS3 実践講座

「Font Awesome」の利用の準備

LinkedInラーニングの無料トライアルを今すぐ試そう

無料で視聴する すべての加入プランを見る
「Font Awesome」の利用にあたっての準備の方法について、ご紹介致します。
講師:
02:47

字幕

このレッスンでは フォントオーサムの 利用に当たっての準備の方法について― 解説していきます まずはダウンロードしてきたこちらの prepare-font-awesome― というフォルダの中に入っているこちらの index.html ファイルと― style.css ファイルを エディタで開いて下さい そして これがそれらのファイルを 開いた状態です これらのファイルを使って今回の レッスンの解説を進めていきたいと思います それでは 早速レッスンを始めていきましょう まずは ブラウザにてフォントオーサマの ウェブサイトに移動しましょう これがフォントオーサムの ウェブサイトとなりますね まずはこちらのダウンロードボタンの方から フォントオーサムのファイルを― ダウンロードしてきます ダウンロードしてきたファイルは zip ファイルとなっていますので― その zip ファイルを解凍して そして 始めにダウンロードしてきた― index.html と style.css と同じフォルダの中に― そのフォルダを設置します これがそのフォルダを設置した状態ですね ダウンロードしてきたフォントオーサムの フォルダ名には バージョン名が― このフォントオーサムの後に入っていますので そちらを消してこのように― font-awesome という フォルダ名にしておくと 良いでしょう ここまで出来ましたら フォントオーサムの ウェブサイトの方に戻ります そして こちらの上部のメニューの Get Started ― というリンクをクリックします すると このようなページに移動してきます このページが表示されたら 中頃をみてみます こちらの部分です EASY: Default CSS と 書かれている部分ですね こちらに記載されているこちらのリンクタグ― これをそのままコピーしてください そして これを index.html に 貼り付けます それでは エディタに移動します これが index.html ファイルですね こちらの ヘッド (header) タグの 中にこのように― 先程コピーしてきたリンクタグを貼り付けます このリンクタグを貼り付けたら 必ず href の中のファイルまでのパスを― ご自身の環境に合わせるように 書き換えてください これでフォントオーサムの 利用の準備が完了致しました 以上でレッスンは終了です 今回はフォントオーサムの利用に当たっての 準備の方法についてご紹介致しました 以降のレッスンでは フォントオーサムの 基本的な使い方について― ご紹介していきますので そちらも合わせてご覧下さい

WebデザイナーのためのCSS3 実践講座

このコースでは、実際にWebデザインを行うときに頻繁に利用するCSS3の新機能と使い方を解説します。具体的にはWebフォント機能やFont Awesomeを使ったアイコンの表現方法、マルチカラムレイアウトや丸角ボックスの作成方法、アニメーションができるトランジション機能やトランスフォーム機能について紹介します。

2時間15分 (29 ビデオ)
現在、カスタマーレビューはありません…
ソフトウェア・トピック
プラン加入者限定
発売日:2015年06月09日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。