私の趣味

ゼロからのウェブサイトの立ち上げ

Making website

自分の手作りのホームページを持ちたいと思う人は多いと思います。しかし、無料ホームページは自分の思うようなデザインは難しい上に、広告がたくさんついています。それが無料との引き換えですから仕方ありません。それでは、自分の好きなようにホームページを作って自分自身のオリジナルのウェブサイトを立ち上げるにはどうしたらよいでしょうか。ホームページの作り方（htmlとCSS）を1から勉強して、高額なソフトを購入して、自分のドメインを有料で作って、その維持のために毎年契約料を支払って、レンタルサーバーを契約して作ったデータをアップロードして、というように、非常に手間がかかります。高いお金を支払ってホームページ作成会社に作ってもらいますか。私の場合はあまり余計なものがついていない見た目にシンプルなものを自分なりに作ってみたいと考えました。ですから、最初から市販のテンプレートは使わず、自分で本に書いてある通りにDreamweaverに入力していき、HTMLとCSSを１つ１つ勉強していきました。2011年3月25日から最初の本で勉強を始めたばかりですが、ゼロからの出発は予想以上に大変でした。しかし、やり方がわかってくるとだんだん面白くなってきました。ルールがわかってくると、テンプレートのソースを見てもどのようになっているのかわかってきました。しかしこればかりはセンスの問題もありますので、自己満足に終わりがちですが・・・・・・・。ゼロからのスタートで約2年経ち、ひとまずここまで来ましたが、さらに勉強して洗練されたものにするために、現在も随時更新しています。そこで、私なりにゼロからのスタートでホームページを作成し、サーバーにアップするまでどのようにすればよいか、その経過を簡単に紹介したいと思います。しかし、今後、随時更新して肉付けしていきたいと思います。

ウェブページ作成

まずは、htmlとCSSの勉強から始めました。しかし、一番手っ取り早いのは、あまり手の込んでいないシンプルなお気に入りの市販のホームページテンプレート（書店で本を買うとCDがついていたり、ダウンロードできたりする）を分析してカスタマイズすることではないでしょうか。私はテキストエディターにDreamweaver CS5を使っていますが、このソフトのいろいろな便利な機能は使いこなしておらず、ソースコードを手入力で行い、書き直してはデザインがどうかわるかを地道に見ていき、ソースコードの意味を把握していきました。これにより、ブラックボックス化せずに済みました。かなり根気のいる作業ですが、これをやることで、htmlやCSSの意味がだいぶ分かってきました。一度マスターしてしまえば、ホームページの更新などはさほど難しくないと思いますが、そこまで到達することは並大抵のことではないことは確かです。それと更新することによる継続でしょうか。

ドメインの取得

私の場合はFC2でドメインを取得しました（有料）。

レンタルサーバの契約

レンタルサーバーはFC2レンタルサーバーLiteと契約しました（有料）。アップロードする時に使うソフトウェア（FTPツール）は自分で準備する必要はありませんでした。

ホームページ作成に使っているソフトウェア

・ADOBE DREAMWEAVER CS5
・ADOBE PHOTOSHOP ELEMENTS 8
・ADOBE ILLUSTRATOR CS4

これまで使った本（購入の時系列順）

デジタルハリウッド 著,　デジハリデザインスクールシリーズ　Webデザイン HTML & Dreamweaver CS5,　技術評論社.

水津弘幸,　石井歩,　C&R研究所 著,　HTML + CSS HANDBOOK 3rd Edition,　SoftBank Creative.

林大輔 著,　ガレリアCSS　プロに学ぶスタイルシートの定番デザイン,　SoftBank Creative.

鈴木憲治,　安藤健一,　小出範明 著,　Webサイト制作者のためのPHP入門講座,　技術評論社.

エビスコム 著,　HTML/XHTML&スタイルシートデザインブック,　ソシム.

渥美聡子 著,　CSS＋HTML Webレイアウト second すぐに使えるアートワーク,　技術評論社.

金城俊哉 & 秀和システム第一出版編集部 著,　Adobe Dreamweaver CS5パーフェクトマスター,　秀和システム.

外間かおり 著,　HTML & スタイルシート レイアウトブック 3rd Edition,　ソーテック社.

栗原明則 著,　速習WEBデザイン　改訂第3版　HTML & スタイルシート,　技術評論社.

エビスコム 著,　HTML5 & CSS3 ステップアップブック,　ソシム.

狩野祐東 著,　Web制作のためのHTML5入門 PC/スマートフォン/タブレット 対応,　SoftBank Creative.

2013年9月11日に下記の本を買ってきました。

山口有由希＋坂本可南子＋梶嶋えりか 著, おしゃれなWebサイトテンプレート集　すぐに使えてカスタマイズ自由なHTML＋ CSSデザイン, 技術評論社.

2013年9月27日に下記の本を買ってきました。

ユルユラデザイン, 奥山寿史 著,　空いた時間ですぐに作れるおしゃれなネットショップのデザイン[テンプレートコレクション],　マイコミ（毎日コミニュケーションズ） Creative.

2013年10月4日に下記の本を買ってきました。

渥美聡子 著,　CSS＋HTML Webレイアウト 3rd すぐに使えるアートワーク, 技術評論社.

2014年5月23日に下記の本を買ってきました。

藤井慎二郎 著,　Google上位表示64の法則, ASCII.

2015年1月1日に下記の本を買ってきました。

螺旋デザイン[佐藤とも子, 佐藤サチコ] 著,　おしゃれなホームページのテンプレート　パーフェクトコレクション, エムディエヌコーポレーション.

2015年3月5日に下記の本を買ってきました。

山崎大助 著,　レスポンシブWebデザイン 「超」実践デザイン集中講義　パーフェクトコレクション, SB Creative.

2015年10月9日に下記の本を買ってきました。

瀬口理恵 著, 人を惹きつける美しいウェブサイトの作り方 人に伝わるデザインと制作のレッスン, SB Creative.

写真撮影に必要なもの

・デジカメ

使っているパソコン

・MacBook Pro 2.53GHz Intel Core 2 Duo 13" (MB991J/A MacBook Pro 13インチ 第2世代 - Mid2009)
・MacBook Pro 2.5GHz Dual-Core Intel Core i5 13インチ (MD101J/A MacBook Pro 13インチ 第3世代 - Mid2012)