ホームページ作成クリップ

Q.16

Bodyに指定した背景が、Div枠と微妙にずれてしまうのですが・・・。勉強中の素人で...

Bodyに指定した背景が、Div枠と微妙にずれてしまうのですが・・・。勉強中の素人ですが、よろしくお願い致します。Dreamweaverを使用してホームページ作成の練習をしています。作ろうとしているのは、bodyに背景写真を指定しその上に、ナビボタンなどが乗っているシンプルな物です。ＤＩＶでＩＤを指定し構成を決めてから、背景に写真を指定してみたのですが、微妙にＤＩＶ枠からずれてしまいます。背景写真とボックス枠の大きさ等は、きちんと一致しています。bodyには background-repeat: no-repeat; background-position: center; background-image: url(images/background.jpg); height: 1024px; width: 1280px;と指定し、#wrapperには「Margin」の「Right」と「Left」に「auto」と指定し中央に来るように設定しています。ライブビューで見ると、枠の線が消える事もあるのか、ちゃんとぴったりはまっているいる様にも見えるのですが、デザインビューで見るとやはり微妙にずれています。何がいけないのでしょうか？教えて下さい。

A.16

Bodyに指定した背景が、Div枠と微妙にずれてしまうのですが・・・。勉強中の素人でのベストアンサー

bodyにmargin:0px;を設定してみてください。bodyにはディフォルトでmarginが5か10くらい、ついてますから初期化が必要です。＞補足うーむ・・・wrapperをbodyと一致させてナニがしたいのか、がナゾですが…body{margin: 0px;background: url("images/background.jpg") no-repeat center center;height: 1024px;width: 1280px;}#wrapper{margin: 0px auto;}コレで一致しませんかね。・・・まぁ、そもそもですがbodyにheight: 1024px;width: 1280px;このよーな値を設定するコト自体が意味不明ですが・・・ナニがしたいのでしょうか。。。

　ホームページ　デザイン　

Q.17

Photoshop で文字を切り抜いたのですが、文字の周りに白い余白が出来てしまいます。...

Photoshop で文字を切り抜いたのですが、文字の周りに白い余白が出来てしまいます。勉強中の素人ですが、どうかよろしくお願い致します。今現在、風景写真の上に、よくありがちな、ナビボタン（Home、Galleryなど）があるホームページを作ってみようと練習中です。初めにPhotoshopでデザインカンプを作成し、スライスツールでナビボタンを切り取って、「Web及びデザイン用に保存」で保存しDreamweaver から素材として取り込んでみました。すると四角に切り取ったナビボタンの背景が白くなってしまいました。これは、「Web及びデザイン用に保存」から保存する際にjpeg形式を選んでしまった事が原因で、本来はJIFやPNG形式で保存しなければならないと理解したのですが、まずここまでは正解でしょうか？次にJIF形式で保存したら、うまく行きまして背景の上に、ナビボタンを配置させる事ができました。ボタンの周囲も白くならず、うまく背景写真が透けています。しかし、ボタンの文字自体の周囲にわずかながら白い余白が出来てしまいます。これは、photoshopで作成する際に何かがまずかったのでしょうか？それとも、Dreamweaverで何とか出来るのでしょうか？参考書なども購入し、ネットなどでも調べてみたのですが解りません。どうか教えて下さい。よろしくお願いします。

A.17

Photoshop で文字を切り抜いたのですが、文字の周りに白い余白が出来てしまいます。のベストアンサー

文字画像の背景を透過させ、背後の写真を表示する。ですな。＞jpeg形式を選んでしまった事が原因で、正解。jpegないしjpgは同じもの。jpgは透過画像は作れません。＞次にJIF形式で保存したら、うまく行きまして× JIF○ gif背景透過できます。しかしながら、色数が256と限定されており、細かな色合いは出せません。また、「半透明」は表現できません。＞ボタンの文字自体の周囲にわずかながら白い余白が「マット」の設定のせいでしょう。マットなしにするか、妥当な色を選んでください。●png画像を使用する背景透過OK、色数も多い、半透明の透過もOK。なので、用途ではpng画像がいいでしょう。png-8でもpng-24でもいいんですが、まよったら24にしておきましょう、。弱点としては、・容量が大きい・IE6では透過しない、という致命的なバグがある→Javascriptで回避できます。→IE6 png 透過とかで検索すれば出てきます。使いどころはよく考えましょう。・単純に、背景画像と文字を一緒にしたボタンを制作して、jpgで作るってのが一番シンプルで良いと思いますけどね。

