courage 2 cups

在宅事務、テープ起こしを生業とする女の日常

Webデザイン勉強記録03

f:id:nacknon:20190822143711j:plain

 

吉田真麻さん著作のHTML/CSSモダンコーディングで勉強しました。

まずはスタンダードレイアウトです。

 

f:id:nacknon:20190822151029p:plain

 

中央の白い日付の部分が、本の通りにやるとヘッダー部分にいってしまうんです。

heightを変更して中央部分に設定しました。

出版社のサイトをみても訂正はないので、私の環境の問題なのかな?

興味深いです。

 

Webデザイン勉強記録02

f:id:nacknon:20190822150244p:plain

 

福本先生のデザインをもとに、オリジナルのサイトを作ってみました。

こちらは私が台紙作成を担当しているアクセサリーブランドのサイトということで作成してみました。

これは勉強だけど、いつかはブランドのサイトを本格的に作れたらいいな。

 

一時期素材やフォントに投資をしたことがありまして、そのフォントを使いました。

そのためナビゲーションの文字や見出しは画像になってしまっています。

これだと重くなっちゃうかな。。

Webフォントも使うことを考えましたが、いろいろ見ると日本語は重くなるという意見もあるので…。

Webフォントもいろいろとやってみたいです。

Webデザイン勉強記録01

2016年に福本智子先生主催のWebクリチップス(現:Webクリエイターズオンラインスクール) でWebデザインを学びました。

一通りやったけど、自分のものにできず終了してしまい…。

ふたたび受講し勉強しなおしました。

ビデオ講座なので3年たった今も再勉強できて、福本先生には本当に感謝です。。

 

f:id:nacknon:20190822145353p:plain

 

こちらが今回レッスンを全て受講して作ったサイトです。

だいぶ見本の通りできたかな?

コーディングはBracketsを使用しました。

 

福本先生の講座は下のリンクから概要を見ることができますよ。

 

web-creators-online.com

 


 

勉強中。

Webデザインは諦めた…と書きましたが、やはりもう一度Webを勉強することにしました。

1年間半ほど更新が滞りましたが、その間にPhotoshopでの画像加工の仕事を請け負うことがありまして、だいぶPhotoshopIllustratorには慣れました。

現在はWebデザインを本で勉強しています。

これからはここで勉強記録をつけていきたいと思います。

リピートはありがたい

複数専門業者に登録しておりますが、その中でも最近特に案件を回してくださる業者さんがありまして、大変ありがたいなあ…と思った次第です。

 

実はテープ起こしって、表記とか方法とか、本当に業者さんによって指定が違うんですよね。基本的な記者ハンドブックでの表記が多いと思うのですが、業界で特徴があったり完全にオリジナルだったり。

だから、納品するときに結構不安だったりするのですが、日を置かずに案件をいただくことができると前回のもので満足いただけたんだ、と安心にもなりますし、特徴がつかめれば起こし時間の短縮につながるんですよね。

次へのモチベーションにもなりますのでリピートは本当にありがたいです。

引き続き頑張ります!