タグ

ブックマーク / webdesignfactory.schoolbus.jp (3)

  • WEBデザイナーでもできちゃう!phpを使ったHTMLのテンプレート化 | WEBデザインファクトリー

    テンプレート化する方法 テンプレート化する方法としては、もっとも簡単な方法はDreamweaverのテンプレートかなと思います。ただ、余計なコメントアウトされたタグが入ってしまって、邪魔になることが多いんですよね。 ...中、大規模のサイトを制作するときにどうしても必要になってくるのがテープレート化かなと思います。修正をしたり更新の時に、できる限り作業を効率よく間違いが少ないようにしたいですよね。今回は、プログラムが苦手なWEBデザイナーでもできるPHPを使ったテンプレート化をご紹介します。 テンプレート化する方法 テンプレート化する方法としては、もっとも簡単な方法はDreamweaverのテンプレートかなと思います。ただ、余計なコメントアウトされたタグが入ってしまって、邪魔になることが多いんですよね。 そこでPHPを使ったテンプレート化なら余計なタグが出力されることもないですし、ちょっ

  • 画像のファイル名や、CSSのクラス名などをつけるときに注意すること | WEBデザインファクトリー

    コーディングで面倒くさい作業といえば、画像などの保存するときの名前決めです。僕はめんどくさがりなのでわりと適当です。 特に、大規模なサイトでは、適当に名前を決めてしまうと、後で管理も大変になります。その結果、つまずかなくていいところで余計な時間がかかってしまいます。 これではいかんと思い、いろんなサイトを見て参考にさせていただきました。大体100サイトくらいは見たと思います。そこで参考になった名前をつけるときの命名規則をご紹介します。今回は画像について調べさせていただきましたが、CSSにも共通することです。コーディングで面倒くさい作業といえば、画像などの保存するときの名前決めです。僕はめんどくさがりなのでわりと適当です。 特に、大規模なサイトでは、適当に名前を決めてしまうと、後で管理も大変になります。その結果、つまずかなくていいところで余計な時間がかかってしまいます。 これではいかんと思

    oreskboys
    oreskboys 2013/07/23
  • CSSのmarginをレイアウトで使ってみる | WEBデザインファクトリー

    レイアウトにネガティブマージンを使用する ネガティブマージンとは、マイナスの方向に値が入力されたマージンのことをいいます。例えば、以下のように入力をします。 そうすることで要素の位置をずらし、い込んだような表現が可能になります。その方法も簡単で、い込ませたい方向に対して、marginにマイナスの値を入力すれば実現できます。 ヘッダーにい込んだ ...一般的にCSSでレイアウトする際に、marginは要素に間隔をつけるのに使用しますね。 しかし、marginは要素の位置をずらしたりすることができます。ということで、今回は、marginの応用をご紹介してみたいと思います。 レイアウトにネガティブマージンを使用する ネガティブマージンとは、マイナスの方向に値が入力されたマージンのことをいいます。例えば、以下のように入力をします。 p{ margin-top:-20px; } そうすること

    oreskboys
    oreskboys 2013/07/02
  • 1