*

サイト作成に役立つツール

公開日: : 最終更新日:2017/10/15 Webサイト作成 ,

webサイト作成には、バナーやボタンなどが必要です。

ホームページビルダーには「ウェブアートデザイナー」という画像編集ソフトがついてます。また、素材は無料のものがアップされているので、それを加工して使うのもよいと思いますが、使用規約はよく確認しましょう。

画像編集ソフトは「Fireworks」がおすすめ

画像関連ソフトといえば、アドビのPhotoshopやIllustratorが有名ですが、webサイトに限定すればFireworksがよいと思います。これはウェブアートデザイナーを高機能にしたようなツール。

Fireworksdreamweaverと同よう、ダウンロードでのみ購入可能ですが、30日体験版もありますから、興味がある方はお試しを。ただし機能が充実している分、操作部分も多いので書籍やウェブサイトを参考にして覚えた方がよいと思います。

ちなみに、webサイトに使用する画像やバナー、ボタンの保存形式はJPEGとGIF、PNGが一般的ですが、目安として

・色数が多い画像はJPG(透過できない)

・文字がメインならGIF(透過できる)

PNG形式は、透過処理できて劣化しないメリットもありますが、容量が大きくなります。また、JPGは修正と保存を繰り返すと画像が劣化し、きたなくなるので注意を。

テキストエディタのおすすめは「TeraPad」

TeraPad

TeraPadは、テキストデータを編集する無料ツールです。

HTMLやCSS(スタイルシート)はメモ帳でも編集できますが、phpなどはこれを使わないとデータが壊れることがあります。phpプログラムは、問い合わせなどのフォームを動かすために必要ですから、編集ツールもダウンロードしておきましょう。

こちらが、TeraPadでphpファイルを開いたところ。ソースと説明文が色分けされて作業がしやすいです。

TeraPad

ちなみに、ホームページビルダーもCSS編集ツールがありますが、フリーズしやすいので私はこちらを使っています。

データが消えて青くなることがないように、こまめに保存する習慣をつけましょう。



ad

関連記事

php工房

問い合わせフォームを作る

ちょっと油断すると更新が遅れますね(笑 ところで、サイトに不可欠なのが問い合わせフォーム。

記事を読む

電話番号にリンクを設定する

スマホサイトによくある、タップをすると電話がかけられるリンクを設定します。 スマホ画面では電話

記事を読む

画像を回り込ませる方法

スタイルシート(CSS)で画像を回り込ませる

赤枠部分のような、CSSで文字の右や左に画像を回り込ませる方法。ホームページ制作によく使いますね。

記事を読む

スマホ人口の増加

スマホのユーザーが増加中!なのに…

企業のウェブサイト(ホームページ)でも、まだスマートフォン対応していないものが多いですね。

記事を読む

無料テンプレート

webサイトのテンプレートはどれを選ぶ?

さて、サイトのテンプレート選びです。 googleで検索をかけると、たくさんでてきます。 い

記事を読む

ファイルを開く

テンプレートをダウンロードして準備

さて、いよいよサイトを作っていきます。 まず、今回使うテンプレートファイルをパソコンにダウンロ

記事を読む

ページのコピーと貼付けで注意すること

以前も書きましたが、ホームページ作成にはコピーと貼付け作業を頻繁に使います。 サイトの構成を考

記事を読む

エックスサーバー

レンタルサーバーを選ぶ

webサイトの運営にはサーバー選びが重要。 中小企業、個人事業者なら、レンタルサーバーが一般的

記事を読む

テンプレートの見出しタグ

タイトル(メタタグ)と見出しタグを編集する

テンプレートのソースタグ「<head>~</head>」の部分を編集します。

記事を読む

メニュー部分をドラッグ

DreamWeaverの便利な「ライブラリ機能」

webサイト作成にはコピーとペースト(貼付け)作業をよく使います。 メニューやヘッダー(タイト

記事を読む

ad

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ad

フェンダー アンプ
機能満載アンプ「Fender Mustang GT40」が届いた

数年ぶりのアンプ購入。Fender Mustang GT40が届きまし

JUJU 東京
JUJUが泣いたMV これは泣けた…

今日、3月1日は娘の卒業式。幸い春の嵐は昨日がピークだったようで、無事

YOUNG GUITER
今さらながらのギターと理論

2月4日立春。暦のうえでは春の始まりらしいですが、しばらく極寒の日が続

メンテナンス完了のギター
FUJIGEN OS-10TT ストラトのメンテナンス

フジゲンカスタムショップ製のストラトキャスターOS-10TTです。

Sick As Overdrive MKⅡ
「Sick As Overdrive」ケンタウロス系のエフェクターを使ってみた

雑誌ギター・マガジンで某ギタリストの評価が高かったエフェクターを買って

→もっと見る

PAGE TOP ↑