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

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

Dreamweaver

WordPressでHPを作成【準備】

WordPressでHPを作成する為に準備を行います。 【準備】 Xamppを起動します。 Dreamweaverを起動します。 Dreamweaverのサイト管理から、先日作成したサイトを選択します。 ローカル環境でWordpressを開きます。 3.Dreamweaverのサイト管理から、先日作成し…

xamppのローカル環境内で、WordPressを使用出来る様に設定する。【サイト管理編】【Windows】

本日は、xamppのローカル環境内で、WordPressを使用出来る様にサイト管理を行いたいと思います。 データ保存の為のフォルダを作成する。 サイト管理を行う。 注意】サイト管理が正しく行われないとXamppがきちんと動きません。 XAMPPを使用する理由】WordPre…

xamppのローカル環境内で、WordPressを使用出来る様に設定する。【インストール編】【Windows】

本日は、xamppのローカル環境内で、WordPressを使用出来る様にインストールして設定します。【Windows】 1.WordPressをダウンロードする。 http://ja.wordpress.org/ を開き、DLボタンをクリック。 →DLされたwordpressフォルダを解凍 → C:\xampp\htdocsに保…

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 送信データを受け取る 【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 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>…

Dreamweaver テンプレートに自動更新日付を追加する。

本日は、Dreamweaver のテンプレートに自動更新日付を追加したいとおもいます。 【テンプレートを開く】 ファイル(メニュー) → 開く → テンプレートを選択して開く。 【挿入する。】 更新日を入れたい部分に 例)<p>更新日:</p> と入力。 入れたい部分にカーソー…

Dreamweaver テンプレートの作成

本日は、Dreamweaver で テンプレートの作成を行いたいと思います。 【<div id="main">だけを変更可能にしたい場合】 <div id="main">を選択します。 選択方法は・・・ ① ドラッグする ②<div#main>をどこでもいいのでクリックすると出てくる、コードメニュー下をクリックする。 【編集可能領域を設定</div#main></div></div>…