サイタ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)

前の記事

次の記事

目的・種類別にホームページ作成・作り方講座を探す

新着記事

今日はCMSに関して書いていきます。 一般的に、ブログの更新の様に、HTMLタグを知らなくても、 ホームページを更新していく事が出来る仕組みを、CMS(コンテンツマネジメントシステム)と呼びます。 企業が独自で開発したもの、有料の物、無料の物、色々あります。 現状一番人気で、世界的...

今日は、CSSの子孫セレクタと複数セレクタに関してです。 特に子孫セレクタは、HTMLのツリー構造をしっかり理解していないと、 使いこなす事が出来ないので、しっかり練習しましょう。 ■-□-■-□-■-□-■-□-■-□-■ HTMLのツリー構造とは? ■-□-■-□-■-□...

今日は、よく使うCSSのセレクタに関してです。 CSS3の登場で、非常に多くの、有用なセレクタが出てきて、とっても便利になりました。 とはいえ、一気に覚えるのは大変なので、まずは基本的な物を覚えていきましょう。 基本的なセレクト方法だけでも、工夫する事で大体のホームページは作れます。 ...

今日は、CSSの文法に関してです。 ルールをきちんと覚えてしまえば、さほど難しく無いので、是非覚えましょう ■-□-■-□-■-□-■-□-■-□-■ 「何に」、「何を」、「どうするか」 ■-□-■-□-■-□-■-□-■-□-■ CSSは、無理矢理日本語に翻訳するなら、 ...

今日は、HTMLの初心者が一番最初につまずきやすい、パスに関して書いていきます。パスにも、いくつかの種類がありますが、今回は、基本となる相対パスに関して書いていきます。 HTMLで画像等の外部ファイルを読み込むときは、「パス」という考え方をしていきます。 この「パス」の考え方は、HTM...

レッスン無料相談窓口のご案内

サイタでは、ホームページ作成レッスンに関する疑問に
専門カウンセラーがお電話にてご案内しております。
お気軽にご利用ください。

お電話相談窓口はコチラ

ブログ記事 ページ先頭へ