スマフォサイト制作

jQM

jQuery MobileでGoogle Mapを表示する jQuery Mobileで構築しているスマフォサイト制作で、Google Mapを設置したいと考えた。しかし、apiとscriptを記述してもうまく表示されない。(描画が途中でストップしている)そこで、jQuery Mobileを使用しGoogle Mapが…

お問い合わせ:データベース(1)

SQL

入力されたデータを保存するためのデータベース サーバー上にデータベースを構築する SQL文を記述する お問い合わせ内容を格納するデータベースを作る データベース作成 有料サーバーの場合、契約内容によってデータベースの作成数が決まっているので注意す…

SQLを使う‐基本

SQL

SQLは何のため? phpMyAdminのマウス操作だけで作ることが出来るSQLには限界がある PHP+MySQLを使ったWebシステムを構築するには、SQLの知識が必須 phpMyAdminを利用する phpMyAdminを起動して、ログインする データを取得して表示する localhostでデータベ…

phpMyAdminを使う

SQL

phpMyAdminにログインする XAMPPを起動してMySQLの[Admin]ボタンをクリックする ログイン画面で設定したユーザー名、パスワードを入力し、[実行]ボタンをクリックする データベースを使う 新規データベースを作成する 「mydb」というデータベース名、照合順…

WordPress実習(4):テキストP250 〜 P305

WP

固定ページを1段組レイアウトにする page.phpを用意する 編集中のテーマ「sample」フォルダにpage.phpファイルを何も記述せずにアップロードする 《page.php》 <div id="content" class="page"> <div class="post"> <h2></h2></div></div>

習得度確認試験4

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

ハローワーク来所日

本日はハローワーク来所日の為、支援訓練は休校です。

フォームまとめ

PHP

《input.php》 <html lang="ja"> <head> <meta charset="UTF-8"> <title>メールフォーム</title> <style> section { width: 500px; margin: auto; text-align: center; } table { text-align: left; } td { padding: 3px; } </style> </head> <body> <section> <h1>入力画面</h1> <p>必要事項を入力して「確認する」ボタンをクリックしてください。</p>…</section></body></html>

WordPress実習(3):テキストP184 〜 P271

WP

RSSフィードのURLを出力する 「bloginfo();」のパラメータを「rss2_url」と指定する事でRSSフィードのURLが出力される RSSフィードには数種類のバージョンがあり、「rss2_url」と指定するとRSS 2.0となる パラメータ「rdf_url」はRSS 1.0、「rss_url」はRSS …

はじめてのPHP

PHP

PHPとは PHP(Hypertext Preprocessor)とは「サーバーサイドで動作するスクリプト実行環境」 もっと簡単な言葉で言うと「Webアプリケーションを開発するための技術」 Webサイトを検索する為のYahoo!やGoogleのような検索エンジンもWebアプリ PHPプログラミン…

JavaScript確認テスト

Q1 警告ダイアログボックスに「1」「2」「3」という数字を表示するように「for文」で記述しなさい Q2 数値を入力してもらい合否(70以上を合格)の判定をする記述をしなさい 簡単な値の振り分け(条件演算子:三項演算子) 条件式 ? 正しい場合の値:正しくない…

アコーディオンメニュー

JQ

アコーディオンメニューを作る <html lang="ja"> <head> <meta charset="UTF-8"> <title>アコーディオンパネル</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <style> body, div, dl, dt, dd { margin: 0; padding: 0; font-size: 16px; font-family: "Hiragino Kaku Gothic P…</meta></head></html>

ハローワーク来所日

本日はハローワーク来所日の為、支援訓練は休校です。

習得度確認試験3

1)webサイト構築のワークフローには、大きく分けて設計フェーズ、開発フェーズ、運用フェーズがあります。 次の設計フェーズの流れを説明した文章の、穴埋めをしなさい。【設計フェーズ】 [ (1) ]とは、ビジネス要件からWebサイト構築においてどのような機能…

アコーディオンメニュー

JQ

どう作っていくかを考える アコーディオンにする構造を作る <html lang="ja"> <head> <meta charset="UTF-8"> <title>jQueryの練習</title> <style> body, dl, dt, dd { margin: 0; padding: 0; } #container { width: 500px; margin: 50px auto; } .accordion { padding: 5px 0; background: #61A342; } .accordion dt { paddi</meta></head></html>…

セレクタ

JQ

