2012-04-01から1ヶ月間の記事一覧
【HTML02】 <html> <head> <title>【HTML02】文書構造の練習</title> </head> <body> <h1>デザインの話</h1> <p>物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきました。物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきました。</p> <p>物にはいろいろな形があります。歴</p></body></html>…
【HTML04】 以下の内容をHTML文章にしてブログに載せなさい DTDは「XHTML 1.0 Strict」 DTDがわからない場合は、テキスト「上級レイアウト」を読むこと </html>
【Design01】 過去にあった選挙ポスターです。デザインの要素を説明しなさい。 デザインの目的を考える 要素を抜き出す（色、形、文字、写真、構成、被写体、ポージングなど） それぞれが、どんな目的で使われているのかを箇条書きにする 平成19年東京都知事…
【HTML01】 TeraPad（mi）を起動する 管理フォルダーにこの課題用のフォルダを作成し「index.html」として保存する HTMLドキュメントとして必要な要素を入力する 練習課題用テキストを「body」内に、コピー＆ペーストする（文字入力練習として入力してもOK）…
【Web画像03】CDジャケットのデザイン 好きなミュージシャンのオリジナルCDジャケットをデザインしなさい デザインのテーマは「ミニマム」 ムーンライダーズ「NOUVELLES VAGUES」1978年 Illustrator使用 ミニマムデザインの参考にしたサイト 「哲学」という…
【Web画像04】長方形と文字 見本 作成したもの ※タイトルの書体が合わせられませんでした。
CSS課題 </html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
しまWeb|Webデザインの課題ページ 懸案事項だった「課題アップ用サイト」を作りました。 （まだ、全部の課題は入っていません）今はこんなサイトですが、だんだん作り変えて、クォリティをあげていければと思います。 http://islandweb.client.jp
1年の時間を計算 <html lang="ja"> <head> <meta charset="UTF-8"> <title>1年の秒数を計算して表示する</title> </head> <body> <script> document.write('<h2>1年を365日とした場合...</h2>'); document.write('<p>1年は' + (365*24) + '時間です</p>'); document.write('<p>1年は' + (365*24*60) + '分です</p>'); document.write('<p>1年は' + (3…</p></body></html>
alert() ダイアログボックスを表示 <html lang="ja"> <head> <meta charset="UTF-8"> <title>注意を促す「アラートボックス」を表示する</title> </head> <body> <script> window.alert('保存しました'); </script> </body> </html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>注意を促す「アラートボックス」を表示する</title> </head>…</html>
真似てみる 道具は、自由選択 Illustrator使用
以下の画像の作者は誰か、そして絵のタイトルは？ ピエト・モンドリアン「ブロードウェイ ブギウギ」 Piet Mondrian Broadway Boogie Woogie（1942-43） Piet Mondrian オランダの抽象画家 はじめ具象画?よりキャリアを始めたが、多くの試行錯誤の末、水平線…
【CSS11】 この場合、リセットはしない </html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
【CSS01】 文字色と背景色 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
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>
※マウスイベントは、画像から想像して作りなさい。 作成したもの <html lang="ja"> <head> <meta charset="UTF-8"> <title>js17|サムネールで画像置換</title> <style type="text/css"> </meta></head></html>
以下のようなレイアウトを作りなさい。（画像置換が前提） 画像のサイズは自由。（画像の選択と編集も含む） onmouseover="this.src='images/◎◎.jpg'" onmouseout="this.src='images/◎◎.jpg'" 作成したもの <html lang="ja"> <head> <meta charset="UTF-8"> <title>js16|画像置換</title> <style type="text/css"> </meta></head></html>
背景色の変更 <html> <head> <meta charset="utf-8"> <title>js15|背景色の変更</title> </head> <body> <h1>背景色の変更</h1> <p>※以下のボタンをクリックすると、ホームページの背景色を変更できます。</p> <p> <button onClick='document.bgColor="Red"'>赤色</button> <button onClick='document.bgColor="Green"'>緑色</button> </p></body></html>
JavaScriptを記述する場所 bodyタグの間に記述 HTML文書内に実行結果を表示したいとき。 属性に記述 イベントハンドラから直接呼び出すとき。 「input」などHTMLタグの属性に記述します。 *1 headタグの間に関数を記述 イベントハンドラに指定した関数を呼び…
受講して、そして就職する 2012年3月に終了した「求職者支援訓練(基金訓練）」受講生の方の、Twitterのつぶやきです。 ここに、転載させてくださいね。 window.twttr = (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], t = window.twttr…
【準備課題41】 「meta」の意味と役割を説明しなさい meta（metaphor） information その文書に関する情報（メタ情報）を指定して、 ブラウザや検索ロボットに知らせるためのタグ。 UA（user agent）に、表示するための必要条件とページの目的、そして外部と…
【準備課題51】 DTDの入力練習 Strict が目指す方向ではありましたが、現在それにこだわる必然性はありません HTML 4.01 Transitional <html lang="ja"> XHTML 1.0 Transitional IE6対策として、記述しないことの多い「XML宣言」ですが入力できるようにしましょう </html>
足し算 本来、変数を使う計算式も単純な数値のみの場合は、そのまま数値を計算します プログラム中に記述した値としての「文字列」や「数値」のことを「リテラル」と呼びます <script> document.write('<p>',5 + 3,'</p>'); </script> </body> JS課題13 「8 + 3 = 11」と表示させなさ…
確認ダイアログボックス JS課題11 <html> <head> <meta charset="utf-8"> <title>JS課題11|確認ボックスを表示する</title> <style> </meta></head></html>
Widgetsでソースを取得 https://twitter.com/about/resources/widgets プロフィールウィジェットをカスタマイズする ここで、色や表示件数、サイズなどをカスタマイズします。私の場合、下記のソースが取得出来ました。 <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script> <script> new TWTR.Widget({ version: 2, typ…
10問30分で解きます。 ネットの海は彷徨い出すと出口がありません。 どこまでも行ってしまう。 そのため、ぐずぐずと時間ばかりが経過してしまいます。（私の場合）1回30分の時間なら、忙しい時でも捻出できます。 とにかく、やることが大事・・・だと思いま…
【準備課題31】ブログに、Googleマップ設置 「フェリカテクニカルアカデミーWebマスター養成科 受講場所 SHIMAビル」をGoogleマップでブログに表示させなさい 東京都豊島区南池袋３丁目18−40 SHIMAビル3F大きな地図で見る 大きな地図で見る 【準備課題32】ww…
準備課題はとても時間が取られそうで躊躇していましたが、 「まずスピード」を読んで、取り組むことにしました。 検索もスピード 「何を拾い、何を捨てるか」を瞬時に判断できるようになることを目指しましょう課題も、できるものとできないものを振り分けま…
【準備課題11】 「ビットマップデータ」と「ベクターデータ」の違いは何か答えなさい ビットマップデータ（Bitmap Data）は、ピクセルの集合として生成されるため、拡大するとピクセルの正方形が目立ちます。（Photoshop等、ペイント系ソフト） ベクターデー…
ブログにGoogleマップ設置 「フェリカテクニカルアカデミーWebマスター養成科 受講場所 SHIMAビル」をGoogleマップでブログに表示させなさい 〒171-0022 東京都豊島区南池袋3-18-40 SHIMAビル大きな地図で見る
