openofficeを使った表計算

●A4サイズに合わせる

【書式】⇒【ページ(ページタブ)】の用紙サイズがA4になってるのを確認（※）⇒【OK】

※A4サイズ以外で出すときは変更

●セルの横幅を一気に変更
上の英語部分を選択して【Shift】キーを押しながら変更

●図形
【表示】⇒【ツールバー】⇒【図形描画】


そのほかメモ↓
パワーポイントで開きたいときは、保存方法をかえるとできる
https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1348778928

企画書まとめ

参考サイト
http://daredemokikaku.web.fc2.com/index.html



★企画書の作り方

企画書とは、こんなことがしたい！こんなものを作りたい！

自分の考えを簡単にまとめたもの

提出する相手にわかりやすく書くことが大事



★企画書の構成

①確認　具体的目標と現状や状況
②目的　具体的な表現（相手にとってのメリット）
③プロセスの設計（ターゲット・エリア・期間・どのように）
④実施企画　費用・スケジュール・人員



★最低限必要なこと

なぜ、成果を上げることができるのか、具体的な戦略・差別化（コンセプト）で説明する。

成果をあげることができないものは意味なし。

企画の目的
目的を達成する戦略
実施方法
スケジュール
予算

相手を説得させるためには、はっきりと書く。あやふやはダメ。



★デザインと配色

わかりやすく見出しのレイアウトなど工夫
グラフや図の利用。配色も考える

エクセルでグラフ

------------------参考サイト------------------

・グラフの作り方--Excel・エクセル
http://kokoro.kir.jp/excel/graph.html

------------------ フリーのオフィス（OpenOffice 4.0.1）でグラフを作るときも一緒。

pcの音を録音 win7

◆pcの音を録音

①やり方
Windows 7 でパソコンから流れている音を録音したい: 世の中は不思議なことだらけ
http://snow-white.cocolog-nifty.com/first/2010/04/windows-7-9c18.html

②ステレオミキサー入手（ダウンロードしなくてもいい）
Windows7で、ステレオミキサーを使う方法。
http://note.chiebukuro.yahoo.co.jp/detail/n32053

③使い方
スタートボタン→サウンドレコーダー→録音の開始



wmaで保存される

バナーデザインについて

◆デザインとアートの違い

デザイン→パクる（いいもの＋いいもの+アレンジ）

アート→1から作る。



◆バナーを作る

・文字のバランスで強弱をつける




・配色は、【メイン】【サブ】【ポイント】だいたい3色くらい


・作業時間について

50％…見本を探す　25％…作りこむ
作りこむのは4分の1


・作るパターンについて
方向性の違うものを2.3パターン作る（同じようなものはつくらない）



・作業時間
約2時間程度


◆その他、配色について

・サイトの目的に従う
【配色技法】【その他のWEB技術】→【サイトの目的】


ベースカラー70％／アクセントカラー5％／サブカラー25％


※どの色がベースカラーなのかを忘れないようにする。

◎ベースカラーが”低彩度色”である場合、”サブカラーがサイトの印象”を左右する色になる。

動画について

もらった動画をWEB（Windows player）で見えるようにする


もらった動画(ただの動画)　avi　→　（圧縮・編集）→　書き出す　wmv



①Adobe Premiere／いらない部分を切る

②書き出し→ムービー（aviのまま保存）仮保存

③Movie Gate｣／リザイズ（編集→サイズ変更、クロップを有効）
※ノイズが入らないように、だいたいの比率を合わせるためにサイド（横）を切ったら上下も切る。

④書き出しwmv



◆ストリーミング再生について


WEBサーバ（href="○○.asx"）

※直でWEBサーバに動画ファイルは置かない。 ダウンロードできないようにasxに一回とんで呼び出してもらう。


ストリーミング再生の場合は、ASXファイルを作成します。 従来のダウンロード再生をする場合（ストリーミングしない）は、このASXファイルの作成は不要です。 ASXファイルにはリピート再生回数、タイトルや著作権等の情報などを組み込めます。 （下記参考サイトより）

-----------------------　参考サイト　------------------------
・ASXファイルの作成方法｜Wiindows Media Player｜音声・動画配信（ストリーミング）｜PHP & JavaScript Room
http://phpjavascriptroom.com/?t=strm&p=wmv_asx
-------------------------------------------------------

▼ ストリーミング再生とは
・ストリーミングとは

http://www.realstream.jp/streaming/

単位いろいろ

★相対単位

em…要素の文字サイズを｢1｣とした倍率

ex…要素の小文字xの高さを｢1｣とした倍率

px…モニターのピクセル数

%…親要素の文字サイズを100％としたパーセント


★絶対単位

in(インチ)／cm（センチ）／mm（ミリメートル）／pt（ポイント）／pc（パイカ）…

Acrobat X が起動しない

・acrobatライセンス認証されてません
・起動してもすぐ閉じる
・編集するのに月額表示？？
 ・アドビに登録してるのになぜかエラー


 原因

Adobe Readerが開いて Acrobat X が起動しなかった



解決策

①Adobe Readerをアンインストール

