2016-05-01から1ヶ月間の記事一覧
ユーザーの状態を管理する web-design-exercise.hatenablog.jpP223〜 Cookie情報・・・ブラウザー側でコントロールできる（パソコンにログイン情報が漏れる）セッション情報・・・サーバー側（サーバー側にデータが残るので入力内容を引き継ぐことができるが…
Google form でメールアドレスが@なしで入力されるのを防ぐ方法 ①メールの入力フォームを用意する②右下のを押してデータの検証を押す。③正規表現を選んで半角の＠を入力する。 phpの場合の記述例 weback.net
web-design-exercise.hatenablog.jp print_r <pre> </pre> 連想配列 <pre> 10,'mon' =>20,'tue' =>30,'wed' =>40,'thu' =>50,'fri' =>60,'sat' =>70); echo '土曜日と日曜日の売上合計は,'.($sales['sat'] + $sales['sun']…</pre>
記事を投稿する d.hatena.ne.jpオリジナルテーマを作成 d.hatena.ne.jp 記事の個別ページを作成 d.hatena.ne.jp記事の投稿日とカテゴリーを表示する d.hatena.ne.jp アイコンをつけてデザインする d.hatena.ne.jp 前後の記事へのリンクを表示する d.hatena.n…
名簿出力 <html lang="ja"> <head> <meta charset="UTF-8"> <title>名簿出力</title> </head> <body> 名簿には人が登録されています。 <ol> '.$d.'</li>'."\n"; } ?> </ol> </body> …
ボックスの分割と追加 web-design-lesson.hatenablog.jp 以下の記述はbootstrapがしている内容と同じです。 techacademy.jp <html lang="ja"> <head> <meta charset="UTF-8"> <title>レスポンシブ</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div id="container"> <div class="box box1">BOX1</div> </div></body></html>
レスポンシブ制作（応用編）yachin29.hatenablog.com <html> <head> <meta charset="UTF-8"> <title>無題ドキュメント</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <style> /*reset*/ html,body,div{font-family:"Hiragino Kaku Gothic proN", Meiryo, sans-serif; marg…</meta></meta></head></html>
PHP for <table> <tr> <th></th> <th>回目のグループ</th> </tr> </table> while \n"; $i++; endwhile;//ループしてから止めるのにendwhileを使う array <pre> </pre>
※ワードプレスは絶対に熟知するまでWordpress,themeの更新はしないこと!!※★MAMPやZAMP以外の無料のレンタルサーバーを使用する場合は初めに設定するwp_から始まるテーブル接頭値を１つ目と別の名前を設定すること(Ex: wp_fujiwara など) ★もしレンタルサーバ…
htaccessとは？ wordpress概要 http://yachin29.hatenablog.com/entry/2015/05/07/010930yachin29.hatenablog.com ★.htaccessファイル」を使った自動振り分け yachin29.hatenablog.com 下記のサイトにスマホでアクセスすると自動的にスマートフォンのサイト…
学習ツール プロゲート prog-8.com ドットインストール dotinstall.compaiza paiza.jp 。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。 文字列関数 d.hatena.ne.jp 日付関数 d.hatena.ne.jp 条件分岐 d.hatena.ne.jp for文 d.hatena.ne.jp …
最初の表示 dtを押した後の表示 <html><head> <meta charset="UTF-8"> <title>アコーディオンメニュー</title> <script src="js/jquery-2.2.4.min.js"></script> <script> $(function(){ $('dl.news>dd:not(:first)').hide(); $('dl.news>dt:not(:first)').addClass('open').css('background','olive').css('color','black'); $('dt…</meta></head></html>
round関数イメージフォルダを作成してその中に 「サイコロ」の検索結果 - Webデザインの勉強 1月20日開講クラス フェリカテクニカルアカデミーこのリンク先からサイコロ画像を1〜6をダウンロードして保存する。 '; echo 'サイコロの目は' .$rand_img. 'です…
完成したサイト rosemary.html.xdomain.jp プレゼン後、bxsliderの位置が使用するパソコンによって下半分が見えない、とhome画面の左右が寂しいという2点の指摘を受けました。 問題としてはheader画像が大きいということだったのでお店のロゴの横にnavigatio…
サーチコンソール手順サーチコンソールのページに行き、 を押して自信が作成したページのアドレスを入力する。 オススメの手順に従ってファイルをダウンロードし、アップロードしたデータの最上階層のindex.htmlにファイルをアップロードする。 チェックを入…
クライアントワークのページに使用しているスムーススクロールが機能しないので講師に相談し、違うタイプのスムーススクロールのプラグインを勧められました。それを使うと正常に機能させることができたのでその手順を記載しておきます。①以下のサイトに入る…
rosemary.html.xdomain.jp 全体metaタグに3文節の文章を入力 例： スマートフォンで閲覧される方が同サイトをトップページにアイコンした時にわかりやすくするため、お店のロゴをタッチアイコンに設定しました。 <meta name="apple-mobile-web-app-title" content="RLV"> <link rel="apple-touch-icon" sizes="192x192" href="../img/touch_icon.png"> </link></meta>
Google がサポートしているメタタグ support.google.com グーグルダンス（ページのランキングが乱高下すること）を防ぐにはページ内容を変更しすぎないこと。 細々と直すと全ての検索エンジンにデータが行き渡る前にデータが変わるので検索上位にならない。 …
入力フォームの流れ ①入力エラーチェックする②チェック→送信→データベースに送られる③サンクス（確認メール） ★DM(ダイレクトメール)を送信していいかの確認画面は②と③の間に もうひと画面入って確認できるようにする。その時のデータはデータベースより取得…
yachin29.hatenablog.com Facebookページを作成したら、開発者ツールから埋め込みたいウジェットを選択し、コードをコピーしHTMLに貼り付ければOKです。ただFacebookの場合、サーバー環境上で無いとデータが表示されないのでXamppなどを使って確認してみまし…
アドビサポート helpx.adobe.com d.hatena.ne.jpパラメーターとアーギュメントの違い blog.masahiko.infoinput.php <html> <head> <meta charset="UTF-8"> <title>フォームに入力した値を取得する</title> </head> <h1>POSTで出力</h1> <form action="output.php" method="post"> <dl> <dt><label for="name">お名前</label></dt> <dd></dd></dl></form></html>
robots.txtをindex.htmlに入れてデータへのアクセスを防ぐ https://www.amazon.co.jp/robots.txtリンク先の User-agent: * Disallow: のみをコピーし、txtファイルで保存しindex.htmlと同じ階層に入れる Google Maps JavaScript APIAdd Star(googleマップで…
面接での質問 ①弊社でどんな仕事をしたいですか？（できますか？） 対応できる業務を上げる。②今までどんな制作をしましたか？ 制作実績を紹介する。 KPIとはkey performance indicator の略で、企業目標の達成度を評価するための主要業績評価指標のことをい…
全体 ・footerにnavigationをつけました。・ほぼすべての文字にnotofontを設定しました。・それぞれのページで違うbodyの背景色を採用しました。・レスポンシブデザイン（タブレット用、スマホ用）の設定・navigationを文字だけのシンプルな物に変更しました…
・HTML5のツリー構造 headerタグ、navタグ、セクションタグ、articleタグ、asideタグ,footerタグなど paris1204.hatenablog.com ・バナー全体をaリンクで囲んで全体を押せるようにする ・(スマートフォン対応) <meta name="viewport" content="width=device-width,initial-scale=1"> ・フォーム d.hatena.ne.jp HTML 5 Outliner d</meta>…
エンコードで探しに行く エンコード（英: encode）、符号化（ふごうか）とは、アナログ信号やデジタルデータに特定の方法で、後に元の（あるいは類似の）信号またはデータに戻せるような変換を加えることである。デコードで結果を出す デコード 符号化（エン…
インライン表示にするときは改行してはダメ。flaotによる回りこみとは下記のような書き方で起きることを言う。文字列文字列文字列文字列文字列文字列文字列文字列文字列文字列文字列文字列文字列文字列文字列文字列
Macでphpを使うときに日本語を正しく表示する設定 d.hatena.ne.jp phpを勉強するときに一番役立つサイト PHP: Hypertext Preprocessor四則演算 d.hatena.ne.jp 練習問題 変数を使う（※phpは演算処理をbodyより上にして、テキスト処理はbodyの中にする。 ）
