2011-06-01から1ヶ月間の記事一覧
授業中に忘れなければもっと時間を有効に使えると思える注意点を上げてみました。 先生が話してる時は聞く！ わからない事があったら検索！ ； の抜けは5時間の無駄！ 課題の画像パーツ、カラーはイメージを統一する！ 休憩をしっかりとる！ 基礎を学んでい…
Webマスターが行く｜Jimdo Jimdoを使ってホームページ作りを学ぶ為のサイト いかにも授業で制作したようなタイトルバナーや、見出しの背景画像が微笑ましい。 ファビコンは「Webデザイン学習｜ゴラクレスの夏」と色違いなのがシャレている。 ジャンル◆学習用…
ここ最近授業中にメモが取れないぐらいアップアップしてました。 HTML&CSSの基礎は今日が最後という思いで授業に挑みました。 CSS総復習 14px＝0.875em, 16px＝1em, 20px＝1.25em, 32px＝2em http://pxtoem.com/ inline系の要素ではmarginやpaddingは無視さ…
Webデザイナーへの道は全て全力投球！ 今日の授業でやった事 縦並びナビゲーション：課題1、課題2 CSSをheder内から外部ファイルへ... CSS総復習!!!(もやもやから解放された！） 忍者のFTPサーバーを体験 画像の拡大縮小の仕方、dpi,jpg 境界線を調整（Photo…
モリサワストア 3つのナビゲーションはシンプルの証し 一枚のイラストを見ているみたい。潔さが気持ちいい。 イメージを売る大切さを感じるサイト。 モリサワぐらいになると、h1すら取っちゃうんですね。モリサワ以外の検索ワードは関係ない？ ジャンル◆フォ…
想像力を語りました テーマは絵本の作り方。 僕の場合いつものことなのですが、実現不可能な企画を考えて力不足、経験不足で実現しません。 ですが、今回の場合学校の課題という部分があるので、そこは前向きに考えて行くつもりです。 恩師の思いをWebを通し…
Webデザイナーへの道はネットワークサービスを体験すること 今日の授業でやった事 ブログカスタマイズ（jimdo) css張り込み用画像作成(Photoshop) レンタルサーバー利用基礎知識（sitemix, NINJA, ロリポップ) くわしくはBOSSのページ秘すれば花へ パスワー…
レイアウト <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
Webデザイナーへの道は決断！ 運営なのか？ デザインなのか？ 今日の授業でやった事 静的ホームページのプレゼンテーション 続テスト（レイアウト、疑似クラス） Jimdo
テストの結果を思い出せ。 自分は0点だったではないか！
addidas-2011 passion stories addidasの2011年キャンペーンサイト flashは最小限に抑えて、javascriptとのコンビネーションでアクティブに見せる動的サイト。 画像は大きくないのに黒をうまく使い、広がりを出している。 動きを見せている時、他を暗くして…
Vinyl Pulse 世界のフィギュアを紹介する、毎日更新ブログタイプサイト ブックマークをどの日につけてもいい。毎日見た目が変わって刺激的。 バナーも魅力的に作ってあり、広告収入も見込まれている。 作家、各種団体、ギャラリー、同系列サイトとのリンクも…
全て自由にデザインしていいとの許可が下りました。
神保町へ行こう 本と食の街、神保町を活気づける為のサイト 表面的には3つの柱で出来ているように見えるが、深く見ていくとコンテンツは豊富。 2008年度グッドデザイン賞 メディア／デジタルメディア部門 受賞 ジャンル◆街紹介 作り◆css+javascript+flash イ…
考えていた企画を先方にメールした所、全面協力を得ました!!! もうやるしかないです！
10日（土）にテストがありました。９日までの授業の中で個人的に間違っていたり、抜けていたところをリストアップしていきます。 link → visited → hover → active の順で疑似リンクを使用する <div id="#">〜</div>のタグは続けて打たないと多すぎたりする id属性は、ページ内…
Webデザイナーへの道は勉強しながら生きるということ 今日の授業でやった事 CSSのテスト 選択ツール（Photoshop） 最後まで画面が真っ白では修正のしようがありません（ヒロシでした）
SUMMERSONIC 2011 日本中の音楽好きが注目するイベントサイト 何万人が事故なく楽しむために必要な情報を流す。 毎年作り変えているので技術を進化させている。 ジャンル◆音楽イベント 作り◆css+javascript+flash イメージカラー◆スカイブルー
Webデザイナーへの道はネット越しの世を知ることから 今日の授業でやった事 疑似クラス（CSSでのリンクデザイン） ナビゲーションボタンの作成 プレゼンの時代を生き抜くには Googleドキュメント
日々是えだまめ ワンワードに賭け検索上位をキープする！ 枝豆というキーワードで訪れるユーザーに、満足感を与える豊富なアイディア。 ブログに書いているようなコンテンツでも、見せ方でビジネスになる。 ジャンル◆Webマガジン 作り◆css イメージカラー◆ホ…
疑似クラスとナビゲーションバナー編 リンクのブラウザー初期値はテキストにアンダーライン 全称セレクターを使わずdiv, ul, li, a,と具体的にリセットもかけられる ul に黒丸を作り出す力がある list-style-type: none;で黒丸をブラウザの外に出す font-wei…
Webデザイナーへの道はわかりやすい者に開かれている 今日の授業でやった事 教科書を使った現在までのまとめ Float（CSS） ロゴ作成（Illustrator）
ホームページはホームページ 先日追加したこのカテゴリーは20のホームページを作るにはどうしたらいいかを考える為に作りました。 今日とうとうWebデザインを始めるＧＯ！が出ました。 はじめの案では恵比寿の美容室に営業行くのが1つ。 Ａ、Ｂ、Ｃという画…
Apple Computer/Mac OS X Lion 全てのページが広告のように隅々までデザインされている グレーで統一されているが、彩度の高い色でインパクトを与えている。 余白の取り方、解像度が高そうなのにそれほど重く無い画像、文章の流し込み方など、 勉強になる所…
昨日の内容をUSBに保存し忘れたので、思い出しながら打ってみました。 <body>〜</body>の中に<div>〜</div>タグでいくつかのグループを作る 上からheader,nav,content,sidebar,footerとid名をつける <div id="wrapper">〜</div>でくるんで、全体を<div id="container">〜</div>でパーケージング <head>〜</head>にもどってまずは全称セレクターでmargi…
面接でWeb標準を連発しない HTML5では、title要素は単語の羅列では無く文章に、alt属性も"写真"だけではなく"エビとニラの生春巻きの写真"というようにわかりやすく表現する方向にすすんでいる。 <h1>タグは1ページに1回しか使えないが、セクション毎に1回と考え</h1>…
ロッテスポーツお菓子力研究室 シンプルに伝える 構造もシンプル 極端に色数を減らして、伝える事を目的としている。 トップページにフラッシュのリンクを貼っているだけ。 今やっている事の正反対のようなページ。 ジャンル◆菓子メーカー 作り◆html+css+fla…
Webデザイナーへの道は空間認識力を高める事から！ 今日の授業でやった事 Google Dance CSSコーディング実習（セレクター〜ボックスモデル〜container） マップトレース＆ロゴ作成（Illustrator） Google Dance どうやら昨日Google Danceがあったようです。 …
Webデザイナーへの道はIE6に振り回されること 今日の授業でやった事 DOCTYPE宣言 robots.txt #000000 CSS クリッピングマスクと複合パス（Illustrator） DOCTYPE宣言 さあて！今日からいよいよCSSです。学校が始まる前の約１カ月勉強していた所です。 さっそ…
カテゴリーに4×5=20を追加しました。
