2010/02/19 ホームページ作成講習!!10-2-19

今日はドリームウェーバーを使って新規作成とCSSの設定講習しました
画像は前に作ってあったホームページのものを使用しました
メニューは画像のボタンではなく文字で回りや背景に色を入れてボタン風にします
参考ページ
プーディーハウス
このボタン風の設定が意外と面倒です
UL LIを使用しますが
画面の中央にしたい場合はULの幅を指定する方法やいろいろな設定方法があります
今回はULの幅を設定する方法にしました
それぞれのLIの幅を設定して余白等の合計を計算してULの幅を指定します
エキスプローラーのver6とver7以降やオペラで若干の誤差があります
今回はエキスプローラーのver6で見れるようにしました

なかなか頭のいい人ですぐに理解していました
今度の金曜までに1ページ作成してくるそうです
たのしみ~~~~~~!!

2010/02/05 ホームページ作成講習!!

今日は16時からホームページ作成の講習です
使うソフトはドリームウェーバーCS4です
まず、ホームページの概要やmetaタグなどの説明をしました
途中、話が飛んだりしてちゃんと説明できなったかもしれません
でも、すごく頭のいい人でなんでも理解するのが早いので助かります
すぐにホームページが作れそうです!!

今度の講習は一度ドリームウェーバーを触ってから来てもらいます
どんなホームページを作りたいかも決まっていないので、
いろいろネットサーフィンしてお気に入りのページを集めるのがいいのかなぁ?

2010/02/02 DELLノートパソコン納品!!

今日はDELLのノートパソコンの納品日です
16時待ち合わせでしたが早めに行き15時に現地到着です
1時間ほど駐車場で読書して過ごしました
その時車の事故が起こりました
その事は次の記事で書きます

16時になってお客さんに納品
お客さんが買ったドリームウェーバーCS4のインストールと無線LANの設定です
簡単に考えていましたが・・・。
インストールは特に問題なくできましたが
無線LANの設定ができない
ルーターが2つありどちらに繋ぐかはわかりましたが
パスワードを入れても入れない???
無線LANのカードの故障???
そんなはずはないのになぁ~~~
なんでだろう???
デバイスマネージャーから一旦ドライバーを削除してもう一度認識させ正常に動いてるのを確認
う~~ん
ルーターに直接入ってみようとIEにアドレスを入れIDとPASSを入力
設定を見てみるとセキュリティーがいろいろ設定してある
はっ~~~~~~~
まず無線LANのMACアドレスを確認しルーターに登録
ノートパソコンのIPを自動に設定
ルーターには繋がったもののIPアドレスが自動で振ってくれない
インターネットできない
直接IPアドレスを○○○.○○○.1.5に設定
デフォルトゲートウェイ を○○○.○○○.1.1に設定
DNSサーバーも○○○.○○○.1.1設定
インターネットに接続できない
どうやらマイクロソフトのアップデートでIPの自動設定が壊れてるらしい
他のパソコンでも同じような現象がありました
それと今回繋いだルーターとは別のルーターのデフォルトゲートウェイとDNSサーバーのアドレスを入れるとインターネットに行けるのかもしれません

それと他のパソコンと同じワークグループに入っても他のパソコンが見れない
う~~~んこれはわからない

よく聞くと誰か他の人にネットワーク関係の設定をしてもらった為
セキュリティーがどうなっているかわからないそうでした
ふ~~~~
残念ながら今回はここで終了です
無線LANに繋がらない時の設定は難しいです
合計6時間かかりましたができなかった
くやし~~~~~~~~~!!

2009/05/25 「.html」でPHPを実行させたい

PHP(PHP : Hypertext Preprocessor)スクリプトを実行させるためには、通常拡張子が「.php」のHTLMファイルを作ります。
しかし、ドリームウェーバーのテンプレートを使用するのに「.html」にしなくてはなりません
「.php」にしてしまうとテンプレートが使えません
どうにかして使用したいのでいろいろ調べてみました
方法はいくつもありましたが、一番簡単なものに挑戦してみました
「.htaccess」を利用をしようして
「.htaccess」に下記内容を追記しました
# 全てのPHPコードをHTMLのように作成する
AddType application/x-httpd-php .htm .html
当店で借りているサーバーでは使えました
使えないサーバーもあるみたいです
これで「.html」内に

<?PHP~~~?>

を記述してPHPを実行できました

これを使用したかったのはリサイクルはんこのモバイルページにgoogleのモバイル用のadsenseを挿入したかったからですけど
出来なければあきらめるつもりでしたが出来たのでよかったです

2009/05/06 ブログを整理整頓してみました

atomのファイル(XMLデータ)を読み込んでページを作成します
spryを使用してatomのファイル(XMLデータ)を読み込みます
ドリームウェバーで作成するのは簡単でした
青色で書かれたタイトルや日時をクリックすると並べ替えができます
下の項目をクリックすると上にその項目が表示されます

今回はテンプレートを作りそのテンプレートを利用してテンプレートを作成しました
一番元のテンプレートを変更すると全て変更されます
テンプレートのネストを使用しました

2009/03/05 CSSを使ったサンプル作成

CSSを使ったサンプル作成(株式会社エム・オー・エス)
画像・文章は株式会社エム・オー・エス(MOS)様からお借りしました。
IE6では残念ながら対応していません。
作成はドリームウェーバーです。
自分でテンプレートを作成しましたが、初めてテンプレートを使ったので思うように使いこなせず、結局テンプレートが2枚になってしまいました。
変更する時もテンプレートを2枚変更する事になってしまいました。

それと右のカテゴリーの行間がいまいちです。
<ul>エッチング
<li class=”list_img”>ガラスプレート</li>
<li class=”list_text”><a href=”../sand.html#1″>ロゴプレート</a></li>
<li class=”list_text”><a href=”../sand.html#4″>エッチング 表札</a></li>
<li class=”list_text”><a href=”../sand.html#3″>エッチング 記念盾</a></li>
<li class=”list_img”>カガミプレート</li>
<li class=”list_img”>金属プレート</li>
</ul>
<ul>LED
<li class=”list_img”><a href=”../car.html#1″>車灰皿部分</a></li>
<li class=”list_text”>ハイエース</li>
<li class=”list_img”><a href=”../car.html#2″>小物入れ部分</a></li>
<li class=”list_text”>ゼスト</li>
<li class=”list_img”><a href=”../car.html#3″>足元小物入れ</a></li>
<li class=”list_text”>ゼスト</li>
</ul>

どうしても『車灰皿部分』と『ハイエース』の行間を狭めると全体的に行間が狭くなる
もう少し考えてみよう~~~と!!