ウェブ学のすすめ

Study of Web Design & Programing

2012-04-01から1ヶ月間の記事一覧

【HTML03】文書構造の練習

課題 以下の内容をHTML文章にしてブログに載せなさい サンプルなど見ないで入力すること(できるようになるまで繰り返す) DTDとmetaは不要 【HTML03】文書構造の練習インテリアショップ a Interiorインフォメーション インテリアショップ「a Interior」での…

【HTML02】 文書構造の練習

課題 以下の内容をHTML文章にしてブログに載せなさい サンプルなど見ないで入力すること(できるようになるまで繰り返す) DTDとmetaは不要 デザインの話物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきました。物にはいろいろな形が…

【HTML01】文書構造の練習

課題 以下の内容をHTML文章にしてブログに載せなさい サンプルなど見ないで入力すること(できるようになるまで繰り返す) DTDとmetaは不要 【HTML01】文書構造の練習 結論:大見出し 要約 結論:検証 解説 検証の項目 検証の項目 検証の項目 解説 順序のあ…

Illustrator CS5.1体験版をインストールする方法

Illustrator CS5無償体験版ダウンロードのページにアクセス Adobe - Adobe Illustrator CS6 ダウンロード | Adobe ※2012年6月26日現在、CS6の体験版が入手できます。 「今すぐダウンロード」をクリック 「Adobe Download Assistant」を開く 「Adobe Download…

テーブルタグ「table」とは

tableタグは、trやtdなどと一緒に用いて表を表示させるために使います。 読み方・正式名称 table(テーブル):table tr(ティーアール):table row td(ティーディー):table head th(ティーエイチ):table description 記述例 <table summary="iPhoneの種類"> <tr> <th>機種</th><th>発売開始日</th> </tr> <tr> <th>iPhone 4S</th><td></td></tr></table>…

定義型リスト「dl」「dt」「dd」とは

読み方と正式名称 dl(ディーエル):definition list dt(ディーティー):definition term dd(ディーディー):definition description 記述例 用語の定義 <dl> <dt>用語</dt> <dd>定義</dd> </dl> 更新情報 <dl> <dt>更新日付</dt> <dd>更新内容</dd> </dl> 表示例 URL Uniform Resource Locatorの略。 インター…

【ActionScript】課題5:ムービークリップの位置を指定

問題 ムービークリップを作成なさい。 ロードした時に、ムービークリップのX座標が左端から300の位置に移動するスクリプトを記述しなさい。引用元:変数の使い方 - Webデザインの勉強|忘筌 解答 ※iPhoneなどのiOSデバイスでは以下のFlashを見ることができな…

Web制作において4つの便利なFirefoxアドオン

Web Developer 便利機能満載のWeb開発統合ツールバーです。 <主な機能> 無効化:Java、Javascriptなど Cookie:削除、追加など CSS:無効、編集など フォーム:パスワードの表示など 画像:画像を非表示にするなど 情報:見出しを表示するなど その他:コ…

USBメモリーで持ち運べる便利なフリーソフト10選

USBメモリーにインストールして起動できるポータブルソフトを集めました。 ブラウザ ブックマークを出先のPCに残すことなく利用することができます。Mozilla Firefox, Portable Edition | PortableApps.com - Portable software for USB, portable and cloud…

【ActionScript】課題4:文字列を表示

問題 自分の氏名を出力パネルに表示しなさい。引用元:変数の使い方 - Webデザインの勉強|忘筌 解答 Adobe Flash Professional CS5.5(体験版) var username:String = "vinton"; trace(username); wonderfl build flash online String(文字列) - wonderf…

【ActionScript】課題3:割り勘の計算

問題 「ビールを12杯:1杯500円」「ウーロン茶を4杯:1杯300円」「サラダを2皿:1皿600円」「チキンを2皿:1皿800円」 「ピザを2枚:1枚800円」 これを5人で割り勘にしたときの一人あたりの金額を求めなさい。引用元:変数の使い方 - Webデザインの勉強…

【ActionScript】課題2:距離・速度・時間の計算

問題 「車Aの時速は100km」「車Bの時速は140km」 東京←→大阪の距離は560km どちらが何時間早く着くか求めなさい?引用元:変数の使い方 - Webデザインの勉強|忘筌 解答 Adobe Flash Professional CS5.5(体験版) var speed_a:Number = 100; var speed_b:Nu…

【ActionScript】課題1:変数を使った計算式

問題 変数を使った計算式を書き、出力パネルに結果を表示させなさい。 10×(8+12)÷4 の値は?引用元:変数の使い方 - Webデザインの勉強|忘筌 解答 Adobe Flash Professional CS5.5(体験版) var a:Number = 10; var b:Number = 8; var c:Number = 12; v…

【FlashDevelop】を日本語化する方法

「Tools」→「Program Settings...」をクリック 「Locale」→「Selected Locale」の「en_US」を「ja_JP」に変更 「Close」をクリックしてFlashDevelopを再起動

無料でFlashを作成できる【FlashDevelop】のインストール方法

FlashDevelopとは FlashDevelop(フラッシュデベロップ)とは、オープンソースの統合開発環境である SharpDevelop をベースに、Adobe Flex 向けに改造を施し、ActionScript, MXML, haXe での開発に特化した統合開発環境。引用元:FlashDevelop - Wikipedia …

