FC2ブログ

スポンサーサイト

  1. トップ
  2. スポンサー広告
  3. スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
スポンサー広告 | コメントを書いてくれる人はこちら(-) | トラックバック(-) | [編集]
このページのトップへ移動する。

職業訓練WEBクリエーター科66日目

  1. トップ
  2. 職場実習
  3. 職業訓練WEBクリエーター科66日目

職業訓練WEBクリエーター科66日目

職場実習一日目

今日から、職場実習に入った。

内心少しどきどきしながら行った。

今回私ハマーがお世話になる場所は、フリーランスでWEB制作を行っている方で、その方と一対一形式での実習になる。

その方はかなり忙しい人みたいで、次から次へとひっきりなしに仕事が舞い込んで来るみたいで、コンスタントに6件ぐらいの仕事をこなしているということだ。

実際今日の実習でもひっきりなしに電話が掛かってきて、電話を片手に仕事をしている感じだった。

今日僕が作業をしたものは、ここから書いていきます。

作業内容

イラストレーターによる作業

あらかじめイラストレーターで作成された資料を編集し、PDFファイルとして、書き出す作業。

作業手順

1・あらかじめ作成されたイラストレーターを読み込む。

2・画像のリンクが切れているリンクを付け直す。

ウィンドウメニュー→リンク→リンクの外れているオブジェクトを選択して、下のリンクの再設定を選択。外れているリンクのファイルを選ぶ。

3・マックで作成されているので、これをウィンドウズ用のフォントに置き換える。

書式→フォントの検索から「A」のアイコンがマック用フォントなので、それをウィンドウズのフォントに置き換えてあげる。

4・文字のレイアウトが若干ずれているので、それの微調整

今回微調整のために使用したフォントのプロパティは、

トラッキング・・・トラッキングは複数の文字を一律に詰めたり開けたりする操作「文字パレット」

カーニング・・・カーニングは文字と文字の間隔を詰めたり開けたりする操作「文字パレット」

水平比率・・・選択した文字を垂直方向に拡大・縮小する機能「文字パレット」

5・編集したデータを.aiの拡張子で新規保存する。

新規ファイルを作成して、そこに編集データをコピー&ペーストする。

尚ドキュメントの設定で、横200mm縦210mmに設定する。

6・Acrobat DisellerからPost Scriptファイル(拡張子.ps)を書き出して、PDF化をする。

ファイル→プリントからプリンターをAcrobat Disellerに設定して、「ファイルを出力」にチェックして、プロパティからPost Scriptの幅をドキュメントの設定置に変更する。

書き出すと、ファイルの名前の指定画面がでてくるので、(拡張子.ps)で保存する。

書き出したファイルをクリックして起動すると、Acrobat Disellerが起動しPDFファイルが作成される。

7・Acrobatを使用して、作成した資料を繋ぎ合わせて、一枚のPDFファイルにする。

今回編集したファイルをドラック&ドロップしてファイルを繋げる。

しおりのタブをクリックして、新規しおりの作成、しおりの位置を指定する。

※このときしおりはページのトップが見える状態で設定する。

下部を表示させて位置を指定するとしおりを選択した時にその場所が表示されてしまうためである。

8・シーケンス処理の設定

ファイルメニュー→パッチ処理→編集→シーケンス→開き方から各設定を選択して、シーケンスを実行する。

するとシーケンス処理をした状態で表示される。

 

以上でPDF化が修了となる。

注意ポイント

イラストレーターからでもPDFファイルが作成できるが、ファイルの容量が上記の方法で作成した方が小さくて済む。

スポンサーサイト
このページのトップへ移動する。

職業訓練WEBクリエーター科65日目

  1. トップ
  2. ビジネスマナーについて
  3. 職業訓練WEBクリエーター科65日目

職業訓練WEBクリエーター科65日目

ビジネスで必要なマナーの勉強

クッション言葉(マジックフレーズ)

今よろしいですか?

等話を始める前に一言おいて話を始めるとコミニケーションがとりやすい。

クッション言葉一覧

* 恐れ入りますが
* せっかくですが
* あいにく
* 残念ながら
* お手数ですが
* おさしつかえなければ
* 失礼ですが
* いつもお世話になっております
* 申し訳ありませんが
* よろしければ
* ご面倒ですが
* お忙しいにもかかわらず
* お言葉を返すようですが
* 身にあまるお話ですが

クッション言葉の利点は、相手への心遣いを表すソフトな表現により会話に柔らかい印象をあたえてくれる事。 それでいて、話の内容は明確に伝える事ができます。どんどん活用して貴方の好感度をアップさせましょう。

マナーとルールの違い

マナー=相手に不快感を与えないための礼儀作法、態度。

マナーは企業の利益につながる。

ルール=定められた規則

会社によって異なる規則

職場の基本的なマナー

挨拶と返事

自分から積極的に挨拶をする、明るくはっきりした返事

時間管理

・遅刻無断欠勤は厳禁

・早退・休暇は仕事の状況を見て事前に届け出る。

・訪問時間、集合時間、仕事の期限など、約束の時間は厳守

公私のけじめ

・仕事中の私語、私用電話、私用メールは慎む

自己管理

・健康管理

・感情のコントロール

・情報管理(守秘義務)

会社組織と人間関係

自分と相手の立場を考える

上司・部下、先輩・後輩、取引先・・・など、立場の違いにふさわしい行動をとる。

自分が相手に与える印象を考える

