webデザイン見習い中!!

webデザイン見習い中!!

見習いウェブデザイナーの奮闘日記です☆デザインで使えそうなネタのクリップ、製作中につまずいたコト、気になったコトなど。

Amebaでブログを始めよう!
とっても低レベルな話です…(汗)
今回ハマっちまったのはWordPressとDreamweaverとの連携でプレビュー表示が出来無ないってことでした。

wordpressなどのCMSを構築する場合XAMPPやMAMPなどでローカル環境を整えて
自作テーマ等を製作するとおもうんですが…設定してからindex.phpを開いてもエラーしちゃいます。
プレビュー画面には

"Fatal error: Call to undefined function: get_header()."

うーん…。

グーグルに聞いてみたところ、公式フォーラムに解決法ありました!
要するに、テーマファイル中のindex.phpじゃなくてWordPressインストールディレクトリ直下のindex.phpを開けよって話。
自分は静的なページ(html+css)ばかり作ってきたのでその感覚で
テーマファイルからアクセスしちゃったんですよね~。
もしかしたら自分のような事で?な状況になってる方もいるかもしれませんので
メモ程度に残しておきます。
こんにちわ、見習いウェブデザイナーRantです!
最近はジメジメ暑くってイヤになりますねぇ~。Rantの部屋は冷房が故障しちゃったんで、パソコン熱とのコンボで干物になりそうですよ(汗)

さて、今回は超初心者編として見習いウェブデザイナーに必要なツールを考えていきたいと思います☆

工程からツールを考えてみる

ウェブデザインの工程は以下のようなものがあります。

・デザイン前の考察(前回記事
・考察を基に画像や手書きでレイアウト(設計)をする
画像ソフトで外観をデザインする
・webとしてhtmlやcssの記述をする

…ざっくりとこんなトコロでしょうか。
実際にはもっと多くの要素を考えなければなりませんが、基本はこんな感じです。
リストから考えると…最低限必要とされるのは
画像編集ソフトhtml&cssのソフトということになります!

ちょっと待って!html、cssってなに!!

ってなる方は1度、本を読まれると良いかと思います☆
ゼロからわかる HTML&CSS超入門/技術評論社
¥1,974
Amazon.co.jp


ちなみに僕が最初に読んだ本はホップ本という愛称で有名なハウツー本です。
超初心者向けとは言えませんが、何となくでもhtmlとcssがわかってる方にはこちらの方がイイと思います。
Rantの手元に今でも置いてある1冊です!

実践 Web Standards Design ~Web標準の基本とCSSレイアウト&Tips~/技術評論社
¥3,360
Amazon.co.jp


少し脱線しちゃいましたので次回、画像ソフトを中心にご紹介しようかとおもいます!
クソ暑いですが、パソコン熱と戦いましょう(俺)!!

つづく…。
どーも、見習いwebデザイナーなrantです。

さて表題の件なんですが、見習いというか、
とにかく初心者の人(自分も含め)はとにかくここだと思います。

どうやって作ろう?

どんな風に作ろう??

これらの問題はwebを志す者として最初のド高いハードルですよね(汗)

幸い、先輩方がわかりやすく手ほどきをしてくださってます。
とにかく見てみて最初の一歩を踏み出して見ましょう☆

誰のため?何のため?Webサイトを作り始める前に。



はい、定番のwebクリエイターズボックスのマナさんのページです。
記事の内容的にライトなので導入としてはイイ感じです。

サイト設計に必要な「目的とターゲット」について考える。



Basic Design Noteというサイトです。少し突っ込んだ内容ですが、
実例も交えて詳しく思考手順について書かれています。

Webデザイナー(私)による
Web制作のときに気をつけてることや制作フローとかいろいろ



Webデザインレシピさんです。
「はじめの一歩」というよりは、これはサイト完成までの流れって感じですね。
とてもわかりやすく まとめて下さっています。
ボリュームがあるのでチョッピリ大変ですが、熟読すると本当に◎です!


いかがでしたでしょうか?
それぞれの記事をキッチリと読めば、作るための手順が理解できるかと思います!

目的やターゲット、ゴール、コンセプトがweb製作に与える影響って
とてつもないんだな…と、最近の自分のweb製作でも痛感しています。
ここがブレると結果的に作りなおす…なんて事になっちゃったりします(汗)
マーケティング的要素が先行して、視覚的要素が追従していくと…
肝に銘じなければ。。。

なにはともあれ、初めの一歩を踏み出す事が肝心です!
熟読して見習い Rantとともに頑張りましょう!!
こんにちわ、見習いウェブデザイナーなRantです!

僕が趣味として最初にウェブをやり始めたのが、
かれこれ7~8年も前のこと。

そこからしばらく触れていない間に、ものスゴイ速度でイッキに
スマフォやらhtml5、Jquey、css3やらが台頭してまして(汗)
完っ全に~~ウラシマ状態~~になってしまったわけですよ。
いやはや、ウェブの進歩ってスゴイですわ…。

そんなこんなで、ダメダメなRantが改めて勉強をやり直すのに
チェックしているサイト達をピックアップしてみました!



Webクリエイターボックス


Webクリエイターボックス""


ウェブデザイン関連だけでなく、デザインに関する
手順や作例記事もイッパイ投稿されています!
僕の様な趣味から入った人に読んでほしい、
おすすめのサイトです☆

バンクーバーのうぇぶ屋


バンクーバーのうぇぶ屋


クリエイターボックスのマナさんのお隣さん(笑)
同じく、ハイクオリティなサイトで便利なツールや
作業の効率化の記事が多い様な感じがします。
日常を描いた漫画サイトもCuteで好きです☆

Webデザインレシピ


Webデザインレシピ


こちらも、とってもわかりやすいです☆
WordPressの解説が丁寧でわかりやすいかと思います。
自分、WordPressが未熟なので本買おうかな…。

かちびと.net


かちびと.net


同じくWordPress関連の記事がわかりやすく解説されていてGood!
jqueryのプラグイン関連の記事が多めです。
まとめ記事があるので、初めてでも要点を抑えて読めます。

DesignWalker


DesignWalker


以前、プロダクトデザイナーの友人に教えてもらったサイト。
現在は更新が無いようで過疎っていますが、
役立つ情報もたくさんありますので気になる記事は
目を通すといいかもしれません。



以上ですがいかがでしたでしょうか?

知ってるよ!っていうツッコミがたくさん聞こえてきそうですが、
独学の自分は、コツコツと検索して探していったので…(汗)

僕と同じ境遇の方、これから始めよう!って方の
その手間が少しでも省けたらな、と思います!
ウェブデザインって…とっても難しいですよね!
クオリティーを突き詰めれば青天井です(汗)

でもです…今っていい時代だと思いませんか?
キーワードを打ち込めば、最新の情報だって
ゴロゴロと出てくるんですよ~~!

これって、昔なら考えられないことです。
知りたいことが塾や学校に行かなくっても知れる
グーグル先生に大感謝ですね!

さて、前置きが長くなりましたが
それらの有益な情報を「見習い目線」で集める…
そんなブログにしようと考えています。

なにぶん超ヒヨッコですので既出もあるかと思いますが、
興味を持ってくれた方、先輩方、
読者登録やご指摘、アドバイスなどがありましたら
どしどしお寄せください!