基金訓練web講座

基礎訓練web講座 21日目。

今日は、formの入力フォームを使うFlash基礎(4回目)単純な動きをつくるBossのたてたスケジュール通りに進んでいる模様。。。だんだん、手書きのメモより、頭と目のメモを駆使しないとになってきました。記憶力増加剤なんてあったら、即欲しいです。(苦笑)

基礎訓練web講座 20日目。

本日は、授業時間内になんとか仕上げたナビゲーションその後自宅で復習ナビゲーションFlash カートゥーン・アニメーションを作成。授業時間内のソースが汚い。。。簡潔で綺麗なソースが書けるようになりたいものです。あとFlashが全くついていけず… 参考本ge…

基金訓練web講座 18日目。

6/24の初っぱなは、CSS 課題A 授業時間(約3h)以内で画像を含め出来ました。ちょっぴり成長?いや、Dreamweaverのおかげか。。。 その後は ユニットでおこすデザインについて。(selifフォントについても少々。)イラストでのマーク作りと書き出し。(書き…

基礎訓練web講座 17日目。

今日は、「コードビューでの入力:課題01」をDreamweaverでIllustratorでワイヤーフレーム作業gifアニメーションでした。

基金訓練web講座 16日目。

1カラムレイアウトの課題練習。お題はこちら無カラムと言いながら、複雑に組んでいるような。。。タグを打つことがままならず、Jimdoやデザインが進んでいない!!!このままじゃ、まずいです。。。溜まっていく課題もこなしていかないと!!!

基金訓練web講座 16日目。

本日はメニュー表記をCSSで組む課題。頭が古いせいか、テーブルで組んだ感じを思い浮かべてしまう。。。回答と照らし合わせ、なんとか 形 になりました。(冷汗)Ninja 下のPRを目立たなくする方法を検証しなくては!

基礎訓練web講座 15日目。

週明け、一発目は1カラムレイアウト-22個目がうまくいかず…四苦八苦です。先生に相談すると…… 全角と半角の表記の違いとのこと。またやってしまった。。。次は間違えないぞ!とさらに心に刻みました。

基礎訓練web講座 14日目。

本日は縦並びナビゲーション:課題3ナビゲーション リンク要素の背景画像置換課題3は予習済みだったので、そのソース(あんまり使われないタイプの三角を文字記号で入れてしまう奴)と先生の回答とを見比べつつチェック。「ナビゲーション:リンク要素の背景…

基礎訓練web講座 13日目。

本日前半は、CSSの外部リンクについて。 htmlの書き順も大切とのことで、<meta(charset="文字コード"が一番上)><title><link>のル−ルは厳守!外部リンクのCSSの記述も @charset "UTF-8" はトップに必ず入れる。(無くても、勝手に書き加わることもあるようですが。。。)私にとっての曲者。 <link href="フォルダ名/ファイル名" rel="stylesheet" type="text/css" media="screen, print" /> 「,」が「.」にな</link></link></meta(charset="文字コード"が一番上)>…

基金訓練web講座 12日目。

みなさま、お疲れさまです。 今週からぐぐっとせわしなく忙しくなったと感じるのは私だけでしょうか。。。 本日は、jimdoでのページ設定、レイアウトについて。 h1にあたる背景ボタンのスタイルシートによる組み込み方について。Illustratorにも入れたグラデ…

基礎訓練web講座 11日目。

本日はプレゼンの合間に2カラムと疑似クラスの課題とJimboの開設。 まずは課題から行ってみます。◎ 2カラム 完成図 2種 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <…</head></html>

基礎訓練web講座 10日目。

本日はおさらいテストの日。 自力では仕上がらず、先生の回答と照らし合わせてやっと完成。◎ 完成図 復習あるのみですね。。。後半はPhotoshop。CS3とCS5。MacとWinで仕様やショートカットが 違うので、ちょっと手間取ります。

基礎訓練web講座 8日目。

前半は今まで習ったところを教本でさらいつつ、CSSの float について。webでは画像や文字のデフォルトは左から配置される。なので、floatの指定は基本、右に意図的に動かす時に使う。IEの時にレイアウトが崩れないよう、セットで入れるタグが必要。float: le…

基礎訓練web講座 7日目。

前半は昨日の続きでスタイルシート指定のためのセレクタについて。タイプセレクタ全称セレクタ(=ユニバーサルセレクタ)... * { ボックスモデルの概念...padding、margin後半は、illustrator。地図おこし線のバリエーション縁取り文字illustrator(photosh…

基礎訓練web講座 5日目。

前半はテスト件課題の「井戸のある風景」の相互リンクページの作成。 その際、<td></td>タグを<tr>タグ内でむやみに改行してはNG。 レイアウトで崩れることがあるとのこと。相対パス絶対パスルートパス の説明に「ホテルの法則」は、なるほど、と思いました。■ FireFoxで</tr>…

基礎訓練web講座 3日目。

■ dl、dt、dd要素について を、YAMAHAのページや不室屋のページを参考にして学ぶ。 YAMAHAはコーポレートカラーの「紫色」をキーカラーにして、 白地の余白を生かし、品良く見せている。 不室屋は教室で見ると黒背景だったのが、自宅Macで見るとグレー背景に…

基礎訓練web講座 2日目。

教室ではWindows、自宅ではMacintosh。 復習のためにも、今日のhtmlテキスト打ちを Macintoshの場合用を自分用にアップします。■ Macintoshでのテキスト打ちの場合まずソフト、最初に環境設定を設定するのがポイント。メニュー → HTMLを選択。 これで自動的…