写真の切り抜きは必須スキル ECサイト（ネットショップ）のお仕事では、商品写真の切り抜きは商品撮影とセットで、必ずついて回る作業です。 先生いわく、そういったWebの業種（紙媒体は別）では、凝った合成や画像加工より、まずは写真の切り抜きが早く正確…

前回 ↓の続きです webdesign-nonnna.hatenablog.com パスを描くよ！ この段階でのレイヤーと重ね順は以下通りです。 「文字レイヤ」→ 非表示 「ラフレイヤ」→ 全て選択し、線の色をベージュ＋不透明度40％。 「パスレイヤ」 → これからペンツールでパスを描…

バナー作るよ なんだかんだで、ポートフォリオサイトの制作をまだ続けています。 平日少しずつ改修しているのですが、トップページの絵があんまりにもあんまりではないかと、家人に指摘を受け続け・・・、他のコンテンツも何とかまとまってきたので、仮置き…

いまさら基本 学校は卒業しちゃいましたが、Photoshopでの素材作成が・・・ほんとにほんとに苦手です。 しばらくはPS強化月間として、Photoshopを使いながら調べた基本的機能や、練習として作成した課題の記事も書いていきたいと思います。 テキスト色を変え…

本日、学校の授業最終日でした。 通常の最終日は先生のお話し中心で、あまり授業はしないらしいものらしいのですが、うちのクラスは諸事情あって、最終日まで先生二人がかりでPhotoshopの補講やプラグインの解説をしていただきました。 講師編成的にはいろい…

横浜のおいしいパン屋ル・ミトロンのメタ書き直し 横浜神大寺にあるおいしいパン屋ル・ミトロンさん。今回のサイト制作では狙ったキーワードで検索1ページ目に入ることを狙っていたのですが、なかなか上位表示が上手くいかなかったため、SEOに詳しい学校の先…

アクセス解析ツール～Ptengineを使ってみるよ！無料のアクセス解析ツールといえば、まず挙げられるのがGoogle Analyticsですが、ほかにも面白そうなツールを見かけたので今回制作したサイトに使ってみました。www.ptengine.jpこちらのPtengineというツール、…

横浜のおいしいパン屋ル・ミトロン横浜のおいしいパン屋ル・ミトロン(Le mitron/ルミトロン)。ル・ミトロンは神奈川区神大寺にある、横浜のおいしいパン屋さんです。横浜市営地下鉄片倉町駅、東急東横線白楽駅から徒歩14分！ル・ミトロンは毎日焼き立てのお…

1. Web用に保存のショートカットキーは押しにくいPhotoshopでpngにデータを書き出したりするときは、『Web用に保存』メニューを頻繁に使います。これ、かなりよく使う機能の割にショートカットキーがめんどくさい。。。デフォルトで、「Alt+Shift+Ctrl+S」・…

1.良い感じの写真を手軽に作りたい！撮った写真がいまいちな時は、フリーのアクションをダウンロードして使ってみよう。 でも、ここでまとめるまでもなく、分かりやすく使い方がまとまってるブログがあるよね！【PhotoShop】アクション(.atn)ファイルの追加…

p{line-height:1.6; } dt{font-weight:bold; padding-left:20px; } 1. photoshopをよく使うようになりました。学校の授業はjQueryとDOMがもっぱらですが、同時進行の課題として8月からクライアントワークがスタートしました。実在する「企業」「団体」「個人…

授業ブログ書くより、課題課題というわけで、ほったらかしにしていました。 しばらくぶりの更新です。今日は覚書程度に。 1. Google Analyticsの数字が変？ 知っている人は知っている、アクセス解析ツールのGoogle Analytics。 当ブログでも勉強がてら使って…

#pr {font-size: 0.8em;} #em-test > #pr > #chi {font-size: 0.8em;} #rem-test > #pr2 {font-size:0.8rem;} #rem-test > #pr2 > #chi2 {font-size:0.8rem;} --> ◆授業内容 ブロックレベル要素とインラインレベル要素の使い分け ブロックレベル要素のみmarg…

◆授業内容 Dreamweaver、Adobe bracketsの環境設定 FTPタイムアウトの設定 サーバーへアップロードの際、ゲートを開く時間が長いとウイルスが入るリスクが高くなる。短すぎても、大きいデータが送れないためバランスが難しい。 CSSの適用方法の違い インライ…

◆授業内容 CSSによる背景画像設定のプロパティ background-image:url(相対パス/ファイル名) 背景の繰り返し（background-repeat） px、em、％での行高の設定（line-height） ◆所感 今日は 演習中心の授業でした。昨日まで分からないところを調べまくった成果…

Webサイト制作科カリキュラムについて 私の通う職業訓練校のカリキュラムは以下の様になっています。 HTML CSS 文字飾り ボックスモデル レイアウト 応用 企業系サイトのトップページ制作 Flash CS6（Action Script2.1） Javascript DOM（CSSの操作） jQuery…

◆授業内容 CSSファイル（stylesheet）のディレクトリ管理 font-familyの指定 ボックスの概念 CSSの基本的なプロパティ margin padding border ◇◇◇参照サイト◇◇◇ CSSの書き方 http://www.ink.or.jp/~bigblock/css/start.htmlCSS初心者ブロガーに捧げる！超簡…

◆授業内容 小テスト HTMLの正式名称は？ HTMLドキュメントの拡張子は？ HTML入力に使う、入力に特化した簡易エディターの一般名称は？ 「開始タグ」と対になる必須タグを何というか。 見出し要素（タグ）を全て記述せよ。 段落を定義する要素を記述せよ。 番…

今日は自宅のPCで、HTMLを打つための環境設定を行ってみます。学校で教わったことプラス、超初心者向けの知識も説明していきたいと思います。 ブラウザのインストール 常時複数のブラウザを入れておこう 一般のご家庭向けデスクトップPCで、一番よく使われて…

これからWebデザイン系の職業訓練校へ応募して、面接を受けようと思う方が一番気になるポイントだと思うので、細かく公開しちゃいます。 学校によってもかなり違うと思いますが、私が受けた面接はこんな感じでした。 面接時の服装 スーツがおすすめ カッコえ…

◆授業内容 データ管理 複数USBによるバックアップが最良。 フォルダ名 基本半角英数。サーバーにアップしないファイルを見分ける為、敢えて全角を使うことがある。”-”（ハイフン）と”_”（アンダースコア）の使い分け。 html入力の環境設定（Terapad、Firefox…

◆授業内容 ・デザインとは「違い（＝差）」 ・人が物を見る順番（コントラスト→色→形ほか） ・人は高コントラストに目が行く ・色のもつ万人共通イメージを使い分ける ・ゲシュタルト効果 ・ロケ撮りと切り抜きの使い分け ・「レイアウト案3点」を求められた…

◆授業内容 ・講師自己紹介 ・生徒の相互インタビュー（隣の席の生徒を全体に紹介。1分程度／人） ・コミュニケーションとは～ビジネス文書の作成 ・受講動機の探索シート記入 ◆所感 大学の就職支援課のオリエンテーション＋新入社員研修のさわりの様な内容で…