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

Dreamweaverでテストサーバーを作成する

MAMPから、ダウンロードをしておく。 Dreamweaverを立ち上げて「サイト」→「新規サイト」 「管理フォルダー」→「MAMP」→「htdocs」 左サイドバーの「サーバー」を選択し、画面の「+」をクリックする。 次の画面の『基本』タグを選択し、サーバー名(先のサ…

【CSS05】CSS課題:文字の修飾

CSS

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang:"ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift-JIS" />…</meta></head></html>

【CSS04】CSS課題:文字の修飾

CSS

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift-JIS" /> <title>【C…</meta></head></html>

【CSS03】CSS課題:文字の修飾

CSS

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang:"ja"> <head> </head></html>

【CSS02】CSS課題:文字の修飾

CSS

<html xmlns="http://www.w3.org/1999/xhtml"xml:lang="ja" lang="ja"> <head> </head></html>

【CSS01】CSS課題:文字の修飾

CSS

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </meta></head></html>

idセレクタ・・・1つのXHTML文書の中で唯一の要素にスタイルを適用する為のセレクタ class・・・指定したクラス属性の値を持つすべてに同じスタイルを適用することができる

【準備課題61】

TV電話を売りたいのですが相手は誰がよいでしょう? 売れないという判断は、なし 誰が良いでしょうという問いには、誰と答える 売れないもの(買う必然性のないもの)を売るのが世の常 ポカリスエットもカロリーメイトもなくても生きていける、でも買う人が…

【HTML01】文書構造の練習

<body> <h1>結論:大見出し</h1> <p>要約</p> <h2>結論:検証</h2> <p>解説<p> <ul> <li>検証の項目</li> <li>検証の項目</li> <li>検証の項目</li> </ul> <p>解説</p> <ol> <li>順序のある検証の項目</li> <li>順序のある検証の項目</li> <li>順序のある検証の項目</li> </ol> <img src="#" width="100" height="100" alt="100&#10005;100の画像(パスは記述しない)"> <dt> <dd>9月25日</dd> <dl>フェリカテクニカ…</dl></dt></p></p></body>

【HTML02】文章構造の練習

<body> <h2>デザインの話</h2> <p>物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきました。物にはいろいろな形があり ます。歴史とともに多様なデザインが生まれてきました。</p> <br> <p>物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきま</p></body>…

【HTML03】文章構造の練習

<body> <p><strong>【HTML02】文書構造の練習</strong></p> <h1>インテリアショップ a Interior</h1> <h2>インフォメーション</h2> <p>インテリアショップ「a Interior」での商品入荷情報、イベント、HPの更新など。</p> <dt> <dd>2012年4月27日</dd> <dl>復刻版の商品が再入荷しました。</dl> <dd>2012年4月26日</dd> <dl>クロックスが入荷しました。</dl> <dd>20</dd></dt></body>…

【HTML04】文章構造の練習

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <title>HTML04</title> <body> <h1>Layout Workflow</h1> <dl> <li></li></dl></body></head></html>

【準備課題61】

TV電話を売りたいのですが相手は誰がよいでしょう? 売れないという判断は、なし 誰が良いでしょうという問いには、誰と答える 売れないもの(買う必然性のないもの)を売るのが世の常 ポカリスエットもカロリーメイトもなくても生きていける、でも買う人が…

【HTML01】文書構造の練習

<body> <h1>結論:大見出し</h1> <p>要約</p> <h2>結論:検証</h2> <p>解説<p> <ul> <li>検証の項目</li> <li>検証の項目</li> <li>検証の項目</li> </ul> <p>解説</p> <ol> <li>順序のある検証の項目</li> <li>順序のある検証の項目</li> <li>順序のある検証の項目</li> </ol> <img src="#" width="100" height="100" alt="100&#10005;100の画像(パスは記述しない)"> <dt> <dd>9月25日</dd> <dl>フェリカテクニカ…</dl></dt></p></p></body>

【HTML02】文章構造の練習

<body> <h2>デザインの話</h2> <p>物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきました。物にはいろいろな形があり ます。歴史とともに多様なデザインが生まれてきました。</p> <br> <p>物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきま</p></body>…

【HTML03】文章構造の練習

<body> <p><strong>【HTML02】文書構造の練習</strong></p> <h1>インテリアショップ a Interior</h1> <h2>インフォメーション</h2> <p>インテリアショップ「a Interior」での商品入荷情報、イベント、HPの更新など。</p> <dt> <dd>2012年4月27日</dd> <dl>復刻版の商品が再入荷しました。</dl> <dd>2012年4月26日</dd> <dl>クロックスが入荷しました。</dl> <dd>20</dd></dt></body>…

【HTML04】文章構造の練習

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <title>HTML04</title> <body> <h1>Layout Workflow</h1> <dl> <li></li></dl></body></head></html>

【HTML04】文章構造の練習

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <title>HTML04</title> <body> <h1>Layout Workflow</h1> <dl> <li></li></dl></body></head></html>

【HTML03】文章構造の練習

<body> <p><strong>【HTML02】文書構造の練習</strong></p> <h1>インテリアショップ a Interior</h1> <h2>インフォメーション</h2> <p>インテリアショップ「a Interior」での商品入荷情報、イベント、HPの更新など。</p> <dt> <dd>2012年4月27日</dd> <dl>復刻版の商品が再入荷しました。</dl> <dd>2012年4月26日</dd> <dl>クロックスが入荷しました。</dl> <dd>20</dd></dt></body>…

【HTML02】文章構造の練習

<body> <h2>デザインの話</h2> <p>物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきました。物にはいろいろな形があり ます。歴史とともに多様なデザインが生まれてきました。</p> <br> <p>物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきま</p></body>…

【HTML01】文書構造の練習

<body> <h1>結論:大見出し</h1> <p>要約</p> <h2>結論:検証</h2> <p>解説<p> <ul> <li>検証の項目</li> <li>検証の項目</li> <li>検証の項目</li> </ul> <p>解説</p> <ol> <li>順序のある検証の項目</li> <li>順序のある検証の項目</li> <li>順序のある検証の項目</li> </ol> <img src="#" width="100" height="100" alt="100&#10005;100の画像(パスは記述しない)"> <dt> <dd>9月25日</dd> <dl>フェリカテクニカ…</dl></dt></p></p></body>

【準備課題61】

TV電話を売りたいのですが相手は誰がよいでしょう? 売れないという判断は、なし 誰が良いでしょうという問いには、誰と答える 売れないもの(買う必然性のないもの)を売るのが世の常 ポカリスエットもカロリーメイトもなくても生きていける、でも買う人が…

【Design01】

過去にあった選挙ポスターです。デザインの要素を説明しなさい。 人物の切り抜き→自分のこととリンクさせるような働き。 例えば、トップスの切り抜きなどをみると、それを自分が身につける想像をさせる様な働きがある。色→右下の丸の「青色」と「黄色」は、…

【Design01】

過去にあった選挙ポスターです。デザインの要素を説明しなさい。 人物の切り抜き→自分のこととリンクさせるような働き。 例えば、トップスの切り抜きなどをみると、それを自分が身につける想像をさせる様な働きがある。色→右下の丸の「青色」と「黄色」は、…

【Design01】

過去にあった選挙ポスターです。デザインの要素を説明しなさい。 人物の切り抜き→自分のこととリンクさせるような働き。 例えば、トップスの切り抜きなどをみると、それを自分が身につける想像をさせる様な働きがある。色→右下の丸の「青色」と「黄色」は、…

文字コード

日本語サイトでよく使われる文字コード《Shift_JIS》 現在多くのパソコン上のファイル内で日本語を表すために使われている文字コード 機種依存の拡張を施していることが多く、こういった拡張部分に関してはデータ交換可能性が低い CGIライブラリの多くは、Sh…

【Web画像課題02】

i-modeロゴを描きなさい 懐かしい...。(笑) ちょっと、息抜きに...。 新規作成 配置で画像を配置して、レイヤーをクリックして、テンプレートにチェックを入れて、画像をテンプレートにする。 楕円形を正確になぞるには、ガイドを左端と上部に引くと楽。ガ…

【Web画像課題03】

好きなミュージシャンのオリジナルCDジャケットをデザインしなさい デザインのテーマは「ミニマム」

【Web画像04】

長方形と文字 英字のフォントの部分はヒラギノ角ゴシック。 日本語の部分は、A-OTFゴシックがいちばん近い気がし、それを使用。 制作時間:5分

【Web画像課題05】

グラデーションと効果 制作時間:7分グラデーションは,グラデーションのタンクを片方選択。カラーパレットで1つのカラータンクをShiftを押しながら、イメージをするカラーまで、移動。 そうすると、CMYK(RGB?)の割合を変えずに色を調整する事が出来る。 み…