ラジック 気軽に楽しめるブログメディア「ラジック」は2ちゃんねるを中心にエンタメ情報をお届け!
Webデザイン、CSS初心者さんに送るCSSクイズです。Webデザインを見て、CSSでどう書くかという問題です。全部とけたら脱初心者!?です!クイズに答えていくと、Webデザインというものへの理解がちょっとだけ深まるかもしれません!Webデザインを見てCSSではどう書くか?というクイズを作ってみました。 脱初心者を目指す初心者さん向けのCSSクイズです。 問題、答えと続くので、ゆっくりスクロールしながら読んでくださいね! WebデザインとCSSは切っても切れない関係です。 CSS、Webデザイン初心者さんは、色んなWebサイトを見て「これってどうなってるんだろう…」と思うこともたくさんあると思います。 私は色んなWebデザインを見て、CSSでどう表現するか?と考えることはとても大事だと思っています。 CSSというと局所的なテクニックやクロスブラウザ、CSSハックなどに目がいきがち
WordPress入門 (動画で解説!ワードプレス日本語版) WordPressは、サーバーにオリジナルブログが設置できるオープンソースのスクリプトです。インストール方法から、使い方、カスタマイズの仕方まで紹介します。 WordPress日本語サイト http://ja.wordpress.org/ 解説 WordPressのテンプレートをDreamweaverを使いローカルで編集して更新する方法を紹介します。 HTMLとCSSの初歩は卒業した方向けの解説です。 テンプレートの中に日本語が入っている場合、ドリームウィーバーで開いただけで文字化けすることがありますが、環境設定で、「指定のない場合の文字コードをutf-8」にしておけば、(たいてい)大丈夫です。 ドリームウィーバーでなく、エディタとFTPソフトを使用しても同じようにできます。その場合は文字コードを指定して開けるエディタを使用して
Dreamweaver 8使い方・リファレンス-目次 Dreamweaverでホームページを作る前にすること 新規にHTMLファイルを作る ウィンドウサイズの変更・調整 HTMLファイルのプロパティの変更 編集中のHTMLファイルの表示を切り替える 文字の入力 文字の大きさを変更する 文字の色を変更する 画像を追加する 罫線(区切り線)を追加する 箇条書きを作る クリックでメーラーを起動させるようにする 表を作る 別ページへリンクを作る 編集中のドキュメントにあるリンク先のページを開く HTMLファイルに名前をつける HTMLファイルを保存する 背景、テキスト、リンクなどの色を変更する ページマージンの設定 背景に画像をいれる 更新日付を挿入する 作成したページをブラウザで確認する 特殊文字を入力する コメントタグを挿入する ページ内リンクを作成する メタ情報を追加する 入力フォームを作成
CSSもHTMLと同じように、ソース中にコメントを挿入することができます。 /*と*/で囲った文字列がコメントになりますが、入れ子にすることはできません。また、他のプログラムにあるような「#」や「//」といった単一行コメントはありません。 適切なコメントを挿入することで、複数人での作業するときや、時間がたってから編集するときなどにコードの見通しが良くなります。ブラウザ間の差異を埋めるための宣言やハックなんかも、適用させるブラウザ名や理由などをきちんとコメントで書いておきたいですね。 僕は、スタイルをグループに分けて記述するときなど、コメントを目立たせるために次のように記述しています。 /* ------------------------------ Header ------------------------------ */ div#header { } . . /* -------
CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました(つまり回避法を用いない場合にどんなバグが発現するか)。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう (ブロックレベル要素を内包するボックスにはpaddingを指定しない。) 左右ボーダーとパディングを設
このウェブサイトは販売用です! desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています!
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く