新人求助，這類設計圖紙該如何切片構圖。_html/css_WEB-ITnose

回復討論(解決方案)

我估計看到明顯樣式是你的樣式沒調整好。
各種瀏覽器的CSS兼容確實很討厭，耐心一點吧，呵呵

我估計看到明顯 接縫是你的樣式沒調整好。
各種瀏覽器的CSS兼容確實很討厭，耐心一點吧，呵呵

我估計看到明顯接縫是你的樣式沒調整好。
各種瀏覽器的CSS兼容確實很討厭，耐心一點吧，呵呵

不是樣式沒調整好。我說的接縫是指的兩個圖片銜接處有肉眼可見的色差，應該就是切片時候產生的

自動切片有時候是會有點問題。所以很多美工不會用自動切片功能，而是自己手工切，就是按像素去對位切分。

按層就太費勁了。
按塊的話，很容易啊，結構其實很簡單。看看美工教程吧。

另外這個頁面，視覺設計很成問題，居然通過了，看來老總和總監都很好說話啊。

自動切片有時候是會有點問題。所以很多美工不會用自動切片功能，而是自己手工切，就是按像素去對位切分。

按層就太費勁了。
按塊的話，很容易啊，結構其實很簡單。看看美工教程吧。

另外這個頁面，視覺設計很成問題，居然通過了，看來老總和總監都很好說話啊。

我就是用手工按像素去對位的啊-。-
還有。這個頁面的問題怎么改進？
通過的原因是整個公司都是搞電氣的，對WEB一竅不通，整個項目從規劃到設計到開發到測試運營就我一個人。。

放棄ie6吧，這玩意太難搞了

放棄ie6吧，這玩意太難搞了

看這個網站的人主要都是電氣領域。隨便找個電腦或者公司電腦什么的。很多都是IE6，不考慮不行啊。

如果部考慮 后期的風格變換 可以考慮 直接的 用整圖做背景 其他的絕對定位

http://download.csdn.net/detail/stongyann/4172822 另外 PNG 的是可以處理的 。你可以理解為這是我再做廣告，但是確實有效。我是自己 測試過的。

如果部考慮 后期的風格變換 可以考慮 直接的 用整圖做背景 其他的絕對定位

整圖做背景的話 載入速度會不會很蛋疼？

通過的原因是整個公司都是搞電氣的，對WEB一竅不通，整個項目從規劃到設計到開發到測試運營就我一個人。。
那就不必自己給自己找麻煩了。理論上技術者是應該能做得更好就做到更好，但現實中還得相對地看。先簡單搞一個就可以。但為了不讓領導過后看著覺得跟人家比總好像有點差距，產生想換人的心思，你可以有時間再準備一個稍好的方案，在覺察領導有點那情緒時先拿給領導看看，讓他看到你的能力是持續進步的，以后他就放心了。開始一次性地做到“質量在幾年內保持領先”，過后沒活干吃虧的反倒是自己。我只是覺得你不用愁自己目前能力了，和他們的WEB經驗和眼光比你還是超出的。

引用 6 樓 的回復:
放棄ie6吧，這玩意太難搞了

看這個網站的人主要都是電氣領域。隨便找個電腦或者公司電腦什么的。很多都是IE6，不考慮不行啊。
呵呵，我以前在這領域干過，知道他們確實就這樣的，IE6不僅要管，而且還得作為主要對象。

接縫色差的問題，還是和切圖的經驗方法有關。要看怎么劃分，然后在切的時候根據情況注意一些事項或做一些必要處理。

另外，為消除CSS盒模型差異導致的微小縫隙，
* {padding:0;margin:0;}
也要加在或外部CSS中。

引用 9 樓 的回復:

如果部考慮 后期的風格變換 可以考慮 直接的 用整圖做背景 其他的絕對定位


整圖做背景的話 載入速度會不會很蛋疼？ 你可以把圖片 按最小的 大小存儲 比如 GIF 的就相對小點。

這個頁面真炫呀~~~~
呼呼

對你樓主你也是一個人呀,我也是一個人在公司了負責，全是我一個人搞....對于上面的問題: 你們那里應該有美工吧. 這樣吧。 要美工先把這背景圖片弄出來，至于首頁 、 登陸和中心公告這一塊就不要變背景了。重新截圖....后面就要美工把圖片給你自己做了....

恩，對了，還有對于兼容問題： ie 6 上面的大俠說的對放棄對他的測試。 我也是...做出網站不兼容ie6 。就測試下 i7 以上 加上火狐 谷歌 就行了.....

實在要ie 6用 css hack 可以，就是有點麻煩

對你樓主你也是一個人呀,我也是一個人在公司了負責，全是我一個人搞....對于上面的問題: 你們那里應該有美工吧. 這樣吧。 要美工先把這背景圖片弄出來，至于首頁 、 登陸和中心公告這一塊就不要變背景了。重新截圖....后面就要美工把圖片給你自己做了....
很明顯，樓主比你還慘，有美工也只是軟件美工，不懂WEB美工應該做的，而且切圖還有些經驗性的東西，不是表面一想那么簡單。

ie6不能不管，但在不是特別熟悉的情況下，也用不著費力去做 css hack ，可以用現成的CSS/JS框架和JQUI,EXTJS，YUI等界面庫。

css框架的特征
1.抽象出常用的css樣式,高再可用性,高移植性 　　
2.有固有的定義,詳細的文檔及開發特點 　　
3.高兼容性,可以兼容流行的瀏覽器 　　
4.以css為主,但不一定全部是css,可能有一些js(或者其他)腳本用于兼容瀏覽器

常用的css框架:
1. 960g
2. YUI 2: Grids CSS
3. Blueprint
4. BlueTrip
5. Elastic CSS
6. Easy
7. EZ-CSS
8. Tripoli
9. CleverCSS
10. SenCSS

對你樓主你也是一個人呀,我也是一個人在公司了負責，全是我一個人搞....對于上面的問題: 你們那里應該有美工吧. 這樣吧。 要美工先把這背景圖片弄出來，至于首頁 、 登陸和中心公告這一塊就不要變背景了。重新截圖....后面就要美工把圖片給你自己做了....

很杯具。。我比你更慘。連這個設計圖紙都是我自己畫的。。如果有美工 我也不用在這里問了。

引用 15 樓 的回復:
對你樓主你也是一個人呀,我也是一個人在公司了負責，全是我一個人搞....對于上面的問題: 你們那里應該有美工吧. 這樣吧。 要美工先把這背景圖片弄出來，至于首頁 、 登陸和中心公告這一塊就不要變背景了。重新截圖....后面就要美工把圖片給你自己做了....

很明顯，樓主比你還慘，有美工也只是軟件美工，不懂WEB美工應該做的，而且切圖還有些經驗性的東西，不是表面……

謝謝你的建議。
另外我還有個問題。

如果我分塊切片的話 用絕對定位是能拼在一起，但是如果瀏覽器分辨率大于1024*768的話，整體頁面顯示就會不是居中的了。但是我用表格或者div做最外層，讓其居中。然后其他div相對定位，就會出現各個圖片無法拼接的現象。

這種情況怎么解決。

引用 11 樓 的回復:

引用 9 樓 的回復:

如果部考慮 后期的風格變換 可以考慮 直接的 用整圖做背景 其他的絕對定位


整圖做背景的話 載入速度會不會很蛋疼？
你可以把圖片 按最小的 大小存儲 比如 GIF 的就相對小點。

我這圖儲存成最小格式的話，效果慘不忍睹。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com