未経験からWEBデザイナーになるための道

自分はWEB制作は未経験です。未経験なので職業訓練に通い、勉強しました。卒業後もアルバイトで働きながら、独学で勉強しています。職業訓練や独学で得た知識などをアウトプットし、少しでも自分みたいな人のために役に立てればと思います。

WEBデザイナーとコミュニケーション

こんばんわ~ こんな時間に更新中です。現在、離職中で就職セミナーなどで通っています。 コミュニケーションは共同作業 どの職種でもコミュニケーションは大事だと思います。 17日~19日、それぞれ違うセミナーに通ったんですが、19日(今日)は午後…

無気力

こんばんわ~ 何をしたいか分からない時は取りあえず書いてみる事が大切 再度、就活?をしたいんですが、、なんか無気力というか何を作ったらいいか分からなくなりました。 考えているのは オリジナル名刺 ポートフォリオ改修 現ポートフォリオ:My PORTFOLIO…

久しぶりの更新 HTML5 CSS3  【疑問】article要素の使い方

久しぶりの更新になります。 最近は色々とあり、無職になりました。 今はHTML5とCSS3になれる為、模写したサイトをHTML5とCSS3を使って、 コーディングの練習をしてます。 いつかはJavascirptやPHPも勉強したいと思っています。 articleはコーポレートサイト…

久しぶりに更新 模写再開

久しぶりに更新します。 そして久しぶりに模写をする。 今回は野村 あしたを、つなぐ|トップページ | 野村不動産ホールディングスのサイトを模写したいと思います。 良いと思った点 アイコンが分かりやすくなっている。印刷なら印刷機のアイコンなど 文字サ…

WEBデザイナー・コーダーになりたいと思ったきっかけ

なぜ、WEBデザイナー・コーダーを目指したか 人それぞれ、理由も違うと思いますが、自分は単純です。芸能人のHPなど作れば芸能人と会えると思ったという単純な理由です。 WEBデザイナー・コーダーを目指すまでは自分がどんな仕事をやりたいのかさえ、分から…

DreamWeaverでリンク切れ・HTMLが適切かどうかを調べる方法

DreamWeaverでリンク切れやHTMLコードが適切かどうかチェックできる よくサイトを作った時にリンク切れやHTMLコードが適切かどうか分からないこともたまにはあると思います。 リンク切れを調べる方法として 1つ目は検索してリンク切れを調べるサイトでURLを…

職業訓練 WordPress

長らく更新してませんでした…汗 職業訓練 WordPress 最後の企業実習2週間では高橋のりさんが書いた基礎からのWordPressと本格ビジネスサイトを作りながら学ぶWordPressの教科書を基にWordPressの一から作り方などを学びました。 高橋のりさんの基礎からのWo…

職業訓練 HTML・CSS・Dreamweaver・javascript・jquery 【総合課題】

総合課題 企業実習行く前に先生から幼稚園のサイトをそれぞれ作って発表するという形でした。 自分は縦型の幼稚園のサイトを作ったんですけど、自分よりも他の人がクオリティーが高すぎてまだまだだなと痛感したのを覚えています。今でもきっと出来る人は自…

WEB制作 勉強 【作りながら学ぶHTML/CSSデザインの教科書】 その2

「作りながら学ぶHTML/CSSデザインの教科書」も残す所、キャプチャー8と9のみになりました。 教科書から学んだことは色々とありますが少しずつ載せようと思います。 新しい属性と要素(HTML5・CSS3) 1つ目 box-sizingプロパティ 普通のwidth・heightで指定し…

WEB制作 勉強 【作りながら学ぶHTML/CSSデザインの教科書】

久しぶりの更新でございます。 作りながら学ぶHTML/CSSデザインの教科書を見ながら復習がてら作っています。 作りながら学ぶ HTML/CSSデザインの教科書 作者: 高橋朋代,森智佳子 出版社/メーカー: SBクリエイティブ 発売日: 2013/12/17 メディア: 大型本 こ…

WEB制作 口コミされやすいコンテンツ【WEBサイト運営・プロデュースの教科書】

WEBサイト運営・プロデュースの教科書という本で書いてあったコンテンツについて書きたいと思います。 コンテンツとは何か コンテンツとはWEBでは内容を示す。 内容、中身という意味の英単語。メディアが記録・伝送し、人間が観賞するひとまとまりの情報…

WEBデザイン 模写 その3

模写を続けるの忘れてしまったので、復活します。 これから模写をするサイトは広島国際学院大学 Webデザインのスキルを磨こう!Webサイト模写のススメ | Webクリエイターボックス で書いてある通り、自分なりに思った事を書こうと思います。 何のサイトか⇒大…

【photoshop】透過png・gifの作り方

職業訓練の中で透過pngをスライスをするという作業がありました。 職業訓練で教わったやり方は まず透過させたい画像を作ります。 次にレイヤーパネルの目玉の部分にマウスを当て右クリックします。 右クリックするとこのレイヤーを隠すの下に他のレイヤーを…

職業訓練 HTML・CSS・Dreamweaver・javascript・jquery

HTML・CSSを使っての授業は終わり、次はDreamweaverの基本操作を習いました。 ツールパネルの基本操作 2段組みサイトの作り方 HTML・CSSの編集 tableタグの操作 CSS3を使ってのグラデーション Dreamweaverの基本操作が終わった後、Javascript・jqueryの習いまし…

