您的位置: 首页 > 技术文档 > 网站建设 > 网站设计制作开发漫谈
微软免费企业邮局申请教程 回到列表 IIS排错指南及错误代码大全
 网站设计制作开发漫谈

作者:linfuping521 时间: 2005-11-18 文档类型:原创 来自:找找吧

第 1 页 网站设计制作开发漫谈 [1]
第 2 页 网站设计制作开发漫谈 [2]
第 3 页 网站设计制作开发漫谈 [3]

网上关于DREAMWEAVER使用的文档很多,其实这些专业性的软件各人有各人的用法,但是有一点,每个人所用到的功能都只是软件所有功能的一小部分,其实软件越做越大,如果可以再有针对性的分成几个部分就好了,比如DW就可以出“网页排版专用”“可视化代码编写专用”“可视化CSS编写专用”,哈,个人见解,回到正题。

当网页在PS中输出成HTM或者HTML格式以后,就会在你所设定的输出文件夹出现一个index.htm或者index.html加上一个图片文件夹,这里就以生成index.htm为例,PS输出的默认的网页文件名字就是你的PSD源文件的名字+htm/html,而切成分片的图片都放在index.htm同级下的images文件夹下,而图片的命名默认是以你所生成网页的文件名,这里面假如是index.htm,那么images文件夹下的各个切片图片的命名就是index_01,index_02……等,当然,这段中我所说的都属于PS输出设置里面,如下面两图所示。在里面可以详细设置PS输出WEB格式文件的各个选项,正常不用这一步,用默认设置就可以了。


点击上图看完整大图


点击上图看完整大图

DW开始,哈~~~,打开DW,首先新建一个站点,当然,前提你要记住你从PS里面输出的网页文件夹的位置(不记住是不可能的)。直接进行高级设置里面,如图所示位置为“站点名称”和“选择站点所有位置”,就是PS输出的网页文件夹。其它默认,这样,站点就建完了,假设我建的站点是“找找吧”。


点击上图看完整大图

完成上面这步“建站点”的工作后,就可以在右边的“文件”栏里面看到自己这个站点的文件了,如下图:分别是站点名称和站点的位置以及资源管理器式的站点文件目录。


点击上图看完整大图


点击上图看完整大图

然后双击index.html文件打开,就会看到一个已经自动生成的在一个大的表格里面的网页文件,如下图:


点击上图看完整大图

下面我们要做的首要工作是将这个大表格根据自己的布局拆分成几行单独的表格,由于我这个网站的布局影响,我将其拆成上下两部分。为什么呢?因为在浏览器打开一个网页是,是在装载完成一个整的表格<table>才显示出来,如果将整个表格大的方面分成上下两部分的话,那就可以在打开这个页面的时候上面的部分装载完成后立刻显示,而不会因为下面的部分需要装载时间长一些而影响了上面的优先显示出来的效果。所以大家在看大的“门户”页面时候,比如蓝色,是从上到下一块一块出来的。

具体拆分方法如下,以我这个页面为例,拆分要参照PS里面的切片布局来拆,数几行几列,我这个页面先做上面的表格,是6块,可以用一个3*3的表格来布局,第3列和第2行合成一个表格。就OK了。如下图:


点击上图看完整大图

在代码布局空口里面应该是这种效果:


点击上图看完整大图

而PS直接输出没有经过“DW表格布局”的代码是这种效果:


点击上图看完整大图

啊,今天就到这儿吧,DW这个部分不太好叙述,大家有不明白的地方请跟贴留言,多多谅解,下次咱聊一下整站“通用CSS”的添加、“动画留位”、“文字留位”,那就是DW的下篇喽。

待续~~~~~~~~~

出处:找找吧
责任编辑:moby

上一页 网站设计制作开发漫谈 [1] 下一页 网站设计制作开发漫谈 [3]

◎进入论坛网站综合网页制作版块参加讨论

相关文章 更多相关链接
国内首家中文GoLive CS2视频教程
简单说说UI的设计原则
有中国特色的网站首页
国内设计新锐作品赏析—Rokey
国内设计新锐作品赏析—北邦
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
周大福“敬•自然”设计大赛开启
国际体验设计大会7月将在京举行
中国国防科技信息中心标志征集
云计算如何让安全问题可控
云计算是多数企业唯一拥抱互联网的机会
阿里行云
云手机年终巨献,送礼标配299起
阿里巴巴CTO王坚的"云和互联网观"
1499元买真八核 云OS双蛋大促
首届COCO桌面手机主题设计大赛
栏目最新 栏目最新列表
浅谈JavaScript编程语言的编码规范
如何在illustrator中绘制台历
Ps简单绘制一个可爱的铅笔图标
数据同步算法研究
用ps作简单的作品展示页面
CSS定位机制之一:普通流
25个最佳最闪亮的Eclipse开发项目
Illustrator中制作针线缝制文字效果
Photoshop制作印刷凹凸字体
VS2010中创建自定义SQL Rule
>> 分页 首页 前页 后页 尾页 页次:2/31个记录/页 转到 页 共3个记录 分享按钮

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
网站可用性测试及优化指南
《写给大家看的色彩书1》
《跟我去香港》
众妙之门—网站UI 设计之道
《Flex 4.0 RIA开发宝典》
《赢在设计》
犀利开发—jQuery内核详解与实践
作品集 更多内容

杂⑦杂⑧ Gold NORMANA V2