好印象で信頼感を与える態度や身だしなみ、明るい表情、積極的な態度など

相手を尊重する

相手の技能、人格を認め、相手の立場で考える。相手の意見を聞く。

チームワークを大切にする

責任逃れをしない

社会人に必要な意識

プロ意識

仕事に対する誇りと責任

目的意識

会社、所属する部署の目標や方針、仕事の目的を意識する

チームワーク意識

社内のチームワーク、お客様、取引先の人間関係

顧客意識

お客様のニーズ、顧客満足度

問題意識

より良くするための創意工夫

コスト意識

時間、物、経費のムダをなくす

言葉遣い

相手の立場を大切にし、感じよく話すことを心がけましょう

身に付けておく事

ほうれんそう

5S 整理・整頓・清掃・清潔・躾(しつけ)

5W3H

電話対応

携帯電話に電話をかけるとき・・・一度、電話しても大丈夫か確認する。

このページのトップへ移動する。

職業訓練WEBクリエーター科64日目

  1. トップ
  2. グループ総合演習
  3. 職業訓練WEBクリエーター科64日目

職業訓練WEBクリエーター科64日目

総合演習 グループ演習

制作課題一覧

柿崎フォレスト

制作サイト・・・柿崎フォレストホームページへ移動してみる。

アオバキャリアカレッジ

制作サイト・・・アオバキャリアカレッジへ移動してみる。

次回

今日発表を終えた、明日ビジネスマナーの勉強を一日挟み職場実習に移るようになる。

全体を通しての感想は、パワーポイントの時間をもう少しとれば、もっとプレゼンテーションがスムーズに済むと感じた。

このページのトップへ移動する。

職業訓練WEBクリエーター科63日目

  1. トップ
  2. グループ総合演習
  3. 職業訓練WEBクリエーター科63日目

職業訓練WEBクリエーター科63日目

総合演習 グループ演習

制作課題一覧

柿崎フォレスト

制作サイト・・・柿崎フォレストホームページへ移動してみる。

アオバキャリアカレッジ

制作サイト・・・アオバキャリアカレッジへ移動してみる。

次回

次回はいよいよ発表をして、その後、ビジネスマナーの勉強を一日挟み職場実習に移るようになる。

このページのトップへ移動する。

職業訓練WEBクリエーター科62日目

  1. トップ
  2. グループ総合演習
  3. 職業訓練WEBクリエーター科62日目

職業訓練WEBクリエーター科62日目

総合演習 グループ演習

制作課題一覧

柿崎フォレスト

制作サイト・・・柿崎フォレストホームページへ移動してみる。

アオバキャリアカレッジ

制作サイト・・・アオバキャリアカレッジへ移動してみる。

残っていること

powerpointで資料の作成

このページのトップへ移動する。

職業訓練WEBクリエーター科61日目

  1. トップ
  2. グループ総合演習
  3. 職業訓練WEBクリエーター科61日目

職業訓練WEBクリエーター科61日目

総合演習 グループ演習

制作課題一覧

柿崎フォレスト

制作サイト・・・柿崎フォレストホームページへ移動してみる。

アオバキャリアカレッジ

制作サイト・・・アオバキャリアカレッジへ移動してみる。

感想

今回グループで作業をしていて感じたこと

全員で分担作業をする際に今回僕達の班で行ったように、各部門ごとに作業を分けて行うと効率がいいように感じる。

グループ作業での反省点

サイトを作成するにあたって作業を始めていくとサイトデザインの方向性が定まらなくなる。

デザイン(配色)配置位置(レイアウト)等

グループ作業での改善点

はじめにグループで相談し、各ページの配色・デザイン等をしっかり行うことによって、デザインの方向性が決まるので、もう少しミーティング的なものをしっかり行う。

別案

デザインを一人が決めて、それを各作業を分担して行う。

全体の感想

僕達のグループは結構まとまっていて、わりとスムーズに出来たと思う。

このページのトップへ移動する。

職業訓練WEBクリエーター科60日目

  1. トップ
  2. グループ総合演習
  3. 職業訓練WEBクリエーター科60日目

職業訓練WEBクリエーター科60日目

総合演習 グループ演習

プレゼンテーションの時間 15分ぐらい

追加注文・・・「ITライセンススクール」

注文内容

名称変更→「アオバキャリアカレッジ」

対象者(ターゲット)・・・社会人・大学生

改造方針・・・素人っぽいサイトの作りなので、プロっぽくしたい

締め切り・・・8月28日(火) →スケジュールを組んで提出

ページ構成および内容

トップページ

スクールの開催講座の一覧(さみしい)

講座案内

スクールで行っているコースの概要

トップページから、各階層にジャンプする。

学校案内

学校の概要を紹介

受講開始までの流れ(文字にようる紹介)

サポート

学校で行っている生徒へのサポート体制を紹介

教育給付金

教育給付金についての概要

受講料金についての概要

アクセス

「アオバキャリアカレッジ」の地図を載せている。

問い合わせ

会社の概要と問い合わせ先を載せている。

ページの共通画像データファイル名

ヘッダー部分

タイトルロゴ

h_logo.gif

お問い合わせロゴ

h_tel.gif

メニュー画像

トップ

menu_01_a.gif
menu_01_b.gif

講座案内

menu_02_a.gif
menu_02_b.gif

学校案内

menu_03_a.gif
menu_03_b.gif

サポート

menu_04_a.gif
menu_04_b.gif

教育給付金

menu_05_a.gif
menu_05_b.gif

