タグ

ブックマーク / www.webdesignlibrary.jp (5)

  • ウェブデザインによくある 10の間違い / ウェブデザインライブラリー

    投稿日:2011年1月14日   レベル:−    ソフトウェア:− このチュートリアルでは、ウェブデザインによくある 10の間違いをご紹介します。 Step1 : はじめに Step2 : 広告を入れすぎない Step3 : メディアプラグインを使用する Step4 : 極力 Flashを使用しない Step5 : レイアウトやナビゲーションをわかりやすくする Step6 : 外部リンクを適切に設置する Step7 : リンクをわかりやすく表記する Step8 : 電子メールのリンクはわかりやすく明示する Step9 : リンク切れをなくす Step10 : ベーシックなフォントを使用する Step11 : 標準的なサイズのフォントを使用する

  • Photoshopでポートフォリオサイトのレイアウトを作る方法 / ウェブデザインライブラリー

    Home > フォトショップ講座 > Photoshopでポートフォリオサイトのレイアウトを作る方法 Photoshopでポートフォリオサイトのレイアウトを作る方法 投稿日:2010年09月03日   レベル:中級者    ソフトウェア: このチュートリアルでは、ポートフォリオサイトのレイアウトを作る方法を紹介します。 Step1 : 長方形を描く Step2 : 境界線をつける Step3 : 長方形の一部を消す Step4 : 上に箱をつくる Step5 : 左に箱をつくる Step6 : さいごに

  • Photoshopで手から稲妻を出す方法 / ウェブデザインライブラリー

    投稿日:2010年10月12日   レベル:初級者    ソフトウェア: このチュートリアルでは、手から稲を出す方法を紹介します。 Step1 : はじめに Step2 : 稲を作る Step3 : 稲に色を塗る Step4 : 稲からの反射効果を作る 使用する画像を用意しましょう。 手を挙げて、男の人が今にも稲を打ちだしそうな、写真が良いでしょう。 今回はこの写真を使います。 新規ファイルを作ります。サイズは700×200にします。 グラデーションツールを使い、レイヤー全体を背景色と描画色で塗りつぶします。 グラデーションツールは、シフトキーを押しながら使用します。 次に、「フィルタ」−「描画」−「雲模様」を適用して、Ctrl + Iと入力します。 「イメージ」−「色調補正」−「レベル補正」とするか、Ctrl + Lと入力します。 すると、オプション画面が立ち上がるので次のよう

  • Photoshopで写真をキャンバス地っぽくする方法 / ウェブデザインライブラリー

    投稿日:2010年08月03日   レベル:初級者    ソフトウェア: このチュートリアルでは、写真をキャンバス地っぽくする方法を紹介します。 Step1 : 画像にノイズとぼかしを加える Step2 : 画像をシャープにする Step3 : キャンバス地のレイヤーを作る Step4 : キャンバス地の縦ラインをつくる Step5 : キャンバス地の横ラインをつくる Step6 : さいごに このチュートリアルを始める前に、加工を施すのに適当な画像を見つけなければいません。 Google画像検索を使うか、私の画像を使うとよいでしょう。 画像を開き、まず最初にCtrl+Jを押して、レイヤーをコピーしてください。 「イメージ」-「色調補正」-「彩度を下げる」を使って、コピーしたレイヤーの彩度を下げた後、不透明度を70%にしてください。 これらの2つのレイヤーを1つに結合し、「フィルター」-「

  • メールフォームPHP / ウェブデザインライブラリー

    投稿日:<2006年8月29日>   レベル:初心者    ソフトウェア:PHP Editors 今回作成するようなコードは様々なサイトで利用されているものです。 PHPはmail()関数によりメール送信の実行を簡便に実現できる環境を提供しています。 まず、ユーザーに供給してもらうのに適当な内容を準備します。 例えば氏名, e-mail アドレス、 件名や文などが考えられます。 ここからコーディングを始めましょう。 <HTML> <head> <title>My Mail Form</title> </head> <body> <? ?> </body> </html> <form method=POST name=form1> <label>Name :</label><input name=name type=text><br> <label>E-Mail :</label><inp

  • 1