【8/25】分メモ

今授業では、XHTML+CSS2でしか習ってないんやけど、
どうしても角丸にしたくてググったらこれが出てきた。


*画像使わずにCSSで角丸にする方法*

div.kadomaru {
border-radius: 20px; /* CSS3 */
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari,Chrome */

border: 3px green solid; /* 枠線の装飾 */
background-color: #ccffcc; /* 背景色 */
}

いやぁ、素晴らしいね！！
ホントに角丸なったからちょっと感動したw

課題でサイト創るならどんなのにしようかなー。

【8/24】分Web授業メモ

ありゃま、早速更新滞ってる。。

もうwebの授業入ってました～。

過去に色々と触ってはいたので、復習がてらいい感じに授業進んでます。
とりまメモアップ。

突っ込みどころ満載だろな・・
誰か指摘して欲しいくらいw

8/24
ー仕事で制作するwebサイト
「成果を出すこと」＝「運用目的」
・ターゲット
・目的
・コンセプト
・必要なコンテンツ
・表現方法、ストーリー

ー検索エンジン対策
・認知度の高いキーワードに引っかかるサイト
・ドメインが古い（ベビー、オールドドメイン）
・相互リンク
・googleへの課金
・「SEM」「SEO」
※スパム扱いをされないサイト作りが重要

ーアクセシビリティ、ユーザビリティを考える

ーワークフロー
・コンサルティング
・企画
・プレゼンテーション
・デザイン
・制作
・納品
・維持管理

ーW3Cが提唱
xhtml1.0+css2
html5+css3

ー文字コード
EUC-JP, shift_jis、UTF-8

ーhtmlのhead内記述
・〈!DOCTYPE〉HTMLのバージョン情報
・lang　言語情報
・title
・link rel属性（スタイルシート）
・metaタグ（文字コード、Keywords、description）

・リンクの関係を示すrel属性（又はrev属性）と、リンク先
を指定するhref属性を組み合わせて使います。この場合は
外部スタイルシートの指定例。

・meta descriptionタグは紹介文の記述。ロボットがWEB
ページを訪れた時にmeta descriptionタグ内の情報を説
明文として検索エンジンに提供。

文字コードは上、順番より量の問題。
なるべくスリムにまとめる。

※記述の順番は決められてないが、制作サイドのレギュレーションに従う。


ーCSS
セレクタ名
{ プロパティ名 : 値 ;
}

①セレクタとセレクタの間に「,」を記述して、複数の要
素に対して、同じプロパティを指定

h1, h2, p, li, th, td, a, address {
color : 16px;
}

②html内に複数使用している要素のどれか一つだけに対
して、指定を行いたい場合には、該当するセレクタの
親要素から、半角を空けて記述。

div#header_right ul li {
float : right ;
paddingleft
: 15px ;
color : #56ACE6 ;
}


・idとclass属性の区別
idは一度だけ（＃）
classは何度も使用できる（. ）

CDジャケ制作

授業あまり面白い変化無いので、
おひさしになっちった。。

ていうより、今日まで4日間お盆休みで満喫してたからなぁ～。

今日は学校の事じゃなくて、
個人的なお仕事の話を・・。

知り合いのバイオリニスト
崔誠一おっぱの
先月末に発売したｲﾝｽﾄCD
「月下美人」

のジャケ制作に携わっていたのですが、
今日初めて現物を手に取ってみる事が出来ました。






素敵な楽曲たちで、心が洗われます。

ジャケも好評みたいでほんとよかった・°・(ノД｀)・°・


ソンイルオッパのブログ
Neo Art Pop BAND　「A's」
でも注文できるので
是非どうぞ★


*miae*