35 Years Old Man's Blogger: webデザイン

ラベル webデザイン の投稿を表示しています。すべての投稿を表示

2013年11月30日土曜日

職業訓練を終えて　Webデザイナーコース

職業訓練が終わりました。

いよいよ再びニートへ舞い戻ります。

そこで今回受けたDTP・WEBデザイナーコースの総括を。

１・グラフィック処理

これについては正直本当に助かりました。
今後もしっかりと役立てていこうと思います。

ちなみにロゴ制作とかは簡単に世界レベルのすごさを目の当たりにすることができるので、日々勉強に事欠きません。

２・HTML、CSS

正直、これは独学でどうにでもなったように思います。
特にHTML。

DIVで囲んでCSSで配置いじるだけなら簡単な事ですから、、、、

問題はその先にあって、各種細かい命令・・・たとえばポジションリレイティブをうまく活用しないとアブソリュートも生きないし、フロートのクリアフィックスについても「おまじない」程度の説明が精一杯だとか。

これじゃぁC言語とかの冒頭記述と同じだし進歩がないよな、と。

結局覚えたのは以上です。

以後は独自で勉強しました。

・覚えたかったもの

PHP・MySQL・CGI・Perl

すくなくともECサイトの基本的な構成くらいは把握できないと対応できないよなぁと。
当たり前にサイトを作れる企業が多い中で、どこで差別化を図るっていったら、応対可能なサービスの多さかデザイン性しかないんだもの。

WordPress

わざわざ教わるほどの事でもないんですが、どうせなら知っておきたいですよね。
このワードプレスのプログラムとしての大きな特徴は、一般的なサイト作成と違ってHTML構文でありながらPHP形式で管理することで、フレックスな構成管理が可能になっているところにあるんですよね。

これははっきりいって更新する側から考えればメリットしかないんです。

正直これとグラフィック覚えるだけで良かったかもね・・・

まぁしかし、ここでオリジナルグラフィックを反映させるならやっぱり基本的なCSSやHTMLをしらないと作れないんですけどね。。。。

最後に

まぁさんざん教えてもらっておいてなんですが、どうせウェブデザイナーの職業訓練に通うなら、PHPとかのプログラミング系でECサイトを管理できるくらいのコースをお勧めします。

デザインなんざ後でどうにでもなります。

マジで金になるサイトを作りたいなら、コミュニティーを作れるサイトを管理すべきです。アマゾンや楽天やヤフーにそうしたコミュニティーが必ずあるのはそのためです。

批判を恐れず改善していく姿勢も、企業にとっては大切なんですよね。

で、このコースを受ける人が目指すべき道は・・・

「WEBディレクター」
「WEBサイトデザイナー」
「イラストレーター」
「印刷屋さん」

・・・かな？
間違ってもコーダーは厳しい・・・かも。

以上！

卒業おめでとう俺！！！

そして・・

ニートおかえり！！俺TT

2013年9月17日火曜日

ホームページを無料で構築する方法

ホームページを作ってみよう

はいー

３５ＹＯＭですどもー

のっけからハードルガンガンあがってますが気にせずやっつけていきましょう。

自分のパソコンにＨＰの元ファイルをつくったはいいけど、どうしたらいのかわからないですよね。次に。

各ソフト（イラレやらフォトショやら）の書き出しウィザードが「このサイト重いよ？いいの？」って言われても実際にＷＥＢに載せてみないと分からないモンなんだよね、最初は特に。

……んじゃサイトとして上げてしまおうじゃないか！！！

ってわけでまずサイトスペースをこのへんから探します。

べつにこういう方法でもいいですが。

そして利用登録を行います。あくまでもテスト利用を目的としていますので、それほど大きなサイズは必要ない…とはおもいますが。動画とかを使ったＣＳＳで意味わからんくらい重いのを作りたいならそれなりの容量が必要です。

とにかく利用登録を済ませると、アナタのサイトのＵＲＬと、ホストＵＲＬ・アクセスアカウント及びパスワードが送られてきます。

■ホームページのデータをリンクさせるには

さて、サイトスペースは手に入れたものの、どうすればホームページをその場所にアップすれば良いのやら…ってな方は、まぁＤｒｅａｍＷｅａｖｅｒやＡｐｔａｎａを使っているならＦＴＰクライアントの設定はマニュアルに載っていると思われます。

しかしここはあえてＦＴＰクライアントの大御所であらせられる「ＦＦＦＴＰ」様の設定について図解！！

ちなみにＦＦＦＴＰのインストールはリンクを参照の事。

基本的な設定はともかく、使用するサーバーによって設定が違うので注意してもらいたい。詳しくはそのサーバーの解説か、管理者に問い合わせれば分かります。

起動と同時にこの画面になるので、「新規ホスト」をクリックして新しいサーバー設定を登録します。

送付されたと思われるサーバーからのメールをしっかりと見て、各種入力項目を埋めます。

ちなみに「ローカルの初期フォルダ」にアップしたいホームページのフォルダを選択してください。

ちなみによほど膨大なデータを扱うような事がないかぎり、一番下の機能は必要ありません。

最初にも言いましたが、サーバーによってはこうした高度な設定を必要とする物もあります。よくメールやサーバーの設定マニュアルを確かめて埋めましょう。

一通りの設定が完了すると、上図の表記になります。接続してみましょう。

これがＦＦＦＴＰの基本画面になります。左側が自分のパソコンにはいっているサイトデータで、右側がサーバー側のデータ表示画面になります。

左表記のファイルを選び、「アップロード」を選択する事でサーバーにデータをコピーします。

ドラッグ＆ドロップでもＯＫです。

■注意点

・アップするファイルの名前は基本、小文字の英数字にしよう

時々バグります。他色々理由があります。

・手元のデータを更新したらアップデートしよう

勝手にサーバー側は変わってくれません。

・うまく接続できない場合は設定を見直そう

大体ＵＲＬ間違ってたりアカウントまちがってたり入力もれてたりします。

ま、なんかそんな感じです。ともあれパーフェクトなサイト作成を目指すなら、こうしたテスト運用は欠かせませんのでしっかりやっていこうよＮｅｔｚ！！

んじゃねぇ～

2013年9月15日日曜日

素人がわずか２日で作り上げた物とは！？

先日ウダウダ言ってたヤツができたのでご報告。

かなり・・でかいサイズになってしまったんですが、その分よいものができたのではなかろうか。

作業状況はこんな感じ。

で、問題のブツですが、無料鯖をゲットしてそこに上げる事にしました。

ポートフォリオに関しては別に管理鯖作るから、ブツだけここにまとめ上げしようと目論んでおりますｗｗ　グフフ。

あ、くれぐれもイタズラしないよーに。

Adobe Ideas Online Manual

ちなみにまだ最適化していないのですごく重いです。ごめん。

総サイズ３メガなんでちょっとしたアプリ並。

もはや嫌がらせ。

はあっはー

ついでに次回は無料サーバーの利用方法なんかもレクチャーします。

んでわ。

2013年9月12日木曜日

切り抜いた画像を効果的に使う方法

iphoneでＷＥＢデザイン

先日このように切り抜いたドラえもんをどのように合成していくのかについて一切ふれていないので、今回は合成についてウンチクです。

今回用意したアイホンアプリは「Ｐａｐｅｌｏｏｋ」です。

これは無料切抜きアプリとしては有名ですが、合成のためだけに今回は使用します。

けっしてこのアプリの切り抜きが、指先の微調整が面倒すぎてクソだけど、合成のヌルヌル感だけは最高だなんてこれっぽっちも思ってませんよ？

ともあれ合成してみましょうか。