先日のバイトで既存サイトを分析したり、コーディングするのが楽しかったので、画像をお借りしてコーディングの練習。 たった２ページなのに簡単なCSSでつまずく事しばしば（汗） サイトのソースも参考にしながらだったので、ものすごい時間がかかってしまっ…
過ぎてしまった。早いものです。 そして今日から次の訓練が始まっている。 昨年初日にちょっと緊張しながら教室に行った事を思い出す。 今日から半年間本当に貴重な勉強が出来るので、受講生の皆様体に気をつけて頑張ってください！！ 先生もくれぐれもご自…
本日で６ヶ月の基金訓練が終了しました。 明日からもう教室に行かなくていいのだと思うと、なんとも寂しい気持ちでいっぱいです。 先生、副講師のお二方、生徒の皆さん、会社の皆様、楽しい充実した時間を過ごさせて頂きまして、本当にありがとうございまし…
副講師さんのブログのおかげでどうにか形になってきました。感謝、感謝です！！ ページが表示されなかったのは単にdivが抜けていたからでした・・・・ ただナビメニューに関してはjsファイルで設定されているので、サイトの中に２つ作るとなると又々大変かも…
最終課題（なんか寂しい・・・）の横スライドでつまづく事ここ数日・・・・ モニターの大きさが変わっても表示が変わらないように、副講師さんから教えて頂いた「Making a Giveaway Randomizer App w/ jQuery」で出来そうなのだけど、ナビのリンク、ベージの…
ロリポップに２個目のWordPress設置してみた。 フォルダー名変えてるから問題ないんだけど、なんとなくドキドキ・・・・ ダウンロードしたフォルダー名を変更してサーバーにアップ ブラウザでアクセス データベースの情報を入力 データベース名：データベー…
はてなのサイドバーに表示 hatena-moduleとして記述 <div id="twitter_div" class="hatena-module"> <div class="hatena-moduletitle"> <a href="http://twitter.com/twitterアカウント名">Twitter Updates</a> </div> <div class="hatena-modulebody"> <ul id="twitter_update_list"></ul> </div> </div>
札幌並みの大雪でびっくり！！！！！ みてみぬ振り？をしているjimdo。 設定したキーワードさえ忘れてたけど、昨日検索してみると１ページ目にしっかりいました・・・・・ 最終課題とともにこっちも充実させたいです。
WordPress「MY SCRAPBOOK」 結局とてもポートフォリオとは言えない、作品を並べただけのものになってしまいましたが、とりあえず・・・・・ 説明や制作過程など足りてないので、まだまだ手直ししたいと思います。 ポートフォリオはポートフォリオniha個別の…
てすと
Theme Roller ＊ Theme Roller：http://jquerymobile.com/themeroller/でカラー作成。 ＊ Download Themeから名前をつけて保存。 ＊ 「themes」フォルダをサイトのフォルダに移動。 ＊ htmlの「data-theme="a"」の"a"を書き換える。 ＊ 「list-divider」の部…
テンプレート作成 ＊ 新規→空白ページ→レイアウトを選ぶ。 ＊ ソースの編集したい部分を反転させて、挿入→テンプレートオブジェクト→編集可能領域→名前を付けて保存する。 ＊ テンプレートとして保存名をつけて保存。 ＊ 「Templates」というフォルダができ…
iframeで設置 Googleマップから取得したタグを貼り付けても、一部のスマートフォンでは地図が表示されない。 <div data-role="content"> <h2 class="h1">アクセス</h2> <iframe width="425" ...中略... 大きな地図で見<e3><82><8b></a></small> </div> 大きな地図で見る Google Maps APIのスクリプトをhead要素内で読み込む <script type="text/javascript" s</iframe></div>…
問い合わせフォームの作成 <div data-role="content"> <h2 class="h1">お問い合わせ</h2> <form action="form.php" method="post"> （フォームの内容） </form> ページの見出し（h2要素）とフォームの間には不自然な余白があり、入力フォームの背景色がやや暗いのでCSSで調整する。 /*入力フォームの背景を調整*/ textarea.ui-body-b,input.ui-body-b{ ba</div>…
jQuery Mobile jQuery Mobileは、HTMLのhead要素で、下記を読み込むだけで利用できる。 jQueryのスクリプトファイル jQuery Mobileのスクリプトファイル(最新：1.0.1) jQuery MobileのCSSファイル(最新：1.0.1) <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></link>
jQuery navigation position HTML <html lang="ja"> <head> <title>Beautiful Background Image Navigation</title> <meta charset="UTF-8"> <link rel="stylesheet" href="css/style.css"> </link></meta></head></html>
jQuery Little Boxes Menu HTML <html lang="ja"> <head> <title>Little Boxes Menu with jQuery</title> <meta charset="UTF-8"> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen,print"> <style> *{ margin:0; padding:0; } body{ background:#000 url(images/base.jpg) no-…</link></meta></head></html>
jQuery 横スライド：ホイール対応 HTML/CSS <html lang="ja"> <head> <meta charset="UTF-8"> <style type="text/css"> </meta></head></html>
jQuery 画像スライドメニュー HTML <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>画像スライドメニュー</title> </meta></meta></meta></head></html>
jQueryアコーディオンメニュー（jquery-1.6.min.js使用） HTML <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>アコーディオンメニュー</title> </meta></meta></meta></head></html>
jQueryドロップダウンメニュー HTML <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>ドロップダウンメニュー</title> </meta></meta></meta></head></html>
CSSのみでポップアップ画像を表示 サムネールはfloat: left; サムネールはposition: relative; ポップアップ画像はposition: absolute; サムネールの上にサムネールの左上原点「１×１px」に設定したポップアップ画像を、positionで配置する。（画面では見え…
前回のブログからもう１０日以上ぶり。 学校でも家でも延々とWordPressにかかりっきりで、 とにかく最初のうちは直したいところを探し出すだけでものすごく時間がかかってしまった。 既存のテーマの方がカスタムしやすいのでは・・・と思っていたけど全然甘…
休み中ずっとWordPressを触っていたが、単純なレイアウトもPHPだとどうする？でつまずき全然形になっていない。 練習で作ったものをCSSを直すだけでは限界がありそうなので、WordPressに慣れるために先生のブログにあったように、まずポートフォリオサイトを…
テキストChapter6まで終了。 背景画像がテキスト通りだと変わらなかったのですが、 「えんぴつ、机、猿人日記」さんのサイトのbodyタグの変更を参考にさせて頂きました。ありがとうございました！！ データベースのバックアップ WordPressの場合 ※「htdocs」…
テキストChapter5まで終了。 WordPressでは知人のお菓子のお店のサイトを予定。 ブログ部分は今回のをカスタムして、来週勉強する個別ページで各カテゴリーのページを作りたいと思う。 かなりわかっていないRSSとトラックバックについて。 RSS インターネッ…
WordPress レッスンブック 3.x対応作者: エビスコム出版社/メーカー: ソシム発売日: 2010/09/08メディア: 単行本購入: 17人 クリック: 535回この商品を含むブログ (37件) を見る テキストの「sample」フォルダーを「wp-content」→-「htemes」の階層の中に入…
リキッドレイアウト スマホサイト制作ではリキッドレイアウト（表示幅が変わっても従来のレイアウトを保持して表示できるレイアウトのこと）が一般的 リンク領域は大きく取る 下記練習用はナビゲーションがサイトタイトルの下にあるため、タテ２つをひとつの…
先日の最終日は朝から頭痛＆熱で休んでしまった（泣） 体調は回復したのでやっと茶の花のおみくじを作成。 あわせてアドレスも変更しました。この３ヶ月間、いろいろな事を学ばせて頂きました。 新たな知識を覚えるのは大変だけどとても楽しく、本当に充実し…
HTML5とは 動画や音声、グラフィックの描画が可能になる。（複雑な表現でない場合に限る） 長かったHTML記述がスッキリする。 主要なスマートフォンで搭載されているブラウザのほとんどがHTML5をサポートしている。 対応ブラウザ：Safari.Chrome.Firefox（若…
