カテゴリー: コーディング

バナー制作など、指定のサイズで作る必要がある場合などにサイズを指定する方法。

アートボードツールをダブルクリック⇒アートボードオプションダイアログボックスが表示される

ここで、幅や高さの正確な数値を入力したり、プリセットからサイズを選択することができる。

イラストレーターのデータを受け取ったり渡したりするとき、注意しなければならないのが「画像のリンク切れ」です。
イラレのデータを開いたときに、「リンクファイルが見つかりません。【置換】or【無視】or【キャンセル】」と表示されるやつです。
これが表示されたら、【置換】を選択し、同じ画像を再設定します。
リンク切れを起こすとトラブルのもとになるため、かならず埋め込み処理をする必要があります。
あるいは、画像が多い場合などは、aiデータを同じフォルダに画像データを入れて渡すという方法もあるようです。

デザイナーさんがよく言っている「画像の書き出し」とは、イラストレーターで作ったデータをPDFやpng画像として書き出して保存すること。
コンテンツの一部だけ、あるいはページ全体など選択して書き出しができる。

アートボードツールを選択し、アートボードをリサイズ、追加をすることで、１つのドキュメント内で複数のアートボードを同時に作業することができる。

左のツールバーが消えてしまったら・・・

ウインドウ⇒ツールバー⇒該当のツールバー

を押すと戻ってきます。

イラストレータファイルを保存するとき、illustratorオプションからバージョンの選択ができる。
自分の使っているバージョンが最新でも印刷をお願いする会社のバージョンが最新とは限らないため、どのバージョンを使用しているか確認し、それに合わせて保存しておく。

イラストレーターで作ったデザインを出力するとき。

印刷物として印刷会社にデータを提出する必要がある場合、文字のアウトライン化が必要。
理由は２つ。
・使ったフォントが相手のPCで有効かどうかわからず、意図したデザインと異なってしまう可能性がある
・フォントが変わることで、レイアウトも崩れてしまう可能性がある

ただし、アウトライン化をすると文字としての情報は失われるため、バックアップを取り、別名でアウトライン化用のファイルを保存したうえでアウトライン化することを忘れない。
※文字としての情報が失われる＝あとで編集ができなくなるため。

アウトライン化する方法は、該当するテキストを選択ツールで選択し、右プロパティから「アウトラインを作成」をクリックする。

先日、プログラミングを勉強されている専門学生さんとお話する機会がありました。

会社でコーディングを主に担当していただく人を採用したいと思っていたので、「コーディングは好きですか？」と質問したところ、「？？？」となってしまいました。

そこで、「プログラミングは好きですか？」と言い直したところ、「はい」という答えが返ってきました。

コーディングとは、【プログラミング/コンピュータ言語を使ってソースコードを作成すること】で、主に【HTML】【CSS】【PHP】【JavaScript】などのこと。
プログラミングとは、【プログラムを作成する作業全般】で、この中にはコーディングも含まれています。

つまり、コーディングはプログラミングの作業の一部なのですね。

本日は、「検証ツールの使い方」について。
こんにちは、見習いWEBディレクターのTです。

ウェブ制作をしていると、現在表示しているページのHTML、CSSやJavaScriptを確認することがよくあります。
また、何かがおかしいときにどこがおかしいのか調べることもあります。
そこで欠かせないのが、この「検証ツール」です。

Google Chromeの場合：
検証ツールを使用するには、表示されているページを右クリックして「検証」をクリックします。
もしくは、F12を押しても表示させることができます。

検証ツールでは実際に編集し、それがどのように表示されるのかも確認することができます。
（リロードすると元に戻りますので注意。）
また、タブレットとスマホが重なったようなアイコンを押すと、レスポンシブの確認もすることができます。
スマホでページがどのように表示されるかの確認は、日常の校正やチェック時に欠かせません。

それではまた！

本日は、「プルダウンメニューを実装」について。
こんにちは、見習いWEBディレクターのTです。

コンタクトフォームなどでよく使われるプルダウンメニューのつくりかた。

selectタグとoptionタグを使います。

 A型
 B型
 AB型
 O型

よく使うので覚えておきたいですね。

それではまた！