問い合わせ

menu_06_a.gif
menu_06_b.gif

トップページ画像

メイン部分

スクールについて画像

c_about_aoba.gif

ボックス背景画像

top_bg.gif

h3見出し背景画像

top_h3_bg.gif

地図

map.gif

サイト名・・・柿崎フォレスト

WEBサイトの目的

新規分譲マンションの販売・告知・新規マンション購入を促す。

モデルルームの告知

ターゲット

ファミリー向け

子供がいる世帯(小学生~独立すまで)

ペットを飼っている世帯

デザインイメージ

ロゴに使用されている3色のグリーンをキーカラーに

アクセントカラーでオレンジ

コンセプト

ファミリー向けマンションなので、「安心感」・「和み」

またグレーを入れることにより、「落ち着き」と「安定感」、

「暖かく」「楽しげな雰囲気」を演出

機能

マンションに関しての質問をメール・電話・等で受け付ける。

資料の配布

マンションの特徴

全ての機能が徒歩圏内という好立地

充実したセキュリティ

全戸南向き

駐車場100%完備

ペットと一緒に暮らせる。

ページ構成

トップページ(動画コンテンツを含む)

モデルルームの紹介

間取り

間取りの各紹介ページ(2LDK・3LDK・4LDK)

設備・仕様

周辺環境

物件概要・会社概要

更新用ページ

の全8ページに設定

ページレイアウト

左袖レイアウト

仕様書

更新者のレベル

インターネット・ワード・エクセル程度のレベル。

更新場所・・・モデルルームがオープンしましたで写真を入れ替える。

大まかな概要

明日の予定

モデルルーム紹介のページ

キッチン・・・文章構成を変更

和室・・・文章構成を変更

モデルルームの営業時間 10:00~18:00(水曜定休)

お問い合わせ 0120-xxx-5555

※駐車場をご用意いたしましたので、お車でご来場いただけます。

モデルルーム OPEN

価格発表

契約予約受付開始

このページのトップへ移動する。

職業訓練WEBクリエーター科59日目

  1. トップ
  2. グループ総合演習
  3. 職業訓練WEBクリエーター科59日目

職業訓練WEBクリエーター科59日目

総合演習 グループ演習

プレゼンテーションの時間 15分ぐらい

追加注文・・・「ITライセンススクール」

注文内容

名称変更→「アオバキャリアカレッジ」

対象者(ターゲット)・・・社会人・大学生

改造方針・・・素人っぽいサイトの作りなので、プロっぽくしたい

締め切り・・・8月28日(火) →スケジュールを組んで提出

ページ構成および内容

トップページ

スクールの開催講座の一覧(さみしい)

講座案内

スクールで行っているコースの概要

トップページから、各階層にジャンプする。

学校案内

学校の概要を紹介

受講開始までの流れ(文字にようる紹介)

サポート

学校で行っている生徒へのサポート体制を紹介

教育給付金

教育給付金についての概要

受講料金についての概要

アクセス

「アオバキャリアカレッジ」の地図を載せている。

問い合わせ

会社の概要と問い合わせ先を載せている。

ページの共通画像データファイル名

ヘッダー部分

タイトルロゴ

h_logo.gif

お問い合わせロゴ

h_tel.gif

メニュー画像

トップ

menu_01_a.gif
menu_01_b.gif

講座案内

menu_02_a.gif
menu_02_b.gif

学校案内

menu_03_a.gif
menu_03_b.gif

サポート

menu_04_a.gif
menu_04_b.gif

教育給付金

menu_05_a.gif
menu_05_b.gif

問い合わせ

menu_06_a.gif
menu_06_b.gif

トップページ画像

メイン部分

スクールについて画像

c_about_aoba.gif

ボックス背景画像

top_bg.gif

h3見出し背景画像

top_h3_bg.gif

地図

map.gif

サイト名・・・柿崎フォレスト

WEBサイトの目的

新規分譲マンションの販売・告知・新規マンション購入を促す。

モデルルームの告知

ターゲット

ファミリー向け

子供がいる世帯(小学生~独立すまで)

ペットを飼っている世帯

デザインイメージ

ロゴに使用されている3色のグリーンをキーカラーに

アクセントカラーでオレンジ

コンセプト

ファミリー向けマンションなので、「安心感」・「和み」

またグレーを入れることにより、「落ち着き」と「安定感」、

「暖かく」「楽しげな雰囲気」を演出

機能

マンションに関しての質問をメール・電話・等で受け付ける。

資料の配布

マンションの特徴

全ての機能が徒歩圏内という好立地

充実したセキュリティ

全戸南向き

駐車場100%完備

ペットと一緒に暮らせる。

ページ構成

トップページ(動画コンテンツを含む)

モデルルームの紹介

間取り

間取りの各紹介ページ(2LDK・3LDK・4LDK)

設備・仕様

周辺環境

物件概要・会社概要

更新用ページ

の全8ページに設定

ページレイアウト

左袖レイアウト

仕様書

更新者のレベル

インターネット・ワード・エクセル程度のレベル。

更新場所・・・モデルルームがオープンしましたで写真を入れ替える。

大まかな概要

明日の予定

モデルルーム紹介のページ

キッチン・・・文章構成を変更

和室・・・文章構成を変更

モデルルームの営業時間 10:00~18:00(水曜定休)

お問い合わせ 0120-xxx-5555

※駐車場をご用意いたしましたので、お車でご来場いただけます。

モデルルーム OPEN

価格発表

