全国5万人が受講している「サイタ」

ホームページ作成・作り方講座

ホームページ作成・作り方講座を選ぶ

初回60分無料体験OK

まずは60分の体験レッスンからスタート。
無料で実際のレッスンを体感できます。

月々4,900円〜の低料金

先生ひとりじめの個人レッスンを、この価格でご提供。レッスンは全てプライベート形式の60分間です。

通わない月は0円

曜日と時間を選べるので、
無理なくマイペースに通えます。

詳しくはこちら

Web・デザインスクールホームページ作成講座東京 初心者歓迎ホームページ作成講座 スクールブログ 最初は隠れてる...

最初は隠れてるけど、とっても大事!!拡張子について

今日は、ホームページ制作をする際に、意識しておく必要のある、ファイルの拡張子に関してです。

拡張子とは、ファイルの種別を表す物で、ファイル名の後ろに「.(ドット)」で区切ったアルファベットで表されます。


■-□-■-□-■-□-■-□-■-□-■
ホームページ制作時によく見る拡張子
■-□-■-□-■-□-■-□-■-□-■
各々のファイルの特徴は、また別の記事で紹介するとして、
ここでは、ホームページ制作時に良く使う拡張子(ファイル)を紹介します。

「.html」
HTMLのファイルです
ホームページの文章構造を記述します。

「.css」
CSSのファイルです
ホームページのレイアウト等、デザインを整えるのに使います。

「.js」
Javascriptのファイルです
ホームページ上の、写真のスライドなど、画面を動かしたりするのに使います。

「.php」
PHPのファイルです
サーバーで動くプログラムファイルです。

「.jpg」
JPEGのファイルです
ホームページで使う画像のファイルです。

「.gif」
GIFのファイルです
ホームページで使う画像のファイルです。

「.png」
PNGのファイルです
ホームページで使う画像のファイルです。

「.swf」
フラッシュのファイルです

「.svg」
ホームページで使うベクトルデータのファイルです。

他にも、デザインデータ等を含めると、沢山あります。


■-□-■-□-■-□-■-□-■-□-■
拡張子が表示されない?
■-□-■-□-■-□-■-□-■-□-■
windowsのパソコンを買ったままの状態だと、拡張子が表示されません。
ホームページ制作を行うときは、必ず拡張しを表示させる設定に直す必要があります。

<拡張子を表示させる方法>
1.windowsの左下のスタートボタンをクリックして、コントロールパネルをクリック。

2.「デスクトップのカスタマイズ」をクリック

3.「フォルダオプション」をクリック

4.真ん中の「表示」のタブをクリック

5.詳細設定から、「登録されている拡張子は表示しない」のチェックをはずす

以上が、windowsで、拡張子を表示させる方法です。


■-□-■-□-■-□-■-□-■-□-■
まとめ
■-□-■-□-■-□-■-□-■-□-■
ホームページを作るには、様々なファイルが必要です。
その様々なファイルは、拡張子で種類分けされています。
全ての拡張子を知る必要はありませんが、ホームページを作るなら、
上記に記述した拡張子は意識しておいた方が良いでしょう。

また、パソコンの設定で、拡張子は表示させておきましょう。


■-□-■-□-■-□-■-□-■-□-■
今日の出来事
■-□-■-□-■-□-■-□-■-□-■
今日は、朝起きた時暑かったので、半袖のワイシャツで仕事に向かったのですが、
夜になって、急に涼しくなりましたね。。。。
ちょっと寒いです(笑)

もう秋も本番だなぁなんて、思う今日この頃です。


■-□-■-□-■-□-■-□-■-□-■
石川健太(イシカワケンタ)
無料体験はこちら

記事の一覧ページはこちら

こちらでも、webサイト制作に関しての情報を書いています。
webサイト作成方法の紹介ページ
■-□-■-□-■-□-■-□-■-□-■

 

(2014年9月17日(水) 20:28)

前の記事

次の記事

この記事を書いたコーチ

250名以上の生徒を指導!テキスト通りにいかないケースも論理的に説明

初心者歓迎ホームページ作成講座
石川健太 (ホームページ作成)

新宿・新大久保・高田馬場・目白・池袋・初台・幡ヶ谷・笹塚・明大前・下高井戸・桜上水・...

ブログ記事 ページ先頭へ