【旧刊】WordPressテーマ制作のみを取り扱った別冊電子書籍がAmazon Unlimitedでお楽しみ頂けます!!
Amazon Unlimited内で 田中勇輔 で検索してください。

☓ 閉じる

23Feb2012

[ネットショップの初め方] WEB制作の基本を学べるサイト

ネットショップを始めるにあたって「ゼロからサイトを作れる技術」が必要か?と言われると、まったくそんな事はありません。

サイト全体の製作は外注できますし、日々の運営はブログと同様にブラウザから変更するシステムがあります。

「じゃあHTML知識ゼロで良いんですか?」と聞かれると、僕はNOと言います。

車で例えると、アクセス・ブレーキ・ステアリング操作だけ学べば車は走りますが、給油の仕方や標識の意味を知らずに運転する人はいませんよね。
運転者はガソリンが切れる前に補給しなければいけませんし、標識を読めずに歩道を走ったら人を轢いてしまいます。

最初のサイト製作やシステム設定を外注して車が走り始めても、運営者が新商品の入荷をお知らせできなければガス欠を起こします。
先述の通りブラウザからサイト運営をするシステム(CMS)はありますが、最低限のHTML知識を身につけないと理想のレイアウトを実現することはできません。

とはいえHTML/CSSはとっても敷居の低い言語ですので「商品名を太字にしたい」だけなら1分で覚えられます。

今回はWEB製作の基本を学べるサイトと、ボタンなどパーツの作り方を紹介するサイトをまとめてみます。
是非ご活用ください。

HTML/CSSの基本が学べるサイト

とほほのWWW入門

【初級~上級】
とほほのWWW入門

超有名サイトです。僕も学生の頃このサイトでHTMLを学びました。
久しぶりに訪れてみたら、現在でも更新を続けておられる様でHTML5のプロパティリファレンスが完成していました。

ウェブデザインレッスン

【初級~上級】
webデザインレッスン

XHTMLの作られた経緯からCSSプロパティのリファレンスまで揃っています。
CSSで扱える色見本やカラー→コード変換など、色関係の情報が多いです。

Academic HTML

【初級~上級】
Academic HTML

こちらの作者は HTML3.2/4.0/XHTML1.1 と、歴代のチュートリアルを作成しておられます。
フォントについて説明しているサイトは意外と少ないですので、とても参考になります。

ひとりで学べるHTML講座

【超初級】
ひとりで学べるHTML講座

HTMLの書き方についてイラストでわかりやすく説明してくれます。

実作業に役立つサイト・チュートリアル

ここからはWEB製作に必要な各種パーツの作り方です。
Photoshopなど、webデザイン系のソフトが必要になります。

Photoshop ロゴワークショップ

【Photoshop】
Photoshopロゴワークショップ

Photoshopでの質感の出し方や文字の加工法など、いろいろ学べます。
チュートリアルも150種類以上用意されており、全部制覇したらかなりのスキルがつくはずです!
日本語圏で、これだけの量が一つのサイトにまとまっているチュートリアルはなかなかありません。

Photoshop VIP

【Phtoshop】
Photoshop VIP

Photoshopのまとめ記事や素材サイト紹介など、Photoshop関連情報が多いサイトです。

Fireworksマニア

【Fireworks】
Fireworksマニア

Fireworksのチュートリアルや無料素材配信など、Fireworks関連情報はこちら。

関連記事