契約予約受付開始

このページのトップへ移動する。

職業訓練WEBクリエーター科58日目

  1. トップ
  2. グループ総合演習
  3. 職業訓練WEBクリエーター科58日目

職業訓練WEBクリエーター科58日目

総合演習 グループ演習

プレゼンテーションの時間 15分ぐらい

追加注文・・・「ITライセンススクール」

注文内容

名称変更→「アオバキャリアカレッジ」

対象者(ターゲット)・・・社会人・大学生

改造方針・・・素人っぽいサイトの作りなので、プロっぽくしたい

締め切り・・・8月28日(火) →スケジュールを組んで提出

ページ構成および内容

トップページ

スクールの開催講座の一覧(さみしい)

講座案内

スクールで行っているコースの概要

トップページから、各階層にジャンプする。

学校案内

学校の概要を紹介

受講開始までの流れ(文字にようる紹介)

サポート

学校で行っている生徒へのサポート体制を紹介

教育給付金

教育給付金についての概要

受講料金についての概要

アクセス

「アオバキャリアカレッジ」の地図を載せている。

問い合わせ

会社の概要と問い合わせ先を載せている。

ページの共通画像データファイル名

ヘッダー部分

タイトルロゴ

h_logo.gif

お問い合わせロゴ

h_tel.gif

メニュー画像

トップ

menu_01_a.gif
menu_01_b.gif

講座案内

menu_02_a.gif
menu_02_b.gif

学校案内

menu_03_a.gif
menu_03_b.gif

サポート

menu_04_a.gif
menu_04_b.gif

教育給付金

menu_05_a.gif
menu_05_b.gif

問い合わせ

menu_06_a.gif
menu_06_b.gif

トップページ画像

メイン部分

スクールについて画像

c_about_aoba.jpg

地図

map.gif

サイト名・・・柿崎フォレスト

WEBサイトの目的

新規分譲マンションの販売・告知・新規マンション購入を促す。

モデルルームの告知

ターゲット

ファミリー向け

子供がいる世帯(小学生~独立すまで)

ペットを飼っている世帯

デザインイメージ

ロゴに使用されている3色のグリーンをキーカラーに

アクセントカラーでオレンジ

コンセプト

ファミリー向けマンションなので、「安心感」・「和み」

またグレーを入れることにより、「落ち着き」と「安定感」、

「暖かく」「楽しげな雰囲気」を演出

機能

マンションに関しての質問をメール・電話・等で受け付ける。

資料の配布

マンションの特徴

全ての機能が徒歩圏内という好立地

充実したセキュリティ

全戸南向き

駐車場100%完備

ペットと一緒に暮らせる。

ページ構成

トップページ(動画コンテンツを含む)

モデルルームの紹介

間取り

間取りの各紹介ページ(2LDK・3LDK・4LDK)

設備・仕様

周辺環境

物件概要・会社概要

更新用ページ

の全8ページに設定

ページレイアウト

左袖レイアウト

仕様書

更新者のレベル

インターネット・ワード・エクセル程度のレベル。

更新場所・・・モデルルームがオープンしましたで写真を入れ替える。

大まかな概要

明日の予定

モデルルーム紹介のページ

キッチン・・・文章構成を変更

和室・・・文章構成を変更

モデルルームの営業時間 10:00~18:00(水曜定休)

お問い合わせ 0120-xxx-5555

※駐車場をご用意いたしましたので、お車でご来場いただけます。

モデルルーム OPEN

価格発表

契約予約受付開始

このページのトップへ移動する。

職業訓練WEBクリエーター科57日目

  1. トップ
  2. グループ総合演習
  3. 職業訓練WEBクリエーター科57日目

職業訓練WEBクリエーター科57日目

総合演習 グループ演習

プレゼンテーションの時間 15分ぐらい

追加注文・・・「ITライセンススクール」

注文内容

名称変更→「アオバキャリアカレッジ」

対象者(ターゲット)・・・社会人・大学生

改造方針・・・素人っぽいサイトの作りなので、プロっぽくしたい

締め切り・・・8月28日(火) →スケジュールを組んで提出

ページ構成および内容

トップページ

スクールの開催講座の一覧(さみしい)

講座案内

スクールで行っているコースの概要

トップページから、各階層にジャンプする。

学校案内

学校の概要を紹介

受講開始までの流れ(文字にようる紹介)

サポート

学校で行っている生徒へのサポート体制を紹介

教育給付金

教育給付金についての概要

受講料金についての概要

アクセス

「アオバキャリアカレッジ」の地図を載せている。

問い合わせ

会社の概要と問い合わせ先を載せている。

サイト名・・・柿崎フォレスト

WEBサイトの目的

新規分譲マンションの販売・告知・新規マンション購入を促す。

モデルルームの告知

ターゲット

ファミリー向け

子供がいる世帯(小学生~独立すまで)

ペットを飼っている世帯

デザインイメージ

ロゴに使用されている3色のグリーンをキーカラーに

アクセントカラーでオレンジ

コンセプト

ファミリー向けマンションなので、「安心感」・「和み」

またグレーを入れることにより、「落ち着き」と「安定感」、

「暖かく」「楽しげな雰囲気」を演出

機能

マンションに関しての質問をメール・電話・等で受け付ける。

資料の配布

マンションの特徴

全ての機能が徒歩圏内という好立地

充実したセキュリティ

全戸南向き

駐車場100%完備

ペットと一緒に暮らせる。

ページ構成

