本日の授業 斎藤さん

本日は、斎藤さん。

商品の販促物やら商品自体を作らないといけないので、このところかなりつめてきていただいています。

数日前に、販社の方を交えて打ち合わせした感じで行くと、前回途中まで作っていただいたちらしだと、ちょっと暗いかなという感じだったので、今回改めてデザインしなおすことに。。

私も、なんかいっちょかみなんで、仕事モードでお手伝いさせていただきます。

より明るい感じにデザインしなおしてみました。素材がまだ出てきていないので、あくまでイメージだけです。

斎藤さんのほうは、商品素材をどんどん作っていただくという作業に。

アリスをモチーフにしたイラストを、何点か完成させていただこうと思います。

アリスといえば、うちの卒業生の久代さんが、その感じのイラストたくさん書いてたようなので、

ご提供できないかお願いしました。

何とか、オッケー見たいなので、オリジナルの素材が何点か追加できそうです。

斎藤さん、これからやらないといけないことが満載です。お仕事お忙しいと思いますが、がんばりましょう。

本日の授業 横山様

本日は、横山さん。

午後なので、きょうもにゃんこが乱入。。。すいません。。

宿題のIDを使った、2段組ですが、おおむねよく出来てらっしゃいました。

一箇所　<cite>　タグの右揃えがうまくいかないということ。。

これは、想定内問題なのですが、実は、<cite>は、インラインタグなんですね。なので、 text-alignがききません。

インライン要素は、文章の一部として指定するものなので、ボックスが出来ません。ボックスが出来て初めて、その箱の中で右左を指定できるわけですから、ブロック要素に変換してあげます。

CSSに、 display:block;

を入れると、右揃えが出来ます。

次の課題は、3段組、リキッドデザインのHTMLです。これは、ご自宅で作成していただきましょう。テーブルへのCSSのクラス適用の便利な方法とか、リキッドデザインの指定方法などを解説させていただきました。横山さんなら出来ると思います。

今日は、WEBで画像を扱うという内容です。

WEBでつかえる画像フォーマットは、jpeg, GIF, PNG　です。それぞれの特徴と、使い方を解説しました。

そのほかにもいろいろフォーマットがありますが、だいたいPhotoshopで開くことが出来ますね。

あと、GIFの透過処理、GIFアニメの簡単な制作方法をやったあと、ちょっとしたアニメを作っていただきました。

次回までに、なにかもう少し手の込んだものを作ってきていただく予定です。

最後に、書き出し実習です。GIFで写真を書き出さないといけない場合の処理方法や、マットの指定などより実践的な画像の扱いをやりました。

Photoshopは、まだ慣れてらっしゃらないようですが、書き出しは何とかこれで出来ると思います。

では、
がんばりましょう！

本日の授業 藤谷様

本日は、お昼から、藤谷さん

ちょっとお久しぶりです。

今日は大雨の中きていただけました。

前回から、雑貨屋さんのサイト製作に入っています。

足らなかったところを作ってきていただいたのですが、ひとつ問題が。。。

特に画像を指定するときですが、かならず、ソースを見て

”file://*******/Desktop/***.jpg"みたいになっていると、これは、自分のコンピュータにある画像をしていている

ので、ファイルを持ち出したら、画像が出てきません。もちろん、ＷＥＢにアップしてもだめです。

こうならないために、ＷＥＢのファイルを入れるフォルダを作っておきましょう。

その中に、画像用のフォルダ(imgとか、imagesとか）をつくって画像はそこに入れるようにしましょう。

そうすれば、フォルダ内のＨＴＭＬと画像imgesフォルダをがばっとアップすれば、トラブルも起こりません。

メニューのＣＳＳ設定とか、画像切り出し（2段がさねで、背景画像にするとか）が難しかったと思いますが、

これは、ＣＳＳによるメニューの作り方のパターンですので、覚えてしまえばいいですね。

何とか、トップページ構築まで行きました。

次回までにセカンドページ”profile"のラフを作ってきていただくことにしました。

あとは、ひたすら組んでいくだけです。

がんばりましょ！