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

Layout Gala: a collection of 40 CSS

Layout Gala: a collection of 40 CSS

レスポンシブデザイン2

◎スマホサイトの検証 ・Safariでスマホ用のサイトをチェック ・メニューバーに開発メニューを追加をチェックを入れる(重要)◎クリアフィックス ・レスポンシブデザインで作成する場合、フロートなどが多用する場合があるその時に崩れないようにするために使…

10/29

◎レンタルサーバーへのアップロードの注意 フォルダがすでにある場合がある ・web ・www ・public_html クライアントとはどこにアップロードするやディレクトリなどに関してはちゃんと聞いておいたほうが良い 更新方法などを紙媒体などで渡すと相手に良い◎1…

第二回全国統一 HTML5実力テスト - jsdo.it - Share JavaScript, HTML5 and CSS

第二回全国統一 HTML5実力テスト

データベースに接続

◎PDO ・PDO(PHP Data Object)データベース抽出化レイヤー ・データベースに繋ぐ役割がある◎データベースに「接続」 $dsn = 'mysql:dbname=データベース名;host=データベースホスト名'; $user = 'ユーザー名; $password = 'パスワード'; $dbh = new PDO($dsn,…

おいしいおかず(HTML5)

HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>おいしいおかず</title> <link rel="stylesheet" href="style.css"> </link></meta></head></html>

form(HTML5)

<html lang="ja"> <head> <meta charset="UTF-8"> <title>フォーム 演習課題2</title> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script> </meta></head></html>

HTML5 構造基礎

◎構造基礎HTML5の説明で正しいものはどれか 1. これまでのHTMLを大幅に改定したHTML第5改訂版 2. HTMLやXHTMLの文書作成機能を改良し、より構造化しやすいタグが利用できる 3. 次世代のWeb環境に合うように仕様を作成 4. W3C(World Wide Web Consortium)の…

レスポンシブデザイン

◎viewportとは ・スマートフォン対応にさせる場合は必ず入れたほうが良い ・head要素内にあるmeta name="viewport"は、スマートフォン向けのviewportの設定。スマートフォンのブラウザーの多くは 「viewport」と呼ばれる仮想ウィンドウサイズが設定されてい…

HTML5基礎

コンテンツモデル 各要素は、文書構造を作る上でページ内に複数使用することになる。 そこで、CSSやJavaScriptに対応させるためには「ID名」が必須になる。 <header id="header"> <h1>ホームページ</h1> </header> <nav id="glovalNav"> <ul> <li>メニュー1</li> <li>メニュー2</li> <li>メニュー3</li> </ul> </nav> <section id="content"> <h1>大見出し</h1> <p>本文</p> </section> <footer id="footer"> <p></p></footer>

 PHP+HTML5

◎シングルクォートとダブルクォートの違い ・print $変数.'○○○'; ・print "{$変数}○○○"+エスケープ処理 ダブルの場合エスケープ処理が必要となってしまうのでシングルで書くほうが良い ◎HTML5とXHTML ・XHTMLの書き方はややこしいのでDWでプロパティ→ページ…

月例テスト

◎XAMPPパッケージに含まれないものはどれか 1. Apache 2. MySQL 3. Java 4. PHP ◎PHPの特徴として正しいものはどれか 1. Windows環境でのみ動作 2. コンパイラ型言語 3. クライアントPCで動作 4. オブジェクト指向言語 ◎PHPの変数名として、使用可能な名前は…

データベース基礎

DB

・SHOW DATABASES →データベースを一覧に表示する・SHOW TABLES →データベースの中で使うと作ったテーブルが表示される

10/9

・サイト内で※などを使う場合はtext-indentを-1かけてないと※として意味がなくなる・見取り図は日本ではあまりないが泥棒など防犯上あまり良くはないので使わないほうが良い(使ってはいけないとゆうことではない)

【厳選】本当に使える Google Chrome のショートカットキー17個まとめ。

【厳選】本当に使える Google Chrome のショートカットキー17個まとめ。

Wordpressプラグイン

・wordpressを使う場合はakismetを必ず有効化する(スパム対策)wordpressにいれるといいプラグイン ・page to top→下にスクロールした際にトップに戻るボタンを表示するプラグイン・WP-DBManager→wordpressをバックアップするときに使う・contact form 7→フ…

PHP+form

PHP

1.form→PHP→入力データの取得 2.formの内容 3.DWでform 4.RSSの取得でまとめページを作成・htmlspecialchars 悪質なサイトやスクリプトなどを埋め込まれないようにする ・ENT_QUOTES シングルクォートなどを文字列としてあつかう ※大文字じゃないとダメ・ ラ…

画像の拡張子、主な特徴

GIF(Graphics Interchange Format) ・GIFは色数が256色に限定されており、写真のような色数の多い画像には向かない ・ GIFの大きな利点は透明色(Transparent)を指定できること(最近ではPNG) ・ GIFは水平方向に連続する同じ色を圧縮する(つまり、横方…

10/3

?RSS →(文書構造) ブログ RSS1.0 RSS2.0 ?form HTML→form→PHP→データベース※他人のデータをまるまるコピーするとgoogleから警告される

 伝わるデザイン|研究発表のユニバーサルデザイン

伝わるデザイン|研究発表のユニバーサルデザイン

10/1

1byte→半角英数字 2byte→全角(ビットマップ) 3byte→UTF-8(全角)※「/」でおわるトップページと「/index.html」でおわるトップページは別のページ扱いなので統一したほうが良い ※URLに「site:」をつけて検索すると検索エンジンにどれだけ拾われているかわか…