• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 网页设计心得 高效编写网页代码

网页设计心得 高效编写网页代码

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含网页设计,高效编写等相关知识,佚名 希望在学习及工作中可以帮助到您
本来这第七章应该是针对设计中的层次、空间的技法及深层次的探讨。但今天暖暖跟我哭诉她事情总是处理不完。加上今年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还要小.
    其实要说的是,代码状态操作,很多时候效率是最高的!
  如果客户提供给你的内容,不全,或不完整,这种情况则不在我的考虑范围内.这是前期工作.如果不知道怎样处理合适,请翻阅我的前六章内容.

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

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

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

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

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

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

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


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

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

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

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

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

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

您可能想查找下面的文章:

  • 网页设计与西方建筑的发展历程有何相似之处
  • 创业公司精雕细琢的17个优秀网页设计
  • 黑白灰低调大气范的网页设计欣赏
  • 网页设计师必须get的7项技能
  • 自适应网页设计是怎么做到的的相关知识点总结
  • 网页设计中常见的错误小结
  • 2013年网页设计UI最热趋势 最流行的UI设计
  • 自适应网页设计的方法(手机端良好的访问体验)
  • 网页设计中的6个小技巧分享
  • 回顾2012年度最佳网页设计作品分享[上篇]

相关文章

  • 2018-08-23如何设计更高效的筛选器?来看网易设计师的总结!
  • 2018-08-23腾讯设计师:我做设计这七年里的心态变化
  • 2018-08-23实战改版经验!我们是怎样设计Foursquare Swarm 5.0的?
  • 2017-08-06html自适应表格的方法
  • 2018-11-02打包 React 项目
  • 2018-08-23AI教程!教你绘制深夜加班的场景插画
  • 2018-08-23已然成熟的卡片式设计,遵循着怎样的设计规则?
  • 2018-08-23不懂服务设计?看看它的演变历史你就知道了!
  • 2018-08-23AI教程!6分钟快速上手酷炫的潘洛斯三角
  • 2017-08-06负margin功能介绍及用法总结

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 如何绘制功能性图标?来看资深设计师的全面总结!
    • Web实现点击图片弹出上传文件窗口代码
    • 设计实战!扁平风的手机赛车游戏UI界面是这样设计的
    • 这些属于未来的UI形态,距离我们已经越来越近了
    • 无论趋势怎么变,掌握这些设计节奏就不怕过时!
    • 让设计不再是小透明!超全面的用户引导设计指南
    • 分享10个最新的Web前端框架(翻译)
    • Web数据存储浅析 Cookie、UserData、SessionStorage、WebSqlDatabase
    • 新鲜出炉!2018年的用户体验设计趋势(下)
    • 网页小空间大图片的放置

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有