授業まとめ

簡単にナビボタンを作成

ボタン用に何か画像を描く 書いたボタンをF8でシンボル化 変更メニューからシンボルの編集を行う ステートのウィンドウに「アップ」「オーバー」「ダウン」「オーバーダウン」それぞれい画像を定義 書き出しする これで4つ分のボタンが自動で生成される

デザインを考える!

画像を重ねるということ上に重なったものが優先して見えてしまう。 テーブルレイアウトなど枠で囲まれた中では本文と関係のない画像は入れないこと 「比」について欧米諸国では一般的に黄金比(1:1.618)が落ち着くといわれているが日本では白銀比(ヤマト比)(1…

インストール

ダウンロードするhttp://ja.wordpress.org/ 解凍する 解凍したらxampp\htdocs\wordpressにコピー URLを開く(apache、MYSQL起動必須)http://localhost/wordpress/ phpMyAdminを開いてログインhttp://localhost/phpmyadmin/ phpMyAdmin画面 管理画面でデ…

カンプからスライスして素材を取得

カンプからロゴ透過pngで書き出す カンプ ここからロゴだけを切り出す! スライスツールを選択※背景は不可視にしておく ロゴをスライスツールで囲む 上のメニューから4upを選ぶ 透過設定 書き出し できた画像

リップル

600×400ステージを新規作成 何らかの文字を書く(何でもok) 文字列を選択し、修正→分解で文字を一つずつに分解 修正→タイムライン→レイヤーに分配でタイムラインに配置 一文字だけ選んで再度分解し、シンボルに変換(今回はグラフィックでok)分解する…

asideタグ

asideタグは「補足」的な使い方を意味する。 自分にとってわかりやすかった例を取って残しておきます。

強調系タグ

em強調する。html5以前のstrongタグ strong強調よりも弱いが、重要なワードに使用 b見た目だけの強調

昨日の続きでsectionタグとartcleタグとdiv

sectionタグ→検索エンジンにあまり関係せず、人が見るための段落。単純に分割を行うだけ。 articleタグ→簡単に言うとRSSリーダーで読むヘッドラインと内容にあたる。結構検索エンジンにかかわるかも。 divタグ→検索エンジンにも関係なく、単純な箱。見た目だ…

ヘッドラインタグの使い方

こんなイメージ

html5で先生の調査結果

どうやらgoogleはヘッドラインのキーワード検索の優先度を低くした模様。 別の方も http://www.atmarkit.co.jp/fwcr/design/benkyo/html5appli05/01.htmlこのように書かれていますが、 Chromeのプラグイン-HTML5 Outliner https://chrome.google.com/webstor…

名刺の書き方

自分のサイトでは名刺を作ったことがない人でも印刷屋さんに持っていけばできる形で提供しています。 というのも印刷の決まりとか暗黙の了解なのか私も半分素人なのでわかりかねますが、 決まりがあってそれをクリアする知識を書くのには自分のベースがもろ…

プレゼンの感想

みなさんのプレゼンから学んだことがたくさんあります。 自戒の念を込めて。 間の取り方がうまい。 淡い色の使い方がうまい。 一枚絵としてできているサイトいい 見た目の綺麗さはやはり目を奪われるものがあるのでうらやましい限り。 今は色々なページを見…

【実践課題F】

以下のように商品の単価と在庫の関係の表組みを表示させなさい。 解答 <html> <head> <meta charset="utf-8"> <style type="text/css"> table{ border:1px solid #333; border-collapse:collapse; } th{ width:200px; border:1px solid #333; background-color:#999999; } td{ border:1px solid #333; background-colo</meta></head></html>…

【実践課題E】

以下のように商品の単価と個数の関係の表組みを表示させなさい。 解答 <html> <head> <meta charset="utf-8"> <style type="text/css"> table{ border:1px solid #333; border-collapse:collapse; } th{ width:200px; border:1px solid #333; background-color:#999999; } td{ border:1px solid #333; background-colo</meta></head></html>…

【実践課題D】

以下のように演算結果を表示させなさい。 解答 <html> <head> <meta charset="utf-8"> <style type="text/css"> table{ border:1px solid #333; border-collapse:collapse; } th{ width:200px; border:1px solid #333; background-color:#999999; } td{ border:1px solid #333; background-color:#fff; text-align:cen</meta></head></html>…

【実践課題C】

配列を使い、以下のようにリストのリンクを表示させなさい。 解答 <html> <head> <meta charset="utf-8"> <title>実践課題C</title> </head> <body> <script type="text/javascript"> var list = new Array("ホーム","会社情報","製品情報","お問い合わせ"); var strHtml="<ul>"; for(i=0;i<list.length;i++){ strHtml+="<li><a href='#'>"+list[i]+"<\/a><\/li…</list.length;i++){></ul></body></html>

【実践課題B】

配列を使い、以下のような表組みを表示させなさい。 解答 <html> <head> <meta charset="utf-8"> <style type="text/css"> table{ border:1px solid #333; border-collapse:collapse; } th{ border:1px solid #333; background-color:#999999; } td{ border:1px solid #333; background-color:#fff; } </style> <title>実践課題B</title> …</meta></head></html>

【実践課題A】

おみくじの結果「大吉」「中吉」「小吉」「吉」「凶」をランダムに表示させなさい。 解答 <html> <head> <meta charset="utf-8"> <title>実践課題A</title> </head> <body> <h1>今日の運勢</h1> <p>今日のあなたの運勢は</p> <script type="text/javascript"> var omikuji = ["大吉","中吉","小吉","吉","凶"]; document.write(omikuji[Math.floor(Math.random()*5)]); </script>…</body></html>

ラベルつきの配列を扱う

<html> <head> <meta charset="utf-8"> <title>ラベルつき配列</title> <script type="text/javascript"> var member = [ { name:'佐藤', age: 35 }, { name:'伊藤', age: 38 }, { name:'山田', age: 28 }]; for(i=0;i<member.length;i++){ document.write(member[i].name+"さんは"+member[i].age+"才です\n<br>"); } </member.length;i++){></meta></head></html>

単純な配列を読み込む

<html> <head> <meta charset="utf-8"> <title>配列の勉強</title> <script type="text/javascript"> var nameAry = new Array(); nameAry.push("佐藤"); nameAry.push("伊藤"); nameAry.push("山田"); document.write("3番目に"+nameAry[2]+"さんが登録されています<br>"); document.write("現在"+nameAry.length+"人が登録されています。"); </meta></head></html>

【実践課題L】

国語のテストの出題ミスにより、すべての点数に10点足す必要がでてきました。 以下の点数に10を足して、ムービーと出力パネルにすべて表示させなさい。Aさん:50点 Bさん:33点 Cさん:61点 Dさん:57点 Eさん:49点 var addPoint:Number=10; var mes:String…

【実践課題K】

おみくじの結果「大吉」「中吉」「小吉」「吉」「凶」をランダムに、ムービーと出力パネルに表示させなさい。 var omikuji:Array = new Array("大吉","中吉","小吉","吉","凶"); var indexNum = Math.floor(Math.random()*5); trace("今日の運勢は"+omikuji[…

【実践課題J】

算数のテストの点数が以下のようになりました。 以下の点数の平均値を求めて、ムービーと出力パネルに表示させなさい。Aさん:70点 Bさん:88点 Cさん:63点 Dさん:95点 Eさん:59点 var mss=""; var pointAry:Array = new Array(70,88,63,95,59); var tota…

【実践課題I】

配列「"月", "火", "水", "木"」の3番目に土・日のデータを追加しなさい。 変数名.splice(開始順番, 0, "土","日"); ※「0」は追加を意味する。 var weekName:Array = new Array(); weekName.push("月"); weekName.push("火"); weekName.push("水"); weekName…

【実践課題H】

日〜土までの、配列の4番目から2つのデータをを削除しなさい。 変数名.splice(開始順番, 削除する数); var weekName:Array = new Array(); weekName.push("日"); weekName.push("月"); weekName.push("火"); weekName.push("水"); weekName.push("木"); we…

【実践課題G】

日〜金までの、配列の最初の「日」を削除しなさい。 変数名.shift(); var weekName:Array = new Array(); weekName.push("日"); weekName.push("月"); weekName.push("火"); weekName.push("水"); weekName.push("木"); weekName.push("金"); trace("削除前…

【実践課題F】

月〜金までの、配列の最初に「日」を追加しなさい。 変数名.unshift("追加する項目"); var weekName:Array = new Array(); weekName.push("月"); weekName.push("火"); weekName.push("水"); weekName.push("木"); weekName.push("金"); trace("追加前:"+we…

【実践課題E】

月〜土までの、配列の最後のデータ「土」を削除しなさい。 変数名.pop("削除する項目"); var weekName:Array = new Array(); weekName.push("月"); weekName.push("火"); weekName.push("水"); weekName.push("木"); weekName.push("金"); weekName.push("土…

曜日を全部出力

var weekName:Array = new Array(); weekName.push("日曜日"); weekName.push("月曜日"); weekName.push("火曜日"); weekName.push("水曜日"); weekName.push("木曜日"); weekName.push("金曜日"); weekName.push("土曜日"); for(i=0;i

【実践課題C】

以下のように表示しなさい。 week=月,火,水,木,金 dataLength=5 data1=月 data2=火 data3=水 data4=木 data5=金 >|actionscriptvar weekName:Array = new Array();weekName.push("日"); weekName.push("月"); weekName.push("火"); weekName.push("水"); wee…