トップページ(動画コンテンツを含む)

モデルルームの紹介

間取り

間取りの各紹介ページ(2LDK・3LDK・4LDK)

設備・仕様

周辺環境

物件概要・会社概要

更新用ページ

の全8ページに設定

ページレイアウト

左袖レイアウト

仕様書

更新者のレベル

インターネット・ワード・エクセル程度のレベル。

更新場所・・・モデルルームがオープンしましたで写真を入れ替える。

大まかな概要

明日の予定

モデルルーム紹介のページ

キッチン・・・文章構成を変更

和室・・・文章構成を変更

モデルルームの営業時間 10:00~18:00(水曜定休)

お問い合わせ 0120-xxx-5555

※駐車場をご用意いたしましたので、お車でご来場いただけます。

モデルルーム OPEN

価格発表

契約予約受付開始

このページのトップへ移動する。

職業訓練WEBクリエーター科56日目

  1. トップ
  2. グループ総合演習
  3. 職業訓練WEBクリエーター科56日目

職業訓練WEBクリエーター科56日目

総合演習 グループ演習

サイト名・・・柿崎フォレスト

WEBサイトの目的

新規分譲マンションの販売・告知・新規マンション購入を促す。

モデルルームの告知

ターゲット

ファミリー向け

子供がいる世帯(小学生~独立すまで)

ペットを飼っている世帯

デザインイメージ

ロゴに使用されている3色のグリーンをキーカラーに

アクセントカラーでオレンジ

コンセプト

ファミリー向けマンションなので、「安心感」・「和み」

またグレーを入れることにより、「落ち着き」と「安定感」、

「暖かく」「楽しげな雰囲気」を演出

機能

マンションに関しての質問をメール・電話・等で受け付ける。

資料の配布

マンションの特徴

全ての機能が徒歩圏内という好立地

充実したセキュリティ

全戸南向き

駐車場100%完備

ペットと一緒に暮らせる。

ページ構成

トップページ(動画コンテンツを含む)

モデルルームの紹介

間取り

間取りの各紹介ページ(2LDK・3LDK・4LDK)

設備・仕様

周辺環境

物件概要・会社概要

更新用ページ

の全8ページに設定

ページレイアウト

左袖レイアウト

仕様書

更新者のレベル

インターネット・ワード・エクセル程度のレベル。

更新場所・・・モデルルームがオープンしましたで写真を入れ替える。

大まかな概要

今日の予定

全ページのレイアウト・構成を考える。

仕様書の設計

このページのトップへ移動する。

職業訓練WEBクリエーター科55日目

  1. トップ
  2. グループ総合演習
  3. 職業訓練WEBクリエーター科55日目

職業訓練WEBクリエーター科55日目

総合演習 グループ演習

サイト名・・・柿崎フォレスト

WEBサイトの目的

新規分譲マンションの販売・告知・新規マンション購入を促す。

モデルルームの告知

ターゲット

ファミリー向け

子供がいる世帯(小学生~独立すまで)

ペットを飼っている世帯

デザインイメージ

ロゴに使用されている3色のグリーンをキーカラーに

アクセントカラーでオレンジ

コンセプト

ファミリー向けマンションなので、「安心感」・「和み」

またグレーを入れることにより、「落ち着き」と「安定感」、

「暖かく」「楽しげな雰囲気」を演出

機能

マンションに関しての質問をメール・電話・等で受け付ける。

資料の配布

マンションの特徴

全ての機能が徒歩圏内という好立地

充実したセキュリティ

全戸南向き

駐車場100%完備

ペットと一緒に暮らせる。

ページ構成

トップページ(動画コンテンツを含む)

モデルルームの紹介

間取り

間取りの各紹介ページ(2LDK・3LDK・4LDK)

設備・仕様

周辺環境

物件概要・会社概要

更新用ページ

の全8ページに設定

ページレイアウト

左袖レイアウト

仕様書

更新者のレベル

インターネット・ワード・エクセル程度のレベル。

更新場所・・・モデルルームがオープンしましたで写真を入れ替える。

大まかな概要

今日の予定

全ページのレイアウトを考える。

仕様書の設計

このページのトップへ移動する。

職業訓練WEBクリエーター科54日目

  1. トップ
  2. グループ総合演習
  3. 職業訓練WEBクリエーター科54日目

職業訓練WEBクリエーター科54日目

総合演習 グループ演習

サイト名・・・柿崎フォレスト

WEBサイトの目的

新規分譲マンションの販売・告知・新規マンション購入を促す。

モデルルームの告知

ターゲット

ファミリー向け

子供がいる世帯(小学生~独立すまで)

ペットを飼っている世帯

デザインイメージ

ロゴに使用されている3色のグリーンをキーカラーに

アクセントカラーでオレンジ

コンセプト

ファミリー向けマンションなので、「安心感」・「和み」

またグレーを入れることにより、「落ち着き」と「安定感」、

「暖かく」「楽しげな雰囲気」を演出

機能

マンションに関しての質問をメール・電話・等で受け付ける。

資料の配布

マンションの特徴

全ての機能が徒歩圏内という好立地

充実したセキュリティ

全戸南向き

駐車場100%完備

ペットと一緒に暮らせる。

ページ構成

トップページ(動画コンテンツを含む)

モデルルームの紹介

間取り

間取りの各紹介ページ(2LDK・3LDK・4LDK)

設備・仕様

周辺環境

物件概要・会社概要

更新用ページ

の全8ページに設定

ページレイアウト