「何かを取ってくる」機能 セレクタ 取ってきたところからさらに探す セレクタ $( 'セレクタ' ) ID セレクタ タイプセレクタ CLASSセレクタ 子孫セレクタ 全称セレクタ 子供セレクタ 隣接兄弟セレクタ 複数セレクタ 否定セレクタ 属性セレクタ 順番に関する…

JavaScriptによるページ構築あれこれ

JS

パスワード認証ページ 例1 > <html lang="ja"> <head> <meta charset="UTF-8"> <title>メンバーページの入り口</title> </head> <body> <p>ようこそ。web制作科メンバーページへ。</p> </body> </html> > <html lang="ja"> <head> <meta charset="UTF-8"> <title>パスワード認証</title> <script> function password() { var PASS = promp…</meta></head></html>

feedを使った情報表示

JS

feedで使用するCSSプロパティ折り返し禁止 → white-space: nowrap 指定した長さ以上の文章を折り畳む → text-overflow: ellipsis マッシュアップ(Webプログラミング) 複数のWebサービスのAPIを組み合わせ、あたかも1つのWebサービスのようにする機能の事。IT…

jQueryとは

JQ

jQueryとは 2006年に、John Resig氏によって開発・公開された MITライセンス(商用利用可能) JavaScriptのライブラリのひとつ ブラウザ依存を気にしなくて良い DOMの操作が簡単 記述の仕方はCSSに似ている write less,do more. オープンソース(MITライセンス+…

習得度確認試験2

1) shopというサイトがあります。それぞれのhtmlファイルに、ファイル名を表したテキストリンクがあります。(1)〜(7)のテキストリンクに相対パスの指定をしなさい。 <p><a href=" (1) ">item1</a></p> <p><a href=" (2) ">products</a></p> <p><a href=" (3) ">white</a></p> <p><a href=" (4) ">index</a></p> <p><a href=" (5) ">item2</a></p> <p><a href=" (6) ">item1</a></p> <p></p>

ハローワーク来所日

本日はハローワーク来所日の為、支援訓練は休校です。

テストサーバーの構築

XAMMPのXAMPPのサーバー構築 XAMPPのダウンロード XAMPPの旧バージョン1.8.1 インストーラー付き(exe)をダウンロードする XAMMPのインストール xampp-win32-1.8.1-VC9-installer.exeをダブルクリックして起動 インストールコンポーネントからの「FileZilla」…

positionを使ったレイアウト

CSS

positionとは positionプロパティは、ボックスの配置方法(基準位置)が相対位置か絶対位置かを指定する positionプロパティで指定するのは、配置方法(基準位置)のみ static 特に配置方法をしていしない。この値のときには、top、bottom、left、rightは適用さ…

リセットCSS

CSS

適切なフォントファミリー 日本語の場合、フォントメーカーの制約から自由な選択はできない 2013年7月現在の設定方法 iOSにはProNしか入っていない(初期設定はW3) ヒラギノ角ゴの英数字が読みにくいという考え方もありるが、Macの日本語の初期設定の為、欧文…

習得度確認試験1

以下の問題を検索して答えを埋めなさい。 Q1 URLとは URLとは[ A& ]の略で[ B ]を示す場所です。 URLには、[ C ]と[ D ]の2通りの指定方法があります。 「http://」は、[ E ]と呼びます。 「www.」は、[ F ]です。 Q2 Webページを公開するには Webページを置…

文字色と背景色 - 演習(1)

CSS

文字色と背景色 CSSの記述はエンベット → スタイルシートをhtml内に記述する事を"embed"という [CSS01] 文字色と背景色 <body> <h1>style要素</h1> <h3>style element</h3> <p>HTML文書内にまとめて設定します。</p> </body> h1 { color: #3FA068; /* 文字色を指定する */ } h3 { background-color:…

確認テスト

以下の文章をマークアップしなさい (1) Products デザインの話 物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきました。物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきました。物にはいろいろな形があります…

パソコンを使う

「猫を追うより皿を引け」 猫を魚の前から追い払っても、戻ってきてまた狙う。猫を追い払うより、魚を別の場所に移動させる方が簡単で確実である。 → 転じて、問題が生じた時は小手先のその場しのぎではなく、根本的な原因を取り除くべきであるという事。 パ…

Web初学者がプログラマーへ

本日、就職者支援訓練の「Webサイト制作(午後)科」が開校し、受講する事になりました。そこで復習と備忘録も兼ねて、受講した内容を今後こちらに記載していきたいと思います。 Webプログラマーとして仕事が出来るスキルを身に付け、1日でも早く就職出来るよ…