Last Updated Jul-07-2006
現在位置 || HOME(E) > DIARY > Last Updated > Last Updated:CSS の変更 & 更新履歴3
筆者自身で当サイトの「デザイン」を考え、直打ちをし、Web サイトを完成させ、現在までの出来事をにまとめましたので読んでやって下さいね。ふぅーっ…奮闘記は現在も進行中 (^_^;)
更新記録 2005年1月から2005年12月
PHOTOコーナーに、「画像加工その他のお花達」のページを新しく作りました。一部「画像加工、その他いろいろ」にあった植物系の画像を、新しいページに移動・纏めました。「画像加工、黄色いお花だよ」のページに、「小菊」の画像を更新しました。とても可愛い菊の花です。
AQUAFISHコーナーの「小型美魚のおまけ画像」に、「メダカの成魚とグリーンウォーターになったメダカ水槽」の画像を更新しました。元気に泳いでいます。
FRUITコーナーの「 南国育ちのグァバ栽培!」「優しい木の実のびわ(枇杷)栽培」「Vineなブドウ(甲州種)の栽培」「楊貴妃も愛したレイシ(ライチ)栽培」と、AVOCADOコーナーの「アボカド元気な成長記録、鉢植え栽培」「変わり種のアボカド栽培! 」の、成長記録の画像を更新しました。ふぅーっ。一気にやり過ぎかも…
10月末に Mac PowerBook G4を購入したので、Screen Shotコーナーに「スクリーンショット、Mac OSX10.4.x Tigerのデスクトップ画面と、Macのブラウザ」のページを新しく作りました。楽しんで使ってます。
FRUITコーナーの、「ドラゴンフルーツの栽培」に成長記録の画像を更新しました。暴れ馬ならぬ暴れ竜(ドラゴン)です。
PHOTOページの、画像加工ピンクのお花に「キャッツテール」、& 画像加工白いお花だよっに「アルストロメリア」の画像を載せました。
Linkページに「セキュリティ関連」のコーナーを新たに作りました。セキュリティ関連サイトを少々。
9月25日、FRUITコーナーの「パパイヤを栽培しよう」ページに成長記録の画像を載せました。
FRUITコーナーの「南国育ちのグァバ栽培!」「Vineなブドウ(甲州種)の栽培」「優しい木の実のびわ栽培」。PHOTOコーナーの"画像加工、その他色々"ページに「空の彼方から」OMAKEコーナーの"オリヅルラン(原種)の種!の栽培" で「実生のオリヅルランが咲いちゃいました」の画像を載せました。ふぅーっ、一気に更新し過ぎ?
AVOCADOコーナーの「アボカド元気な成長記録」と「変わり種のアボカド栽培」のページに、画像を更新しました。
FRUITコーナーの「パッションフルーツ栽培」で、パッションフルーツの花が咲きました!ので、画像を載せました。
FRUITコーナーの「楊貴妃も愛したライチ栽培」と、「ドラゴンフルーツの栽培」。画像加工 白いお花コーナーの「オリヅルラン(原種)の栽培」の画像を更新しました。
FRUITコーナーの「パッションフルーツ栽培」の画像と、病気に罹ったパッションフルーツの葉っぱの、画像も載せました。
FRUITコーナーの「南国育ちのグァバ栽培」「優しい木の実のびわ栽培」「Vineなブドウ(甲州種)の栽培」の成長記録の画像を、更新しました。夏は皆、育ち盛りです
FRUITコーナーの「パパイヤを栽培しよう」のページに成長記録の画像を更新しました。&AVOCADOコーナーの「変わり種のアボカド栽培」に成長記録の画像を更新しました。相変わらず元気です。
FRUITコーナーに「楊貴妃も愛したレイシ(ライチ)栽培」のページを、新しく作りました。とても上品な甘さのレイシです。一度食べたら、忘れられないカモ?& PHOTOコーナーの「画像加工白いお花だよ」ページに記載している「オリヅルランの花と種」の種が発芽しましたーっ(^^)。お約束通り「オリヅルランの種!の栽培」の、ページを新たに作りました。
AVOCADOコーナーの「アボカド元気な成長記録」に、アボカドの画像を更新しました
AQUAFISHコーナーの「小型美魚のおまけ画像」に"メダカの幼魚"の画像を載せました。小さいながらも、力強く生きています。&PHOTOコーナーの、画像加工、その他いろいろに「子葉に未来を託す、セイロンベンケイソウ」の画像を載せました。
FRUITコーナーの「ドラゴンフルーツ栽培」に成長記録の画像をアップしました。小さいながらも、サボテンらしくなりました。
FRUITコーナーに、新しく「Vineなブドウ(甲州種)の栽培」のページを作りました。&「パッションフルーツ栽培」の成長記録を更新しました。
PHOTOページの"画像加工白いお花だよっ"に「健気に咲くナズナ」と、"画像加工黄色いお花だよ"に、「カタバミの実」を載せました。
AVOCADOページの「変わり種のアボカド栽培」と、FRUITページの「優しい木の実のびわ栽培」に成長記録の画像を更新しました。
ScreenShotコーナーに、新しく「NN4.78によるスクリーンショット」のページを作りました。確認の為にブラウザをダウンロード、インストールしてみました。中には、表示すら出来なく、強制終了させられてしまうサイトがあります。どことは言いませんが、某超有名何とかソフト社の日本支社が運営しているコミュニティサイトです。
FRUITコーナー。新しく「優しい木の実のびわ栽培」「南国育ちのグァバ栽培!」ページを作りました。「パパイヤを栽培しよう」「ドラゴンフルーツの栽培」に成長記録の画像を更新しました。AVOCADOコーナー。「アボカド元気な成長記録」「アボカド、ハイドロカルチャーに挑戦」に、成長記録の画像を更新しました。
5月10日、「Color Chart」のページを新しく作りました。5月11日、お花の画像を載せました。「マーガレット」「姫りんご」「チシマキンバイ」「シャコバサボテン」「ガーベラ」です。FRUITページの「パッションフルーツを育てよう」の成長記録を更新しました。
AVOCADOに新しいページを作りました。「変わり種のアボカド栽培」です。形は同じですが、少々変わったアボカドです。
PHOTOページの「画像加工赤と紫のお花!」コーナーに「カンガルーポーの花」の画像を載せました。その名の通り、カンガルーの足に似たお花です。
ポストメールの入力フォームページを作りました。プロバイダ側のホームページアドレスを使用しました。
アボカドの鉢植え栽培・ハイドロカルチャーの画像をUp。ドラゴンフルーツとパパイヤの成長記録画像をUpしました。
PHOTOページの画像加工白いお花コーナーに「小手毬(コデマリ)」の画像を載せました。&FRUITページのパッションフルーツ栽培コーナーに、成長記録の画像を載せました。蔓が出てきたので一気に伸びました。
LINKページに、新しくサイトをリンク追加。トップページの背景画像を入れ替えしました。
AQUAFISHページに新しくペンシルフィッシュの若魚の画像を載せました。孵化してから一ヶ月以上経っています。
PHOTOページの画像加工オレンジのお花には「一輪のカーネーション」と、画像加工赤と紫のお花には「山茶花と淡雪」の画像を載せました。別のページに色の違うお花がありますが、それぞれ比較してみてくださいね。
ScreenShotページの各ブラウザ比較画像を最新版に入れ替えました。AQUAFISHページの小型美魚のおまけ画像のハチェットフィッシュを再度撮り直し、画像を入れ替えました。
AVOVADOページの「ハイドロカルチャーに挑戦」と「アボカド元気な成長記録」にアボカドの成長記録の画像を載せました。FRUITページの「パッションフルーツ栽培」「パパイヤを栽培しよう」「ドラゴンフルーツの栽培」に、それぞれの成長記録を載せました。それから、PHOTOページの画像加工白いお花だよっに「白いカラー」のお花を載せました。
PHOTOコーナーに「画像加工オレンジのお花」のページを新しく載せました。画像加工ピンクお花に「花の女王、胡蝶蘭」、画像加工赤と紫のお花に「チューリップ」、画像加工その他色々に「ゆがみ、青いグラス」の画像を載せました。
AQUAFISHページの小型美魚のおまけ画像に「テトラ・オーロ」「レッドファントムテトラ」「コリドラスの幼魚」を新しく載せ、ペンシルフィッシュの画像を入れ替えました。
PHOTOページの画像加工黄色いお花に「スイートピー」と、画像加工その他色々に「静寂と喧噪」の画像を新しく載せました。
AQUAFISHページの小型美魚のおまけ画像に「コリドラスの稚魚」画像と、PHOTOページの画像加工ピンクのお花に「山茶花」の画像と、画像加工黄色いお花に「香しき百合の花」の画像を載せました。そしてFRUITページの「パッションフルーツを育てよう」「パパイヤを栽培しよう」「ドラゴンフルーツの栽培」にそれぞれ成長記録の画像を載せました。はぁーっ、忙しい
HTML と CSS の変更や修正 2005年1月から2005年12月
各カテゴリー毎にスタイルの変更をしたり、デザインや背景画像を変更しました。
プライベートな日記容量が増えてきましたので、前半期と後半期に分けました。全ページを、一部分修正して加筆しました。
今までは、トップページ以外の左側にあるメニューの「DIARY」をクリックすると、更新記録のページから日記のページにクリックしなければならなかったのですが、今回、「DIARY」をクリックすると、ダイレクトで日記のページへジャンプするようにしました。
トップページの左側メニューのリンク部分と、Informationページのリンク部分のデザインを一部変更。英語表記の所は、欧文フォントが使用できるように、ランゲージを英語に変更。他色々。
スタイルシート指定のフォントスタイルを一部変更したら、Linuxでトップページ以外のタイトル名と、記号の一部が文字化けが生じてしまいましたので、フォントの指定を見直し一部文字化けしていた記号を取り除きました。
CSS(カスケーディングスタイルシート)を、春向きに一部変更しました。
当サイトが出来るまで、簡略
今まで自分の Web サイトを載せてみたい、作ってみたいとは全く思っていませんでしたが、あるきっかけを境に素人ながら Web サイト作成に意欲を燃やし、 HTML4.01 文書型宣言に完全準拠させ、ここまで漕ぎ着ける事が出来ました。
まず、秀丸エディタを起動したのは良いのですが、一体何から始めれば良いのか解らずでした。初めは「 CSS2 スタイルシート大辞典」等の本を読んでも、< タグ > ってなぁに?< 要素 >?< class >??等知らない事ばかりでした。書体は何にしようか、字の大きさは?背景の色は?字の色は?などと考え、じゃあ全体のデザインはどうするの?などなどありましたが、周囲の応援と本をじっくり読んだり、ホームページ作成支援サイト等を観たりと試行錯誤をしながらホームページを作成しました。
最初に作ったフレーム付きのWEBデザインは、残念ながら HTML4.01 文書宣言に完全標準されていなく、過去互換モードでした。げげげっ!またやり直しだよーって思いながら、結局はフレームを無くしその代わりに、スクロールしても固定するブロック(残念ながら、Windows 版 IE にはこの機能がないので)と言う機能で対応してみました。
リスト項目へ ↑
今後の Webサイト作り
当サイトの Web デザインは、まだまだ完全ではありません。間違いや悩む事などもありますし、まだまだ勉強不足なところもあり、改善、修正していくところが沢山ありそうです。ですが、「私」の色は出していきたいなと思っています。そして、デザイン性を考えながら、人に優しいページを作るか、今後の課題にしていきたいと思います。
私見ですが、 CSS 機能のいくつかが対応していないブラウザがあり、悩みました(Web 作成には、これが一番の悩みどころだと思う)。出来れば独自機能(特に某ブラウザー)など付けず、CSS 機能に完全対応して欲しいと思います。
リスト項目へ ↑
恐れ入りますが、スパムメール対策のため、メールアドレスの記載を止めましたので、上記の「ご意見ご質問フォームのページ」にて、お願いいたします。ご迷惑をおかけします。
Copyright © 2003-2008 nina-kaz. ALL Rights Reserved.