2013-10-01から1ヶ月間の記事一覧
ブログ・HTML5の勉強「実践レイアウトパターン（1）」 外部CSSを切り替える head内に以下を記述 <linkrel="stylesheet"href="○○.css"media="only screen and (min-width:○○px)"> サイト全体共通＋スマートフォン用CSSを読み込み、次にタブレット用CSS、PC用CSSを読み込む。 今回制作したサイト style-s.css、style-m.css、style-l.cssを使</linkrel="stylesheet"href="○○.css"media="only>…
ブログ・HTML5の勉強「Media Queries基礎」 PC上で各デバイス表示（Mac・Winやスマートフォン・タブレット）に切り替え safariを使用。 右上の歯車アイコンのメニューから[設定]を開く。 [詳細]タブの一番下の[メニューバーに”開発”メニューを表示]にチェッ…
web上でボタンや背景の材料がつくれる。
ブログ・PHPの勉強「スタッフ登録一覧(1)」 名前とパスワードを入力し、データベースに格納。 １）データベース作成 ２）入力画面 <htmllang="ja"> <head> <metacharset="utf-8"> <title>おいしい野菜農園</title> <linkrel="stylesheet"href="./css/style.css"> </head> <body> <divid="container"> <header> <h1>スタッフ追加</h1> </header> <sectionid="form"> </sectionid="form"></divid="container"></body></htmllang="ja">
$_POSTを$_SESSIONに渡したら$_POSTは空になる。 $dbh -> query('SET NAMES UTF8');の「UTF8」を「UTF-8」と書いて動かず。先週は「NAMES」を「NAME」と書いて動かず。 お問い合わせフォーム・確認画面・送信画面と、入力内容を受け取るデータベースを作成。…
ブログ・PHPの勉強「お問い合わせ：データベース（1）～（6）」 mysql_connect mysql_select_db mysql_query ローカルでやったらレンタルサーバーでも。 そろそろポートフォリオサイト準備。 デジタルステージ live
Beautiful Background Image Navigation 例：お手本 画像のスライド mootoolsのimage menuというスクリプトを使う。 例：街をつくる建築作法 その他 jQueryをいろいろ使うと、対応バージョンの違いからかちあって動かなくなることがあるので注意。 HTMLでid…
業者が指定するアップデート先フォルダ(web、www、public_htmlなど)がある場合はそこに保存する。サーバー直下に保存すると、公開するつもりのない保存データが見えてしまう。 サイトが完成したあとは、クライアントにID・パスワードを変更してもらい管理権…
ブログ・HTML5の勉強「グリッドレイアウト」 headerとnavはたて並びで。 制作したもの↓ 左１列と右２列にdivを分けて、中にheader、nav、sectionを配置。 小さい画像はそれぞれの中でさらにfloatさせてます。 navの中をul・liで作ったものをsectionの画像に…
cookie ブログ・PHPの勉強「入力されたIDを次回アクセス時まで覚える - $_COOKIE」 クッキーはデータをクライアントのブラウザで保持。 session ブログ・PHPの勉強「ログイン情報をログアウトするまで保持する - $_SESSION」 セッションはデータをサーバーで…
まとめ問題 問題：ブログ・HTML5の勉強「まとめ(1)」 解答：ブログ・天下一web道会「HTML5 まとめ（１）」 フォーム ブログ・HTML5の勉強「フォーム関連機能（1）（2）（3）」 patternの中身は正規表現と呼ばれるもの。検索すると出てくる。
ブログ・PHPの勉強「お問い合わせ：データベース(1)(2)」 xampp内でデータベースを作成した場合。 送信後の画面で「Failed to connect to mailserver at "localhost" port 25～」というエラーがでるが、ローカルサーバー内なので問題ない。 ロリポップでデー…
データベースをmySQLで作成 ブログ・PHPの勉強「お問い合わせ：データベース（1）」 フォームをHTML・PHPで作成 ブログ・PHPの勉強「お問い合わせ：データベース（2）」
ASCII.jp WEB PROFESSIONALのシリーズ記事「ゼロから始めるレスポンシブWebデザイン入門」をもとにサイト作成。 レスポンシブにするには 1.metaでスマートフォンデバイス表示に対応させる <metaname="viewport"content="width=device-width"> 2.画像サイズをブラウザサイズに応じて可変させる img{max-width:10</metaname="viewport"content="width=device-width">…
旧バージョンのHTMLをHTMLの書式に変更 DreamWeaverで開く。 プロパティを表示 ページプロパティをクリック タイトル・エンコーディングでHTML5を選択し、適用・ＯＫ。 section～その区切りはアウトラインのですか？レイアウトのですか？～ sectionは文章構…
if文 変数の設定は、乱数を取得しています。 if文
問題は、ブログ・Webデザイン初心者の勉強「まとめ課題（1）」 解答は、こちら。
meta descriptionをしっかり書くように。体言止めではなくですますで止めたほうがベター。 仮アップしたときに検索エンジンに拾われたキーワードが強く、本アップのときに抜けない場合がある。 bodyのすぐあとのpにはキーワードを含んだ文章が望ましい。
ブログ・Webデザイン初心者の勉強「まとめ課題(1)」
meta descriptionを三文節で書くこと。 nav画像の文字は大きくしない。 スクロールバー常時表示 html{overflow:scroll;}
入力画面→確認画面→送信済みの画面へとページが移っていくとき、入力画面で入力されたデータは確認画面で表示した時点でメモリから消えてしまう。データを確認画面で表示したあと、メールで送りつつ送信済み画面まで持っていくには、（１）input type="hidde…
データベースはwebだけでなく様々な業界で使われている。医療やアパレルでは特に。 MySQLでの操作 phpMyAdminで SHOW DATABASES; SHOW TABLES; データベースを選択してから。 UPDATE my_items SET price=180 WHERE id=1; INSERT INTO my_items SET id=1, ite…
ドロップダウンリスト date関数のt 月を指定することで日数がわかる。→参考マニュアル 入力欄が空のときの警告 if～else。
GETで習得するとURL欄に取得した内容が表示される。 HTMLでcharset="UTF-8"を指定していれば、PHPのhtmlspecialcharsで'UTF-8'を記述しなくてよい。 複数選択可能なcheckboxの値を送信するには、 <inputtype="checkbox"name="○○"> とnemeのあとにをつけると配列で送信される。 受信する側は</inputtype="checkbox"name="○○">…
プラグイン（Akismet） WordPressに多いスパムメール対策とアクセス解析ができる。 adminページからプラグイン→Akismet有効化。 メールとパスワード登録したらPersonalプランを選択して、寄付スライダーを0$にする。 名前を入力したあとkeyがメールで送られ…
文章構造 文法チェック グループ化 CSSを適用 CSSのチェック ブラウザのチェック（IE）
基本的な記述を覚える。 formときたらaction="(URL)"とmethod="(POSTかGET)"。 inputときたらtype""とname=""。 受信する側のPHP・htmlspecialchars($_POST['']),ENT_QUOTES,'UTF-8');も覚えとく。 PHPを書くときは、変数定義して使いやすく。
フォーム ブログ・PHPの勉強「ユーザーからの入力を受け取る」「フォームの基本構造」「DreamWeaverでformを作成」 labelを指定することで、項目名をクリックしても入力欄をアクティブにすることができ、ユーザビリティの向上になる。 labelにforをつける場…
