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

Webサイトデッサン10

エリスリーナ西原ヒルズガーデン description引用 沖縄にある独立型チャペル、神殿、大小さまざまな宴会場、フォトスタジオなど全て備えた本格的総合結婚式場です。海を望む丘の上に佇む人気のゲストハウスで、心あたたまるウェディングをお約束いたします。…

Webサイトデッサン09

RIO DE PIEDRA description引用 リオデピエドラ:クロコダイル、オーストリッチ、パイソンなどのエキゾチックレザーによるセミオーダーが可能なスニーカーブランド keywords引用 リオデピエドラ,オーダーメイドスニーカー 参考サイト RIO DE PIEDRA | リオデ…

Webサイトデッサン08

日本大学藝術学部 description引用 日本大学芸術学部は、8学科を備える総合大学の中の芸術学部です。 keywords引用 日本大学芸術学部、日藝、日芸、芸術、芸術学部、江古田キャンパス、所沢キャンパス、写真、映画、美術、音楽、文芸、演劇、放送、デザイン …

Webサイトデッサン07

ポロロン デザイン 事務所 description引用 ポロロンデザイン事務所では「パッと見てわかるデザインへ」をコンセプトにしています。何かをデザインするとき、それを見る・使うのは生身の人間であることを念頭に制作をしています。 keywords引用 デザイン事務…

Webサイトデッサン06

ジョージア description引用 コク、深まる。缶コーヒー「ジョージア ヨーロピアン」の特設サイト。こだわりの製法を知って楽しむヨーロピアンマスターレシビブックや、日本で洗練されたこだわりを見抜くトリビアクイズなど。ここでしか見れないコンテンツを…

Webサイトデッサン05

Mirica description引用 keywords引用 参考サイト ニッポン女子の新レッグファッション Mirica サイトをデッサン 特徴 デザイン性のあるサイト ドロップシャドウの多様 多彩な色合いの中でも統一感がある デッサン PAGE TOP

Webサイトデッサン04

N BOX description引用 こちらはHonda N BOXの公式情報ページです。N BOX の魅力をチェックいただけます。 keywords引用 honda,ホンダ,本田,N-ONE,NONE,n one,none 参考サイト N BOX│Honda サイトをデッサン 特徴 白地の背景に一点ずつわかりやすく表示して…

Webサイトデッサン02

ジョナサン description引用 地域のお客様から愛されるレストラン。その街のランドマークとなるレストラン。これが、ジョナサンの目指すレストランです。 keywords引用 ファミリーレストラン,ファミレス,ジョナサン,ハンバーグ,ランチ,モーニング,キッズ,テ…

Webサイトデッサン03

チャレンジ!おけいはん description引用 京阪沿線でいろんなチャレンジに挑戦するおけいはんを紹介します。 keywords引用 京阪電気鉄道株式会社,京阪グループ,京阪電車,おけいはん,京阪本線,京福電鉄,チャレンジ,ちゃれんじ,challenge,okeihan,中之島けい子…

Webサイトデッサン01

アップル description引用 アップルは、iPodとiTunes、Macノート&デスクトップパソコン、OS Xオペレーティングシステム、そして革新的なiPhoneとiPadを生み出しています。 参考サイト アップル サイトをデッサン 特徴 アクセス毎に画像の切り替わり シンプ…

デッサン

デッサン力とWebデザイン Webデザインをやるのにデッサンなんて必要あるの?そう思っている人も多いと思います。確かにPhotoshopを使えば写真を手書き風に加工したり、イラスト風にすることも可能です。アイコンだって商用で使えるアイコンはたくさん出まわ…

Wants Cake04

サイト構築 《order.html》 ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Wants Cake</title> <link rel="stylesheet" href="css/style4.css" media="screen,print"> </head> <body> <div id="to_body"> <div id="container"> <div id="header"> <h1 class="logo1"></h1></div></div></div></body></html>

Wants Cake03

サイト構築 《shop.html》 ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Wants Cake</title> <link rel="stylesheet" href="css/style5.css" media="screen,print"> </head> <body> <div id="to_body"> <div id="container"> <div id="header"> <h1 class="logo1"></h1></div></div></div></body></html>

Wants Cake02

サイト構築 《products.html》 《item.html》 《拡大写真》 ソースコード【 HTML 】《products.html》 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Wants Cake</title> <link rel="stylesheet" href="css/style2.css" media="screen,print"> </head> <body> <div id="to_body"> <div id="container"> <div id="header"> …</div></div></div></body></html>

Wants Cake01

サイト構築 《index.html》 ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Wants Cake</title> <link rel="stylesheet" href="css/style.css" media="screen,print"> </head> <body> <div id="to_body"> <div id="container"> <div id="header"> <div class="bill"> <h1 class="logo1"><…</h1></div></div></div></div></body></html>

Jimdo

