注册本站  论坛  繁體中文

慧民电脑芯片级维修-电脑技巧
手机 | MP3 | MP4 | 显卡 | 主板 | 显示器 | 光存储 | 笔记本 | 网络设备 | 移动存储 | 数码相机
键鼠 | CPU | 音箱 | GPS | 电视 | 服务器 | 投影机 | 机箱电源 | 品牌电脑 | 办公打印 |
| 网站首页 | Cisco | Windows | Linux | Java | Dotnet | Oracle | 网页设计 | 平面设计 | 安全 | 软件应用 | 电脑维修 | 办公维修 |
您现在的位置: 电脑技巧 >> 网页设计 >> 心得技巧 >> 网页设计正文

页设计教程(7):提高网页制作效率

文章来源:weilaixu 作者:佚名 更新时间:2008-10-8 16:00:58 【 】 【加入收藏

上一篇:网页设计教程(6):要保持设计激情。

本来这第七章应该是针对设计中的层次、空间的技法及深层次的探讨。但今天暖暖跟我哭诉她事情总是处理不完。加上今年3·4月份公司的一大堆生意的顺利完成。以及那时候总结出的一些经验。觉得效率这个问题还是很有必要跟大家分享分享的。时间仓促,分类不明确,还请见谅!

本文从三个方面着手,一个是企业网站的建设(教育政府类也归纳到企业站点里),二是小型门户站点的建设,三呢,我把平面广告设计也顺带提一点。主要还是网站。

其实企业站点的工作量并不大,相信很多有经验的同仁能够把普通企业站可能用到的栏目一口报出来。在这里我们换个角度来看待这些工作。从页面的内容构成上来针对他们进行分类:

一:首页。
这里的设计含量是最高的。工作也是最繁复的。暂且不谈设计。从ps版到html,到最后的整站。往往修改最多的就是首页了。在这里我要强调的是,从首页开始,注意使用包含文件

二:分页。
分页有几类呢?在我看来,无非是list和view,列表页和阅读页。list一般是新闻列表,或图片列表。而view,则完全只需要一个!

所以,在构建一个普通的企业站的时候,上述三个页面完成了,工作基本已经完成1/3了。还有程序,以及内容录入。

纯动态的站点。内容录入很简单。但如果是有着大量静态页的站点,比如教育类和政府类的站点。当然,也有相当一部分原因是从公司角度或程序员角度来考虑,将简介之类的很长时间才更新一次的页面做成静态的。另外一种情况则是内容内包含大量的图片、特殊符号、公式、表格等。哪怕是再强的编辑器编辑起来也很麻烦。使用dw效率可能会更高。到这里,我的经验才真正的表述出来。
    先说一下大量的文字录入,先定义好你的P,记得缩进2em,因为很多人很注意这一点。也必须注意到这一点。相信大家都开着qq,大量的文字,无论是从word还是记事本,直接copy,贴到qq对话框里再复制一次,去除多余的东西,然后到dw的代码状态。记住,是代码状态粘贴。这个时候,代码状态依然保留了原有的段落,而预览则是不分段的,这个时候,你的P,就开始大显神威了。开始的地方<p>,结尾的地方</p>,中间的段落则复制"<p></p>"直接粘贴.不需要你再去按回车,也不需要按着ALT+SHIFT+空格了!!!
  说表格,在编辑器里插表格,效率总没在DW里高吧.好,那就在DW里画表格,然后复制代码,到编辑器的代码状态去粘贴.效果那是一个好啊....
  说复杂的内容,有表格有特殊符号有公式有大量的文字有表格还有图片.而且相当的长.怎么办呢?我向你推荐一个小软件,叫FLASHPAPER,它可以直接在word内,将所有的内容转换成一个带滚动条的swf文件.相当多的情况下,体积比你在dw里一点一点编辑出来的html还要小.
    其实要说的是,代码状态操作,很多时候效率是最高的!
  如果客户提供给你的内容,不全,或不完整,这种情况则不在我的考虑范围内.这是前期工作.如果不知道怎样处理合适,请翻阅我的前六章内容.

***************************讲述制作与设计的分割线*****************************

其实呢,有很多同仁花在设计上的时间是最多的。而企业站点一般也没多少内容。我想,你看一下我的的前四章。会对你的设计有很大的帮助。其余的不再做赘述。只是再强调一下积累。只有不停的积累,才会不断的进步。第四章关于素材里,我这样说过:

当你看到某一张图片的某一个部分,脑袋就开始闪光,你发现你可以完全从这一部分出发设计出一套的东西。

当你接到一个任务,脑袋就像硬盘一样,把你机器里跟这个任务相似类似的甚至可以直接拿过来用的那些内容自动打包。

当你要做某样东西,你的硬盘里哪些可用的字体哪些可用的花纹哪些的可用的小图标自动浮现在你的脑海里。

当你要做某样东西,这个时候你在赶路,你在骑车,你立刻就能想到哪个哪个网站上什么什么素材可以拿过来用。

当你看到某个站,你可以立刻进行引申,张口就说出哪个哪个站跟这个结构类似,哪个哪个站跟这个风格接近。。。


这几条都能做到了,设计对你来说还是难事么?

设计,其实是一个不断积累的过程。

***********************特别强调的分割线************************

再强调一句,包含文件,可以再包含一个甚至多个包含文件........理解这句话,会让你在做那些静不静动不动的网站的时候省很多力气!

***********************网站设计的根本的分割线*********************

这个话题我以后会更深入的探讨。网页设计的那点事。无非是图文混排的那点事。

*****************************************************

  • 上一篇网页设计:

  • 下一篇网页设计:
  • 最 新 热 门
     ireworks制作多样式实用网页按钮
     ireworks简单绘制甲壳虫小轿车
     ireworks仿真绘画质感金属球
     ireworks快速制作带血的金属刀具
     ireworks教程:果冻水晶字
     ireworks教程:gif动画图片批量增加水印
     ireworks教程:美女照片超绚背景
     ireworks教程:3D旋转gif动画
     ireworks教程:制作粉色恋人闪字
     ireworks CS3教程:切片工具切网页模板
    最 新 推 荐
     国网站用户体验排行榜
     计理论:以人为本的绿色设计
     结网页设计制作的一些通则
     页设计关于超级链接的设计原则
     页制作关于HTML格式和长文件的建议
     页布局的9个建议
     页页面设计的4个实用建议
     页内容页面制作的9个实用建议
     页设计经验谈:自以为是的网页设计者
     页制作过程中代码注释书写规范
    相 关 文 章

    结网页设计制作的一些通则
    页设计关于超级链接的设计原则
    页页面设计的4个实用建议
    页设计经验谈:自以为是的网页设计者
    页设计中的栅格系统
    页设计教程(8):网页层次和空间设计
    里巴巴中秋logo结合网页的设计过程
    页设计教程(6):要保持设计激情
    页设计教程(5):网页视觉设计
    页设计要有目的有思路和想法与坚持

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告

     

    Copyright 2006-2008 pcjx.com All Rights Reserved
    电脑技巧 版权所有 粤ICP备06059145号 地图
    门市地址:广东省佛山市南海区黄岐黄海路133号
    本网站所有内容未经许可不得转载或做其他使用