2009-05-01から1ヶ月間の記事一覧

色々なサイト

Web

様々な優秀なサイトを見る事も勉強です。http://www.webdesignerdepot.com/2008/12/100-websites-with-outstanding-artistic-design/

参考書で練習その2

ボックスの概念→「あき」を設定することが、スタイルシートを記述する上でとても大事。 マージン(もしくはパディングなど)同士、左右・上下で隣り合った時は値が相殺される。→大きい値優先となる。ただし、役割が異なるもの同士は、相殺されることはない。…

参考書で練習

早速、練習してみます。 製作時間:2時間

Dreameaverの使い方

デザインビューで・・・ 表示→ビジュアルエイド→CSSレイアウト背景にチェックを入れると、ブラウザ上では表示されない背景の色が表示される。 (ちなみに、チェックをはずしたりつけたりをすると、背景色が変わってゆくので、好きな色を選べる。笑) なお、この…

floatを使う

Dreameaverの使い方を学びつつ、HTML、CSSも同時に学習。 ポイント HTMLでの <ul class="thumbnail"> <li>〜</li> <li>〜</li> ・ ・ ・ </ul>↓ CSSでは「ul.thumbnail」と指定する。また、これらのli(リストアイテム)を横に並べたい場合は、floatを使用する。 ※float・・・上に浮き上がり、回りこむ。 ul.t…

HTMLの基礎

wrapperとcontainerの使い方。たとえば。 保育園の遠足でおにぎりを握りました。 青菜と梅干とおかかです。 それを包むのはラップ(ここで言うwrapper)。 そのおにぎりを転がらないようにするには。 お弁当箱にいれます。(ここで言うcontainer)。

タグ

Title,h1→検索エンジンに対する言葉。タイトルは、keywordを先頭にもってくるように考える。 検索エンジン最適化(ある特定の検索エンジンを対象として検索結果でより上位に現れるようにウェブページを書き換えること。また、その技術。サーチエンジン最適化…

Dreameaverの練習

先日、ねんねらとプチ化学実験をしました。 以前、裏技(?)紹介のテレビ番組で紹介されていた技で、 「シルバーの曇りを一瞬にしてとる方法」 です。ねんねらが、保育園帰りの疲れからか、手もつけられないほどに騒ぎ出したので、「よし!実験しよう!」と…

DreamweaverでHTMLの練習

javascript ↓ Daniel Nolan http://www.dnolan.com/code/js/rollover/ より、プログラムを借りる。から、 をコピーして、titleのタグより下にペーストする。同様に img srcの中にコピー&ペースト

Dreameaver超初級

Dreameaverをはじめて使いました。Dreameaverを使って、自分のミスを確認しながら手打ちの練習をします。アプリケーションソフトは完璧に打ってくれるものではないので自ら修正の必要がある。 ↓ 仕事の場では、効率化を図る為。 CMS(コンテンツマネージメン…

HTML練習とCSSの練習

ねんねらをしかる時は、言葉を選ぶようにしています。もちろん、感情的にならずに。言葉を選ぶと言うのは、本当に難しい。 けれども、ねんねらが、いけないことをした時は、 行った行動を指摘。 なぜ・どこがいけないのかを分り易く伝える 相手がいる場合、…

練習

昨日、ねんねの遠足がありました。当然、お弁当持参です。 ねんねは、1週間も前から、どきどきわくわく。 私も、その気持ちにのって、準備に抜かりなく取り掛かりました。ねんねに買い物の時に 「お弁当、何をいれて欲しい?」 と聞くと、ねんねは・・・。 …

HTML The Drill

L-001 ブラウザのアドレスエリアに[ A ]を入力すると、サーバーから要求した[ B ]が送られてきます。 その[ B ]に書かれた住所をもとに[ C ]を要求します。 このことが根拠となり[ C ]のデータ量は、出来る限り軽くする必要があります。 WWW…

色を取り出す

「ColorZilla」をインストールしました先生の受講生の方のページを参考にさせてもらいました。便利ですね!

基礎の考え方

例えば、以下のボタンを各ボタンをクリックしたリンク先のページに表示させたい時。 玄関となるHTMLには、以下のように表示する。 <html> <head> <title>Web|ボタン練習</title> </head> <body> <p> <img src="images/siteWebBtn03.gif"> <img src="images/sitewebBtn02.gif"> <img src="images/sitewebbtn01.gif"> </p> </body> </html> 別のページに飛んだ時の表示するボタンのHTMLのタグの打ち方 ↓ <html> <head> </head></html>

練習

素材は、先生のブログでお借りしました。 とはいっても、まったくレベルの違う方対象のものだったので、今のできる範囲で練習・・・です。ここにのせるのも申し訳ないのですが・・・。 - テキストは以下のようなものです。 NoneStyle わたしたちについて講座を修了…

CSSに関して

CSS

前回の授業で、「外部」「スタイルシート」と先生がおっしゃっていたのをもとに調べてみました。CSS(Cascading Style Sheets=カスケーディング・スタイルシート) HTMLではスタイルシートと言えば、CSSのことを指しているのが一般的。 CSSをHTMLに適用させ…

練習の解説-続き

ハイパーリンク→関連のあるページに飛ぶ(配置する言葉はキーワードとなる) <a herf="#"></a>と記述する。a=アンカー herf=ハイパーリファレンス #=ヌル(Null)リンク→ブラウザに表示された時に、ポインターが指のマークになる。練習の際は、この「#」を入れておく。ダミ…

練習の解説

家のすぐそばに、パソコンの専門店ができてしまいました・・・。 今日が、オープニングです。外付けハードが安い、マックが安い、せめてメモリだけでも・・・と考えてしまいます。 同じ日の新聞広告に、洋服などのGWバーゲンちらしがあるにもかかわらず、パソコン…