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

【Flash】5/25掲載分を修正

Flashはここ→http://d.hatena.ne.jp/fight_2012/20120526/1338224075 Googleページが開く命令を削除しました。本日書いたHTMLはプレゼン用 <html lang="ja"> <head> <meta charset="UTF-8"> <title>プレゼン用</title> <link rel="stylesheet" type="text/css" href="base.css"> <link rel="stylesheet" type="text/css" href="style.css"> </link></link></meta></head></html>

【授業課題】全部のページ作ってみた「Wants Cake」

base.css @charset "utf-8"; /* CSS Document */ /*リセット*/ * { margin: 0; padding: 0; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.5em…

授業課題「Wants Cake」サイト

5時間の授業時間のほとんどを費やして、 テキスト等にほとんど頼らず打ち上げたのがここまで。 先生に改善点をアドバイスしていただいたので、修正する余地がある状態。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Wants Cake|ホーム</title> <link rel="stylesheet" type="text/css" href="base.css"> </head> <body> <div id="container"> <h1></h1></div></body></html>

【CSS】確認テスト（2）

課題は→http://d.hatena.ne.jp/kyushokusha-shienkunren/20120527/p1何も見ないで打てるとこまで打って1.5時間 ナビゲーションエリアが横に並んだがレイアウトが妙だったので、 テキストなど見ながら修正30分で、 トータル2時間の作業。＞遅！ <html lang="ja"> <head> <meta charset="UTF-8"> <title>確認テス</title></meta></head></html>…

【CSS】確認テスト（2）各ブロック同士の空きは、「0」

課題は→http://d.hatena.ne.jp/kyushokusha-shienkunren/20120527/p1 <html lang="ja"> <head> <meta charset="UTF-8"> <title>確認テスト（2）</title> <link rel="stylesheet" type="text/css" href="css_test21.css"> </head> <body> <div id="container"> <div id="header"> <h1>サイトタイトル</h1> </div> </div></body></html>

【Flash】クロスフェードとスライドショー

クロスフェード スライドショー

【はてな】テキスト文字をCSSで指定

初期設定のままで使用していたのを、 自分で書体指定したりしてみた。 …先生のソース借用ですが。 さくっと自分で改正コード打てるようになろう。

【CSS】復習課題・header

本日の授業中の課題→http://d.hatena.ne.jp/web-design-advance/20120515/p1 <html lang="ja"> <head> <meta charset="UTF-8"> <title>【復習】header(1)</title> <link rel="stylesheet" type="text/css" href="css_1.css"> </head> <body> <div id="container"> <div id="header"> <h1>Information World</h1> <h2>Tec…</h2></div></div></body></html>

【CSS08】作業時間はトータルで1時間から1.5時間くらい

課題は→http://d.hatena.ne.jp/web-design-advance/20120507/p1 <HTML lang="ja"> <HEAD> <META charset="UTF-8"> <TITLE>【CSS08】石垣島観光ガイド</TITLE> <style type="text/css"> * { margin: 0; padding:0; } body { background-color: #66CCFF; font-size: 0.875em; font-family: sans-serif; line-height:1.5em;…</meta></head></html>

Flash画像が貼れるようになりました

スクリプトコードの中に「http:」を追加すれば表示できるという、 それだけのことだったとは。上記アドレスを取得するために行った手順 「Jimdo」の「記事を追加」から「Flash」を選択、swfファイルを参照でリンク プレビューで記事を確認できたら、ソースの…

本日のおさらいコード

<html lang="ja"> <head> <meta charset=utf-8"> <title>Dreamweaverでformの挿入</title> </head> <body> <form action="#" method="post" name="form1"> <table width="500" border="1"> <tr> <th>お名前</th> <td><input type="text" name="name" size="30"></td> </tr> <tr> <th>メールアドレス</th> <td></td></tr></table></form></body></html>

昔のFlash練習でできたこと

色々できるようになるための準備運動というか、 とば口までは辿り着いた感じが漂う習作。 しかし、なんでこんなちゃんと動いてるのか、作っておいて不思議ってのは問題。 ちゃんと自力で再現できるようになろう。★swfをブログ内に表示 http://www.gmodules.c…

【CSS】フォームのおさらい

Flash（実務経験なし）が全然イケてないので、 昨日のフォームのおさらいで記事をかせぐ手段に出る。 <html lang="ja"> <head> <meta charset=UTF-8"> <title>【CSS】form_sample</title> <style type="text/css"> #container { width:800px; height:auto; background-color: #3c9; margin: 0; padding: 0; positi…</meta></head></html>

【CSS】全面に背景画像を敷き詰める

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>背景画像の練習4</title> <style type="text/css"> body { ba…</meta></head></html>

【photoshop】写真加工

HTMLはフォームの設計を少々。 個人的にはタイトルの加工が忘れられなくておさらいしてみた。 応用（流用？）で、 木材調のボードにプッシュピンで止めたり、 テープで止めたりしているように見えるような加工を追加。 自分なりに上手くいくと嬉しくてまた作…

【CSS】背景画像の設定

photoshopで背景画像を作成したので、 HTMLで表示してみるソースです。 実践課題【CSS10】の下拵え的に。 <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>

【CSS】position練習と世界一もったいないphotoshop使用例

授業では確認テストのソースを一部書き換えて作成してましたが、 自分はこれ以上ソース違いを別名保存してると混乱しそうだったので、 新規で簡単なものを打ち込んでました。 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> …</html>

課題21

<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>

確認テスト解説を元にフロート作ってみた

<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>

授業でのテスト問題

問題が掲載されているのは→http://d.hatena.ne.jp/web-design-advance/20120514/p1 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> </html>

CSS課題20

実践課題→http://d.hatena.ne.jp/web-design-advance/20120510/p1 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>

CSS課題19

<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>

CSS課題18

<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>

web用に自宅の環境を整える

1年以上前に購入して未使用のノートに通電。 今もセットアップ中。 授業ではJimdoカスタマイズの実習。 開設したページのアドレスは、 http://fight-2012.jimdo.com/ とにかく使っていきます。

CSSフロートとイメージ図のようなもの

フロート表示サンプル（授業で作ったレイアウトを左右入れ替えています） <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>

CSS課題16と課題17

<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>

CSS課題の続き

課題12の修正 <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>

CSS課題をいくつか

自宅で作るにあたって、環境をそろえようとインストールしてみたが、 重い、遅い、予期せぬエラー等々、 5時間以上かかって朝になってもビミョーな環境のままというのは…。 見切り発車でとにかくタグを打つべし打つべし。

擬似クラスの練習

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

課題03再掲

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