縦に可変する背景画像
■縦に可変する背景画像
テキストの長さに合わせて、枠の画像も伸び縮みさせる方法
- htmlのブラウザプレビューをキャプチャー。
- photoshopで開き、必要な枠幅を確認。ドロップシャドウ分をみてcontent幅よりやや小さめ。
- 角丸シェイプで枠作成。ドロップシャドウをつける。(戻れる様に、ここでpsd保存しておく)
- 画像統合し、シャドウを固定。
- 画像を上下に分け、jpg保存。(上:bgimg_content.jpg/下:bgimg_post.jpg)
- Dreamweaver/base.cssに画像挿入
#content { width: 530px; float: left; margin: 0; background-image: url(bgimg_content.jpg); background-repeat: no-repeat; background-position: center top; } .post { width: auto; background-image: url(bgimg_post.jpg); background-repeat: no-repeat; background-position: center bottom; padding: 2em; }
XAMPP,MAMP,Apache,MySQL,PHP,WordPress………って何??
今日の授業を振り返って、整理してみる。
まいった!
いっぺんに新しい用語が出てきて、まったく頭がついていかない!!!
言われた通りに順を追って設定を行ったので、もちろん成功した。
でもそれでは意味がない。
なぜなら…
「何をインストールし、何の為に設定しているのか」
「どんな役割のものか、どう使いこなすのか」
「今まで試したものと、どんな違いがあるのか」
なんにもわかっちゃいないのだ。
そんな訳で、インターネットで調べてみる。
調べたところで、また知らない用語にでくわすけれど、自分なりに解釈してみた。
合っているかな?
- MAMP
Apache,MySQL,PHPを簡単にインストールできるパッケージ。
Macintosh,Apache,MySQL,PHPの頭文字をとっている。- Apache
世界中でもっとも使われているWebサーバソフトウェア。
webサービスを提供するシステム。サーバーマシンの上で走るプログラム。- MySQL
データベース管理システム。
大量のデータを蓄積し、整理・検索を簡単にする。- PHP
動的なページを作るプログラム言語。
掲示板、ブログ、予約システム、ネットショッピングなどを作成するのに使われる。- WordPress
オープンソースの無料ブログツール。
プログラム言語にPHP、データベースにMySQLを利用。
それぞれの役割・特徴・関係性が、少し見えてきた。
「これ見せて。あれ見せて。」とお願いすると「はいどうぞ。」と見せてくれているのがApache。
つまり、こうしてインターネットを使って調べている時、Apacheが裏で働いているという事か。
今の断片的な知識が、そのうちつながるといいのだけど…。