左袖レイアウト

仕様書

更新者のレベル

インターネット・ワード・エクセル程度のレベル。

更新場所・・・モデルルームがオープンしましたで写真を入れ替える。

大まかな概要

このページのトップへ移動する。

職業訓練WEBクリエーター科53日目

  1. トップ
  2. グループ総合演習
  3. 職業訓練WEBクリエーター科53日目

職業訓練WEBクリエーター科53日目

総合演習 グループ演習

サイト名・・・柿崎フォレスト

WEBサイトの目的

新規分譲マンションの販売・告知・新規マンション購入を促す。

モデルルームの告知

ターゲット

ファミリー向け

子供がいる世帯(小学生~独立すまで)

ペットを飼っている世帯

デザインイメージ

ロゴに使用されている3色のグリーンをキーカラーに

アクセントカラーでオレンジ

コンセプト

ファミリー向けマンションなので、「安心感」・「和み」

またグレーを入れることにより、「落ち着き」と「安定感」、

「暖かく」「楽しげな雰囲気」を演出

機能

マンションに関しての質問をメール・電話・等で受け付ける。

資料の配布

マンションの特徴

全ての機能が徒歩圏内という好立地

充実したセキュリティ

全戸南向き

駐車場100%完備

ペットと一緒に暮らせる。

ページ構成

トップページ(動画コンテンツを含む)

モデルルームの紹介

間取り

間取りの各紹介ページ(2LDK・3LDK・4LDK)

設備・仕様

周辺環境

物件概要・会社概要

更新用ページ

の全8ページに設定

ページレイアウト

左袖レイアウト

仕様書

更新者のレベル

インターネット・ワード・エクセル程度のレベル。

更新場所・・・モデルルームがオープンしましたで写真を入れ替える。

大まかな概要

グループ総合演習のページ

このページのトップへ移動する。

職業訓練WEBクリエーター科52日目

  1. トップ
  2. グループ総合演習
  3. 職業訓練WEBクリエーター科52日目

職業訓練WEBクリエーター科52日目

総合演習 グループ演習

サイト名・・・柿崎フォレスト

WEBサイトの目的

新規分譲マンションの販売・告知・新規マンション購入を促す。

モデルルームの告知

ターゲット

ファミリー向け

子供がいる世帯(小学生~独立すまで)

ペットを飼っている世帯

デザインイメージ

ロゴに使用されている3色のグリーンをキーカラーに

アクセントカラーでオレンジ

コンセプト

ファミリー向けマンションなので、「安心感」・「和み」

またグレーを入れることにより、「落ち着き」と「安定感」、

「暖かく」「楽しげな雰囲気」を演出

機能

マンションに関しての質問をメール・電話・等で受け付ける。

資料の配布

マンションの特徴

全ての機能が徒歩圏内という好立地

充実したセキュリティ

全戸南向き

駐車場100%完備

ペットと一緒に暮らせる。

ページ構成

トップページ(動画コンテンツを含む)

間取り(2LDK・3LDK・4LDK)

設備・仕様

周辺環境

物件概要・会社概要

の最低5ページは必要

ページレイアウト

左袖レイアウト

仕様書

更新者のレベル

インターネット・ワード・エクセル程度のレベル。

更新場所・・・モデルルームがオープンしましたで写真を入れ替える。

このページのトップへ移動する。

職業訓練WEBクリエーター科51日

  1. トップ
  2. グループ総合演習
  3. 職業訓練WEBクリエーター科51日

職業訓練WEBクリエーター科51日

総合演習 グループ演習

サイト名・・・柿崎フォレスト

WEBサイトの目的

新規分譲マンションの販売・告知・新規マンション購入を促す。

モデルルームの告知

ターゲット

ファミリー向け

デザインイメージ

信頼感・落ち着いたイメージ

冷静さ ビジネスに必要な姿勢や態度を表す効果がある。

デザインカラー

メインカラー 紺色

文字色は白色

アクセントカラー えんじ色

機能

マンションに関しての質問をメール・電話・等で受け付ける。

資料の配布

マンションの特徴

ペットと一緒に暮らせる。

全室南向き

立地条件の良さ

自然環境の良さ

セキュリティー万全

主婦にはうれしい食洗器 ディスポーサー

ページ構成

トップページ(動画コンテンツを含む)

間取り(2LDK・3LDK・4LDK)

設備・仕様

周辺環境

物件概要・会社概要

の最低5ページは必要

ページレイアウト

左袖レイアウト

仕様書

更新者のレベル

インターネット・ワード・エクセル程度のレベル。

更新場所・・・モデルルームがオープンしましたで写真を入れ替える。

 

ガイドラインを決める

画像の名前の付け方

拡張子

フォルダ構成

ターゲット層の設定

システム要件

今日の予定

スケジュールの確定

このページのトップへ移動する。

職業訓練WEBクリエーター科50日

  1. トップ
  2. グループ総合演習
  3. 職業訓練WEBクリエーター科50日

職業訓練WEBクリエーター科50日

総合演習

テーマ・・・いつものところ亭のWEBサイト作成

今日のスケジュール

全員が発表する。

終了後の現場担当からの感想

プレゼンってだれに向かって話すか?を考える。

お客に話す時はわかりやすい言葉でお話する。

現場に行くとまったく素材がない場合もある。

フリー素材等を利用するのも手。

仕事を取れるプレゼンを心がける。

ターゲットを絞る。

お店に来る客とWEBを見る世代が違う。

