PHP内での画像を表示させる方法を紹介します。
まずはじめに、eclipseに画像を入れます。
わかりやすいように、デスクトップ上にウェブに反映したい画像を貼りつけておきます。
この画像の上で右クリックし「コピー」を選択します。
次にeclipseを開き、画像を移します。
まずは開発環境のwwwの「img」を選択します。
汎用性の高い、よく使う画像であればimgの中に「common」という名前のフォルダを作ると、画像の整理もでき、良いかと思います。
フォルダを選択した状態で右クリックし「貼り付け」をクリックします。
そうすると、フォルダの中に画像が貼りつけられるので、eclipseへの画像の反映は完了です。
次はこの画像をウェブに反映させるための作業です。
表示させたいページに下記のようにPHP内に書き出します。
print(“<img src=￥”/フォルダ名/画像名￥”>”);
※￥は半角の円マークにしてください。
※フォルダ名は一つ中に入るごとに半角スラッシュで区切ります。
このような式を書き保存したあとにウェブを見ると、画像が反映されていることがわかると思います。
また、altを使うと画像がなんらかの形で潰れて見れなくなってしまった際に、画像の説明文を表示させることができます。
print(“<img src=￥”/フォルダ名/画像名￥” alt=￥”サイトのロゴ￥”>”);
※￥は半角の円マークにしてください。
※フォルダ名は一つ中に入るごとに半角スラッシュで区切ります。
こうすることで「サイトのロゴ」という説明文付きの画像をアップすることができます。
Eclipseで使えるショートカット一覧です。
Control + L
ダイアログが起動するので、起動したらジャンプしたい行番号を入力してＯＫボタンを押します。
Control + Shift + S
複数のソースファイルを編集している時に有効です。
Eclipseでは編集中のソースファイルのタブに「*（アスタリスク）」マークが付く仕様になっています。
チマチマ１つずつ保存するよりもショートカットコマンドで一度に上書き保存してしまうと効率が良いです。
メニュー項目等をクリックすると操作方法がプルダウンメニューで表示されます。その時に右端の方を見るとそれに対応するショートカットコマンドを確認する事が出来ます。
ここでは、
テキストエディタを閉じる場合
Control + W
全ての開いているテキストエディタを閉じる場合
Control + Shift + W
となっている事が確認出来ます。
Control + F キーを押して置換ダイアログを起動します。
検索(F)：
検索したいワードを入力します。
次で置換(E):
見つけたワードに対して置換を行いたい文字列を指定します。
選択された行(T)
置換対象範囲が現在選択状態になっているソースコードに対して置換処理が行われます。
ここまで指定が出来たら、 全て置換(A) をクリックすれば置換処理が完了します。プログラムの変数名を変えたいといった場合に凄く便利です。
コメントを貼りたいコードを範囲選択します。
選択したら
Control + Shift + /
コントロール＋シフト＋スラッシュ
で選択範囲には
/*
選択されたコード
*/
という具合に範囲選択コメントが挿入されます。
また、設定したコメントを外したい場合には
Control + Shift + \
コントロール＋シフト＋バックスラッシュ
でコメントを外せます。
これも覚えておくと生産性が上がります。覚えておきましょう。
