Dreamweaver:從網頁模版切圖到網頁生成全攻略
2007/1/19 22:16:04
鑒于很多朋友問到如何切圖這個問題,又鑒于這個問題可大可小,一兩句話是絕對講不清楚的,所以今天有空閑在家里就舉一個簡單的例子來說明這個問題吧!OK,讓我們開始:
step1:在Photoshop中打開設計稿,如下圖
選擇工具板上的slice切片工具,先大刀闊斧的切上一番!技巧: 大面積的色塊單獨切成一塊,盡可能的保持在水平線上的整齊(這個問題你們在后面的制作頁面中深有感觸)切好的圖如下所示:
step2:在PhotoShop中選擇file-save for web...來輸出,這里要注意一些參數的選擇:
我們來看看紅線所標識的1,2,3部分,將1所示的切片工具選中,然后點選2所示的圖片,在3所示的地方選擇色值,如果色彩單一可以選擇盡量小的色值位;(為什么要這樣??)答案:這樣會大大減小文件的大小,同時又能比較好的保持圖片的色彩;設置好后點OK輸出文件,這里的文件包括了一個htm和images文件夾,如圖:
這里候你的頁面才算完成了一半,接下來在Dreamweaver里建立站點:
step3:定義站點:
在圖示左邊的site name中為站點起一個名字,如example
然后在下面的local root folder中選擇我們剛才導出的站點所以的文件夾;站點建好后在site map中我們看到:
(為什么要建立站點?)建立站點可以使我們養成一種很好的習慣,就是把一個網站所包含的文件,文件夾有條理的放在一起,同時我們很容易的將這個站點移動到其它地方而不用對文件路徑進行任何改寫!(當然如果你實在不想建立站點也沒人強求你,我在事際工作中就遇到這樣的同事,沒有習慣為頁面建立站點,當然后果的要麻煩少少了)
step4:重新制作頁面表格(為什么?)通常在photoshop中直接導出的htm文件是不可以直接使用的,因為有些地方在實際運用時要作調整,比如有動態文字的地方,我們需要在頁面中輸入頁不是使用圖片,那么圖片就要把它拿走,如果你在直接生成的htm中拿走不想要的圖片再加上你想要的東西,你們發現頁面將變得慘不忍睹,整個頁面可能完全亂了套!
好了,先來分析一下導出的htm文件吧:
根據這個頁面表格所示,我們在新的頁面中建立一個三行一列的表格:
注意,把cellpadding,cellspacing,border三項值設為0,這個很重要;因為圖片中我們不希望看到空隙和錯位;然后再在第一行中插入一個三行兩列的表格,并合并左邊三列的表格,如圖:
下一頁
返回列表
返回首頁
主站蜘蛛池模板:
国产一级二级在线|
女性一级全黄生活片在线播放|
亚洲六月丁香婷婷综合|
福利一区在线观看|
国产一区二区三区樱花动漫|
亚洲国产精品一区二区久久|
青青草中文字幕|
国产真实伦对白视频全集|
97久久综合精品久久久综合|
女人是男人的女未来1分49分|
中文字幕第四页|
日本激情一区二区三区|
亚洲AV无码成人精品区狼人影院|
毛片免费观看视频|
免费a级毛片网站|
美女极度色诱视频国产|
国产亚洲精久久久久久无码|
免费能直接在线观看黄的视频|
国产精品白浆在线观看无码专区|
aa级黄色大片|
好男人资源在线手机免费|
中文字幕久久久久一区|
日本三浦理惠子中文字幕|
久久精品国产精品亚洲|
欧美XXXX做受欧美1314|
亚洲图片欧美文学小说激情|
沈婷婷小雷第三次|
人妻少妇看A偷人无码精品视频|
美女久久久久久久久久久|
国产一区韩国女主播|
韩国r级2020年最新|
国产成人久久精品二区三区|
欧美日韩第三页|
国产精品一区二区资源|
2021国产麻豆剧果冻传媒影视|
国模无码一区二区三区不卡|
99精品在线视频观看|
天天干天天拍天天操|
jux434被公每天侵犯的我|
嫩草影院在线播放www免费观看
|
久久精品视频国产|