2011-01-01から1年間の記事一覧
トップページが非常におもしろく、また項目をクリックして次のページにいくと、VIDEOや写真で施設内を子供にもわかりやすく説明している。 ただ、説明ページのレイアウトが写真やVIDEO以外は基本的に無く少しさびしい上に、しばらく見ていると、画像がつねに…
学習内容 イラストレーター ボタン作成(800px×60px,160px/1ボタン) 長方形を描く。その際、線の位置は内側に指定(線幅もwidthに含まれるため) 区切り線(border-left)はアウトライン化し、前のボタン枠に含むか後に含むか決める。 グラデーションを適…
笑ってしまったサイト! WEBの勉強にヒイヒイハアハアしていて苦しい中、このサイトを見つけて癒されました。 オリジナルのプッチョを作って一人で楽しみました。。。 私はムキムキマンだけど、目がラブリーなブッチョにしてみました。オリジナルキャラクタ…
学習内容 背景画像の設定 習ったbody,header,縦navを一緒にしてみたけど、何も見ないで入力はまだまだ先だなあ・・・ <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
楽しめるサイト! 日清のどん兵衛ゲーム有り、占い有り、コミック有りと色々と楽しめる要素が盛り込まれていて、飽きないサイト。 どのページも見やすく、ストレスが感じにくいデザインだと思った。 少し、ゲームと占いにはまってしまい、一人遊びしてしまっ…
[on]ハンドラ機能とボタンとの連動がなかなかできず、非常に時間がかかった。 でもできて良かった。。。
【課題】 この絵画のタイトルは?(それは簡単すぎるので・・・) 同じ作家の気に入った絵を「Illustrator」で書きおこしブログにアップしなさい。 タイトル: 『Broadway Boogie Woogie』(1942-43) 画家:Piet Mondrian ◎気に入った絵を書きました。 『赤…
1カラムレイアウト練習 『form』をまだ学習していないので、『form』は省きました。 頭が混乱しそうなので。 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
きちんと理解ができていないので、NAVはできるだけお手本を見ないで作成してみた。 でも1カラムの方はなかなかできなかった。 まだまだ入力練習が必要なのよね、きっと。。。 道は険しい。 NAV練習 今回はボックスの間にmarginとborderを入れて、余白の取り…
NAVでの縦メニューと横メニューのテストがあり、はじめ何も見ないでtitle以降を書いたところ、縦は何となく形になったものの、横はなかなかできず、すごく時間がかかった。 結局、先生の回答をチラ見しながら、不足していたものを補う始末だった。。で、家で…
【S01】 CSS課題【S01】 <html lang="ja> <head> <meta charset="UTF-8"> <meta http-equiv="Content-Style-type"content="text/css"> <title>CSS課題【S01】</title> <style type="text/css"> </meta></html>
学習内容 10/3学習のwrapperについて wrapperを設定し、下にmarginをかけ、sidebarとcontentを押し下げた場合、footerの「clear:both」は入力不要(wrapperのmarginおよびoverflowがclear:bothと同じ働きをする) wrapperでwidthのみ設定し、sidebarおよび…
◎以下のレイアウトをコーディングする。「余白」15px。 <html xmlns="http://www.w3.org/1999/xhtml"lang="ja"xml:lang="ja"> <head> </head></html>
【テスト】以下のレイアウトを作成。 XHTML1.0 Strict CSSエンベッド 文字も入れる 色・サイズ自由 <html xmlns="http="http://www.w3/org/1999/xhtml"lang="ja"xml:"ja"> <head> </head></html>
とてもかわいい、ゆる〜いサイト! NESCAFEのサイト内のページだけど、非常にかわいく、癒されるのでとりあげました。 ネスレ 製品ラインナップカフェインレスのコーヒーで妊娠中、授乳中でも安心して飲めるということで、かわいい親子のキャラクターがでて…
デザイン、配色が良いサイト! ネスカフェ ポータルサイト|It all starts with a NESCAFÉデザインおよび配色が良く、ページ移動の際や、移動後もこっていておもしろい。 画像が多いのも視覚的にわかりやすくて良い。 カテゴリごとに独立しているページにな…
週末、ずっとうまくできずに悩みに悩んだ外部リンクがやっとできました! うれしい。。。 border等の色をあえて変えてみました。 <html xmlns="http://www.w3.org/1999/xhtml"xml:lang="ja"lang="ja"> <head> </head></html>
『葛飾北斎作 浮世絵 富嶽三十六景「神奈川沖浪裏」』私は、主役は《大波》、脇役は《富士山》、舟は大波のすごさを装飾するも役割、というイメージをだきました。 迫力のある大波に目がいくのですが、それに飲まれまいと舟は抵抗するが、どうしようもできな…
青丹吉 寧樂乃京師者 咲花乃 薫如 今盛有 あをによし ならのみやこは さくはなの にほへるがごと いまさかりなり 『万葉集三巻 三百二十八番歌 大宰少貳 小野老 朝臣歌一首』 【現代語訳】 青丹よし(枕言葉)奈良の都は、咲く花の色香が艶やかに匂い映え、今…
デザインがおもしろい! 【公式】ワイモバイル(Y!mobile)- 格安SIM・スマホはワイモバイルでトップページで全内容が見渡せ、ズームアップ&ズームアウトでどんどん詳細が見れるところがおもしろい。 また、白黒というシンプルな配色だけど、マス目にするこ…
答)ミダス王 「王様の耳はロバの耳」は『さわると黄金になるお話』の続き。 アポロンはミダス王の願いを取り消す事には同意しましたが、罰はまぬがれないと言いミダス王の耳をロバの耳にしてしまう。 そして耳の事が皆にわかってしまったことを知り、もとも…
【ウィリアム・モリス】 イギリスの産業革命後の機械化による大量生産と職人軽視の時代のなかで、装飾芸術の分野で手仕事の重要性を強調。 「芸術と仕事、日常生活の統合」という理念を掲げる。 また、モリスの作ったデザインには自然を愛する思想が反映され…
やっとハテナでのHTML表示方法が理解できました。 遅くなりましたが課題を記載します。 スタイルシート 【C01】 bodyの背景色を「#00ced1」に指定しなさい。解答は「embed」でOK。 <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="Content-Style-Type"content="text/css"> <title>スタイルシート【C01】</title> <style type="text/css"> </meta></meta></head></html>
学習したこと CSS IDセレクタ Classセレクタ div float line-height container,wrapper ボックスモデル ボックス構成要素 margin,padding <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="Content-Style-Type"content="text/css"> <meta http-equiv="Content-Script-Type"content="text/javascript"> <title></title>…</meta></meta></meta></head></html>
デザインのアイデアがおもしろいサイト! 新木場 Studio Coast 背景画像が自由に動かすことができ、一枚の画になっているところがおもしろい。 シンプル感があり、いくつもページがあって何度もクリックをしなくてはいけないという 紛らわしさはないように思…
シンプルでわかりやすい! Polygon Pictures Inc. トップページに「赤」「黄緑」「青」のメニューの箱があり、クリックするとページ移動する。とてもシンプルでかわいい。移動後のページもシンプルで内容がわかりやすい。たまに出てくるキャラクターもアクセ…
学習内容 拡張機能『Web Developer』をダウンロード HTML 定義型リスト 画像表示 アドレス(リンク)表示 表組み イラストレータ 対象描画 リフレクトツール 回転ツール 拡大・縮小ツール 注意事項 【定義型リスト】 日付で記載するものは、定義型リストでの…
おもしろいサイトを発見!http://www.ajinomoto.co.jp/aji/egg/generator2/ 【卵かけ麺】色々な麺に卵をかけ、たまご麺をつくる。その際、味の素を使っているというサイト。 ヒーリングミュージックがかかっていて癒される。。。 さまざまな種類の麺が宙に浮…
学習内容 検索はタイトルが命 テキストエディター入力 JavaScript基本 ActionScript基本 Illustrator初歩 なんとな〜く理解できたものの、まだまだわからないことだらけ。 Illustratorは全くわからなかった。。。 でも以前より使いこなしたかったソフトのひ…
今日はとても良い天気。 昨日の暴風、暴雨がウソのよう!昨日は学校から家に到着するまで4時間半!! まず電車が動いていなかったのでとりあえず座ろうと思い、カフェに入った。 その際、誘惑に負け、脂肪と化するケーキを食べてしまい、後悔に陥ることとな…