簡単ホームページ作成サービス - Jimdo • ホームページ作成 - 簡単ホームページ作成サービス - Jimdo Jimdoとは? Jimdoは、Jimdo社(ドイツ)が提供する簡単にホームぺージが作成できてしまうサービスです。 2009/03/25、KDDIウェブコミュニケーションズさ…

smart4me

smart4meを使ったWebサイト制作 スマートフォンCMS(無料) smart4me URLバブサイトとして活用 制作物を管理する目的で構築 はてなダイアリー Jimdo 各Webサイトへのハブ機能として活用 スマートフォンで表示 PAGE TOP

HTML5+CSS3【マルチデバイス】―可変レイアウト+固定レイアウト02

可変レイアウト+固定レイアウト HTML5での設計 ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <title>可変レイアウト+固定レイアウト</title> <link rel="stylesheet" href="css/style-l16.css"> </link></meta></meta></head></html>

求職者支援訓練|フェリカテクニカルアカデミー「東京・池袋」

株式会社ファウンデーション Webサイト制作科は求職者支援訓練の対象学科です。ハローワーク経由で無料で、しかも生活給付金(12万円)をもらいながらWEB制作に必要な知識・技術を身につけることができます。 フェリカテアトルアカデミーWEBサイト制作(午後…

HTML5+CSS3【マルチデバイス】―レイアウトの設定02

画面サイズごとのデザイン HTML5での記述 ソースコード【 HTML 】 <html> <head> <meta charset="utf-8"> <title>SAMPLE</title> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" href="css/style-l12.css"> </link></meta></meta></head></html>

マルチデバイス―可変レイアウト+固定レイアウト

画面サイズごとのデザイン レイアウトの設定 Lサイズのレイアウト設計 Mサイズのレイアウト設計 Sサイズのレイアウト設計 ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <title>可変レイアウト+固定レイアウト</title> <link rel="stylesheet" href="css/style-l15.css"> </link></meta></meta></head></html>

HTML5+CSS3【マルチデバイス】―可変レイアウト02

HTML5で記述 ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>レスポンシブWebデザインHTML5_src</title> <link rel="stylesheet" href="css/style-s3.css"> </link></meta></meta></head></html>

マルチデバイス―レイアウトの設定

画面サイズごとのデザイン レイアウトの設定 Lサイズ:横幅960px Mサイズ:横幅620px Sサイズ:横幅300px Lサイズのレイアウト設計 Sサイズのレイアウト設計 ソースコード【 HTML 】 <html> <head> <meta charset="utf-8"> <title>SAMPLE</title> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" href="css/style-l11.css"> </link></meta></meta></head></html>

HTML5+CSS3【マルチデバイス】―Twitter Bootstrap07

Forms Default stylesソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Twitter Bootstrap の導入</title> <link href="css/bootstrap.min.css" rel="stylesheet"> </head> <body> <form> <legend>Legend</legend> <label>Label name</label> </form></body></html>

HTML5+CSS3【マルチデバイス】―Twitter Bootstrap08

Forms Default stylesソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Twitter Bootstrap の導入</title> <link href="css/bootstrap.min.css" rel="stylesheet"> </head> <body> <textarea rows="3"></textarea> </body></html>

HTML5+CSS3【マルチデバイス】―Twitter Bootstrap09

Bootstrap Buttons Buttons Default buttons ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Twitter Bootstrap の導入</title> <link href="css/bootstrap.min.css" rel="stylesheet"> </head> <body> <button class="btn">Buttons</button> <button class="btn btn-primary">Button…</button></body></html>

マルチデバイス―可変レイアウト

画面サイズごとのデザイン 1つの内容でマルチデバイス対応の見た目を作る [CSS]CSS3のMedia Queries(メディアクエリ)の使い方と実装例 「角丸やシャドウだけではないCSS3の大切な三つのテクニック」の一つ、Media Queriesの使い方と実装例の紹介 【CSS】C…

HTML5+CSS3【マルチデバイス】―Twitter Bootstrap03

可変の設定 「fluid」を可変エリアのセレクタ名に追加する ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Twitter Bootstrap の導入</title> <link href="css/bootstrap.min.css" rel="stylesheet"> </head> <body> <div class="container-fluid"> <div id="header"> header </div> <div class="row-fluid"> …</div></div></body></html>

HTML5+CSS3【マルチデバイス】―Twitter Bootstrap04

Twitter Bootstrap <link href="css/bootstrap.min.css" rel="stylesheet">ファイルを使用 Bootstrap Typography Emphasis classesソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Twitter Bootstrap の導入</title> <link href="css/bootstrap.min.css" rel="stylesheet"> </head> <body> </body></html></link>

HTML5+CSS3【マルチデバイス】―Twitter Bootstrap05

Tables 「thead」「tbody」の記述が必須 ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Twitter Bootstrap の導入</title> <link href="css/bootstrap.min.css" rel="stylesheet"> </head> <body> <table class="table"> <thead> <tr><th>曜日</th><th>訪問者数</th></tr> </thead> <tbody> <tr><td>…</td></tr></tbody></table></body></html>