携帯でどのようなことができるかを今後の展開としてのせる。

ヒアリングが大事になる。

どういった儲かる効果が現れるか

クライアントの立場に立って考える。

 

役割分担を決める

リーダー

デザイン責任者

コーディング責任者

FLASH責任者

連絡網の作成

 

サイトの制作内容

1つ目 最初新規サイトの依頼。

 

2つ目 リニューアルでサイトを作る。

 

ガイドラインを決める

画像の名前の付け方

拡張子

フォルダ構成

ターゲット層の設定

システム要件

 

このページのトップへ移動する。

職業訓練WEBクリエーター科49日

  1. トップ
  2. WEB制作総合演習 個人
  3. 職業訓練WEBクリエーター科49日

職業訓練WEBクリエーター科49日

総合演習

テーマ・・・いつものところ亭のWEBサイト作成

今日のスケジュール

パワーポイント資料と原稿作成

1ページ目

それでは私ハマーが発表させていただきます。

いつものところ亭ホームページの提案

2ページ目

このホームページを制作する目的

目的はズバリ集客力をあげる。それにより売り上げアップが目的となります。

イメージは、ユーザーがホームページを見て、行きたいと思った人が来店するとゆう図になります。

3ページ目

ターゲットを絞りこむためのいつものところ亭の分析1

時間帯別分析

昼間は市役所や県庁が近いことで、会社員がランチで利用されている。

夜は、地下鉄の駅が近いとゆうことで、会社帰りに会社員が立ち寄ったり、家族で食事されるのに利用されています。

この利用の比率として、昼間のほうが多いと予想されます。

4ページ目

いつものところ亭分析2

世代分析は県庁・市役所が近くにあることにより、会社員が多く利用されると予想されます。

5ページ目

よって、集客のターゲットとして、この少ない部分を呼び込むことによって集客力があがると予想されます。

よってこの部分をターゲットとして設定致します。

6ページ目

ホームページを快適に見てもらうために

ホームページ制作のシステム要件

画面サイズはノートパソコンのような小さな画面でも横幅がきちんと表示される大きさに設定

通信速度は電話回線(ダイアルアップ)のような低速回線でもイライラしないで、スムーズに見ることができるデータサイズ。

インターネットを見るためのソフト(ブラウザ)

インターネットエクスプローラやファイヤーフォックス等の主要ブラウザに対応するように設計いたしました。

7ページ目

ホームページの枚数(サイト構成図)

ページは全部で6ページになり、トップページ・サービス案内・しながき・店舗情報・サイトマップがあります。

サービス案内にはクーポン券 印刷用のページへのリンクがされております。

8ページ目

ホームページのデザインの方向性

ターゲットに設定した部分に訴えかけるように、夕暮れ時にみんなが集まりたくなるイメージとして、オレンジ色を中止にデザインいたしました。

ここで、余談なのですが、オレンジ色には、食欲を増進させる色。太陽のようなあたたかみを感じる色として認識されていると言われています。

9ページ目

サイトをテスト的にアップロードを致しました。

じちらのURLかを入力して制作したサイトをご覧ください。

10ページ目

ここで、サイトのページの基本構造をお伝えします。

ページの上部にロゴがあり、その下には他のページに移動できるリンクボタンがあります。

ボタンだとわかるようにするためにロールオーバー効果を持たせております。

一番下の部分にも各ページへ移動できるようにリンクが設置してあります。

この部分が各ページの共通部分になります。

トップページでは、いつものところ亭のウリである。

クーポン券・今月のおすすめメニュー・季節限定メニューをサイトの目立つ部分にデザインしました。

また、このページを見ただけで、概要がつかめるように右側の部分に店舗の情報を載せました。

11ページ目

サービス案内のリンクを押してサージス紹介ページへ移動してください。

ここには、「いつものところ亭」で行っているサービスを紹介いたしております。

クーポン券を印刷したい方はこちらをクリックしてくださいをクリックしてみてください。

すると別ウィンドウで、クーポン券印刷用のページが表示されます。

印刷ボタンを押すと印刷されます。

ここには、クーポン券の他に、ところ亭へ来ていただくときに便利なように店舗の情報も載せてあります。

下の閉じるボタンでウィンドウを閉じてください。

12ページ

おしながき紹介ページ

おしながきボタンを押しておしながきへ移動してください。

このページは縦に長く表示されるので、ジャンル別ボタンを押すことにより、ページで掲載されているところまで移動できるようになっています。

 

13ページ

店舗情報ページへ移動してください。

ここでは、いつものところ亭の店舗の詳細情報が載っています。

さらに下にはお店の地図が大きく載っています。

 

14ページ

サイトの更新について

サイトの更新はおしながきページのみの更新で済むように、デザインされております。

また、更新作業者が更新しやすいように説明書を用意いたしました。

15ページ

今後の展開について

現在ホームページを見る流れとして、検索エンジンからホームページへたどり着く流れが主流となっております。

そこで、いつものところ亭のホームページを検索エンジンに表示されることを強化していくことを提案します。

16ページ

具体的には、検索エンジンに登録することにより、いつものところ亭を表示させること。

そしてさらには、サイトの内容を充実させ、見られるホームページから見たいホームページを目指して、見てくれる人を増やし、お店の集客力・売り上げアップをさせていきたいと考えております。

 

以上で終わりになります。

なにか質問があればよろしくお願いします。

このページのトップへ移動する。

