Macで Git ,Pycharmを使った環境構築する際に、 参考にさせていただいたページのリンクをこちらの記事に集めていきたいと思います。(今までバージョン管理はBitbucketとSourceTreeを使ってきたのでWebページの参考を見ながらテストをしています。 TermialとP…
Sublime Text 2 というエディタについて記録します。１:公式サイトからダウンロード・インストール →Sublime Text 2 ２:プラグインをインストールするためのプラグイン「Package Control」をインストールSublime Textを起動して、メニュー>View>ShowConsole…
Web:site; miweb1010のポートフォリオ ここを押すとページに飛びます6か月間のまとめとしてのポートフォリオサイトです。WordPressで制作しました。Webサイト制作科で学んだことで、Webサイトを実際に作成し、運用することが出来ていることが とても嬉しいで…
SVGの勉強 | 3 SVGの勉強について記録します。 http://armadillo-dish.sakura.ne.jp/work/svg01/index5.html <html> <head> <meta charset="utf-8"> <title>SVGの勉強 | 円形グラデーション</title> </head> <body> <svg width="300" height="300"> <defs> <radialGradient id="g1" cx="0.5" cy="0.5" r="0.5"></radialgradient></defs></svg></body></html>
SVG画像の勉強について記録します。 http://armadillo-dish.sakura.ne.jp/work/svg01/index4.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"></lineargradient></defs></svg></body></html>
SVG画像の勉強について記録します。 SVGをブラウザで見る：http://armadillo-dish.sakura.ne.jp/work/svg/index2.htmlimageタグがないことを、コードを見ると確認できます。SVG画像とは？で書く、xmlである。HTML5であれば使用可能。拡大縮小しても綺麗な画…
CSS3を使ったスマホ用グラフィックと動きのデザインの学習について記録します。http://armadillo-dish.sakura.ne.jp/work/517/2/index.html CSS3を使ってデザインしたナビに、簡単なアニメーションを加えて滑らかな動きをつけることは、.menu { transition: …
CSS3を使ったスマホとiPad用のグラフィックの学習について記録します。 http://armadillo-dish.sakura.ne.jp/work/517/1/index.html =========================================================== CSS3のポイント ========================================…
レスポンシブデザインの勉強について記録します。http://armadillo-dish.sakura.ne.jp/work/3/index.html メディアクエリーを使って、ブレイクポイントを指定したため、画面サイズによって レイアウトが変わります。
レスポンシブデザインの勉強について記録します。http://armadillo-dish.sakura.ne.jp/work/2/index.html ウインドウサイズを変化させると同時に画像サイズも変わります。cssのなかで/*Flexible image */ img { max-width: 100%; height: auto; }imgに対して…
レスポンシブデザインの勉強について記録します。CSSでの記述で、％で指定してレスポンシブデザインのページの演習をしました。 http://armadillo-dish.sakura.ne.jp/work/1/index.htmlレスポンシブデザインで必要なこと ・フルードグリッド(Webページの要素…
サンプル 1)Illustratorでクマのオブジェクトを描き、レイヤーを複製します。 各レイヤーの動かしたい部分だけをそれぞれに変えます。 完了したらPhotoshop形式(拡張子.PSD)で保存します。 2)Photoshopで1で作成したpsdファイルを開きます。 ウインドウメニ…
★Javascriptで消費税込みの金額を計算★http://armadillo-dish.sakura.ne.jp/js/508-1.htmlJavascriptを使って、消費税込みの金額を計算できるhtmlの記述について学びました。 以下に記録します。html <html> <head> <meta charset="utf-8"> <title>消費税込みの金額を計算</title> </head> <body> <div id="container"> </div></body></html>
サンプル：http://armadillo-dish.sakura.ne.jp/js/17.html 入力された値によって指定した結果を表示させるcase文を使ったJavascriptについて学んだので記録します。 <html> <head> <meta charset="utf-8"> <title>case文を使って季節を判別する</title> </head> <body> <script> var month; function season() { month = prompt('</body></html>…
再生１回のアニメーション：http://armadillo.zashiki.com/fla/001/farfallelogo.html ★アニメーションの再生を一回だけにする方法 最後のキーフレームのアクションを選択し、 アクションウインドウで「stop();」と書きます。 ★書き出したswfファイルをブラ…
はてなブログの記事をWordPressで表示させる方法について記録します。 1)まず、はてなブログの管理画面から、データ管理ページを表示し、 インポート/エクスポートからMobableTypeでダウンロードを選択します。 2)ダウンロードが完了したらWordPressの管理画…
Flashでボタン操作でオブジェクトを動かす方法について記録します。 サンプル http://armadillo.zashiki.com/fla/001/4212.html1)Flashを立ち上げます。SctionScript2.0を選択し、新規作成します。 レイヤーを３つ作りそれぞれ名前を付けます。 (ここではAct…
前回のWordPressカスタマイズに関する記事の続きを記録します。管理画面から背景画像を変更可能にする方法この工程で必要になるWordPressのテンプレートタグは ・add_custom_image_header() カスタム背景を有効にする です。以下のようにファイルに記述を追…
前回のWordPressカスタマイズに関する記事の続きを記録します。管理画面からヘッダー画像を変更可能にする方法この工程で必要になるWordPressのテンプレートタグは ・add_custom_image_header() カスタムヘッダーを有効にする ・ カスタムヘッダー画像を出力…
前回のWordPressオリジナルテーマのカスタマイズの記事のつづきです。 今回はトップページを下の図のようにする方法について記録します。 header.php をこのように書き換えます。 <html> <head> <meta charset="<?php bloginfo('charset'); ?>"> <title><?php bloginfo('name'); ?> <?php wp_title();?> </title> </meta></head></html>
★固定ページとブログ形式のページで共通のナビを作る★ WordPressnoのオリジナルテーマ作成の学習の続きを記録します。下の画像のように横並びのナビを表示させます。 まずナビゲーションバーのためにそれぞれ記述を付け足します。 functions.php //カスタム…
前回のWordPressカスタマイズに関する記事の続き、「固定ページ」を作る方法について記録します。サイドバーがあるcssで統一されていたindex.phpファイルから、headerとfooterのphpに以下の部分を抜き取り、 それぞれをheader.phpとfooter.phpに分け、index.…
★ボタンの複製、ActionScript★前回のFlash記事「★ボタン操作で動くFlash★」で、STARTボタン以外のボタンを設定する方法について 記録します。以下の記録はこのFLASHの制作過程です http://armadillo-dish.info/fla/413.swf 1)STARTボタンを作ったときと同じ…
このswfのメイキングです：http://armadillo-dish.info/fla/start.swfFlashの動作を、ボタンが押されたと同時にスタートさせる方法について記録します。工程が 長いため、順序の数字を省略しています。前回のボールのFlashの時と同じように、キーフレームを…
Flashのタイムラインの使い方とクラシックテゥイーンを理解するボールが右から左に動くFlash: http://armadillo-dish.info/fla/ball.swf1) 2) 3) 4) 5) 6) 7) 8) Flashの書き出し拡張子は.swfです。 これはPhotoshopなどで画像を書き出す時でいうと.jpgなど…
前回のWordPress用オリジナルテーマの作り方のつづきです。 前回の記事のindex.phpとstyle.cssを書き加えて、カスタマイズをすすめています。 管理画面の外観＞テーマの編集に3つのファイルがあります。 現在ここにある、３つのファイル(index.php,style.css…
★WordPressで使えるオリジナルのテーマを作るWordPressのカスタマイズの基本的な方法について学んでいます。 カスタマイズするときには、まず自分でWordPressテーマ用のフォルダを作ります。1)まずは自作していくテーマ用フォルダを作ります。 テーマ用フォ…
★WinSCPのファイルをTeraPadで開くようにする設定方法★ WinSCPのファイルを開くときに、自分の使いたいテキストエディタを指定する方法です。 1)WinCSPのメニューからオプション＜環境設定をクリックします。 2)環境設定ダイアログボックスが表示されたら、…
★WordPressのテーマをDreamweaverで編集する方法★ 〜phpを扱ったWprdPressサイトを、カスタマイズ中は非公開にする〜WordPressを使ってサイトをカスタマイズするためにDreamweaverを使う準備について記録します。 1)Dreamweaverのメニューからサイト＜サイト…
WordPressを使ってサイトを作るときに、XAMPPを使用してローカルプレビューをしながら 作っていくための方法を昨日一昨日の記事に引き続き記録します。1)XAMPPを起動し、MySQLを起動させます。 まず、MySQLで"データベース"を新規作成します。 WordPressのデ…