Q.18

ホームページ作成時の画像がはずれる現象について専門的に勉強はしていないのですが...

ホームページ作成時の画像がはずれる現象について専門的に勉強はしていないのですが、会社のホームページの一部の過程を受け持っています。ページをデザイン、配置するところまでをやっています。ところが、アップしても、画像がはずれてしまっています。アップする人はいつもどおりにやっているので、間違うはずはないとおもうので、ミスは自分だと思うのでで、相談です。例えば、同じフォルダの中に（違う階層に）、同じ名前の画像があるばあい、アップしたときに、画像のリンクがはずれてしまう、、なんてことはあるのでしょうか自分のところで考えられるミスはこのくらいなのですが、、。理由は、ホームページビルダーで作成しているのですが、保存しているときに「このページはサイト外ですが保存しますか」と表示がでて、保存したら、勝手に画像がコピーされてたくさんできてしまっていたんで、、わかるかたがいましたら、宜しくお願いします。

A.18

ホームページ作成時の画像がはずれる現象について専門的に勉強はしていないのですがのベストアンサー

> 例えば、同じフォルダの中に（違う階層に）、同じ名前の画像があるばあい、> アップしたときに、画像のリンクがはずれてしまう、、> なんてことはあるのでしょうか例えば「フォルダA」の中に「画像1.jpg」と「フォルダB」があって「フォルダB」の中にも「画像1.jpg」があるということですか？そんな場合だとしても画像1.jpgへのパスがきちんと書いてあれば下記のように書いてあるほうの画像1.jpgがちゃんと表示されます。…….com/フォルダA/画像1.jpg…….com/フォルダA/フォルダB/画像1.jpg更新したサイトのページや画像をどのような分担・方法でサーバーにUPしているのかが文面ではよく分からないのですが、このような問題が起きる場合はやはり下記のような基本的チェックをするしかないでしょう。○画像が間違いなくサーバーにUPされているか○画像のファイル名を間違っていないか（拡張子を含め）○画像までのパスの書き方が正しいかHTMLに書いてあるファイル名とUPされた画像のファイル名が違っていたなんて事件はよく起こりますよ。

Q.19

どちらのデジカメが良いか迷っています！（デジカメ初購入です）デジカメ初購入です...

どちらのデジカメが良いか迷っています！（デジカメ初購入です）デジカメ初購入です。ＣａｎｏｎＩＸＹ５１０ＣａｓｉｏＥｘｚ３３０で迷っています。（店舗で、「初心者に使いやすくて今オススメのデジカメはどれか」と聞いたら、すすめられました。）外観・値段はどちらも良いと思っています。光学ズーム倍率・液晶モニターサイズはＣａｎｏｎの方が大きくて良いかな、と思いました。質量はＣａｓｉｏの方が軽くて良いかな、と思いました。「写りの綺麗さ」はどちらの方が良いでしょうか？初心者なので、難しい設定はできないので、オートで綺麗に撮る性能が、より高いカメラが良いと思いました。同じくらいならＣａｎｏｎにしようと思っていますが、それぞれのホームページを見ると、Ｃａｎｏｎは、カメラの特徴のページに、デザインの美しさと液晶画面の使いやすさをアピールしてるのに対し、
http://cweb.canon.jp/camera/ixyd/510is/feature-design.htmlＣａｓｉｏは、風景も人も綺麗に撮る点をアピールしていている点が気になります。
http://dc.casio.jp/products/ex_z330/features.html画素数はどちらのカメラも１２１０万画素で同じです。どちらのカメラの方がオートで綺麗に撮れる性能が高いか教えて下さい！