職業訓練WEBクリエーター科48日目

  1. トップ
  2. WEB制作総合演習 個人
  3. 職業訓練WEBクリエーター科48日目

職業訓練WEBクリエーター科48日目

総合演習

テーマ・・・いつものところ亭のWEBサイト作成

今日のスケジュール

更新作業をされる方への手順書

メタタグの編集

パワーポイントの作成。

パワーポイント資料作成

表紙

いつものところ亭 WEBサイトの提案

WEBクリエーター科濱木貴央

方針

・サイトの目的

集客 ホームページを見て、お店へ来てくれる人を増やす

・ターゲットの設定

現在の状況分析

ランチタイムは市役所・県庁が近いので、サラリーマンが多い。 

夕方は、家族連れや会社帰りのサラリーマンが多い。

立地条件的にはサラリーマンが来やすい環境。

値段が手ごろ

サラリーマン層の客層は多い

ターゲット層・時間帯の設定

夕方(ディナータイム)の時間

帰り際のサラリーマンや一人暮らしをしている若者・学生などに対象を絞りこんでサイトを作成していきたいと思う。

・システム要件

画面サイズ・・・小さいサイズでも見れるサイズ (ノートパソコン等)

通信速度・・・ナローバンド(電話回線でもスムーズに見れるように」データサイズを小さめに)

対応ブラウザ・・・W3C(世界基準)に元ずくブラウザに対応させる 

Valid CSS!

例 インターネットエクスプローラ ファイアーフォックスなど主要ブラウザ

 

サイト構成図(サイトマップ)

サイトマップ

トップページ

サービス案内

クーポン券

宴会・歓送迎会プラン

ランチタイムサービス

メニュー一覧

おすすめメニュー

季節限定メニュー

和食

中華

洋食

一品料理

お飲み物

店舗情報

 

デザイン

・デザインガイドライン

キーカラー(サイト全体のイメージ色)

今回夕方の時間に利用する人にターゲットを絞ったので、

サイト全体のイメージは、夕方(太陽の夕日をイメージして)オレンジ色に設定した。

オレンジ色は・・・食欲を引き出す色や太陽のような温かみをイメージさせる色といわれています。

レイアウト

ページ数が少なく、ページ移動リンク(ナビゲーションメニュー)が目につきやすいように、ページ上段に作成しました。

さらにサイトの構成として、トップ部分(ヘッダー)下部分(フッター)のデザインを共通化して各ページの統一感をイメージさせました。

・トップページデザイン

このサイトの売りである、クーポン券・今月のおすすめ・季節限定メニューに移動できるようにコンテンツではバナーを張り、右側には、店舗の情報をおりまぜました。

・基本フォーマット(2階層)

2階層目以降は、ページ真ん中にコンテンツが入るような設定です。

今後の展開について

SEO(サーチエンジンオプティマイズド)の対策

今後、今回作成したWEBページを検索サイト(ヤフーやグーグル等)

で「いつものところ亭」のサイトを表示させるようにする。

方法

「いつものところ亭」を紹介するサイトから情報を発信するサイトにする。

お店を紹介するページはリピーター率(もう一度ホームページを見てくれる人)が低くなるので、魅力のあるコンテンツ

例・・・等々力店長が、定期的に森崎市でとれる食材についてなどのコンテンツを入れて、定期てきに見てくれる人を増やす。

ヤフー・グーグルなどの検索エンジンやグルメ関係のポータルサイトに登録する。

 

このページのトップへ移動する。

職業訓練WEBクリエーター科47日目

  1. トップ
  2. WEB制作総合演習 個人
  3. 職業訓練WEBクリエーター科47日目

職業訓練WEBクリエーター科47日目

総合演習

テーマ・・・いつものところ亭のWEBサイト作成

今日のスケジュール

サービス案内ページの編集

サイトマップの編集

各ページの詳細修正

テストアップ

今日の時点で暫定的にアップロードしてみた。

いつものところ亭へ移動して確認してみてください。

いつものところ亭WEBサイトページ一覧

サイトマップ

トップページ

サービス案内

クーポン券

宴会・歓送迎会プラン

ランチタイムサービス

メニュー一覧

おすすめメニュー

季節限定メニュー

和食

中華

洋食

一品料理

お飲み物

店舗情報

 

このページのトップへ移動する。

職業訓練WEBクリエーター科46日

  1. トップ
  2. WEB制作総合演習 個人
  3. 職業訓練WEBクリエーター科46日

職業訓練WEBクリエーター科46日

総合演習

テーマ・・・いつものところ亭のWEBサイト作成

今日のスケジュール

今日は、作成したWEBページの装飾や、画像編集を行った。

サイトの概要は下記参照

1・トップページ

トップページ外観

2・メニュー一覧ページ

おしながき外観

3・店舗情報

店舗情報外観

4・サービス案内

サービス案内外観

5・サイトマップ

サイトマップ外観

明日は残りの部分を修正して、明日中には形にしていきたいと思う。

このページのトップへ移動する。

サイズ変更ボタン サイズ縮小ボタン サイズ拡大ボタン サイズリセットボタン
RSSフィード

ブロとも申請フォーム
ブログ内検索

最近のエントリ
ユーザータグ
カレンダー

07 | 2007/08 | 09
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 -

ハマーにメールを送る

私ハマーにご意見・ご感想・調べてほしい事・オススメサイト等ありましたら気軽にメールしてください。

最近のコメント
全ての記事を表示する
カテゴリー
QRコード

QRコード

覗いてくれた人

月別アーカイブ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。