「wonderfl build flash online」の始め方

「wonderfl build flash online」にアクセス wonderfl build flash online 「signin」をクリック お好みのOpenIDプロバイダでサインイン wonderfl build flash onlineではOpenIDに対応しています。 以下のIDが利用できます。 Yahoo!JAPAN ID Google ID mixi …

wonderfl build flash onlineとは

wonderfl build flash online wonderfl build flash online 「wonderfl build flash online」は、オンラインでFlashをつくることのできる無料のサービスです。ブラウザさえあれば,Flashをつくることができます。 主な機能 新規にActionScript3.0を制作する…

ActionScriptとは

読み方 アクションスクリプト 意味 アドビシステムズ社の製品であるFlashに使用されるプログラミング言語である。引用元:ActionScript - Wikipedia バージョン ActionScriptプレイヤー主な開発環境ActionScript 1.0Flash Player 4〜5Flash5Flash MX ActionS…

USBメモリの選び方

読み方 ユーエスビーメモリ 英語 USB flash drive 意味 Universal Serial Bus (USB) を用いてコンピュータに接続してデータの読み書きを行う補助記憶装置のうち、USBコネクタがケーブルを介さず直接本体についている形状のもの引用元:USBメモリ - Wikipedia…

TV電話を売りたい相手とは

TV電話とは 電話にビデオカメラとビデオモニター画面を組み合わせて、相手の顔を見ながら話すことができるシステムの名称である。引用元:テレビ電話 - Wikipedia Skype / Joe Shlabotnik現在では、パソコンやスマートフォン同士でもテレビ電話をすること…

ヨーロッパの城で、日本人が所有者の城の名前は?

Q.ヨーロッパの城で、日本人が所有者の城の名前は?A.ブルクカッツ(Burg Katz)日本人男性が持ち主で、一般公開はされていません。現在は、プライベートなホテルとして運営しているようです。 建築主 カッツェンエルンボーゲン伯爵ヴィルヘルム2世 通称…

無料で簡単にホームページが作れる【Jimdo】とは

HTMLやCSSなどの知識がなくても簡単にホームページが作成できるサービスです。• ホームページ作成 - 簡単ホームページ作成サービス - Jimdo 読み方 Jimdoはジンドゥーと読みます。 プランの違い 無料プランよりも多くの機能が利用できる有料プランがあります…

Google Analytics(アナリティクス)をはてなダイアリーに導入する方法

はてなダイアリーにGoogle アナリティクスを導入する方法です(2012年4月19日時点)。Google アナリティクス | 公式ウェブサイト 「アナリティクスにアクセス」をクリック Googleのアカウントでログインします。 ログインしたら「アナリティクス設定」をクリ…

本文がないサイトが検索結果上位に表示される謎!?

検索結果の上位表示 - Webデザインの勉強|風姿花伝 「Webデザインの勉強 - Google 検索」で検索すると、3番目に表示されるページ「Webデザインの勉強」(2012年4月19日時点)。このWebページ基本構造だけで本文がありませんがなぜか3位という上位に表示され…

グループ化要素「div」と「span」とは

目的の範囲をグループ化することによってその部分に対してスタイルシートを適用させたりするのにdiv要素やspan要素を利用します。 div要素 div要素(division)は、段落のようなブロックレベル要素をグループ化する場合に用います。 <div> <p>サンプル</p> </div> span要素 spa…

address要素とは

意味 address要素は、文書制作者の氏名やメールアドレスといった連絡先(問い合わせ先)を示すのに使用します。 他にも文書の公開日や更新日、著作権の表示などにも使われます。 記述例 <address>お問い合わせ先:<br> ホームページ:<a href="http://d.hatena.ne.jp/vinton/" >http://d.hatena.ne.jp/vinton/</a><br> Eメール</address>…

リストを作る「ul」と「ol」の使い分け

リストの各項目を示すにはLi要素を用います。※LIはList Itemの略です。 ul要素 Unordered Listの略で、項目の順番が意味を持たず、並列的に列挙するときに使用します。 記述例 <ul> <li>牛肉</li> <li>にんじん</li> <li>ジャガイモ</li> <li>たまねぎ</li> <li>カレーのルー</li> </ul> 表示例 牛肉 にんじん ジャ…

「font size」の相対指定が【7】までと「見出し(hタグ)」が【6】までの違い

「font size」とは fontタグのsize属性は、文字の大きさを指定します。 1〜7までの数値、またはデフォルトの文字サイズ(size="3")に対して「+」「−」で指定することができます。fontタグは、HTML 4.01では非推奨とされています。フォントに関する指定には…

body要素とは

body要素には、実際にブラウザに表示される内容を記述します。 形式 <body> 本文 </body> 主な属性 属性内容background背景画像のURIbgcolor背景色text文字の色link未訪問リンクの文字色vlink訪問済リンクの文字色alink選択中のリンクの文字色 ※色などの指定にはスタイル…

title要素の決め方

title要素は、文書のタイトルを示します。指定したタイトルは ブラウザのタイトルバー 「お気に入り」や「ブックマーク」を登録したときのタイトル 検索結果に表示されるタイトル などに利用されます。 形式 head要素内に配置します。 <head> <title>〜</title> </head> ↓タイトルに日本…