自習
ナビを作る練習 上: お手本 下: 自作 今回はFireworksのみで作成しました。 Photoshopと違い、破線を簡単に作れるのが楽しいです。 ナビを使わせていただいたサイト: E・レシピ
IllustratorでPPGのイラストをトレースする お手本 トレースしたものあまりペンツールを使わず図形ツールメインで再現しようとしたら、とても時間がかかりました。 基本的には線と塗りを一緒にしていますが、塗りは塗り、線は線で作ったほうが良かったかもし…
繰り返し処理-偶数の合計 <html> <head> <meta charset="UTF-8"> <title>繰り返し-偶数の計算</title> <style> h1 { font-size: 20px; } </style> <script> function goukei() { var ans =0; var bunbo =2; var a; for (i=1; i<=10; i++) { a = 1/bunbo; ans = ans + a; bunbo = bunbo*2;//次の計算用に分母の値を(2のn+1乗)にする } </meta></head></html>…
バナー作成 世界のチーズキッチン お手本 作ったもの久しぶりにIllustratorと格闘しました。 Photoshopは写真の補正にのみ使用。 ただ、慣れや効率を考えると、切手風写真は無理にIllustratorで作らなくても良かったもかもしれません...。 ストライプの左右…
for文で整数の合計を表示 <html> <head> <meta charset="UTF-8"> <title>for文-繰り返し処理</title> <script> function goukei() { var ans = 0; for ( i=1; i<=100; i++) { ans = ans+i; } alert( '1~100の合計は' + ans + 'です'); } </script> </head> <body> <h1>整数の合計</h1> <p>1~100の合計を表示する。</p></body></html>
関数の汎用化 税抜き価格を計算する <html> <head> <meta charset="UTF-8"> <title>税抜価格</title> <script type="text/javascript"> var zeinuki; function zei(kakaku) { zeinuki = kakaku/1.05; alert( '税抜き価格は' + zeinuki + '円です'); } </script> </head> <body> <ul> <li>久保田 萬寿(720ml 税込3664円)</li></ul></body></html>
タイマー(setInterval)でスライド 今回は基礎から離れてタイマーを使ってみました。 実物へのリンク <html> <head> <meta charset="UTF-8"> <title>タイマーでスライド</title> <script type="text/javascript"> var i = 1; function slide() { i++; if (i == 6) { i=1; } document.getElementById( 'img').src = 'img/flower' + i + '.jpg'; </script></meta></head></html>…
配列の演算 <html> <head> <meta charset="UTF-8"> <title>配列</title> <script type="text/javascript"> var a = new Array(9, 12, 17); var b = new Array(33, 16, 82); var kai; function kakezan0() { kai = a[0]*b[0]; alert( '答えは' + kai + 'です' ); } function kakezan1() { kai = a[1]*b[1]; alert(kai); …</meta></head></html>
変数の演算 インクリメント <html> <head> <meta charset="UTF-8"> <title>変数の演算-インクリメント</title> </head> <body> <script type="text/javascript"> var a = 10; a ++; //a=a+1と同じ alert(a); </script> </body> </html> デクリメント <html> <head> <meta charset="UTF-8"> <title>変数の演算-デクリメント</title> </meta></head></html>
基礎の基礎から少しずつ、JavaScriptのおさらいをしてみます。 イベントハンドラ 写真をクリックするとアラートが表示される。 <html> <head> <meta charset="UTF-8"> <title>イベントハンドラ</title> </head> <body> <img src="kori.jpg" width="481" height="320" onClick="alert('かき氷食べたい')"> </body> </html> 関数を利用する 写真をクリックすると関数が呼び出されて、アラートが表示される。
プレゼンサイト用カスタムシェイプ 今日は、ひたすらパーツ類を作りました。 基本的に図形ツールを使用していますが、ペンツールの使い方が全然なっていないので練習します。 プレゼンまでにやることリスト 更にパーツ類を作る コピー、文章を打つ サイトを…
Illustratorで手書き風なフォントを作る チュートリアルの手順をメモとして載せます。 参照サイト: Turn Any Font Into a Sketch Font 日本語訳サイト: Illustrator（イラストレーター）で手書き風タイポグラフィを作る方法 Illustratorの新規アートボードに…
Illustratorでカニのトレースをする 授業での説明とIllustrator・Photoshop・Fireworksの勉強を参照。 金赤: M 100% 、Y 100%の色のこと
こんがらがらないようにメモ。 HTML 4.01 Transitional <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Style-Type" Content="text/css"> </meta></meta></head></html>
ブログのテンプレートと背景、タイトル画像を変えてみた。 最初は画像をFotolifeにアップロードして、そこからcssで読み込もうとしたが無理だったのでレンタルサーバーにアップロード。 cssを編集しh1として表示。が、タイトル画像にブログ名まで入れたため…