A.19

どちらのデジカメが良いか迷っています！（デジカメ初購入です）デジカメ初購入ですのベストアンサー

オートも手振れ補正もcanonのほうが性能高いです。理由①…casioはオートで6つのシーンを認識するのに対し、canonは18個のシーンを認識し自動で最適に細かく設定してくれる。理由②…手振れ補正はcasioはccdシフト式に対し、canonはレンズシフト式なので手振れ補正能力が高いです。おまけにキャノンの方が写真のノイズが少ないのでオススメです。

Q.20

Mac OS X Leopardを使用しています。WindowsXP暦がかなり長かったので、やはりMacに...

Mac OS X Leopardを使用しています。WindowsXP暦がかなり長かったので、やはりMacに馴染めません。自分が現在使用しているソフト全体を考えてメモリとHDDの容量はどのくらいのを選べば良いのか教えて下さい。Macの使い方もかなり解ってきたのですがMacを何故使用しているのかが分からなくなり、Macにチャレンジしたく購入しましたが、やはり自分にはMacが向いてないみたいです。持っている使用ソフトがWindowsXP対応のばかりなので、Parallels Desktop5を使用しWindowsXPも使用しています。WindowsXPで主に使用しているソフトは、Photoshop5とmacromediaFlash3とDreamweaver3とIllustrator8とホームページビルダー8です。新しいMac版の上記ソフトを購入出来れば良いのですが、値段が高価なので手が出ません。ホームページもブログもデザインを作成しアップしたりしています。WindowsXPでは他にWord,Excelも使用しています。他にはMacのiTunesに曲が4000曲以上入っています。それとCanonのプリンターもインストールしてあります。iPhotoには写真が2000枚くらい入っています。自分でいろいろ調べたのですが、Windows 7 Professional、Enterprise、UltimateのみだとWindows XP Professional SP3 が仮想環境で使用出来ると知りました。ですが自分がParallelsで使用しているのは、Windows XP HomeEdition SP2 なんです。（これしか持っていないので。）そこで通販のパソコンショップでカスタマイズして注文出来るPCの購入を考えています。使用ソフトをPhotoshop5とmacromediaFlash3とDreamweaver3とIllustrator8とホームページビルダー8とWord,Excel、iTunesの曲の4000曲以上、Canonのプリンターもインストールし、写真も2000枚くらい入れたとすると、WindowsXPだとメモリとHDDはどのくらいの容量を選べば良いでしょうか？後はお薦めのCPUも教えてください。出来れば処理速度は速い方が良いのですが。カスタマイズ出来るPCだと後から自分でメモリやHDDを変える事も知りましたが、上手く成功するか不安なので最初からカスタマイズで選んでおきたいんです。すごく初歩的な質問で申し訳ないのですが、どなたか教えてください。よろしくお願いします。お薦めの通販パソコンショップなども教えて頂けたら嬉しいです。追記；今は有線でネットを繋いでいます。無線機能も付いていると良いと思っています。IEEE1394も搭載していると嬉しいです。予算は45000円くらいまで考えています。

A.20

Mac OS X Leopardを使用しています。WindowsXP暦がかなり長かったので、やはりMacにのベストアンサー

WindowsXP(32bit版)自体が、2GBのメモリしか利用できません。起動オプションで変えても、最大3GBです。また、アプリケーションへの割り当て可能メモリが2GBです。よって、WindowsXP機として考えた場合は、4GB以上のメモリ搭載はあまり意味がありません。それと勘違いされている可能性がありますが、Windows7上でXP用アプリを動かす仕組みです。これは、Windows7上にVirtualPCがあり、VirtualPC上にWindowsXPがあるという状態です。そのXP上でXP用アプリが動作する、という仕組みです。したがって、動作はXP単体より明らかに遅くなるはずです。XPへのダウングレードの選択ができて、かつWin7インストールディスク付属、というのが、ベストな選択肢かと思われます。

　　

トップページ