软考结束后,学了几天的J2EE,然后米老师通知临时改变学习计划,因为接手到LN公司的一个企业管理网站的项目。因为学习软件之前,吉庆、袁福彪、黄爱岗和我学过一个学期的多媒体知识,所以做前台界面的任务就分配到了我们四个人身上。然后其他人负责对我们做出来的页面进行连接到数据库的后台测试。

说说一个星期以来做界面的过程和感受。

之前虽然接触过一些Dreamweaver的东西,但也只是个皮毛,没有真正的用它做过像样的网页页面。所以刚开始接到这个任务的时候还有些不知从何下手,后来米老师给了一些Dreamweaver的学习视频,给了两本javascript的电子书。我先挑了一个简单的看了看,发现没有什么新鲜的,原来自己可以直接看中级的。因为初级的就是挨个讲Dreamweaver中的各种工具的使用,和软件开发接触过的开发IDE中用到的工具差不多。

Dreamweaver CS5的功能真的很强大,相对于Dreamweaver8增加了好多新的功能,以前需要在Dreamweaver8中用代码实现的,现在做成工具直接就可以使用了,用着很爽!

接下来,我们界面的任务也进行了分工合作,各种分工,各种合作,嘻嘻……这就是团队的好处,一个知识点一个人研究透了,其他人看着他演示一遍也就OK了,然后我们相互演示自己研究的那一部分,相互学习。所以页面从第一天的毫无头绪到第二天的可以上手了。

再做的过程中,也走了一些弯路,比如说,面对十几个页面差不多相同的情况下,我们没有使用模板,到吉庆研究了模板之后才把第一次做的页面改成用模板控制的。其实,我们完全可以在最开始的时候,认真系统的分析一下各个需求,然后发现他们的共性,然后再想到用模板去实现,然后去学习怎么使用模板,最后再倒过来,用模板控制实现页面,这样既省时又省力。把面对需求变动导致所有页面的多次改动变成模板或页面的一次或少次改动。看来我们虽然明白磨刀不误砍柴工的道理,但是还是没有达到到底什么时候该磨刀的境界。

后来页面初步做完了,我就负责javascript验证表单的为空和格式这一块,再然后就是用javascript控制页面中所有readonly=”true”的表单的颜色为灰色,用了一天的时间,在网上查了关于这方面的好多资料,试验了好几种方法,最后还是没有成功。不过还是找到一种写法,就是需要在每个需要控制的表单都加上一个统一的符号(需要控制的表单的name都统一,然后用id作为控制项),不过这种方法实现起来有些繁琐,相对于我们已经实现的页面的改动稍微大一些。所以没有采用这用方法。后来用css的方法控制了,原来用css一句话就可以搞定。

在后来就是用javascript验证为空和验证特殊表单输入格式是否正确。这个没有什么难度,查阅了网上的资料都一一的实现了。困难的是将这些验证按照我们的实现方法去调用,即点击一个按钮,实现网页中的所有需要验证的表单一一进行验证,然后每次提示一个没有验证的表单。这样的效果客户不会感觉很烦。为了实现这样的效果想到了用循环遍历,用编程语句中三大结构中的选择结构,目前这种思想的javascript写的Demo已经实现,针对不同页面实现还有些困难,还需要进一步研究。通过javascript做验证也深刻体会到了一个道理:对于编程来说基础很重要,更重要的是怎样将这些零碎的基础按照客户需求和自己的构思去灵活运用,以实现客户的需求。这或许也就是我们经常说的编程经验吧。

现在页面做出来了,得到了用户一定的认可,想想也没有什么困难的,不就是模板一做,拖拖拽拽,用css+div+javascript一控制,简洁而大方的页面就出来了么?和以前在visual studio中没什么两样,呵呵……想想最开始束手无策的样子,到现在灵活自如去画出每个页面,或许学习收获的就是这个过程吧。

嘻嘻……

转载于:https://www.cnblogs.com/CharmingDang/archive/2011/11/25/9663975.html

