import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')

をペーストしてEnter。

３:Zen-Codingプラグインをインストール
Sublime Textを再起動→コマンドパレットを開く(Crtl+Shift+P)→出てきたコマンドパレットで「install」と打つと候補が表示されるので、
Package Controll:Install Packageを選択→"Emmet"と入力して検索(Zen-codingの最新バージョンの名前がEmmetになったそうです。Zen-codingと
検索しても出てこないのでご注意ください。)→選択→再起動→試す(※Sublime Text2でEmmetに指示を出すときに実行させるためのキーはCtrl+Eです。)

４その他にも便利なプラグインをインストールして使用

参考リンク(自身がSublime Text2をインストールし初期設定をする時・記事を書くにあたってとても有難かったです)：
キリンブログ
 prime factor(Sublime Text 2で自分用のスニペットを作る方法)
Web Design KOJIKA17
mnemoniqs web desiner blog

============================================
尚、操作中に検索してもなかなか解決方法を見つけられず困ったことが、viewメニューで間違って
view>Hide Menuをクリックしてしまい、Sublime Text2　のメインメニューが非表示になってしまったことです。

この場合の解決方法は、Altキーを押すと解決します。まずAltキーをクリックすると非表示になってしまった
メニューが一時的に表示されます。そして、View>Show Menu　をクリックすれば表示が定着し、元通りになります。

Dreamweaver との大きな違いとして、まず立ち上がりの速度がものすごく速く、軽い感触があり、感動しました。
沢山プラグインを入れられるエディタとして今後理解を深めたいと思います。

2013-06-18

ポートフォリオ

HTML/CSS ポートフォリオ

Web:site;
miweb1010のポートフォリオ

ここを押すとページに飛びます

6か月間のまとめとしてのポートフォリオサイトです。WordPressで制作しました。

Webサイト制作科で学んだことで、Webサイトを実際に作成し、運用することが出来ていることが
とても嬉しいです。Webサイト制作科を受講する前より、さらにWeb制作に対して興味が深まりました。
あと2日でWebサイト制作科を修了します。6か月間の間に本当に多くのことを学ぶことが出来ました。

言語では　HTML,CSS　Javascript,jQuery　PHP,WordPress
ソフトは　Illustrator,Photoshop,Fireworks, Dreamweaver,Flash,(Bridge)
その他で　TeraPad,秀丸,Cacoo,ブログ,FFFTP,WinSCP,NetBeans,など

ウェブサービスやブラウザ、サイトの制作に関してクライアント様とのやり取りを含め、要件定義や構造設計、
コーディング・デザイン、運用まで実践的に学ぶことが出来ました。

学びたいことが多すぎて、ポートフォリオ制作の時期には完成までに制作に充てられる時間に限りがある
ことが苦しく感じられました。

フェリカテクニカルアカデミーでWebサイト制作を学ぶことが出来て本当に良かったと、心から思います。
クラスの皆さんや、ご指導いただいた先生方に深く感謝いたします。

2013-05-20

■

SVGの勉強 | 3
SVGの勉強について記録します。

http://armadillo-dish.sakura.ne.jp/work/svg01/index5.html

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>SVGの勉強 | 円形グラデーション</title>
</head>

<body>
<svg width="300" height="300">
<defs>
<!--円の指定なのでcxをつかう。-->
<radialGradient id="g1" cx="0.5" cy="0.5" r="0.5"><!--"ここで指定したグラデーションをg1に読み込みます" 開始位置がx1,y1, 終了位置がx2,y2。という記述の仕方。開始位置と終了位置は０〜１で記述-->


<stop offset="0" stop-color="skyblue"/>
<stop offset="0.5" stop-color="pink"/>
<stop offset="1" stop-color="yellow" stop-opacity="0.5"/>



</radialGradient>

</defs>
<!--idで指定したrectにグラデーションを読み込ませる-->
<!--<linearGradient>は直線グラデのタグ
    イラレで作れるグラデはほとんど作れる。
-->

<rect width="100%" height="100%" fill="url(#g1)" />

</svg>
</body>
</html>

2013-05-19

SVGの勉強 | 2

HTML5/CSS3

SVG画像の勉強について記録します。
http://armadillo-dish.sakura.ne.jp/work/svg01/index4.html

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>SVGの勉強 | グラデーション</title>
</head>

<body>
<svg width="600" height="300">
<defs>

<linearGradient id="g1" x1="0" y1"0" x2="1" y2="1"><!--"ここで指定したグラデーションをg1に読み込みます" 開始位置がx1,y1, 終了位置がx2,y2。という記述の仕方。開始位置と終了位置は０〜１で記述-->


<stop offset="0" stop-color="skyblue"/>
<stop offset="0.5" stop-color="pink"/>
<stop offset="1" stop-color="yellow" stop-opacity="0.5"/>



</linearGradient>

</defs>
<!--idで指定したrectにグラデーションを読み込ませる-->
<!--<linearGradient>は直線グラデのタグ
    イラレで作れるグラデはほとんど作れる。
-->

<rect width="100%" height="100%" fill="url(#g1)" />

</svg>
</body>
</html>