本日の授業 横山さん 斉藤さん
このところ、連投のお二方です。
午前中は、横山さん。
CSSのタグ再定義を宿題でやっていただきました。一部、widthを指定されていて、全体の幅より飛び出ているところがありましが、それ以外はとても見やすくできていましたね。
意外に、HTMLだけで作ったテキスト部分を見やすく組めることは、大事で、画像を組み合わせたときも、ここの出来がいい悪いで、サイトのできがだいぶ違います。（画像の出来に目を奪われますが。。。）
で、今日は難関のCSS CLASS,IDの方に突入です。
特にIDを使うのは、かんたんではありません。横山さんも、？？というところがあったと思いますが、かなりここはヤマのところなので、じっくりやっていきましょう。
特に、いろんなブラウザでレイアウト崩れなく組めるためには、若干テクニックというかコツが必要です。
次期のHTML５＆CSS3になれば、この辺が劇的に改善されるのですが、（覚えることも増えますね。）本格的にメインコーティング基準となるには、まだ数年かかると思います。
その間は、現在のCSS２でのコーティングになるので、こういうよくわからないテクニックが必要になります。
たいへんですが、がんばりましょう。。IDによるレイアウト組みの宿題をお願いしています。:*:・(￣∀￣)・:*:
夜は、斉藤さん。
前回忘れてきたといっておられた、プレゼントをいただきました。気にかけていただいて本当にありがとうございます。
さて、ひきつづきお仕事の課題です。今日は、なぜか不思議の国のアリスのシルエットイラストをベクトル化するテーマです。元画像がサイズが小さく、精度がないので、オートトレース一発というわけには行かないようです。
なので、最大限オートトレースでシルエットを作っておき、パスに分解して、修正していくというやり方をしました。
うまくいかないところは、相当する画像をペンツールで描いて、パスファインダで合成するほうが早いですね。
要らないポイントは出来るだけ整理して、ポイントを減らせていきます。
腕なんかは、シルエットですけど、かならず、隠れている部分を意識して、形を修正してきます。これは、人物デッサンの力が要りますね。
アリスはうまくいったのですが、ウサギが厄介でしたね。
元絵が、帽子もかぶっていなくて靴はいているだけだったので、そのあたりを追加して行ったりしていると、耳もかきなおしたりして、ほとんど描いているような感じです。
あとは、PHOTOSHOPで、ネイルコンテストのデザインをつくる手法を解説しました。
海外のサイトなんかには、PHOTOSHOPのブラシやパターンなんかがたくさん転がっているので、
photoshop brush star
とかで、英語で検索していただくと、結構いろんな素材がヒットします。それを使えば、手軽にクオリティをあげることが出来ます。ただ、それをそのまま使うのではなく、自分の世界でコントロールできるようにならないといけませんね。
次回は、イベント用のフライヤーを製作しないといけないようです。がんばりましょう。(￣▽+￣*)
7+3 プロジェクト
「東日本大震災いわき市義援金」として、いわき市さんのほうに休み明けに
送金いたします。みなさまのご協力感謝いたします。
4/2斉藤様 ¥300 ¥700 ¥1000
4/5木村様 ¥300 ¥700 ¥1000
4/6斉藤様 ¥300 ¥700 ¥1000
4/12石野様 ¥300 ¥700 ¥1000
4/12藤谷様 ¥300 ¥700 ¥1000
4/12斉藤様 ¥300 ¥700 ¥1000
4/15横山様 ¥300 ¥700 ¥1000
4/15金銅様 ¥300 ¥700 ¥1000
4/19川島様 ¥300 ¥700 ¥1000
4/19斉藤様 ¥300 ¥700 ¥1000
422石野様 ¥300 ¥700 ¥1000
4/22金銅様 ¥300 ¥700 ¥1000
4/26木村様 ¥300 ¥700 ¥1000
4/29横山様 ¥300 ¥700 ¥1000
合計 ¥14000
4月29日の授業 横山様
29日は、午前 横山さん。
HTMLの意味づけ課題を、やってきていただきました。
参考にお渡しした、プリントのとおりに組もうと思われたのだと思いますが、文章の区切りでないところで、<br/>
タグが入っていましたので、（ｂｒによる文章整形）はずしていただきました。
そのほかは、ほんとにちゃんと理解されていてできていました。
今日からは、CSSを適用していきますが、CSSのエディットには、CSSタグを覚えていただくよりも、Dreamweaverをつかうのが、楽ですし設定しやすいです。
なので、まずDreamweaverの使い方から･･･
このソフトは、ホンとにたくさんの便利な機能があるのですが、基本、htmlやCSSのテキストデータを編集できればいいのです。
デザイン画面や、コードインスペクタ、CSSエディタなど基本的な機能が使えるだけでも、かなり便利です。
特にテーブル製作や、フォーム製作は一度これでやっちゃうと、もうタグうちはしたくないと思いますね。
CSSは、まず、タグの再定義からです。これは、HTMLのタグの見た目を再設定するCSSです。
課題で、前回の意味づけしていただいたHTMLをタグを再定義していただき、見た目を整えていただく宿題です。
今回は、bodyタグに widthを設定し、margin 左右 autoを設定していただくことで、コンテンツをブラウザセンターに常にすることができます。
今日は、たくさん内容があったので、横山さん大変だったですね。
授業後、さらに午後から教習所だそうです。がんばってください！