论文部分内容阅读
摘 要：网站的规划设计与建设是精品课建设的重点环节之一。优质的精品课程教学网站在高校各类课程建设与教学中发挥着不可或缺的重要作用，本文详细阐述了精品课程网站的建设过程，对精品课网站规划中的问题提出个人建议。
关键词：精品课网站；教学平台；网站建设；css+div
自教育部下发《教育部关于启动高等学校教学质量与教学改革工程精品课程建设工作的通知》以来，精品课程建设在全国各地高校蓬勃地开展起来。国家精品课程的所有教学资源向全国高校师生免费开放，实现优质教学资源共享，提高高等学校教学质量和人才培养质量。如此背景之下，我们教研室几位老师 共同完成《Android 应用开发》精品课建设。而笔者负责该课程网站规划设计与建设的全过程。在网站规划设计过程中看到的一些问题，一次提出自己的一些想法。
在教师教学方面首先要让老师能够方便地管理教学内容将教学网络资源如教学大纲，教材案例，电子教案，影视录像，实验，实训，习题，试卷等实现网络化实现制作 网络课程发布教学内容并提供网上从事教学互动的手段以及学生在线学习的功能。而这些内容都将借助网站教学平台发布到网上，根据精品课程建设的内容特点，作出精品课网站总体设计思路。
一、精品课网站设计思路：做网站首要任务是确定网站的主题，网站的内容。精品课程网站是展示崭新教学理念设计课程的平台，结合精品课程建设的要求拟定网站主题，根据网站不同主题可知其网站类型。网站种类繁多，笔者曾规划《Andirod应用开发》精品课程网站，所以类似这些网站都归类为教育类网站。 根据网站主题确定网站建设风格 不同网站建设风格不同，一般学术类网站，设计中选择庄重，现代，简约的风格。精品课程教师团队在精品课程中提供了包括电子教案教学讲义，实训实验，网络课程，试题试卷，视频图片库等各种形式的课程资源，设计网站有足够素材。所以根据这些内容初步规划出网站的功能模块，设计整个网站。
二、精品课网站技术解决方案。精品课网站开发平台选择，网站分为动态网站和静态网站。动态网站并不是指具有动画功能的网站，而是指网站内容可根据不同情况动态变更的网站，一般情况下动态网站通过数据库进行架构。 动态网站除了要设计网页外，还要通过数据库和编程序来使网站具有更多自动的和高级的功能。该网站体现在网页一般是以asp，jsp，php，aspx等结束，而静态网页一般是HTML（标准通用标记语言的子集）结尾，动态网站服务器空间配置要比静态的网页要求高，费用也相应的高，不过动态网页利于网站内容的更新，适合企业建站。精品课建设目的是聚集优质的教育资源，提高课程教学质量，使学生得到最好的教育，并可以在更大的范围内得到教学共享的一项教学创建活动。因此精品课建设的内容是将教学网络资源如教学大纲，教材案例，电子教案，影视录像，实验，实训，习题，试卷等实现网络资源共享。精品课网站根据需要可以选择网站类型。静态网站开发时只需建立一个静态站点进行设计，可利用Adobe Dreamweaver CS5或更高版本进行设计。但静态站点只能进行教学资源的浏览查看等，不能进行师生互动，如留言讨论等。动态站点则可实现这些功能。但动态站点，发布网上设计前，需要配置动态环境，做前后台数据库的连接访问，选择服务器等，现在比较流行的动态网站有ASP+iis+acess，Apache+php+mysql，Apache+isp+java+server等几种类型。笔者所做精品课网站根据团队的基本需求设计选择的是静态精品课网站。只利用Adobe Dreamweaver CS5网页设计软件，以及flah，图形图像处理软件等，采用css+div语言设计网站整体结构以及导航条。
三、网站的风格设计。互联网飞速发展的今天，不同行业有各自特色的网站，按照网站主体性质的不同分为政府网站、企业网站、商业网站、教育科研机构网站、个人网站、其它非盈利机构网站以及其它类型等。不同行业网站设计目标不同，风格也不同，而精品课网站属于教育科研机构网站。所以网站设计风格不张扬，一般选择成稳大气，现代简约的设计。而网站风格的选择中，重点之一是色彩的选择，颜色的使用在网页制作中起着非常关键的作用，有很多网站以其成功的色彩搭配令人过目不忘，对于精品课网站而言，色彩应用是否得当，有时也会成为其设计成功的关键。我们团队建设的《Andiord应用开发》精品课网站如图1-1，设计总体色彩选用#ececec浅灰色为主色调，紫色为搭配点缀色。网站整体看着沉稳大气，符合科研网站的严谨求实的特点。
四、网站结构设计。网站结构是指网站中页面间的层次关系；按性质可分为逻辑结构及物理结构。网站的逻辑结构也叫做链接结构，主要是指由网页内部链接所形成的逻辑结构。精品课网站结构对用户体验有着非常重要的影响。清晰的网站结构可以帮助用户快速获取所需信息；相反，如果一个网站的结构极其糟糕的话，用户在访问时就犹如走进了一座迷宫，最后只会选择放弃浏览。
针对精品课网站的规划，初步设计某精品课网站逻辑结构图结构图1-2 如下。
五、网站布局设计。所有的网站最先做的是网站思路，设计思路有了就需要有个合理的网页布局，网页布局一般分为首页布局与子页面布局。首页是网站展示在用户面前的第一页面，根据导航条逐一访问其他子页面。首页面外观影响到网站给用户的整体印象。网站设计众多环节中，页面布局是其重点环节之一，所以首页面布局的好坏直接影响到访客对网站内容的了解程度。常规网站布局有几种特点：平衡性：文字图像等要素的空间占用分布均匀，色彩平衡，给人一种协调的感觉。对称性：对称是一种美，我们生活中有许多事物都是对称的，但过度对称就会给人一种代办死气沉沉的感觉，因此要适当打破对称，制造一点变化。对比性：让不同的形态，色彩等元素相互对比，来形成鲜明的市局效果。例如黑白对比，圆形与方形对比等，它们往往能够创造出富有变化的效果。疏密度：网页要做到疏密有度，即常说的“密不透风，疏可跑马”。不要整个网页一种样式。适当进行留白，运用空格，改变行距，字间距等。比例适当，这在布局中非常重要，虽然不一定要做到黄金分割，但比例一定要协调。
网页布局技术实现方法。常见网站布局类型种类有“厂”字形，“口”字形，海报类型，“三”字形，“框架”型。而常用的网页布局技术实现方法有表格布局，框架布局，还有一种就是笔者常选用的css+div布局。表格布局的优势在于它能对不同对象加以处理，而不用担心不同对象之间的影响。且表格定位图像与文本比起css更加方便。缺点是当用太多表格时，页面下载速度受到影响。框架布局如同表格一样，把不同的对象放置在不同页面加以处理，同时可以取消边框，所以一般不影响整体美观。利用css+div布局页面是近几年被许多人喜欢的一种网页布局方式。Css被提出来，它能够完全精确定位文本和图片。Css对于初学者有点复杂，但它的确是一个很好的布局方法。利用css布局，html可以很好的简化，将系统原型转变为产品会很简单。曾经无法实现的想法利用css都能够实现。笔者在设计精品课网站时，先根据拟定的精品课网站主题及内容规划，绘出纸质的布局，即纸上布局，之后选用Adobe CS5.软件，采用css+div做精品课网站布局设计。净瓶课程作为实现资源共享、网络教学的平台，网站界面布局设计合理，清晰与否直接影响到浏览者对网站使用的体验。所以更需注重其结构界面的的布局方式。
精品课网页制作过程中，涉及到网页中最基本的技术如网页中图文混排等，超链接，表格布局，框架设计，css+div等。该种网站设计重点在界面的设计，但网站色彩绚烂，布局清晰的同时更重要的是网站总体的适用性。
参考文献
【1】易庆平，李淑玲，罗倩，王劲松 基于网络教学互动平台的精品课程建设应用性研究，《中国教育信息化》
【2】薛晓霞 王晓红 《电子商务网站建设与管理》，高等教育出版社
关键词：精品课网站；教学平台；网站建设；css+div
自教育部下发《教育部关于启动高等学校教学质量与教学改革工程精品课程建设工作的通知》以来，精品课程建设在全国各地高校蓬勃地开展起来。国家精品课程的所有教学资源向全国高校师生免费开放，实现优质教学资源共享，提高高等学校教学质量和人才培养质量。如此背景之下，我们教研室几位老师 共同完成《Android 应用开发》精品课建设。而笔者负责该课程网站规划设计与建设的全过程。在网站规划设计过程中看到的一些问题，一次提出自己的一些想法。
在教师教学方面首先要让老师能够方便地管理教学内容将教学网络资源如教学大纲，教材案例，电子教案，影视录像，实验，实训，习题，试卷等实现网络化实现制作 网络课程发布教学内容并提供网上从事教学互动的手段以及学生在线学习的功能。而这些内容都将借助网站教学平台发布到网上，根据精品课程建设的内容特点，作出精品课网站总体设计思路。
一、精品课网站设计思路：做网站首要任务是确定网站的主题，网站的内容。精品课程网站是展示崭新教学理念设计课程的平台，结合精品课程建设的要求拟定网站主题，根据网站不同主题可知其网站类型。网站种类繁多，笔者曾规划《Andirod应用开发》精品课程网站，所以类似这些网站都归类为教育类网站。 根据网站主题确定网站建设风格 不同网站建设风格不同，一般学术类网站，设计中选择庄重，现代，简约的风格。精品课程教师团队在精品课程中提供了包括电子教案教学讲义，实训实验，网络课程，试题试卷，视频图片库等各种形式的课程资源，设计网站有足够素材。所以根据这些内容初步规划出网站的功能模块，设计整个网站。
二、精品课网站技术解决方案。精品课网站开发平台选择，网站分为动态网站和静态网站。动态网站并不是指具有动画功能的网站，而是指网站内容可根据不同情况动态变更的网站，一般情况下动态网站通过数据库进行架构。 动态网站除了要设计网页外，还要通过数据库和编程序来使网站具有更多自动的和高级的功能。该网站体现在网页一般是以asp，jsp，php，aspx等结束，而静态网页一般是HTML（标准通用标记语言的子集）结尾，动态网站服务器空间配置要比静态的网页要求高，费用也相应的高，不过动态网页利于网站内容的更新，适合企业建站。精品课建设目的是聚集优质的教育资源，提高课程教学质量，使学生得到最好的教育，并可以在更大的范围内得到教学共享的一项教学创建活动。因此精品课建设的内容是将教学网络资源如教学大纲，教材案例，电子教案，影视录像，实验，实训，习题，试卷等实现网络资源共享。精品课网站根据需要可以选择网站类型。静态网站开发时只需建立一个静态站点进行设计，可利用Adobe Dreamweaver CS5或更高版本进行设计。但静态站点只能进行教学资源的浏览查看等，不能进行师生互动，如留言讨论等。动态站点则可实现这些功能。但动态站点，发布网上设计前，需要配置动态环境，做前后台数据库的连接访问，选择服务器等，现在比较流行的动态网站有ASP+iis+acess，Apache+php+mysql，Apache+isp+java+server等几种类型。笔者所做精品课网站根据团队的基本需求设计选择的是静态精品课网站。只利用Adobe Dreamweaver CS5网页设计软件，以及flah，图形图像处理软件等，采用css+div语言设计网站整体结构以及导航条。
三、网站的风格设计。互联网飞速发展的今天，不同行业有各自特色的网站，按照网站主体性质的不同分为政府网站、企业网站、商业网站、教育科研机构网站、个人网站、其它非盈利机构网站以及其它类型等。不同行业网站设计目标不同，风格也不同，而精品课网站属于教育科研机构网站。所以网站设计风格不张扬，一般选择成稳大气，现代简约的设计。而网站风格的选择中，重点之一是色彩的选择，颜色的使用在网页制作中起着非常关键的作用，有很多网站以其成功的色彩搭配令人过目不忘，对于精品课网站而言，色彩应用是否得当，有时也会成为其设计成功的关键。我们团队建设的《Andiord应用开发》精品课网站如图1-1，设计总体色彩选用#ececec浅灰色为主色调，紫色为搭配点缀色。网站整体看着沉稳大气，符合科研网站的严谨求实的特点。
四、网站结构设计。网站结构是指网站中页面间的层次关系；按性质可分为逻辑结构及物理结构。网站的逻辑结构也叫做链接结构，主要是指由网页内部链接所形成的逻辑结构。精品课网站结构对用户体验有着非常重要的影响。清晰的网站结构可以帮助用户快速获取所需信息；相反，如果一个网站的结构极其糟糕的话，用户在访问时就犹如走进了一座迷宫，最后只会选择放弃浏览。
针对精品课网站的规划，初步设计某精品课网站逻辑结构图结构图1-2 如下。
五、网站布局设计。所有的网站最先做的是网站思路，设计思路有了就需要有个合理的网页布局，网页布局一般分为首页布局与子页面布局。首页是网站展示在用户面前的第一页面，根据导航条逐一访问其他子页面。首页面外观影响到网站给用户的整体印象。网站设计众多环节中，页面布局是其重点环节之一，所以首页面布局的好坏直接影响到访客对网站内容的了解程度。常规网站布局有几种特点：平衡性：文字图像等要素的空间占用分布均匀，色彩平衡，给人一种协调的感觉。对称性：对称是一种美，我们生活中有许多事物都是对称的，但过度对称就会给人一种代办死气沉沉的感觉，因此要适当打破对称，制造一点变化。对比性：让不同的形态，色彩等元素相互对比，来形成鲜明的市局效果。例如黑白对比，圆形与方形对比等，它们往往能够创造出富有变化的效果。疏密度：网页要做到疏密有度，即常说的“密不透风，疏可跑马”。不要整个网页一种样式。适当进行留白，运用空格，改变行距，字间距等。比例适当，这在布局中非常重要，虽然不一定要做到黄金分割，但比例一定要协调。
网页布局技术实现方法。常见网站布局类型种类有“厂”字形，“口”字形，海报类型，“三”字形，“框架”型。而常用的网页布局技术实现方法有表格布局，框架布局，还有一种就是笔者常选用的css+div布局。表格布局的优势在于它能对不同对象加以处理，而不用担心不同对象之间的影响。且表格定位图像与文本比起css更加方便。缺点是当用太多表格时，页面下载速度受到影响。框架布局如同表格一样，把不同的对象放置在不同页面加以处理，同时可以取消边框，所以一般不影响整体美观。利用css+div布局页面是近几年被许多人喜欢的一种网页布局方式。Css被提出来，它能够完全精确定位文本和图片。Css对于初学者有点复杂，但它的确是一个很好的布局方法。利用css布局，html可以很好的简化，将系统原型转变为产品会很简单。曾经无法实现的想法利用css都能够实现。笔者在设计精品课网站时，先根据拟定的精品课网站主题及内容规划，绘出纸质的布局，即纸上布局，之后选用Adobe CS5.软件，采用css+div做精品课网站布局设计。净瓶课程作为实现资源共享、网络教学的平台，网站界面布局设计合理，清晰与否直接影响到浏览者对网站使用的体验。所以更需注重其结构界面的的布局方式。
精品课网页制作过程中，涉及到网页中最基本的技术如网页中图文混排等，超链接，表格布局，框架设计，css+div等。该种网站设计重点在界面的设计，但网站色彩绚烂，布局清晰的同时更重要的是网站总体的适用性。
参考文献
【1】易庆平，李淑玲，罗倩，王劲松 基于网络教学互动平台的精品课程建设应用性研究，《中国教育信息化》
【2】薛晓霞 王晓红 《电子商务网站建设与管理》，高等教育出版社