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,這個很重要;因為圖片中我們不希望看到空隙和錯位;然后再在第一行中插入一個三行兩列的表格,并合并左邊三列的表格,如圖:
下一頁
返回列表
返回首頁
主站蜘蛛池模板:
国产特级毛片aaaaaa|
成年人黄色大片大全|
国产精品视频九九九|
五十路在线播放|
特一级黄色毛片|
啊轻点灬大ji巴太粗太长了欧美|
黄色aaa大片|
国产精品亚洲精品日韩已满|
a级毛片在线播放|
性欧美大战久久久久久久久|
亚洲日韩欧美一区二区三区在线|
精品久久久久久国产91|
国产一区二区三精品久久久无广告|
99精品国产成人一区二区|
日韩午夜电影网|
亚洲国产av高清无码|
波多野结衣中文字幕一区二区三区|
动漫人物差差差动漫网站|
色哟哟www网站|
国产卡一卡二贰佰|
WWW国产成人免费观看视频|
成人av在线一区二区三区|
久久久久亚洲AV片无码
|
妺妺窝人体色WWW聚色窝仙踪|
久久久久中文字幕|
日韩不卡免费视频|
亚洲V欧美V国产V在线观看|
欧美日韩一品道|
国产AV人人夜夜澡人人爽麻豆|
好吊色在线观看|
奇米第四色在线播放|
亚洲AV无码一区二区三区人
|
国产精品久久国产精品99|
97视频在线观看播放|
天天摸夜夜摸成人免费视频|
丁香色欲久久久久久综合网|
欧美在线视频网站|
亚洲毛片基地4455ww|
色天天综合色天天害人害己|
国产成a人亚洲精v品无码性色
|
精品国偷自产在线视频|