新規データベースがつくれない
↓
とりあえず、ログアウト
↓
IDを「root」に、パスワードは…自分でどこかで設定したパスワード
詳しくはこちら↓
・ ノレンニウデオシ:phpMyAdmin 特権なし 及び MySQLのルートパスワード
http://blog.livedoor.jp/forest_caster/archives/1814903.html
2013-01-24
フォーム 文字のみ大きくする
CSSでフォントのサイズ指定、横幅はhtmlから文字数指定
<例>文字を大きくして、幅は小さくしたい場合
CSS側
html側
size…文字数です
その他にもいろいろCSSでできる↓
height…高さ指定
[type="text"]…テキストのみにCSS
background…フォームの中に背景
テキストを右側に寄せることもできる
フォームもCSSでなんとかなるみたい・・・
<例>文字を大きくして、幅は小さくしたい場合
CSS側
input{
font-size:30px;
}
html側
<input size="5" type="text" value="テキスト" />
size…文字数です
その他にもいろいろCSSでできる↓
input[type="text"]{
height:43px;
vertical-align:top;
background:url(img/input_bg.png) no-repeat 0 0;
font-size:30px;
text-align:right;
}
height…高さ指定
[type="text"]…テキストのみにCSS
background…フォームの中に背景
テキストを右側に寄せることもできる
フォームもCSSでなんとかなるみたい・・・
2013-01-23
2013-01-22
サイトいろいろ、参考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
回転・斜め CSS
使ったものをメモ
↓ だいたいこれくらい↓
★transform…要素の回転(CSS3)
↓↓↓ 参考サイト/一覧にしてくれている親切なサイト ↓↓↓
・css3のtransformの実装サンプル - かちびと.net
http://kachibito.net/web-design/css3-transform-sample.html
transform: rotate(-20deg);
-moz-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
↓ だいたいこれくらい↓
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinff6rQQPycKeqxuu1PHTE_KtNmGkRu5oZgpNCLWK-GmqfUsp4PYXiyHSPQRdyR65pU_lDQ5BxchTZy6dWMer9DmPAg7UGSGSgliIvM3WNlWzrRgAmvStglNdF01p_rmhDlpCGxXqmaQk/s200/20130703-1.png)
★transform…要素の回転(CSS3)
↓↓↓ 参考サイト/一覧にしてくれている親切なサイト ↓↓↓
・css3のtransformの実装サンプル - かちびと.net
http://kachibito.net/web-design/css3-transform-sample.html
IE9で使える CSS
・[IE9] 今すぐ使用できる7つのクロスブラウザ用 CSSトリック | Bonnie styles.
http://puzzel.jp/blog/webdesign/2446
http://puzzel.jp/blog/webdesign/2446
2013-01-17
photoshopで図をつくる
バージョン:photoshop CS5
●矢印
【ラインツール】→【▼】をクリック→【線の太さ】
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-5gTAf0tgkhT_3AHUZ639PK-WGSgQjp9SVpYyCXlN-a9ZxC7EvFVCIu72wsBO4Og9-gjpQgrYGmJ8syjYVSm7Fw7_Zbu_daZ0YPIod5pY7e2JCkjsXzY4AjRU3mqd3AiQxDroefYKrSI/s1600/20130116.png)
※よくわからなくなったら、細かいところは後でなおす。
※いろんな方向に同じスタイルのものを使う場合は、数値メモ
※へこみは(-)マイナスさせる。
★もっと簡単な矢印
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1LR_MbAAqrEnikKrN6Viv5GcUo-SG00faGw8lGbfOe_2ztsJvmspIFP15jIzmspbtqqAZmMf4ogwTo06YwDTajQnwyTz8vXzkpJl9MC9YZL9yCu99o6PcUaY3o-w6DHaEekyGeHRGE0k/s400/20130116_03.png)
★矢印を使った5角形
(幅:100% 長さ50% へこみ:0)
●波線(ラインツール使う場合は↑の設定のチェックボックスとる)
シェイプで普通に線引く→【フィルタ】→【変形】→【波形】微調節
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkmWx4YibRNsaB13yO9Bk83bFaa6g26pwqH67SUpDj44SF7HMRjMlgRMRB7LzwD_agDMLbpK179-VU-0CwpvyvIJ9DOlSszy47innMn3EcVbRBBbAsoCInIXctCJxz4zspK8vpEO6KsGk/s1600/20130117.jpg)
●点線
・[配布]photoshopでドットのラインを描く方法&破線(点線)ブラシ - バニデザノート
http://vanidesign.blog.fc2.com/blog-entry-54.html
▼フォントの『-(マイナス)』『.(ドット)』で点線
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1rot0sYbtjWorcBGhNQ-QOzabTPngLB_Hgzpe-kP3B60oNqpOUO9EkCWFA3Et9qmcbYEbQJKaCy5TGGz1_L90anPtbNpdA-D9rnvETeWMztMhAJMWoJWYuQyt4cMPspvDB3Tk3vPTUw8/s1600/20130122_01.jpg)
▼ブラシで点線
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvyqqgGbLfMFaR7R6GxogsrOYBWtnGzmsSPp6VYKbGzKgWfI4YdvfGnC731duUO9DwZr_irKwF8dLcyNSBX1sQq1QI9tcGCHaQgKYnbYs2z3D0pN1vnkyhfiWvoLAuYkm3TCdKSpZd-zo/s1600/20130122_02.jpg)
直径:4 px 固さ:100% 間隔:150%
間隔を広げる場合↓
直径:4 px 固さ:100% 間隔:700%
ラベル:
【photshop】
パソコンの買い替え アドビ アクティべーション(ライセンス認証)解除
------------------- 参考サイト ---------------------------
●ライセンス認証を解除する
http://helpx.adobe.com/jp/x-productkb/global/7845.html#id_12315
●ライセンス認証を解除する
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
…関係ないけど、WIn8シャットダウン方法いろいろ
・Windows 8のシャットダウン、電源の切り方いろいろ
http://freesoft.tvbok.com/win8/windows8-shutdown.html
・ネットワーク名(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
…関係ないけど、WIn8シャットダウン方法いろいろ
・Windows 8のシャットダウン、電源の切り方いろいろ
http://freesoft.tvbok.com/win8/windows8-shutdown.html
2013-01-15
WordPressをつかってみる 【WordPress】
WordPressとは?
ブログの管理画面みたいなの
★ローカル環境を整える
↓WordPressをローカルで動かすのに必要
『XAMPPダウンロード』
①XAMPP(基本パッケージ)
②XAMPPアドオン(①の機能拡張)
③XAMPP USB Lite(①の縮小版)
①をダウンロード
http://www.apachefriends.org/jp/xampp-windows.html#2671
【XAMPP】→【インストーラ】しばし待つ
※インストールの後に、日本語に設定できる
----------参考サイト-----------------
XAMPPのインストールと設定について | Basic Design
・XAMPP導入からブログサイトを立ち上げるまで XAMPPを導入-実践編その1 | KenQsan.com
http://kenqsan.com/webservice/97/
---------------------------------------
★セキュリティの設定
成功: XAMPPのディレクトリ制御が設定されました!全ユーザのデータは、以下のファイルに格納されました: ↑これはどこかにメモしとく
・エラーがでた(error xampp is already running…)
すでにXAMPPは起動している。デスクトップ右下の犬の骨みたいなICONをクリック(オレンジ)
詳しくは→Yahoo知恵袋より http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1159119936
★データベースの作成(WordPressインストールするときに必要)
・変なエラーでた
(お使いの設定ファイルに MySQL のデフォルト特権アカウントに相当する設定 (root ユーザでパスワードなし) が含まれています。お使いの MySQL サーバはこのデ・・・・)
----------------------参考サイト---------------------------
・phpMyAdmin / technotype
http://www.technotype.net/tutorial/tutorial.php?fileId={phpMyAdmin}§ionId={starting-phpmyadmin}
------------------------------------------
・ショートカットから起動すると、何かのエラー?がでる英語で読めない
(XAMPP Component Status Check failure[3]…)
原因/win7だとでる、問題無し
データベース名(なんでもよい)/照合順序「utf8_general_ci」
※特権なしとでてる→
★WordPressのインストール
WordPress(日本語版)ダウンロード
http://ja.wordpress.org/
ダウンロード→解凍(wordpressフォルダ)→xamppフォルダの.htdocsフォルダに移動
xamppフォルダがどこにあるかわからないときは
ショートカットのプロパティをみればいい
ブラウザで↓のURL
http://localhost/●●
●●にフォルダ名いれる wordpressフォルダ名前変更してないなら
http://localhost/wordpress
設定ファイルを作成する→さあ、始めましょう!
***↑項目について****
1.データベース名
2.データベースのユーザー名
3.データベースのパスワード
4.データベースホスト
5.データベースの接頭辞 (1つのデータベースに複数の WordPress を作動させる場合)
1→さっきつくったデータベース名
2→root
3→XAMPPで設定したパスワード
4.→デフォルトのままで問題なし
5.→複数インストールするときに名前変えます。(最初はこのままでOK)
インストール
(タイトル・ユーザー名そのほかもろもろ後で設定できるので今は仮で登録)
↓
ログインすると管理画面でてくる
ブログの管理画面みたいなの
★ローカル環境を整える
↓WordPressをローカルで動かすのに必要
『XAMPPダウンロード』
①XAMPP(基本パッケージ)
②XAMPPアドオン(①の機能拡張)
③XAMPP USB Lite(①の縮小版)
①をダウンロード
http://www.apachefriends.org/jp/xampp-windows.html#2671
【XAMPP】→【インストーラ】しばし待つ
※インストールの後に、日本語に設定できる
----------参考サイト-----------------
XAMPPのインストールと設定について | Basic Design
・XAMPP導入からブログサイトを立ち上げるまで XAMPPを導入-実践編その1 | KenQsan.com
http://kenqsan.com/webservice/97/
---------------------------------------
★セキュリティの設定
成功: XAMPPのディレクトリ制御が設定されました!全ユーザのデータは、以下のファイルに格納されました: ↑これはどこかにメモしとく
・エラーがでた(error xampp is already running…)
すでにXAMPPは起動している。デスクトップ右下の犬の骨みたいなICONをクリック(オレンジ)
詳しくは→Yahoo知恵袋より http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1159119936
★データベースの作成(WordPressインストールするときに必要)
・変なエラーでた
(お使いの設定ファイルに MySQL のデフォルト特権アカウントに相当する設定 (root ユーザでパスワードなし) が含まれています。お使いの MySQL サーバはこのデ・・・・)
----------------------参考サイト---------------------------
・phpMyAdmin / technotype
http://www.technotype.net/tutorial/tutorial.php?fileId={phpMyAdmin}§ionId={starting-phpmyadmin}
------------------------------------------
・ショートカットから起動すると、何かのエラー?がでる英語で読めない
(XAMPP Component Status Check failure[3]…)
原因/win7だとでる、問題無し
データベース名(なんでもよい)/照合順序「utf8_general_ci」
※特権なしとでてる→
★WordPressのインストール
WordPress(日本語版)ダウンロード
http://ja.wordpress.org/
ダウンロード→解凍(wordpressフォルダ)→xamppフォルダの.htdocsフォルダに移動
xamppフォルダがどこにあるかわからないときは
ショートカットのプロパティをみればいい
ブラウザで↓のURL
http://localhost/●●
●●にフォルダ名いれる wordpressフォルダ名前変更してないなら
http://localhost/wordpress
設定ファイルを作成する→さあ、始めましょう!
***↑項目について****
1.データベース名
2.データベースのユーザー名
3.データベースのパスワード
4.データベースホスト
5.データベースの接頭辞 (1つのデータベースに複数の WordPress を作動させる場合)
1→さっきつくったデータベース名
2→root
3→XAMPPで設定したパスワード
4.→デフォルトのままで問題なし
5.→複数インストールするときに名前変えます。(最初はこのままでOK)
インストール
(タイトル・ユーザー名そのほかもろもろ後で設定できるので今は仮で登録)
↓
ログインすると管理画面でてくる
ラベル:
【WordPress】
2013-01-11
改行タグ 1行空くのをやめる【Dreamweaver】
ショートカットで改行をいれたときに
改行タグ+改行されるのをやめる。
【環境設定】→【コードフォーマット】の高度なフォーマット:【タグライブラリ】→変更したいタグを選択→改行:改行なし
改行タグ+改行されるのをやめる。
【環境設定】→【コードフォーマット】の高度なフォーマット:【タグライブラリ】→変更したいタグを選択→改行:改行なし
ラベル:
Dreamweaverについて
無線LANについてのメモ
・モデムと同じメーカーじゃなくてもいい
・USBアダプタを買ったとしても、PCが対応していない(規格が違う)場合あり、買う前に調べる
・ノートパソコンは、ほとんど無線LANが内蔵されているらしいのでアダプタいらない。
・無線より、線の方がどちらかというと早い
・自分のPCが無線LANに対応しているか、もしくは規格?を調べるべし
▼回線速度をはかる
・速度測定システム Radish Networkspeed Testing 東京
http://netspeed-tokyo.studio-radish.com/index.html
・USBアダプタを買ったとしても、PCが対応していない(規格が違う)場合あり、買う前に調べる
・ノートパソコンは、ほとんど無線LANが内蔵されているらしいのでアダプタいらない。
・無線より、線の方がどちらかというと早い
・自分のPCが無線LANに対応しているか、もしくは規格?を調べるべし
▼回線速度をはかる
・速度測定システム Radish Networkspeed Testing 東京
http://netspeed-tokyo.studio-radish.com/index.html
登録:
投稿 (Atom)