论文部分内容阅读
【摘要】本文对学习过计算机课程、具有一定网页设计与制作基础的同学进行“网站设计”的必要性作了系统的分析。并针对“网站设计”设计中易出现的问题,提出了几点建议,简要概括了创建网站的几个主要环节。
【关键词】网站设计;网页;Dreamweaver
1 “网站设计”必要性的分析
1.1培养实用性专门人才
计算机网络技术是计算机技术的重要组成部分。因此,新时代的学生应当掌握网页制作和网站设计的技术,这是21世纪青年不可缺少的素质。为适应社会需要,学生必须进行“网站设计” 实际操作,掌握网站的规划、设计、制作、上传全部过程。
1.2促进所学知识的巩固和新知识的补充
笔者曾做过调查,学生通过“网站设计”,不仅仅是理论水平,操作能力也会有很大提高。学生在“网站设计”过程中会遇到各种各样的具体问题,要学会在教师积极的指导下,重视对所学知识的回顾和新知识的补充,从而产生很强的求知欲望,为此自觉发奋学习。实践证明网站设计不仅可以提高学生学习的兴趣,而且巩固了其所学的知识,将理论与实践有机结合,从而达到将所学知识综合应用的目的。
1.3培养了团队精神和创新精神
制作网页并构建网站是一个复杂的过程,在规定的计划时间内完成某一课题,必须小组分工合作才能完成任务。通过以小组的形式制作网站,可以学会如何处理工作中的协调关系和合作精神,而且培养了创新精神,为将来的工作和进一步的学习打下了坚实的基础。
2 “网站设计”前期准备
2.1 任务与要求(以Dreamweaver进行网站的开发为例)
首先综合利用所学知识进行站点策划,确定用Dreamweaver进行网站的开发。其次,在插入或者连接网页素材时,进行图象处理工作应使用Fireworks对图象进行优化处理。在制作网页效果图时,适当的载入Flash动画或JavaScript动太效果。既提高网站本身使用价值,同时又使内容新颖,美观大方,从而增加网站的浏览率和访问量。
2.2工作计划
做好工作计划是非常重要的,它是根据课题要求和课时安排,来制定课题任务进度计划的。应从以下几个方面考虑:
(1)进行社会调研和需求分析,收集相关信息。
(2)确定主题。构思整个网站的结构、画出布局图。
(3)准备网页素材,选择软件工具和参考书。
(4)以主题为中心,确定站点整体风格。
(5)具体网站创建与制作。
(6)创建超链接,调试并浏览整个网站。
(7)上传浏览网站并完成论文撰写。
3 “网站设计”的几个重要环节
3.1站点的策划
网站的策划应该以网站所要表达的主题为中心,针对所服务的对象、机构和个人的不同而具有不同的形式。但是形式与内容能完美的统一,是网站建设的重要目标。在网站制作的过程中,从网站的主题、结构、风格、布局出发,对整个网站的性能和页面进行统筹考虑,以实现形式与内容的统一。
3.2规划网站目录结构
合理地组织站点结构,能够提高整个网站的工作和管理的效率。试想当网站较大的时候,如果将所有的网页都存储在同一目录下,管理起来就会很困难。因此应合理地使用文件夹来管理文档,在一个相同的文件夹中放置相关的网页,这样的组织方式易于管理,应该养成这是一个良好的习惯。
3.3首页设计
网页作为一种视觉语言,要努力做到整体编排和布局的合理化、有序。优秀的作品,都是以巧妙、合理的视觉方式,使一些无法表达的思想以阐述,做到丰富多样而又简洁明了。
在全面考虑网站的栏目、链接结构和整体风格之后,就开始正式制作主页了。首页的设计是一个网站成功与否的关键,人们往往看到第一页就已经对站点有了一个整体的概念。首页从根本上说就是全站内容的目录,是一个索引。设计好首页,从以下几方面考虑:
(1) 确定在首页上实现的主要的内容和功能。
(2) 考虑主页要使用什么结构。是框架结构,还是单页。一般是单页。
(3) 处理技术上的细节,如:设置字体、超链接的颜色和背景等。
3.4设计页面(版面)布局
在网页设计中,设计版面的第一步就是页面布局。它就像报刊杂志一样,进行排版布局,就是以最适合浏览的方式将图片和文字排放在页面的不同位置。
版面布局可分为以下几步:
(1) 建议首先用纸和笔勾画草案,这属于创意阶段,不讲究细腻工整,不要考虑细节功能,只以粗线条勾画出轮廓即可。
(2) 在草案的基础上粗略布局,将需要的模块安排到页面上。注意,重点突出平衡谐调的原则。
(3) 将粗略的布局精细化,具体化。
3.5制作网页素材
对于网页而言,素材制作通常要花费设计者大量的时间和精力。网页的美观和细致,全看素材的整理。如制作网站标志、制作导航条、处理图片等。建议选用Fireworks,因为Fireworks可以创建、编辑位图和矢量图生成动态网络图形。
如果在网页中添加一些动态效果请选用Flash,因为它的最大优势在于其既保证了动画的完美效果而又体积十分的小巧。这样就可以保证在目前并不算太快的互联网上传输Flash动画时不会让用户等的太久。
4 “网站创建”中应注意的问题
(1) 在组织站点结构时,一定要归类站点,使网站层次清晰更容易管理。
(2) 主页确定索引目录,一定要紧扣主题。
(3) 主页要尽量避免下载时间过长,一般<30秒。
(4) 在网页设计中应对不同屏幕分辨率分别测试。
(5) 在HTML中,总是使用斜杠(/)分隔目录,而不是反斜杠(\)。
5结束语
“网站创建”是一个很大的课题,本文阐述的“网站设计”课程,侧重网站设计的架构,从站点的主题、结构、布局等讲述一个网站制作的构思。
【参考文献】
[1] 任善强编.数学模型[M],重庆大学出版.2001.
[2] 张莹编著.运筹学基础[M],清华大学出版社.2006.
[3] 陈元年,邓宗明,张睿哲,张晓竞.Visual C++6.0编程实用技术与案例[M].清华大学出版社.2005.
【关键词】网站设计;网页;Dreamweaver
1 “网站设计”必要性的分析
1.1培养实用性专门人才
计算机网络技术是计算机技术的重要组成部分。因此,新时代的学生应当掌握网页制作和网站设计的技术,这是21世纪青年不可缺少的素质。为适应社会需要,学生必须进行“网站设计” 实际操作,掌握网站的规划、设计、制作、上传全部过程。
1.2促进所学知识的巩固和新知识的补充
笔者曾做过调查,学生通过“网站设计”,不仅仅是理论水平,操作能力也会有很大提高。学生在“网站设计”过程中会遇到各种各样的具体问题,要学会在教师积极的指导下,重视对所学知识的回顾和新知识的补充,从而产生很强的求知欲望,为此自觉发奋学习。实践证明网站设计不仅可以提高学生学习的兴趣,而且巩固了其所学的知识,将理论与实践有机结合,从而达到将所学知识综合应用的目的。
1.3培养了团队精神和创新精神
制作网页并构建网站是一个复杂的过程,在规定的计划时间内完成某一课题,必须小组分工合作才能完成任务。通过以小组的形式制作网站,可以学会如何处理工作中的协调关系和合作精神,而且培养了创新精神,为将来的工作和进一步的学习打下了坚实的基础。
2 “网站设计”前期准备
2.1 任务与要求(以Dreamweaver进行网站的开发为例)
首先综合利用所学知识进行站点策划,确定用Dreamweaver进行网站的开发。其次,在插入或者连接网页素材时,进行图象处理工作应使用Fireworks对图象进行优化处理。在制作网页效果图时,适当的载入Flash动画或JavaScript动太效果。既提高网站本身使用价值,同时又使内容新颖,美观大方,从而增加网站的浏览率和访问量。
2.2工作计划
做好工作计划是非常重要的,它是根据课题要求和课时安排,来制定课题任务进度计划的。应从以下几个方面考虑:
(1)进行社会调研和需求分析,收集相关信息。
(2)确定主题。构思整个网站的结构、画出布局图。
(3)准备网页素材,选择软件工具和参考书。
(4)以主题为中心,确定站点整体风格。
(5)具体网站创建与制作。
(6)创建超链接,调试并浏览整个网站。
(7)上传浏览网站并完成论文撰写。
3 “网站设计”的几个重要环节
3.1站点的策划
网站的策划应该以网站所要表达的主题为中心,针对所服务的对象、机构和个人的不同而具有不同的形式。但是形式与内容能完美的统一,是网站建设的重要目标。在网站制作的过程中,从网站的主题、结构、风格、布局出发,对整个网站的性能和页面进行统筹考虑,以实现形式与内容的统一。
3.2规划网站目录结构
合理地组织站点结构,能够提高整个网站的工作和管理的效率。试想当网站较大的时候,如果将所有的网页都存储在同一目录下,管理起来就会很困难。因此应合理地使用文件夹来管理文档,在一个相同的文件夹中放置相关的网页,这样的组织方式易于管理,应该养成这是一个良好的习惯。
3.3首页设计
网页作为一种视觉语言,要努力做到整体编排和布局的合理化、有序。优秀的作品,都是以巧妙、合理的视觉方式,使一些无法表达的思想以阐述,做到丰富多样而又简洁明了。
在全面考虑网站的栏目、链接结构和整体风格之后,就开始正式制作主页了。首页的设计是一个网站成功与否的关键,人们往往看到第一页就已经对站点有了一个整体的概念。首页从根本上说就是全站内容的目录,是一个索引。设计好首页,从以下几方面考虑:
(1) 确定在首页上实现的主要的内容和功能。
(2) 考虑主页要使用什么结构。是框架结构,还是单页。一般是单页。
(3) 处理技术上的细节,如:设置字体、超链接的颜色和背景等。
3.4设计页面(版面)布局
在网页设计中,设计版面的第一步就是页面布局。它就像报刊杂志一样,进行排版布局,就是以最适合浏览的方式将图片和文字排放在页面的不同位置。
版面布局可分为以下几步:
(1) 建议首先用纸和笔勾画草案,这属于创意阶段,不讲究细腻工整,不要考虑细节功能,只以粗线条勾画出轮廓即可。
(2) 在草案的基础上粗略布局,将需要的模块安排到页面上。注意,重点突出平衡谐调的原则。
(3) 将粗略的布局精细化,具体化。
3.5制作网页素材
对于网页而言,素材制作通常要花费设计者大量的时间和精力。网页的美观和细致,全看素材的整理。如制作网站标志、制作导航条、处理图片等。建议选用Fireworks,因为Fireworks可以创建、编辑位图和矢量图生成动态网络图形。
如果在网页中添加一些动态效果请选用Flash,因为它的最大优势在于其既保证了动画的完美效果而又体积十分的小巧。这样就可以保证在目前并不算太快的互联网上传输Flash动画时不会让用户等的太久。
4 “网站创建”中应注意的问题
(1) 在组织站点结构时,一定要归类站点,使网站层次清晰更容易管理。
(2) 主页确定索引目录,一定要紧扣主题。
(3) 主页要尽量避免下载时间过长,一般<30秒。
(4) 在网页设计中应对不同屏幕分辨率分别测试。
(5) 在HTML中,总是使用斜杠(/)分隔目录,而不是反斜杠(\)。
5结束语
“网站创建”是一个很大的课题,本文阐述的“网站设计”课程,侧重网站设计的架构,从站点的主题、结构、布局等讲述一个网站制作的构思。
【参考文献】
[1] 任善强编.数学模型[M],重庆大学出版.2001.
[2] 张莹编著.运筹学基础[M],清华大学出版社.2006.
[3] 陈元年,邓宗明,张睿哲,张晓竞.Visual C++6.0编程实用技术与案例[M].清华大学出版社.2005.