http://w.atwiki.jp/sq4fqq/ @まとめサイト ja 2007-02-28T19:46:12+09:00 1172659572 https://w.atwiki.jp/sq4fqq/pages/11.html **php練習１ -dreamwever --サイト管理→新規作成→サイト --htmlファイルで <p>名前を入力してください。</p> <form action="test.php" method="post"> <input name="namae" type="text" size="20" maxlength="20" /> <input name="submit" type="submit" value="送信" /> </form> -新規→ダイナミックページ→php --phpファイルで こんにちは、<?php echo $_POST["name"];?>さん →こんにちは○○さんと出力される -<?php //コメント /* 複数行のコメント 複数行のコメント 複数行のコメント */ $school ="デジハリ"; echo "私は、$school に通っています<br />"; echo "私は、{$school}に通っています<br />"; echo '私は、{$school}に通っています<br />\n'; echo "私は、".$school."に通っています<br />\n"; echo "私は、<font color=\"red\">$school</font>に通っています<br />\n"; echo "私は、<font color='red'>$school</font>に通っています<br />\n"; ?> →私はデジハリ に通っています。 →私はデジハリに通っています。 →私は、{$school}に通っています \n →\n私は、デジハリに通っています →私は、デジハリに通っています →私は、デジハリに通っています -＠がエラーでていると全角使用 ---- -Apach --documentroot○○○で公開される場所を変更できる。 ---- -php.iniの設定 --httpd.conf、php.iniが編集できない共有サーバのユーザは、 .htaccessを利用する。 <設定例> php.ini mbstring.language="japanese" ↓ .htaccess php_value mbstring.language"japanese" ---- $year_start= 1930; $year_end= 2007; for($y=$year_start; $y<=$year_end; $y++){ $year_list[] =$y; } <form action="birthday4.php" method="post"> <select name="year"> <?php foreach ($year_list as $value){ echo "<option value=\"$value\">$value</option>\n"; } ?> </select> ---- **コーディング規約 if($k<10){ $a=$k; } タブは使わない。 2007-02-28T19:46:12+09:00 1172659572 https://w.atwiki.jp/sq4fqq/pages/13.html ***javascriptの練習 <script type="text/javascript"> alert("こんにちは。世界。"); </script> ---- <script type="text/javascript"> <!-- document.write("Javascriptの練習：JSで記述"); //--> </script> ---- <script type="text/javascript"> <!-- var txt="田中肖像" document.write(txt) //--> </script> 実行結果　田中肖像 <script type="text/javascript"> <!-- txt=6; //変数の定義 document.write(txt); //文字を記述する定型分。 //--> </script> 実行結果　６ ---- 関数の呼び出し function txtWrite(){ document.write("出時針"); ｝ <script type="text/javascript"> <!-- txtWrite(); //--> </script> 実行結果　出時針 ---- 外部ファイル shared/js/にcopy.jsファイルを置く <script type="text/javascript" src="shared/js/copy.js"></script> ---- if文 <script type="text/javascript"> <!-- var myColor="red"; //変数の定義 if(myColor=="red"){ document.write("<font color='red'>今日は赤い気分です。</font>"); } else{ document.write("今日は赤い気分じゃないです。"); } //--> </script> ---- if文２ 途中で条件が真になると評価(if文)から抜ける。 <p> <script type="text/javascript"> <!-- var myColor="black"; //変数の定義 if(myColor=="red"){ document.write("<font color='red'>今日は赤い気分です。</font>"); } else if(myColor=="blue"){ document.write("<font color='blue'>今日は青い気分です。</font>"); } else if(myColor=="green"){ document.write("<font color='green'>今日は緑な気分です。</font>"); } else if(myColor=="yellow"){ document.write("<font color='yellow'>今日は黄色な気分です。</font>"); } else if(myColor=="purple"){ document.write("<font color='purple'>今日は黄色な気分です。</font>"); } else { document.write("今日はよくわからない気分です。"); } //--> </script> 実行結果　今日はよくわからない気分です。 ---- if文３ すべての条件式を評価させたい場合 <p> <script type="text/javascript"> <!-- var myColor="black"; if(myColor !=="red"){ document.write("<font color='red'>今日は赤い気分じゃない</font><br>"); } if(myColor !=="blue"){ document.write("<font color='blue'>今日は青い気分じゃない</font><br>"); } if(myColor !=="green"){ document.write("<font color='green'>今日は緑な気分じゃない</font><br>"); } if(myColor !=="black"){ document.write("<font color='black'>今日は黒い気分じゃない</font><br>"); } if(myColor !=="yellow"){ document.write("<font color='yellow'>今日は黄色い気分じゃない</font><br>"); } if(myColor !=="purple"){ document.write("<font color='purple'>今日は紫な気分じゃない</font><br>"); } //--> </script> 実行結果 今日は赤い気分じゃない 今日は青い気分じゃない 今日は緑な気分じゃない 今日は黄色い気分じゃない 今日は紫な気分じゃない ---- <h3>for文</h3> <h4>繰り返しの処理</h4> </p> <script type="text/javascript"> <!-- var myWord="Hello! JavaScript!!"; //変数の定義 for(i=1;i<=7;i++){ document.write("<font size='" + i +"'>"+ myWord + "</font><br>"); } //--> </script> 実行結果　徐々に大きくなる。 Hello! JavaScript!! Hello! JavaScript!! Hello! JavaScript!! Hello! JavaScript!! Hello! JavaScript!! Hello! JavaScript!! 2007-02-17T13:21:36+09:00 1171686096 https://w.atwiki.jp/sq4fqq/pages/2.html 2007-02-17T10:57:04+09:00 1171677424 https://w.atwiki.jp/sq4fqq/pages/12.html **firefox -プラグインで構造などがわかる --関連サイト[www.studynet.jp][ブラウザ] 2007-02-07T19:51:48+09:00 1170845508 https://w.atwiki.jp/sq4fqq/pages/9.html ***dreamweaverの使い方 [[xhtml]] **トラジショナル→許容する **ストラクト→厳密に作る -center揃えにする場合 text中央揃え→全て真ん中になる。 contenarのIDに対して余白０、マージンの右と左だけ自動その他は０． contenarのテキスト揃えを左にする **p size→80％ linehight→150％ 2007-02-03T13:04:21+09:00 1170475461 https://w.atwiki.jp/sq4fqq/pages/8.html ***HTML -デザインと構造（マークアップ）どちらを優先するか →どちらでも可（HTMLを意識してデザインする事も大事） -コンテンツが重要な方を先に書く。 -ディレクトリ構造 --修正、見やすいようにきちんと階層化する。また、階層ごとに管理すると、フォルダを複製するだけでコンテンツを増やせる。 --index.htmlは省略してよいというルールがある。トップページにindex.htmlがなくても見えるのはこのため。 --webフォルダのルートには、必ずindex.html（あるいはindex.phpなど）が存在しなければならない。index.htmlがないと、サーバーにあるフォルダの中身が見えてしまうので注意。 --ひとつ上を参照する場合のファイルパスは、../ -例 web ┗shared 　 ┗img（全ページ共通で使う画像をしまうフォルダ） ┗profile 　 ┗img（プロフィールでしか使わない画像をしまうフォルダ） 　 ┗index.html（プロフィールのページ） ┗gallery 　 ┗img（ギャラリーでしか使わない画像をしまうフォルダ） 　 ┗index.html（ギャラリーのページ） ┗link 　 ┗img（リンクでしか使わない画像をしまうフォルダ） 　 ┗index.html（ギャラリーのページ） ┗index.html（トップページ） 参考サイト http://www.kanzaki.com/docs/html/htminfo-uri.html 2007-02-03T11:41:10+09:00 1170470470 https://w.atwiki.jp/sq4fqq/pages/10.html ***xhtmlの書き方 **hr→<hr /> **br→<br /> 2007-02-03T11:39:16+09:00 1170470356 https://w.atwiki.jp/sq4fqq/pages/7.html ***fireworksの使い方 -その他 --ＷＥＢのシャドウ ---３０px程度の余白を取る ---線型→グラデーション→乗算→透明度 2007-02-01T03:13:54+09:00 1170267234 https://w.atwiki.jp/sq4fqq/pages/6.html ***illstratorの使い方 2007-02-01T02:54:13+09:00 1170266053 https://w.atwiki.jp/sq4fqq/pages/5.html ***fhotoshopの使い方 2007-02-01T02:53:46+09:00 1170266026