Webデザイン入門 はじめてのコーディング 〜全7回で制作するサイトのコーディング工程確認〜

■ Webデザイン入門 0から自分でコーディング！~スマホサイト編~(全7回)1回目

はじめてコーディングを学ぶ方から、HTML入門（全3回）を見て少しコーディングに触れた方など、コーディング初心者を対象としています。
シリーズ7回通してできるようになる事はgoogle推奨のモバイルフレンドリーな開発環境を整え、スマホサイトを完成させる事です。
なお、このシリースで制作したスマホサイトは次のシリーズでtabletやPCなどデバイズごとにデザインが切りかわるレスポンシブサイト制作実践へと続きます。
『Webデザイン入門 0から自分でコーディング！ ~スマホサイト編~』第1回目は、Webフロントエンドの開発環境を自分のPCに作ってしまうという授業です。

授業に臨むPCに以下のご準備をお願いします。

【拡張子の表示】
拡張子とは、ファイルの種類（画像ファイル、テキストファイル、htmlファイルなどを拡張して識別します）を識別するための符号です。これが表示されていなければWebページを構成している各種ファイルの識別ができません。以下リンクを参照されて拡張子を表示しておいてください。

• Windows 7の場合
• Windows 8の場合
• Mac の場合

【使用エディターのインストール】
このコースではSublimeTextというエディターを使用します。最新版はSublimeText3ですがOSのバーションによってはSublimeText2しかインストールできません。どちらでも構いませんので授業に使用するPCにインストールをしておいてください。

• http://www.sublimetext.com/

このエディタはパッケージコントロールをインストールする事により、数々の便利な拡張機能やプラグインを導入する事ができますが、このシリーズでは使用しません。パッケージコントロールやプラグインのインストールしたい場合は以下の授業を見ながら慎重に行ってください。（高度な授業になりますのでこのシリースでは不要です）

• https://schoo.jp/class/1665