②下記サイトの手順で再度インストールする

スクロールバーを非表示にする

スクロールを非表示　注：マウスでスクロールもしなくなる↓

スタイルシートを使ってブラウザの縦・横・両方のスクロールバーを消す(隠す)方法 - キーワードノート
http://kw-note.com/website/hide-scroll-css/

http://www.infinity-dimensions.com/blog/archives/post.html


スクロールはさせたい場合↓
CSSとｊｓを使うらしい
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1469072059


スクロールバーについて（基本的な知識）
http://www.724685.com/word/wd110309.htm

アンケート フォームの作成

●ただのフォームから

<form method="POST" action="xxx.php">
    <label>名前：<input type="text" name="name" placeholder="山田　太郎" /></label><br /><br />
    <label>メールアドレス：<input type="email" name="email" /></label><br /><br />
    <label>郵便番号：<input type="number" name="zip" /></label><br /><br />
    性別：　<label>女：<input type="radio" name="sexes" value="wman" /></label>
          　<label>男：<input type="radio" name="sexes" value="man" checked /></label><br /><br />
    <label>年齢：
    <select name="age">
     <option value="age_10">10代</option>
     <option value="age_20">20代</option>
     <option value="age_30">30代</option>  
     <option value="age_40">40代</option>
    </select>
    </label><br /><br />
    ご使用のOS：<br />
    <label><input type="checkbox" name="os" value="win" checked/>Win</label>
    <label><input type="checkbox" name="os" value="mac" />Mac</label><br /><br />

    <label>サイトへのご意見：<br />
     <textarea name="message" placeholder="ここにテキスト"></textarea>
    </label><br /><br />
  
  <input type="submit" value="送信" />
</form>

※『placeholder』属性はhtml5から
※半角入力はCSSで制御（ime-mode）できるが、IE独自仕様、使うのにためらう。絶対半角ではない。googleが制御してないから使わない
※『type="email"』は『html5』で追加された機能
※ラジオボタンやセレクトなど選択肢が複数の場合は、nemeとvalueで一組








------------------------　参考サイト　-----------------------------

html5ありのフォーム
http://www.htmq.com/html5/input.shtml

htmlフォーム
http://www7b.biglobe.ne.jp/~homepage-note/html-base-3.html

フォームのおさらい　※HTML
http://hinaoka.blogspot.jp/2011/06/html.html


ime-mode－スタイルシートリファレンス
http://www.htmq.com/style/ime-mode.shtml

日本語入力(IME)の状態を制御する方法
http://allabout.co.jp/gm/gc/23804/

IEにもマウスをのせたときに、altを表示させたい

 alt属性じゃなくてtitle属性を使う。

画像にマウスをのせた時にでるツールチップをIEでも表示させる方法



title属性について↓

IE8のALTテキストを表示させたい - DEPTHCODE

http://depthcode.com/2011/01/ie8alt.html

ツールチップwiki
http://ja.wikipedia.org/wiki/%E3%83%84%E3%83%BC%E3%83%AB%E3%83%81%E3%83%83%E3%83%97

firefoxでwebページ全体の画像を撮る アドオン

便利なアドオン

右クリックですぐ保存

変なアイコンとか変な説明とかがでてこない。


↓アドオン検索

Pearl Crescent Page Saver Basic

英語だけど、アドオンインストールして右クリックすると日本語表示

自分で作る和柄

↓ページのまん中あたり



和モダンの作り方~Road to modanyaki~ | 簡デザ ?かんたんデザインブログ?

http://kandeza.com/inspiration/japanese-modern-style/

アメブロ広告移動

一番上のでっかい広告を移動させる。

【jQuery】で移動させているらしい

プラグインの追加→ フリープラグイン


これをコピペ↓

<script src="http://www.google.com/jsapi"></script>
<script>google.load('jquery','1')</script>
<script>(function(j){j(function(){$=jQuery=j})})($)</script>

<script type="text/javascript">
$(function(){
$(".headerBnrArea").insertAfter(".●●");
});
</script>

★…jQueryつかいまっせの意味（*1）

★…バナー広告のボックス

★…移動したいボックスのclass名

insertAfter…指定した要素の後に挿入



指定した要素だからクラスがかかってる＜div＞をそのまま指定した＜div＞に挿入する



*1…この３行目は、アメブロ自体が読み込むjQueryじゃなくて最新版を使えるようにしているらしい

とてもわかりやすく解説しているサイト↓

アメブロのフリープラグインで最新バージョンのjQueryを使う方法 - アメブロカスタマイズ図書館 http://ameblo-customize.com/index.php?customize_jquery



アメブロカスタマイズで成功するブログを作ろう
http://ameblo.jp/wazameba/entry-10626965362.html

サイトいろいろ、参考URL

→シンプルサイト
http://www.petmemorylove.com/
http://wwwcafemichikusa.jp/


シンプルサイトいろいろ
・Web-DAYsign　--毎日語るWebデザイン事例--
http://web-daysign.net/

→キャンペーンサイト参考
http://www.mandahakko.com/assa_mcp/

