webページのつくり方 | 学びの道

webページのつくり方、web制作、web作成、学びの道を歩み中!フェリカテクニカルアカデミー「東京・池袋」にてWeb作成を勉強中です。学んだ事をメモしていきます。

2014-05-01から1ヶ月間の記事一覧

ホームページ制作にあたって イラストレーターでグリッド線の下地を作成する。

ホームページ制作にあたって イラストレーターでグリッド線の下地を作成する方法を記載します。 【出来上がり】 1. イラストレーターを開き、・幅210mm ・高さ297mm で新規作成します。 2. ・幅190mm ・高さ277mmの四角を作成します。(①長方形ツー…

ホームページ制作にあたって 文字等のバランスについて

ホームページ制作にあたって、文字や写真の配置方法が分からなかったので、 お聞きしてみました。 Q. HP画面で、文字や、写真等、配置するコツはありますか? A. HP画面をこうした紙(A4)に例えると・・・ 一番情報の多い箇所を下からエンピツで支えたと仮…

PHP プログラミングの準備 ④XAMPP 設定の確認

PHP プログラミングの準備 ④XAMPP 設定が正しく反映されているかの確認を行います。 Xampp → Admin ↓ Xampp管理画面が開いたら、phpinfo( )を開きます。 と、下記の画面が開きます。 設定した内容を確認します。 反映されてました。 これで、プログラミング…

PHP プログラミングの準備 ③XAMPP php.iniファイルの変更

PHP プログラミングの準備 ③XAMPP php.iniファイルの変更を行います。 今回で設定は完了します、頑張ってまいりましょう! 1.php.iniファイルを開きます。 C:¥Xampp¥PHP¥php.ini 番外1.】php.ini見つからない、php.iniが無い場合 環境によって、php.iniの見…

PHP forを使用して、九九表を作成する。

PHP

PHP forを使用して、九九表を作成してみましょう。 出来上がり例 では、入力してみましょう。 1. 縦軸と横軸の1~9を表示。 <body><h1>九九表</h1><table><tr><th>&nbsp;</th><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th><th>8</th><th>9</th></tr>'; print '<th>' . $i . '</th>'; print '</tr>' .…

PHP 送信データを受け取る 【radio】

PHP

PHP 送信データを送るinput(入力画面) → 受け取るoutput(吐き出し画面)を作成しよう。【radio】 復習 ラジオボタン <input type="radio" name="※※" value="※">※</label> 送信ボタン input type="submit" value="送信" input(入力画面) ↓ output(出力画面) input(入力画面) <html lang="ja"><head><meta charset="UTF-8"><title>ラジオボタン</title></head><body></body></html>

PHP 送信データを受け取る 【checkbox】

PHP

PHP 送信データを送るinput(入力画面) → 受け取るoutput(吐き出し画面)を作成しよう。【checkbox】 PHP 送信データを受け取る 【checkbox】 → input(入力画面) ↓ PHP 送信データを受け取る 【checkbox】 → output(入力画面) input(入力画面) <html><head><meta charset="utf-8"><link rel="stylesheet" href="style.css"><title>無題ドキュメ</title></link></meta></head></html>…

PHP 送信データを受け取る 【Textbox】

PHP 送信データを送るinput(入力画面) → 受け取るoutput(吐き出し画面)を作成しよう。【Textbox】 input(入力画面) ↓ output(出力画面) input(入力画面) <html><head><meta charset="utf-8"><link rel="stylesheet" href="style.css"><title>無題ドキュメント</title></head><body><h1>入力フォームあれこれ</h1></body></html>

PHP 入力された名前に挨拶を返す。input(入力画面)とoutput(吐き出し画面)を作成しよう。

PHP

PHP 入力された名前に挨拶を返す。input(入力画面)とoutput(吐き出し画面)を作成しよう。 input(入力画面) ※画面例 <html><head><meta charset="utf-8"><title>PHPで挨拶をしようinput</title></head><body><form method ="POST" action="request2.php"> <p></p></form></body></html>

PHP 実際の記載の前に・・・

PHP

PHP 実際の記載の前に・・・ 文字列の出力方法: ' ' または " " で囲んで記述する。 「C:\xampp\htdocs」のことを、①ドキュメントルート②ルートディレクトリと呼ばれる。 PHPのみを記述する場合は、PHP終了タグを記述しない。 HPスクリプトで文字を表示する…

PHP PHPとJavaScriptの違いは?

PHPの勉強に入ってまいりました。 ここで一つ疑問が・・・ PHPとJavaScriptの違いは?でした。 PHPは、 サーバサイドスクリプトの1つで、CGIと同様、動的にWebページを生成するための言語です Webアプリケーション開発に特化したもの サーバーで動作します…

ホームページ作成にあたって ”CSSだけで角丸四角を表示する方法”

ホームページ作成にあたって、 以外に使えたのが ”CSSだけで角丸四角を表示する方法” です。 表示結果 <css> h1{ width:100px; background-color:#99FFCC; border-top-left-radius: 10px; /* 左上 */ border-top-right-radius: 10px; /* 右上 */ border-bottom-le</css>…

ホームページ作成にあたって id名 class名 の一覧

ホームページ作成にあたって、次回作成時に気を付けたい箇所の一つに、 id名 class名 を何にしたらいいのか?があります。 次回は下記を念頭にhtmlを入力したいと思います。 headerheader-inner logo globalNavigation localNavigation container wrapper co…

PHP プログラミングの準備 ②Dreamweaver テストサーバーのフォルダ設定

PHP

PHP プログラミングの準備 ②Dreamweaver テストサーバーのフォルダ設定 前回の続きです。 ドリームウィーバーを起動して、テストサーバーのフォルダ設定を行います。 注意】XAMPPは起動させたまま。 サイト(ツール) → 新規作成 より、サイト設定 を行いま…

PHP プログラミングの準備 ①XAMPPをダウンロード【Windows】

PHP プログラミングの準備 ①XAMPPをダウンロード【Windows】 XAMPPのダウンロード PHPを入力して、内容があっているか?を確認するにはアップロードが必要になります。 が・・・それを(アップロードを)しなくても確認する方法の一つにXAMPPを使用する方法…

javascript ホームページ作成にあたって 画像が自動で入れ替わる

本日は、も備忘録的な記述ですが・・・ javascript ホームページ作成にあたって 画像が自動で入れ替わるやりかた。 はじめは DATEの秒数を使って入れ替えをやろうとおもったのですが、 自動で入れ替えは出来ず・・・。 気が付くのにしばらくかかりました(汗…

html jQuery ホームページ作成にあたって サイドバーを、アコーディオンパネルを工夫して作成してみました。

html jQuery ホームページ作成にあたって サイドバーを、アコーディオンパネルを工夫して作成してみました。 ホームページ作成時にサイドバーを工夫してみました。 備忘録になってしまってすみませんが、次回の作成の為に失礼します! 私が作成したいサイド…

ホームページを作成するにあたって

ホームページ制作をするにあたって、今回の反省。 各ブラウザで表示されたりしないのが有るので、必ず確認すること。 一番大事なのは、クライアントが見られる事。 ・firefox ・chrome ・Internet Explorer 等 Windowsと MAC では、表示される文字の大きさ自…