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

「Font Awesome」の利用の準備

全333コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
「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 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 2,990
発売日:2015年06月09日

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

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

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