→小技がひかってる東京都関連のサイト
・東京遺産
http://www.saiyou2.metro.tokyo.jp/pc/2014/tokyoisan/

→シンプルな会員参加型コミュニティサイト例
・Jazz Cafe
http://jazzcafe.jvckenwood.com/

・教えて!ナビメイト | -- パナソニック・ナビcafe --
http://strada.mci-fan.jp/com/oshiete/view.do


→ページの下にサイトマップ
http://www.yayoi-kk.co.jp/

→パララックス
・弥生未来研究所ツアー ｜会計ソフトは弥生株式会社
http://www.yayoi-kk.co.jp/concierge/future_lab/

・パララックスサイトの作り方の初歩｜WEB Drawer
http://webdrawer.net/javascript/parallax.html



▼FLASHの勉強

・おきらくFLASH講座 | マイナビクリエイター
http://creator.mynavi-agent.jp/special/flash/index.html



▼画像加工
・新海誠風な背景 | SHOUTAROU NIKKI
http://visionplus.jugem.jp/?eid=290

・デザインがはかどる、継ぎ目のない無料パターンテクスチャ素材40枚まとめ - Photoshop VIP パターン・テクスチャ色々
http://photoshopvip.net/


▼いろいろ面白いサイト


・読んだ本・読みたい本・お勧め本がよくわかる(読書メーター)
http://book.akahoshitakuya.com/about?from=index_detail

・小さいことのちょっとしたコツなんかがのってる（nanapi）
http://nanapi.jp

パソコンの買い替え アドビ アクティべーション（ライセンス認証）解除

-------------------　参考サイト　---------------------------


 ●ライセンス認証を解除する
http://helpx.adobe.com/jp/x-productkb/global/7845.html#id_12315

win8 無線LAN設定 ノートパソコン

①ルーターのIDと暗号化キーをメモ


・ネットワーク名（SSID)と暗号化キーは、どこに記載されていますか？
https://121ware.com/aterm/regist/qa/qa/00003.asp



 ②下記、サイトをみながら設定

・よくあるご質問 | イー・モバイル
 http://faq.emobile.jp/faq/view/106182


※”制限あり”が消えない、電源を切ってしばらく待つ（ルーターも）


▼そのほかの解決策


→Windows7 ネットワーク接続
http://www.aritanet.ne.jp/aritanet/win7.html

→[ D25HW ] 無線LANが切れる/接続が不安定/速度が低下する | よくあるご質問 | イー・モバイル
http://faq.emobile.jp/faq/view/102385

→LANアクセスできないときはここをチェック(Windows 8) [LAN・無線LAN] All About
http://allabout.co.jp/gm/gc/400850/

→価格.com - 『インターネット接続ができません。』 ASUS Eee PC 1000H-X (パールホワイト) のクチコミ掲示板
http://bbs.kakaku.com/bbs/00200917476/SortID=8858676/

→無線LANが切れる/接続が不安定/速度が低下する。 | よくあるご質問 | イー・モバイル
http://faq.emobile.jp/faq/view/105076



…関係ないけど、WIｎ8シャットダウン方法いろいろ

・Windows 8のシャットダウン、電源の切り方いろいろ

http://freesoft.tvbok.com/win8/windows8-shutdown.html

無線LANについてのメモ

・モデムと同じメーカーじゃなくてもいい

・USBアダプタを買ったとしても、PCが対応していない（規格が違う）場合あり、買う前に調べる

・ノートパソコンは、ほとんど無線LANが内蔵されているらしいのでアダプタいらない。

・無線より、線の方がどちらかというと早い

・自分のPCが無線LANに対応しているか、もしくは規格？を調べるべし




▼回線速度をはかる

・速度測定システム Radish Networkspeed Testing 東京
http://netspeed-tokyo.studio-radish.com/index.html

文字 小さく 上付き 【html】タグ

小さいうえにくっついた文字

MM<sup>2</sup>

↓↓↓↓↓
MM²


-------------　参考サイト　---------------

・HTMLタグリファレンス
http://www.htmq.com/html/sup.shtml

配色について 色

◆3色を使うとき比率

ベースカラー【70％】
メインカラー【25％】
アクセントカラー【5％】


＜＜選び方＞＞

①メインの色を選ぶ【25％くらい使用する色】

選ぶときのコツ↓
見やすい色（明るすぎると駄目読めない見れない）


②ベースの背景【70％くらい使用する色】

選ぶときのコツ↓
薄い色、邪魔しない色、（黒いサイトにしたいとき以外）

色を選ぶのが面倒なら、メインの色の明度を下げる


③アクセント【5％くらい使用する色】
メインの色の反対色、色相環でみて反対側にある色



◆3色じゃ物足りないとき

”メインの色”か”アクセント”を「分割」

選ぶときのコツ↓
トーンのみを変える。もしくはトーン同じで色変える


--------------------参考サイト------------------------

ネタの大元とってもわかりやすい↓↓※動画じゃないのでご注意
・色彩センスのいらない配色講座
http://www.slideshare.net/marippe/ss-9003317

・色カラー
http://iro-color.com/colorchart/