職業訓練 知識

色んな人がSEOとかその辺の知識を書いてるので重複するかもしれないけど、忘れない為に書いておきます。 SEO⇒検索エンジン最適化 SEOに取り組むことでyahoo、googleの検索上位に表示される事が出来る。 内部対策⇒HTML・タイトル・description・キーワード・コ…

イラレ 勉強

今日もイラレの勉強の為に作ったものを載せていきます。 教材はillustratorデザインメソッド Illustratorデザインメソッド 作者: 井上のきあ 出版社/メーカー: MdN 発売日: 2010/04/09 メディア: 単行本 購入: 9人 クリック: 118回 この商品を含むブログ (15…

イラレ 勉強

イラレで勉強中 最近、作ったものを載せます。教材はillustratorデザインメソッドです。 Illustratorデザインメソッド 作者: 井上のきあ 出版社/メーカー: MdN 発売日: 2010/04/09 メディア: 単行本 購入: 9人 クリック: 118回 この商品を含むブログ (15件) …

職業訓練 HTML・CSS 

HTML・XHTML ドキュメントタイプ宣言 metaタグ(キーワード・ディレクション) h1~h5(大見出し・小見出し) pタグ (改行) ul,ol,li Ul⇒リストなどを付けるときに使うタグ。 Ol⇒順序を使う時に使うタグ(例:料理の順序) tableタグ アンカーリンク alt属性 CS…

illustrator 勉強  リサイクルマークの作り方 その2

前回の記事の続きを描きます。 線幅10ポイントまでしてプレビューモードにしたら、グループモードになっているのでグループ解除をして効果モード⇒スタイライズ⇒角を丸くするで10ポイント グループモード選択解除⇒図形を選んで右クリックで選択解除 グループ…

illustrator 勉強  リサイクルマークの作り方

リサイクルマークの作り方 まず楕円形ツールと多角形ツールで円と三角形を作ります。 楕円形ツール⇒幅・高さ80ポイント 多角形ツール⇒半径40ポイント 整列パネルで水平中央方向に整列・垂直方向上に整列をする。 円と三角形をそろえたら、垂直線を描き、円を…

illustrator 勉強 

illustrator勉強中~ 色んな事が描かれている本です。 Illustratorデザインメソッド 作者: 井上のきあ 出版社/メーカー: MdN 発売日: 2010/04/09 メディア: 単行本 購入: 9人 クリック: 118回 この商品を含むブログ (15件) を見る 数日前にやったのはこちら …

職業訓練 Photoshop 作品物

Photoshopの授業の課題制作で作ったバナーを公開します。 色彩が苦手ですねと言われたのを覚えています。

WEBデザイン 模写 島田薬局

明日(今日)から2個目の模写に入ります。 模写するサイトはこちら⇒島田薬局 Webデザインのスキルを磨こう!Webサイト模写のススメ | Webクリエイターボックス に書いてあるように説明が出来るよう、自分が考えた事を書いていきたいと思います。

WEBデザイン 模写 其の1

WEB制作 模写の重要性で模写をしたサイトは帝京大付属 帝京中学校・帝京高校 です。 このサイトを模写しようと思った理由は何個かあります。 サイトマップなどのアイコンが分かりやすい事。特にサイトマップのアイコンはツリーみたいになっているのでアイコ…

職業訓練 Flash

習った事を羅列して書いていきます。 シンボル テキスト入力 モーショントゥイーン シェイプトゥイーン actionscript3.0 課題制作:アニメーションを使ったバナー制作 アクションスクリプトが難しかったのを覚えています。

WEB制作 模写の重要性

数日前に模写をしたんですけど、まだまだデザインの引き出しが増えません。 漠然と何も考えずに模写をしているのが原因かもしれません。 模写について色んなサイトで書かれています。 模写して学ぼう!駆け出しデザイナーのためのデザイン上達法 | 株式会社L…

職業訓練 illustrator 作品物

イラストレーターの授業で課題として作ったものを載せていきたいと思います。 ゆるキャラ的なのを作ろう。 地図アイコン・病院アイコンを作ろう ロゴを作ろう(テーマは不動産) こういうものを作ってました。

職業訓練 Photoshop

illustratorの授業が終わって、次はPhotoshopの授業に入りました。 Photoshopの授業でやった事を書きたいと思います。 色調補正 クリッピングマスク 画像の切り抜き 選択ツール アニメーションGIF コピースタンプ 課題制作(バナー制作) トップページのカン…

職業訓練 WEBサイトの企画

この記事も職業訓練のイラレの授業じゃない日に学んだものです。 メディア 新聞 テレビ 雑誌 WEB 新聞・テレビ・雑誌はプッシュ型 WEBはプル型 プッシュ型⇒受けての意思関係なく情報を送ること。 プル型⇒ 受け手の意思で情報を探しに行く。

WEB制作に携わる職種

WEB制作に携わる職種 職業訓練はイラレのほかにWEBサイトはどういった職種で作られるかという工程の話とかもありました。 WEBディレクター クライアントとやり取りしながら、制作進行管理(発注から納期まで)をする仕事。 WEBデザイナー ディレクターから受…