【制作入門編】使用ツール

 

社内の制作部で扱うツールの概要や主な習得推奨事項を説明します。

 

秀丸

概要

■概要：テキストエディタ
■使いどころ：HTML,CSS等の記述
■特記事項：タグの一括変換、検索などが出来る

※参照→【制作部入門】秀丸の使い方

習得事項

・オート機能
・grep
・grepして置換
・タグジャンプ
・単語補完
・折りたたみ・部分編集
・複数選択
・編集位置のマーク及び検索
・あいまい検索
・アウトプット枠
・カラーマーカー
・自動保存
・他の秀丸エディタと内容比較

 

 

Fireworks

概要

■概要：画像編集ソフト。画像のトリミング、色彩補正、画像変換、素材の作成
■使いどころ：イラレ・フォトショに比べて重くない。それぞれの良いとこ取りをしているためHP素材作成に向いている
■特記事項：掲載画像の作成

習得事項

・カラー調整(トーンカーブ・レベル補正)
・シャープ
・ドロップシャドウ
・スライス／書き出し
・シンボル化
・スタイル作成

 

 

ブラウザ

概要

■概要：インターネットブラウザ(chrome、Safari、InternetExplorer等)
■使いどころ：インターネット上でアップロードしたファイルを表示する
■特記事項：

習得事項

・ディレクトリの理解とURLでの該当ファイルの表示方法
・キャッシュのクリア
・開発ツールの使用

 

 

差分ツール(DF)

概要

■概要：htmlファイルの検証を行うためのツール
■使いどころ：過去ファイルなどの内容確認などで使う。修正・削除・追加した箇所が色付きで表示される
■特記事項：前回の修正箇所の検証等

※DF使い方記事→「df（テキスト比較ツール）」の使い方

習得事項

・文字化けの対応
・フォルダ内の差分の検知
・比較結果の保存

 

 

キャプチャソフト(winshot)

概要

■概要：ショートカットキーで操作が出来るスクリーンショットソフト。Jpeg保存も可能
■使いどころ：webサイトのキャプチャを取ってfireworksで編集、デザイン案の作成等
■特記事項：

習得事項

・コントロール＋シフト＋J(フォルダに保存)
・コントロール＋シフト＋P(貼り付け)
・ファイル保存先指定

 

縮小専用

概要

■概要：画像一括縮小ツール
■使いどころ：複数の画像を一度に変換する
■特記事項：

習得事項

・一括変換方法
・ピクセル、シャープ、再度の指定
・ファイル名の指定

 

FFFTP

概要

■概要：ファイルアップロードソフト
■使いどころ：作成したHTMLファイルをインターネット上にアップロードする。PC内のフォルダの表示、アップロード＆ダウンロードが出来る
■特記事項：

習得事項

・ディレクトリの理解
・大まかなサーバーの場所の理解
・フォルダ内のファイルの検索
・日付、名前順のソート