パソコンに関するノウハウ備忘録
Home
Link
食鳥検査制度の概要
食品衛生責任者講習会
ホームページ作成
自宅サーバー
奈央ポンの可愛い猫
みつひろのサイト
丹後地域職業訓練センター
(公社)京都府獣医師会
(公社)京都府食品衛生協会
Excel VBA etc
Tips
Profile
ホームページ作成履歴
ホームページ作成履歴と併せて作成のポイント等をメモ書きしたものです!
◎ホームページ作成で取得したノウハウ等を記録したものです!!
Win7マルチモニタ
画面キャプチャー
PowerPointで動画
外字の作成方法
BIOSの初期化
[Wrod]途中から頁番号
JW−CAD文字入力等
PowerPoint動画表示策
PowerPoint用動画編集
HPに動画をアップ
動画ビデオのサイズ変更
動画ビデオの区間抽出
動画ビデオの種類変換
画像縮小と背景透明化・徐々に白く
ハードディスク健康状態
ハードディスクの管理法
プログラミングノウハウ
HP作成参考WEBサイト
HP作成履歴メモ
↓見直し前のホームページ画面です。
ホームページ作成履歴 H26/02/07 ・タイトル文字列を左右に動かす ・シャボン玉をランダムに飛ばす H26/02/08 ・壁紙がスクロールしないように固定さす ・画像及び動画を中央に配置する H26/02/10 ・ピックアップのh2の文字を変更 ⇒だんだん大きく表示するようにする(文字色に苦労) H26/02/11 ・JavaScriptの外部ファイル化に成功 sub.jsの作成 H26/02/12 ・Profile等トップメニューの作成 ・sub0.html、sub0.cssを作成 アニメーションgifを設定 ⇒Profileメニューで飛ぶ鳥を設定 H26/02/18 ・思い出のパソコン画像をテーブルタグにて配置 H26/02/19 ・外部テキストファイルをメモ書きとして呼び込み表示させることに挑戦するもサーバーの制限に より断念 <,htaccesの使用制限> ・最終的にこのhtmlを常に更新することで対応することを決断 H26/02/19 ・画像下のタイトルをセンター位置にて表示 ・トップメニューのリンク先に「みつひろのサイト」「福知山市衛生協会」を追加 H26/02/21 ・トップ画面の画像にマウスを乗せると別画像を表示 ・右下メニューにもマウスオーバーで別画面を表示 (【思い出のパソコン画像】テキストを最下段に表示させる⇒line-height: 4;で実現) H26/02/22 ・トップ画面の画像をマウスオーバーから自動で切り替える方法に変更 H26/02/23 ・CPU利用率低下を図るため、index.htmlを31個に分割 ・サムネイル画像から呼び出した拡大画像に<--戻る-->ボタンを追加 H26/02/24 ・ピックアップ画面のヘッダー部とフッター部の固定に成功<sub.cssファイルのみで対応> ⇒コンテンツ部のみスクロールするように成功 H26/02/26 ・トップ画面の画像の自動切り替え方法に特殊効果を付けることに成功(難易度は最大クラス) ⇒プル(ドロップ)ダウンメニューをトップ画像の上に表示にすることにも成功 H26/02/27 ・右メニューに[HP作成参考WEBサイト]を追加 H26/03/2 ・レンタルメールフォーム「忍者メールフォーム」を設置 ⇒トップメニューの[Memo]を[Mail]に変更しここに設置、memofile.htmlはトップメニューの [Profile etc]に移動 H26/03/3 ・右メニューの[画像ファイルの縮小]を[画像縮小と背景透明化]に変更 ⇒GIMPによる画像の背景を透明にする手順を追加(併せて、ページの空きスペースに背景透明の 画像を配置) H26/03/6 ・WindowsXpでの画面の乱れ指摘され、CSSを書換えて対応 ⇒Internet Explorerのバージョンによって、HTML、CSSの画面表示が違うことを初めて知る。 よって、バージョン10で作成して、デザインも気に入っていたホームページも手直しをせざる を得なくなった。 バージョン7〜10までは、大きな画面の乱れはしなくなったが、バージョン11でどう表示さ れるのか不安が残ったままである。 H26/04/4 ・<画面崩れ解決策>A→C→B→D→Eで解決 ⇒CSSのヘッダー部(A)からフッター部(E)までの並びをA〜Eとしなければならないと勝 手に思い込んでいたことが間違いでした。 この考え方では、絶対位置に配置しても崩れてしまうことに気づきました。 中央部のコンテンツ部(C)をヘッダーの直後に記述し、margin-left と margin-right をauto にすることがポイントのようでした。 H26/04/7 ・SSI(サーバーサイドインクルード)に挑戦 ⇒各htmlファイルには、ヘッダー部やフッター部等、共通部分が多くありますし、その変更もファ イル数が増えてくると作業が大変になります。 共通部分に[an error occurred while processing this directive] を記述して、この共通部分のみ で外部htmlファイルを作成する。 読込みをするhtmlの拡張子は、shtmlに書き直す。 これだけで簡単に実現できますが、レンタルサーバーによってはSSIが使用できないサーバーも あるとのことですが、私の使用している 有料レンタルサーバー「ロリポップ」では上手くいきました。 H26/06/15 ・ホームページの基本設計を見直し ⇒本ホームページアップ後、食品衛生責任者("http://www.onecolor.jp/")と食鳥検査制度の概要 ("http://wwf.onecolor.jp/")をアップ。 これまでの経験を活かし、本ホームページの基本設計を見直しました。 プルダウンメニューを食品衛生責任者のように変更しました。 ・シャボン玉を非表示 H26/06/20 ・ホームページのトップ画面からスライド画像を削除 H26/07/07 ・ホームページのトップ動画の再生をVideoタグからFlash video Playerに変更しました。 H26/10/12 ・プル(ドロップ)ダウンメニューの高さ47pxから25pxに変更しました。 H27/10/17 ・ホームページの設計を大幅に見直しました。 ⇒index.htmlを全面敵に見直しました。 トップ画面から両サイドのサブメニューを削除しました。 プルダウンメニューのFreeSoftを削除し、新たに[Excel VBA etc]とし、これまでの左サイドメニ ューを入れました。 また、プルダウンメニューの[Mail]を削除し、右下画像クリックから呼び出すことにしました。 削除したプルダウンメニューMailの後にTrip(豆知識)<これまでの右サイドメニュー>を入れま した。 mail_ninja.html(メール)とphotoyoko.html(思い出のパソコン画像)は、別ウィンドウで開くよう に変更しました。
↑頁トップへ