Dreamweaver做网页相关推荐

  1. html怎样设置下一页,用Dreamweaver做网页 如何设置“下一页、上一页”?

    用Dreamweaver做网页 如何设置"下一页.上一页"? ") Sub PageControl(iCount,pagecount,page,table_style,f ...

  2. php做网页的表格,dreamweaver做网页实例教程 利用表格美化页面

    在浏览网页的时候可以发现,很多用于网站排版的表格都是经过美化处理的,这些表格不仅起了布局排版的作用,而且在很大程度上美化了网页,使网页看起来更加漂亮.新颖. 效果说明 利用表格美化页面的方式有很多种. ...

  3. dw用html表格做网页,用Dreamweaver制作网页的技巧

    用Dreamweaver制作网页的技巧 导语:Dreamweaver是制作网页最常用的一个工具,下面就由小编为大家介绍一下用Dreamweaver制作网页的技巧,欢迎大家阅读! 1.灵活运用样式 熟悉 ...

  4. 做网页是用dw还是html,教你如何用Dreamweaver制作网页以及保存网页的方法--系统之家...

    如何用Dreamweaver(DW)制作网页并保存网页呢?我就在这里教给大家最基础的创建网页和保存网页的方法教程,希望能帮到有需要的朋友. 启动软件后,在左上角点击[文件],在下拉菜单中点击[新建]. ...

  5. dw cs6 html建站点,dreamweaver cs6网页中制作锚点链接的教程方法

    部分网友刚刚下载使用dreamweaver cs6的朋友们,可能还不是很熟悉其中制作锚点链接?下面这篇内容就为你们带来了dreamweaver cs6网页中制作锚点链接的教程方法. dreamweav ...

  6. 【经典之作】做网页经常用到的代码集合2

    做网页经常用到的代码集合2 26.图片渐渐显示   说明: 图片渐渐显示   代码: <img src="UploadFiles/200601/20066404225734.gif&q ...

  7. Dreamweaver 1 网页制作

    1.站点 1.1 创建站点 点击菜单栏中站点进行站点创建,输入站点名称,路径 1.2 设置图像文件夹 1.3 站点管理 站点的编辑.复制.删除 2.页面属性栏 2.1 外观 1.设置页面整体的字体.大 ...

  8. dreamweaver html设计,如何用Dreamweaver设计网页

    如何用Dreamweaver设计网页 Dreamweaver使用响应迅速的 CSS3 自适应网格版面,来创建跨平台和跨浏览器的兼容网页设计.利用简洁.业界标准的代码为各种不同设备和计算机开发项目,提高 ...

  9. dreamweaver html设计,怎么用Dreamweaver设计网页

    怎么用Dreamweaver设计网页 1.灵活运用样式 熟悉网页设计的同学就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素 ...

最新文章

  1. 简述nodejs、npm及其模块在windows下的安装与配置
  2. 42张图详解 NAT : 换个马甲就能上网
  3. Hightchart y轴不允许显示小数
  4. 软考信息系统项目管理师_项目进度管理2---软考高级之信息系统项目管理师014
  5. 亲测!这款耳机性价比堪比 AirPods
  6. HDU2526 浪漫手机【模拟】
  7. 文件上传之multer
  8. C#使用PDF控件打开PDF
  9. imx6 android 最新,【iMX6Q-Android6.0】---移植 iMX6Q android6.0 源码 史上最详细
  10. 如何写好小论文论文摘要
  11. 深度学习应用于脑电信号处理
  12. php自动驾驶面试题,一篇文章看懂“L0-L5”,自动驾驶分级标准最强解读
  13. 10分钟看完,一文教你Docker 从入门到精通(值得收藏的教程)
  14. 163邮箱开启SMTP权限
  15. LeetCode 13 罗马符号转化为数字(难度: Easy)
  16. SpringBoot使用druid的密码加密
  17. Collection
  18. 指向 类成员函数 的 函数指针
  19. 计算机等级考试一级B的要求,计算机等级考试一级B考试要求及注意事项二
  20. 麦肯锡新报告《在元宇宙创造价值》, 2030 年元宇宙的价值可能会增长到 5 万亿美元

热门文章

  1. pdd本质上来说,没有什么壁垒
  2. 无论你是用什么样的模式去拓展市场
  3. 对中小电商卖家来说,找1-2个靠谱的供应链,不需要多
  4. 为什么程序员有外包经历,面试就像有污点一样的存在?是这样吗?
  5. oraclize预言机资料
  6. 几种常见的分布及其性质
  7. 限制内核printk的打印频率
  8. cds5516舵机控制程序_[电力世界]中的应用程序CDS
  9. t-sql语句插入_T-SQL的本机大容量插入基础知识
  10. Microsoft SQL Server数据库部署过程