8 プログレスバー HTML <html lang="ja"> <head> <title>Bootstrap 101 Template</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.min.css" rel="stylesheet"> </link></meta></meta></head></html>
株式会社 ZEAL.G·P 事業内容:トラック、バス、重機などの商用車専門の買取り及び輸出、販売 業務内容:コーディング PHPとWordPressができるとよし。
BootStrap Download Bootstrapからダウンロード Getting started→Basic templateのソースを新規HTMLファイルに貼り付け ドットインストール→Bootstrap 3.0入門 (全18回) Twitter Bootstrapとは Webデザインのテンプレートのようなもの。 具体的には、HTMLの…
求人サイト 放送・映像・広告・ゲーム・Web・エンタメ:マスコミ求人.com 映像・広告・Web・ゲーム:マスコミ求人ダイレクト 未経験→正社員の案件は少ない。
スマートフォンサイトをデザインするのも、いろいろなサイトを見ることから。 iPhone Design BoxスマートフォンとPCの切り替え機能をつける。 ホームアイコンをつける。 矩形ナビゲーションレイアウト ブログ・Web初心者の勉強「矩形ナビゲーションレイアウ…
ほくろ除去 パッチツールを使う。 やり方はこちら。 目の拡大 ゆがみフィルタを使う。 やり方はこちら。 眉毛 焼きこみツール 切り取り 被写体と周りがはっきり分かれていれば、自動選択ぼかし20でまわりクリック。細かい点が残ったらshift+長方形で囲う。 …
作例5 テキストP.100 トランジションの練習 <a href="#">ボタン</a> a{ display:block; color:#fff; width:100px; padding:10px; text-align:center; background:blue; text-decoration:none; transition-property:background,width; transition-duration:1s; transition-tim…
ブログ・ Webデザイン初心者の勉強「jQueryMobileとは」 jqueryMobile日本語リファレンス ASCII.jp WEB PROFESSINAL 西畑一馬のjQuery Mobileデザイン入門 らくらく!jQueryMobileであなたもカンタン・スマホサイト制作 jQueryMobileは、スマートフォン用に…
.htaccessでの振り分け 「○○/index.html」にスマートフォンでアクセスした時に、スマートフォン用サイト「○○/sp/index.html」に移動させる。 .htaccessファイルの作成 Dreamweaverやメモ帳などなんでもいいのでテキストで作成。 <IfModule mod_rewrite.c> RewriteEngine On RewriteCo</ifmodule>…
今回は求人ではなく、IT系中小企業への就職斡旋サービスの案内。 登録案内と個別面談。 プログラマー(Web系、システム系、ネットワーク系)求人が多数。
ポートフォリオサイトはレスポンシブで作りましょう。 レスポンシブでないものは検索評価が落ちる傾向。 PC(win)でモバイルチェックするにはMobilizer。 子孫セレクタを使おう スマートフォン用のリセットCSS 作例1 テキストp53 HTML head viewportの設定…
ブログ・PHPの勉強「商品管理(3)画像を追加」 画像は、データベースに画像名、サーバーに画像本体を保存する。 データベースに画像名を保存するカラムを作成する。 サイト内に画像本体を保存するフォルダを作成する。 商品追加画面 <html lang="ja"> <head> <meta charset="utf-8"> <title>商品管理</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="container"> <h1>商品</h1></div></body></html>…
ブログ・PHPの勉強「ログイン」 ログイン <html lang="ja"> <head> <meta charset="utf-8"> <title>ログイン</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="container"> <h1>スタッフ・ログイン</h1> <form action="02_check.php" method="post"> <p>スタッフコード</p> <p></p></form></div></body></html>
ブログ・Webデザイン初心者の勉強「サンプルE」 <html lang="ja"> <head> <meta charset="UTF-8"> <title>jQueryの練習</title> <link rel="stylesheet" href="style.css"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script></script>
アイデア収集用。プロのみでなく他校のものもあり。
11月中にアイデアを決める。 スキルアップを時系列で表現。
西畑一馬のjQuery Mobileデザイン入門 jQuery Mobile日本語リファレンス jQuery mobileを使うことで、簡単にサイトのレイアウトができる。 ボタンなどのグラデーションを設定してくれる。 data-roleでひとつのサイトの中で複数のサイトレイアウトが組める。
情報の配置 人の視線はZの字。角に重要な情報を置く。 視線が通過しやすい場所に情報を置く場合は、大きくするなどして目立たせる。 写真のふち 角版:伝えたい情報。商品など。 切り抜き:カジュアルな印象を与える。漫画っぽい。若者向き。→投票率をあげ…
ブログ・HTML5の勉強「可変+固定レイアウトパターン:構造」
商品と価格を入力し、データベースに格納。 入力チェックし、エラーがあれば入力画面に戻るよう誘導する。 データベースに接続できないときは、エラーメッセージを表示。 データ一覧でデータベースから引っぱってきて表示し、選択用のラジオボタンをつけてお…
数字を使うと伝わりやすい。 制作時間も書く。 紙バージョンも必要。
ブログ・Webデザイン初心者の勉強「GoogleMap API(2)」 習作 移動時間をscriptの中のtravelModeでDRIVINGかWALKINGか設定できる。 RUNNINGがなかったので、これを非表示にするために行をむりやりつぶしている。
これから作成するサイトに縦スクロールのjQueryを必ず使おう。 いろいろあるけどto-Rで紹介しているsmooth scrollが動きがいい。 http://blog.webcreativepark.net/2012/09/06-152317.html
ブログ・PHPの勉強「COOKIE:解答例」 クッキー setcookie('名前',値,保存期間); サイト表示のたびに変数に1ずつ足してsetcookieに入れることでサイト訪問回数を数えることができる。 エラー input.phpのフォームでクッキー保存のチェックボックスをチェック…
修正内容 COOKIEに入る前に、以前の課題で作成したフォームを授業ブログのソースを元に修正。 修正箇所は、1)nl2brを入れる。2)htmlspecialcharsをprintのすぐ前で使う。3)メールをユーザーとクライアントに届くようにする。 問題点(query('SET NAMES…
デザイン系→GoogleMap API、HTML5+CSS3サンプルサイト(ブログ・Webデザイン初心者の勉強「GoogleMap API(1)」〜「サンプルB」) プログラム系→クッキー(ブログ・PHPの勉強「COOKIE」〜「COOKIE:解答例」)
これぐらい動かす要素があると重い。やはり画像を見せるもの。 firefoxが特に重い。
緯度・経度 pointabs スケール指定 マーカーの位置 センターの位置 エラー ブログ・Webデザイン初心者の勉強「GoogleMap API(1)」のソースを使ってローカルでは表示できたが、サーバーにアップすると表示できず「APIキーが必要」とでる。 最新バージョンで…
jQuery Filtering ブログ・Webデザインの勉強 | 風姿花伝「jQueryでフィルタ(フィルタリング)機能」 お手本サイト 補足 内容が多い・少ないによって縦スクロールバー分の表示ズレがある場合はhtml{overflow-y: scroll;}で固定。 画像サイズを変える場合は…