论文部分内容阅读
摘要: 计算机科学技术的发展已经走过60多年的历程,与之结合的网络技术也日益成熟,Internet作为两者成功的产品已走进我们的日常生活。随着Internet在各领域发挥越来越重要的作用,网页制作技术也成为当今社会的热门技术,越来越多的年轻人参与到这项技术的学习,各层次学校也竞相开设此门课程。不仅专业学生喜欢,很多不同学历层级不同年龄段的人都喜欢学习这门课、动手制作网站。网站建设和发展成为很受大众欢迎,我们就来探讨对它的学习。
关键词: 网站建设;网站管理;网页赏析;网页制作
中图分类号:TP3文献标识码:A文章编号:1671-7597(2010)0510145-01
网页制作技术很多,但如何制作一个好的网站并对其管理,让我们都成为一个优秀的网页设计师,我们可以找出一条自己的学习路径。根据笔者多年的经验,一般的网站建设与管理以网站的规划和制作为主轴,以四大模块(网页赏析、网页制作、网页美工、网页编程和网站管理)为核心,培养从事门户网站的规划、制作和管理的高技能型人才,而一般人员若按此步骤也会有较大收获和提高。通过四大模块的学习,既能熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架元素标志及属性设计出多窗口网页、动态网页,也掌握了Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能。一句话,能独立设计小型WEB站点。
1 赏析经典网页模块
多年的教学和网站制作经历都告诉我,要想网站设计得好,关键在于你的欣赏水平层次。眼界决定思路,首先赏析各种经典网页的布局结构、色彩搭配等,在自己脑海中形成初步印象,浏览各类网站,对网页的设计与制作形成感性认识,最好能撰写赏析报告,多参加研讨会或者网上BBS交流,让自己的欣赏水平提高。同时,赏析网站不仅仅是看网站的页面表面,内部结构也是一个重要评价标准,所以必须学习网页设计的基本理论知识,了解文本标记的概念和类型、排版格式标记、图像标记、链接标记,熟记表格的标记和属性、表单和表单对象的标记和属性。同时,我们在这一阶段中还可以熟悉项目开发团队的组织结构,了解网页设计师的岗位需求。“工欲善其事 必先利其器”,优秀的网站设计师会把握好初期阶段。这一阶段可以给我们打下良好而坚定的基础,找一个有经验的教师或者团队,在网络BBS自我学习,都是成长的比较好的方式。让我们在品鉴别人的网站中获得自身的提高,从他人处汲取我们成长所需的养分,让我们加速成功。
2 网页制作模块
这一个环节和前一个环节是相辅相成的,通过较长时间的摸索积累,我们总结出网页制作环节的各项技术和操作步骤。
第一、绘制首页布局草图,规划网站页面表格结构;很多人认为这一步可以省略,作为一个老用户,我不得不说这一步和上一环节的赏析站点一样重要,不要以为是鸡肋,它能带给你的是高效率、高质量的作品。
第二、这一环节我们会学到很多的网页内容,比如页面页眉区表格、页面导航栏表格、页面主体内容区表格、页面版权区表格、网站导航栏与版权区、页面布局、页面超链接、超链接错记链接、层、层的属性、层的大小和位置、层和表格的互相转化、网页框架、水平线、文件头标签、网页搜索关键字、特殊字符、flash动画、空格、日期等等,难度较大的交互应用还有表单、文本域、单选框、复选框、列表和菜单、按键、表单及表单域的属性、测试表单页等等。这一环节都是内容很多,多动手,很快就能上手操作了。
3 网页美工模块
通过上述环节,我们能制作出网站,但网站还不仅仅是制作出来就可以,我们需要赋予给它生命,所以在这一环节中我们包括页面美化、网站广告设计、网站logo等VI设计、CSS应用等。有太多的软件是关于此项应用的,比如Flash、Firework、PhotoShop,它们让你的界面美观,让你的页面动起来,很多人理解成是这一个模块的全部,但其实不是。我们首先要做的是确定设计目标,这一点看起来没有什么意义其实又非同凡响,好的目标等于成功了一半,所有的软件工具都是没有生命的,我们需要把我们的思想赋予给我们的作品,前期规划一定要做好,千万别偷懒。第二步就是选择合适的工具,软件和人相同,都有自己所擅长的,无论是Flash、Firework还是PhotoShop等,它们都有自己擅长的一面,也有自己不足的地方,我们要灵活对待,比如静态页面处理PS要擅长一些,而Flash就适合动画处理。软件是工具,素材也很重要,所以我们需要经常去搜集素材。设计环节不仅仅是一日之功,修改是必不可少的。设计测试、效果评估及改进都是一个资深用户所需要做的。第二种就是CSS美化页面的能力。CSS指层叠样式表(Cascading Style Sheets),它就像 HTML标记语言的字体标签和颜色属性所起的作用那样,一般保存在外部的css文件中。我们编辑一个CSS文档,通过外部样式表使你有能力同时改变站点中所有页面的布局和外观。由于允许同时控制多重页面的样式和布局,CSS 可以称得上WEB设计领域的一个突破。作为网站开发者,你能够为每个 HTML 元素定义样式,并将之应用于你希望的任意多的页面中。如需进行全局的更新,只需简单地改变样式,然后网站中的所有元素均会自动地更新。美丽的网页由此绽放。通过这一环节的学习,对色彩感悟能力会有很大提高。
4 网页管理模块
通过上述操作,我们已经制作出比较完美的网站,接下来的任务就是上传网站到互联网然后进行管理。我们可以首先注册域名,申请空间,然后就是上传我们的作品,一般是FTP服务器传输。然后就是学习各种网站服务器的维护、网站安全的维护了,这一环节实际工作最重要,问题很多,一一解决,真正的活到老,学到老。
5 结语
网页制作中有很多的方法,很多人通过自己的操作也形成了很多技巧。技巧的形成只有在不断的实践中才会总结出,所以不怕出错,一定要勇于动手实践,这样才能更好地掌握,用别人的知识武装自己,成为真正的网页制作高手。
参考文献:
[1]谭贞军、刘斌,中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通(CS3版),北京,清华大学出版社,2008-9-1.
[2]胡崧、于慧,Dreamweaver cs4中文版从入门到精通,中国青年出版社,2009-8-1.
[3]耿跃鹰、李秋平,网页制作与网站开发从入门到精通,清华大学出版社,2008-9-1.
作者简介:
熊峥,男,江西财经职业学院助教,主要研究方向:计算机网页技术;汪卫平,男,江西财经职学院助教,主要研究方向:计算机技术。
关键词: 网站建设;网站管理;网页赏析;网页制作
中图分类号:TP3文献标识码:A文章编号:1671-7597(2010)0510145-01
网页制作技术很多,但如何制作一个好的网站并对其管理,让我们都成为一个优秀的网页设计师,我们可以找出一条自己的学习路径。根据笔者多年的经验,一般的网站建设与管理以网站的规划和制作为主轴,以四大模块(网页赏析、网页制作、网页美工、网页编程和网站管理)为核心,培养从事门户网站的规划、制作和管理的高技能型人才,而一般人员若按此步骤也会有较大收获和提高。通过四大模块的学习,既能熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架元素标志及属性设计出多窗口网页、动态网页,也掌握了Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能。一句话,能独立设计小型WEB站点。
1 赏析经典网页模块
多年的教学和网站制作经历都告诉我,要想网站设计得好,关键在于你的欣赏水平层次。眼界决定思路,首先赏析各种经典网页的布局结构、色彩搭配等,在自己脑海中形成初步印象,浏览各类网站,对网页的设计与制作形成感性认识,最好能撰写赏析报告,多参加研讨会或者网上BBS交流,让自己的欣赏水平提高。同时,赏析网站不仅仅是看网站的页面表面,内部结构也是一个重要评价标准,所以必须学习网页设计的基本理论知识,了解文本标记的概念和类型、排版格式标记、图像标记、链接标记,熟记表格的标记和属性、表单和表单对象的标记和属性。同时,我们在这一阶段中还可以熟悉项目开发团队的组织结构,了解网页设计师的岗位需求。“工欲善其事 必先利其器”,优秀的网站设计师会把握好初期阶段。这一阶段可以给我们打下良好而坚定的基础,找一个有经验的教师或者团队,在网络BBS自我学习,都是成长的比较好的方式。让我们在品鉴别人的网站中获得自身的提高,从他人处汲取我们成长所需的养分,让我们加速成功。
2 网页制作模块
这一个环节和前一个环节是相辅相成的,通过较长时间的摸索积累,我们总结出网页制作环节的各项技术和操作步骤。
第一、绘制首页布局草图,规划网站页面表格结构;很多人认为这一步可以省略,作为一个老用户,我不得不说这一步和上一环节的赏析站点一样重要,不要以为是鸡肋,它能带给你的是高效率、高质量的作品。
第二、这一环节我们会学到很多的网页内容,比如页面页眉区表格、页面导航栏表格、页面主体内容区表格、页面版权区表格、网站导航栏与版权区、页面布局、页面超链接、超链接错记链接、层、层的属性、层的大小和位置、层和表格的互相转化、网页框架、水平线、文件头标签、网页搜索关键字、特殊字符、flash动画、空格、日期等等,难度较大的交互应用还有表单、文本域、单选框、复选框、列表和菜单、按键、表单及表单域的属性、测试表单页等等。这一环节都是内容很多,多动手,很快就能上手操作了。
3 网页美工模块
通过上述环节,我们能制作出网站,但网站还不仅仅是制作出来就可以,我们需要赋予给它生命,所以在这一环节中我们包括页面美化、网站广告设计、网站logo等VI设计、CSS应用等。有太多的软件是关于此项应用的,比如Flash、Firework、PhotoShop,它们让你的界面美观,让你的页面动起来,很多人理解成是这一个模块的全部,但其实不是。我们首先要做的是确定设计目标,这一点看起来没有什么意义其实又非同凡响,好的目标等于成功了一半,所有的软件工具都是没有生命的,我们需要把我们的思想赋予给我们的作品,前期规划一定要做好,千万别偷懒。第二步就是选择合适的工具,软件和人相同,都有自己所擅长的,无论是Flash、Firework还是PhotoShop等,它们都有自己擅长的一面,也有自己不足的地方,我们要灵活对待,比如静态页面处理PS要擅长一些,而Flash就适合动画处理。软件是工具,素材也很重要,所以我们需要经常去搜集素材。设计环节不仅仅是一日之功,修改是必不可少的。设计测试、效果评估及改进都是一个资深用户所需要做的。第二种就是CSS美化页面的能力。CSS指层叠样式表(Cascading Style Sheets),它就像 HTML标记语言的字体标签和颜色属性所起的作用那样,一般保存在外部的css文件中。我们编辑一个CSS文档,通过外部样式表使你有能力同时改变站点中所有页面的布局和外观。由于允许同时控制多重页面的样式和布局,CSS 可以称得上WEB设计领域的一个突破。作为网站开发者,你能够为每个 HTML 元素定义样式,并将之应用于你希望的任意多的页面中。如需进行全局的更新,只需简单地改变样式,然后网站中的所有元素均会自动地更新。美丽的网页由此绽放。通过这一环节的学习,对色彩感悟能力会有很大提高。
4 网页管理模块
通过上述操作,我们已经制作出比较完美的网站,接下来的任务就是上传网站到互联网然后进行管理。我们可以首先注册域名,申请空间,然后就是上传我们的作品,一般是FTP服务器传输。然后就是学习各种网站服务器的维护、网站安全的维护了,这一环节实际工作最重要,问题很多,一一解决,真正的活到老,学到老。
5 结语
网页制作中有很多的方法,很多人通过自己的操作也形成了很多技巧。技巧的形成只有在不断的实践中才会总结出,所以不怕出错,一定要勇于动手实践,这样才能更好地掌握,用别人的知识武装自己,成为真正的网页制作高手。
参考文献:
[1]谭贞军、刘斌,中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通(CS3版),北京,清华大学出版社,2008-9-1.
[2]胡崧、于慧,Dreamweaver cs4中文版从入门到精通,中国青年出版社,2009-8-1.
[3]耿跃鹰、李秋平,网页制作与网站开发从入门到精通,清华大学出版社,2008-9-1.
作者简介:
熊峥,男,江西财经职业学院助教,主要研究方向:计算机网页技术;汪卫平,男,江西财经职学院助教,主要研究方向:计算机技术。