*爱闪教程ps+dw联合打造精美内页5-6节(终结篇)
-------------------------------
^_^爱闪教程-设计类Photoshop+Dreamweaver多媒体教程系列之 联合打造精美内页 5-6
-------------------------------
安装文件下载地址:http://www.flansh.com/Down/mlesson/fanpsdw5-6.exe
总大小:243M 总时间:145分 难度:☆☆☆☆☆
因版权与空间等问题,爱闪免费版教程多数限期下载,过期请加QQ359881688索取更多教程。
此外,欢迎多提建议,我真诚期待并接受每位热心朋友的衷告,感谢!
浏览导航:
1 设计前的策划 ----psdw1fan大小:3.742M 时间:2.29分
2 在PS设计界面----psdw2fan1大小:67.463M 时间:46.24分
----psdw2fan2大小:29.194M 时间:19.41分
3 切割页面----psdw3fan大小:14.278M 时间:9.27分
4 在DW中编辑本页----psdw4fan大小:48.671M 时间:27.29分
5 在DW中存为模板----psdw5fan大小:60.371M 时间:30.26分
6 测试并上传----psdw6fan大小:14.331M 时间:9.02分
制做步骤:
1 设计前的策划 ----psdw1fan大小:3.742M 时间:2.29分
1.1页面的风格,类型,颜色,按浏览习惯设计布局,栏目的划分及排列等
栏目: 艺术馆简介 交易平台 馆藏作品 推荐画家 名家探访 联系我们 友好链接
1.2在纸上策划内页的草图,包括绘制每个细节,养成良好的设计前的草图习惯,对于把握全局很有帮助
1.3准备素材,包括设计和制做中用到的企业简介型的文字和展示及产品的图片等全部准备好
2 在PS设计界面----psdw2fan1大小:67.463M 时间:46.24分
----psdw2fan2大小:29.194M 时间:19.41分
打开PS开始按心中原本的构想设计每一个元素,记得精致的页子才耐看,每一个细节的刻划都不会浪费
2.1打开PS,新建778*435,架构框架图层文件夹 bk frame top content等
2.2在frame文件夹中绘制框架
2.3详细制做头部的元素,设计导航条
2.4主要内容区的卷纸效果
2.5整体检查及刻画细节,保存
3 切割页面----psdw3fan大小:14.278M 时间:9.27分
与FW类似,在切割时请遵从以下几个方面:
3.1首先要按大致的框架切割,如国字型或T字型,注意其完整性
3.2对于要输入的文字区域、大面积色块或单独的图片以及flash动画要单独切割成非图片格式的切片以备插入
3.3对于添加内容需要很长的区域要注意其伸缩性切割,若有图案要保证可以重复排列
3.4在切割时要特别认真和小心,不要空留一行或列的一个象素的间隙,要放大让切片都对齐,不留空隙
3.5其它如按钮和空白处等自动生成的切片,以及创建需要改变图片外观的切片等
4 在DW中编辑本页----psdw4fan大小:48.671M 时间:27.29分
4.1适当地调整,包括每个单元格和可输入区域
4.2可编辑区域,设置当前的单元格背景为原图片,并调整大小与其匹配
4.3加入相应的FL,创建动画 772*96
诚实、守信为立足之本
弘扬民族文化、崇扬书画艺术、促进精神文明建设
热情期盼各界朋友合作,共同繁荣中华民族的文化事业
5 在DW中存为模板----psdw5fan大小:60.371M 时间:30.26分
5.1另存切割导出的页面为模板,并^+alt+v新建可编辑区域
5.2从模板新建各页,并添加内容
5.3重新编辑模板的链接添加CSS等,保存并自动更新其它应用此模板的页面
6 测试并上传----psdw6fan大小:14.331M 时间:9.02分
6.1为首页FL添加背景音乐
6.2本地浏览测试,并修改其不当之处
6.3使用FTP选项或特殊FTP软件连接网上空间并上传本站
6.4解析域名和空间的指向,在浏览器中输入地址测试最终结果
爱闪部分教程至少保持七天免费下载,过期更换内容,可加QQ359881688索取更多教程目录,感谢购买
爱闪全套极品教程的朋友们,有了你们的经费支持才有更多的免费教程。请多提建议,您的打击和衷告
是我前进的不懈动力。感激中……
陪你到天涯 倾情制做 2005年.1
------------------------------------------------------------------------------------
三遍法则
www.flansh.com/Down/mlesson/fanfirst.exe平面构成
图片如下:
" TARGET=_blank>www.flansh.com/Down/mlesson/newplaneform.exe
图片如下:
图片如下: