网站设计方案范例亿博电竞

发布时间：2023-07-01 丨 浏览次数：

　　亿博电竞世界技能大赛深受国家重视，国家、省、市每两年都会进行选拔比赛，各学校单位都想取得好成绩，然而很多参赛学校不知如何组织赛前训练。本文作者根据这几年的参赛指导经验，将从四个方面提出自己的一些看法,希望能值得参赛者借鉴。

　　1.1技术简要描述。选手要熟练进行图形图像处理，能设计站点logo及主题风格，制作出受欢迎的设计；能使用HTML5及CSS3技术，按设计稿实现页面，并完成各种交互效果的开发；要保证网站质量，做好异常和软硬件兼容性处理。

　　1.2赛项选手能力要求。（1）动画和视频：创建网页动画和嵌入音频元素来展示内容和提升视觉效果。（2）平面设计：创建、编辑和优化图像；选用可以增强设计效果的布局版式；为不同的屏幕分辨率进行设计，自适应于给定的分辨率；网站导航要高效、直观和易用。（3）通过PHP和MySQL进行服务器端编程。（4）表现层实现：使用XML、JavaScript等工具，CSS或其他的外部文件来控制整个网站样式；实现跨浏览器兼容和不同分辨率自适应；网站要符合当前的W3C标准。（5）可用性及可及性：保持网站的统一和一致性；创建易于使用的导航系统；网站内的信息易于被检索；增加网站的友好形可用性亿博电竞。（6）具备理论知识和能力：具备色彩构成理论；能够制作加工图片和动画；懂得HTML、XML、javascript、php、mysql、CSS等语言和工具的语法和使用规则；能使用MVC框架结构来对网站服务器端进行编码；能够使用开源代码库；具备站点设计和受众分析能力；具备所有需要使用的软件的操作知识。（7）必须了解的标准和法规：网页的W3C标准、网站版权法规等。

　　该赛项分为4个模块，每模块赛时为2或3小时。2.1单页设计模块选手按照需求设计出一个单页面。

　　2.2响应式页面实现。按照网站设计稿样张，选手使用HTML5/CSS3技术实现页面，并自适应于多种不同的设备分辨率，页面符合原设计稿的排版布局和各种设定。此外还需按照样张来制作一些前端的交互动效。

　　2.3前端交互应用。制作具备交互能力的网站，侧重于前端实现。业务逻辑和功能都使用前端脚本完成，业务数据需要后台数据库保存。赛题提供html框架代码和相关素材，要求选手使用JavaScript、JQuery、JQueryUI等前端技术按照赛题要求完成此前端应用且保证浏览器兼容性。

　　2.4后台游戏开发。制作具备前后端交互的网站，侧重于后端实现。赛题提供前端模板和素材，要求在服务器端上使用纯手工生成的php代码，将交互逻辑和功能集成到前端模板上。

　　3.1开设相关课程。必须开设课程有：《HTML5和CSS3网站设计制作》、《JavaScript语言编程基础》、《PhotoShop图形图像处理》、《动画设计制作》、《PHP语言编程技术》和《MySQL数据库应用》。建议开设课程有：《Java语言编程基础》、《PHP编程项目实战》、《HTML5和CSS3网站技术进阶》、《网站项目实战》、《JavaScript经典框架应用开发》和《图形标识设计与实现》。

　　3.2校方相关支持。校方需要提供全方位支持保障，才能在参赛过程中取得好成绩。（1）政策支持学校要本着大力支持学生参加世界技能大赛的思想，出台相关的政策，如对集训学生的支持和奖励，如免考部分课程、学期奖学金、评优、获奖奖学金和待遇；对指导教师的支持和奖励，如减免课时量、评奖评优等；学校各部门协调支持集训师生的工作。（2）场地、设备和经费支撑学校提供固定的集训场地，购买相关配套设备，并提供充足的经费支撑，保障集训工作，建议每个赛项有独立的集训场地。

　　3.3参赛选手的选拔。建议选择对网站设计开发感兴趣的学生，最好强烈热爱技术、自学能力强、能静下心、坐得住、有毅力和能吃苦。该赛项要求选手熟练掌握网站开发的相关技术和具备较强比赛心里素质，因此要求参赛选手一是学习能力要强，能掌握相关技术，二是需要花很多时间和精力，有毅力能坚持下来。

　　3.4参赛指导教师的选择。参赛指导老师的选择，尽量选取有热情有干劲、有较强的专业技术能力、有企业软件开发经验的、学习能力较强的、有集体荣誉感、有奉献精神的教师担当指导教师。

　　一个合格的参赛选手的产生，需要经历较长时间的学习、积累和加强训练，不是短时期内可以培养成的。加上该项目需要掌握的技术比较多，要想取得好的竞赛成绩，必须每项技术都要熟练掌握，这个对指导教师和学生来说，是比较有挑战难度的。建议可以成立一个项目团队，团队内部每年纳新，形成阶梯队伍，以老带新，共同成长。指导选手成长分为如下几个阶段：

　　4.1基础技术学习阶段。选手最开始很可能是一个对网站开发或者对计算机专业比较感兴趣的初级小白，需要学习和掌握网站开发的基础技术，学习相关必修课程，循序渐进地学习。这一般是低年级的学生，或者非计算机专业的学生。对于计算机专业的学生，可能开设的课程会分布在几个学期里，持续时间较长，不利于大赛的前期准备，这就需要学生的自学能力要强。该阶段由指导老师和学生一起根据学生情况制定各科目的学习计划，指导教师有选择地定期讲解。

　　4.2基础技术加强阶段。该阶段学生已经基本掌握了网站开发所需要的基础技术，但是还不够熟练，所以需要进一步加强巩固，可以做较综合的例子结合各个技术点实现，重点掌握网站开发的难点，比如动画的实现、多分辨率屏幕的自适应处理和多浏览器的兼容处理等。该阶段由指导老师制定练习计划，并选择合适的案例供学生练习，指导教师有选择地对技术点讲解，并对学生的训练结果进行点评。

　　4.3项目实战演练阶段。本阶段为综合案例实训阶段，让学生综合利用掌握的技术，同时学习新的框架技术，带领学生一步步来实现成型的网站项目，从而对实际解决问题和综合解决问题能力得到加强，也进一步掌握了网站开发的技术。该阶段由指导老师制定练习计划，并选择合适的项目案例，让学生独自实现完整网站。指导教师根据学生完成情况，有选择地对某些模块进行讲解，并对学生的实战结果进行点评。

　　4.4项目实战加强阶段。待选手学生已经具备了可以独立完成项目的能力，并有了这个训练经验后，开始进入项目实战加强阶段，在这个阶段，让学生除了综合利用掌握的技术来实现成型的网站项目，提高实际解决问题和综合解决问题能力外，进一步对项目实现提出更高要求，比如网站的友好度、品质感、快捷高效、页面对终端屏幕无痕自适应体验度等。该阶段由指导老师制定练习计划，并选择合适的项目案例，并提出更高的要求，让学生独自实现完整网站。指导教师根据学生完成情况，有选择地对某些模块进行讲解，并对学生的实战结果进行点评。

　　4.5难点突破阶段。指导老师和学生回顾之前的实训成果，找出各自的弱点难点，进一步加强学习，对各自的短板进行加强训练。建议拿往届赛题进行训练，多次反复实现练习和总结。

　　这个阶段的训练主要是针对参赛能力的训练和赛题实现效率的练习。由于世界技能大赛都会提前两周公布比赛样题，赛时在公布的样题基础上更改30%作为最终赛题，故本阶段的训练分为两个小阶段。

　　5.1公布比赛样题前。按照比赛的模式要求和评分标准让学生拿往届赛题进行训练。一遍一遍地训练学生在要求时间内完成该模块的样题，并按比赛评分标准来打分。目标是用时越短，实现的网站质量更高，得分更高。指导教师和学生不停地总结经验和教训，力争下次训练能做得更好。

　　5.2公布比赛样题后。按照比赛的模式要求和评分标准让学生拿新样题进行训练，多次重复实现样题，并按比赛评分标准来打分。目标仍然是答题效率和得分。指导教师和学生不停地总结经验和教训。另外要对相关知识点进行展开训练，主要是应对比赛时候的30%的调整。最后要对突发情况进行演练，保证学生能够在赛时圆满发挥个人水平。

　　世界技能大赛网站设计开发项目是一个技术要求难度很高的赛项，需要参赛各方长期的努力，才能建立长期有效的参赛机制。本文通过对该赛项和赛题的分析，结合作者几年指导参赛经验，针对如何做好应赛工作，提出了自己的看法。对于参加网站设计技能大赛项目的人员，或对于想参赛获奖的学校师生，本论文有很好的参考价值。

　　[1]2018年中国技能大赛第45届世界技能大赛全国选拔赛“网站设计与开发”项目技术工作文件[S].2018.

　　[2]2018年中国技能大赛第45届世界技能大赛全国选拔赛“网站设计与开发”项目决赛技能试题[S].2018.

　　作为一种全新交互动画方式，计算机动画在目前互联网技术的全面发展过程中已经发展为了一种全新的网络信息传播方式，因此在信息化水平全面提升背景下，其受重视程度不言而喻。交互动画借助多媒体技术中的各项技术形式，可以对声音和视频图片能进行有效整合，这对于推进人与动画之间的交互性发展将起到有效影响。基于此，本文就将对交互动画式网站设计和应用问题进行进一步研究，希望对网站设计专业工作人员提供更有效的帮助和指导作用。

　　在当前社会发展水平全面提升背景下，交互动画的优势作用也得到了显著发展，因此要想在今后网站设计工作中发挥更显著优势，就要保证对设计原则的贯彻和坚持，经研究发现，交互动画网站设计原则集中表现为以下几点：其一，信息传达的准确性。其二，以人为本的原则。其三，传播途径的适应性。其四，设计中融合艺术性原则。

　　本文研究的交互动画设计以服装主题网站为基础。该案例在对网站进行设计的过程中，基于此网站涵盖较为复杂的产品类型，因此要加强对设计主次的明确，以服装宣传效果的提升作为重点研究内容和设计方向，将设计内容作为工作出发点。在此环节中要对以下三个环节进行明确：首先，从网站的整体需求出发，对网站页面进行科学规划设计。要根据服装店铺的发展需求、服装产品类型和搭配原则进行基础页面架构，突出网站特色，展现该服装店铺与众不同的风格特征。其次，进行单个物品或服饰的展示设计，通过在网站中的真实互动引导和帮助网站浏览者对产品进行全面了解。最后，对页面交互进行动画设计，包括主页动画和各级页面的设计。

　　在当前社会发展水平全面提升背景下，动画制作技术在社会发展中的优势作用也更为显著。其中动画影视的出现不仅实现了群众对视觉效果的需求，同时也在很大程度上实现了群众审美能力的提升。但是受到多种因素的限制，目前这项技术仍然处于演示阶段，在实际发展中没能得到有效应用。如果将这项技术应用在交互设计工作中，可以实现对上述问题的有效解决。动画制作技术和交互设计的有效结合，为群众和三维动画之间互动效果的提升提供了重要帮助。比如人们在对三维动画进行观看的过程中，可以实现对角色的扮演，参与到动画中。在这一环节中，可以针对自身想法，对网站要求进行有效调整，体验互动作用。整体而言，交互动画对于群众生活而言可以发挥更为真实的作用，群众也可以在此种背景下进行有效的艺术创作，提升交互性能的整体优势。

　　首先，整体规划设计的实现。这是指完成网站的页面构架规划，在实际设计中，要根据网站风格和具体背景色进行填充，通过此种方式完成对网站页面的个性化设计。在网站页面设计中，需要合理借助Photoshop和CorelDraw等软件进行设计，从而在交互设计平台的定位基础上，实现设计蓝图的构建。在完成基础工作中，要以jpeg的文件形式对其进行保存，其中还要对PNG形式下的背景进行透明处理，确保像素要求和分辨率满足屏幕要求。其次，单品设计的实现。在对这一环节进行交互设计内容选择上，可以采用三维建模方式或二维全景拍摄方式，通过二维、三维形式的交互设计，合理进行软件设计，对最终效果图进行分类处理和有效调整。在这项工作开展中，要求严格根据设计步骤开展工作，其一，在3dmax背景下进行建模数据处理，实现对文件大小的合理控制，并借助Cult3D进行3D输出，通过对相关互动形式的融合，对播放文件进行必要的压缩控制和调整，保证的基础性要求亿博电竞。其二，在对二维图片进行三维动画贫瘠额环节中，还要在相关刻度旋转平台中进行图片选择，将合格的图片转换为合理的文件格式，利用VR软件技术进行全景拼接，将其演变为影视动画条件下的互动动画形式。其三，对页面的设计。这一环节中主要指的就是首页和各级页面的交互设计。这一环节将对网站风格的整体性产生直接影响，所以要将用户需求作为整个工作的基础，在用户需求下适当融合艺术性设计和趣味性设计，通过此种方式满足群众的浏览和审美需求。在整个设计过程中，要对设计元素进行科学整合，从而对各级页面进行设计，只有这样才能实现对单品动画展示空间的表现，从而根究用户需求进行语言程序编程，实现对最终效果图的明确。最后，页面的整合设计。在这一工作开展中，需要借助Photoshop等软件进行静态页面设计和装饰，通过对文字内容的融合，融合相应的交互动画，进一步明确格式大小，采用合理的存档形式对动画效果进行保存。之后还要利用Flash软件进行进一步动画设计，在动画中插入合理的背景，在动画效果的浏览过程中对网站设计方案进行针对性调整，保证交互动画的成功。

　　第一，对产品传统营销手段进行创新。通过交互动画设计应用对产品进行营销，借助互联网技术的媒介性作用可以更有效的进行信息流通与传播，从而借助交互动画的独特设计理念满足消费者要求。交互动画设计可以更全面的展现产品细节，在主题明确的前提下对产品进行个性化理念的融合，吸引广大页面浏览者的注意，这对于产品营销和推广将起到更大的帮助。同时，此种设计手段的应用也是对传统设计方式的有效补充，能加强信息内容的丰富性和完善性。第二，对信息传递效果进行提升。交互动画作用下可以借助动画设计和人的有效互动，对消费者的体验感进行提升，确保消费者参与过程中与动画进行有效交流，这对于信息传递效果的提升也将起到有效帮助。第三，对情感交流进行完善。在交互动画设计的应用过程中可以借助这一平台对浏览者的关注度进行提升，站在消费者心理需求上引发情感共识，利用平台艺术性和趣味性实现对情感交流的优化。第四，对页面设计优势进行发挥。在对这项技术应用环节中，如果可以将交互动画设计手段应用在界面设计中，能确保网页产品辨识度的有效提升，不仅能强化产品自身亲和力，同时也可以为群众带来更为真实IDE体验感。比如当前很多企业都加强了对微信公众号的开发，在这一界面就可以加强对交互动画设计的应用，保证群众随时随地接受信息，提升用户体验感，这对于用户而言，手机平台产生的视觉互动效果也将更为显著。

　　其一，设计应用中出现的问题主要表现为以下环节：首先，设计理念缺乏完善性，创新意识薄弱，并且在设计环节中，并没有对制作技术进行有效落实。其次，交互动画设计工作的整体性效果不佳，无法发挥交互动画设计的积极作用，因此需要对这项工作进行有效完善。其二，动画交互网站设计问题的应对策略。基于目前网络营销推广形势，在对交互动画设计进行应用的环节中应该充分发挥动画的积极作用，将设计构思作为基础出发点，通过对整体构思理念的应用，这全面提升和强化设计水平，确保每个设计环节都能得到有效落实，只有这样才能有效发挥交互动画设计工作的趣味性和互动性特征。

　　综上所述，目前交互动画网站的设计和应用已经逐渐演变为了网络营销的重要手段，在对这项工作进行推广的过程中，要进一步加强对设计工作的落实，从而在对设计原则进行确定的基础上，合理进行设计构思，推进网站设计的交互式发展。此外在对网站交互动画应用意义进行确定的前提下，还需要对设计方案中呈现的问题进行分析，更准确的掌握问题解决方案，只有这样才能保证网站交互动画设计和应用的完善性。

　　[1]吴晴，史启新.交互动画式网站设计与应用[J].湖南城市学院学报（自然科学版），2016，25（1）：159-160.

　　[4]伊卓君.儿童网站中的交互理念与视觉设计应用研究[D].浙江理工大学，2015，16（5）：189-190.

　　互联网时代下，网站建设与网页设计成为企业的第一面孔，也是人们了解企业的途径之一。在企业的规模化快速发展下，对网站建设与网页设计类人才的需求量逐步增加，对人才的要求也越来越高。与此同时，高职院校在为企业输送大量网站建设与网页设计类人才时，必然要从企业的实际需求与市场发展动态出发，确保培养的人才契合企业的根本需求。就计算机类专业的网站设计类课程而言，更应在课程教学改革中融入就业理念，在就业导向下完成网站设计类课程的改革与教学。就目前来说，如何在就业理念下做好计算机类专业网站设计课程的教学依然是高职院校高度重视的一个焦点。因此，论文对以就业为导向的计算机类专业的网站设计进行研究有很大的现实意义。

　　我国网民的数量持续增长，且网络经济有着越来越大的影响力。越来越多的企业也积极地运用互联网技术融入网络市场，并建立起专属网站。在这一条件下，计算机类专业人才被这些进行网络建设的企业所重视，也成为高职院校高度重视的课程教学之一。无论高职院校如何重视计算机类专业人才的培养，一旦脱离了就业市场的真正需求，必然无法为企业输送真正有价值的计算机类人才（季润石，王浩，高校考试就业综合信息网站的设计与实现：人力资源管理，2018）。这就需要高职院校高度重视计算机类专业的就业为导向的教学，通过立足于就业市场培养计算机类专业学生的就业能力，引导学生正视教育环境与就业环境，并在毕业后可以为企业的发展奉献出自己力量。因此，以就业为导向的计算机类专业教学改革是必然，在实际的改革中应注重学生就业意识的培养、实践能力的培养、职业能力的培养。

　　一般来说，计算机类专业的岗位需求主要有网页美工、网页设计与制作、网站开发设计、网站运营、网页编辑、网站管理及网站维护等。就网站设计课程来说，主要是倾向于网页设计与制作、网站开发设计、网页编辑及网站管理。

　　计算机类专业网站设计课程的建设，尽管已经受到高职院校的高度重视，但在实际的教学实施中依然存在着诸多问题。如专业建设上岗位需求和培养目标的紧凑度不够，课程设施上有待进一步完善，主要是整体性不足、针对性不强。教学内容上，主要是设立和讲解特定的知识点，没有把岗位技能知识进行整体糅合。教学方法上依然是沿袭传统教学方法，结合不同的知识点进行案例教学。教学考核上，以笔试考核为主，实践环节的考核力度不够。这些问题的存在，不利于计算机类专业网站设计课程的有效教学，也和就业岗位的对接性不够，学生在学习了课程知识后依然无法运用课程知识解决实际问题，也缺乏一定的创造性。

　　以就业为导向的计算机类专业网站设计课程的改革设计，应突出网站设计课程的核心教学理念，从职业性、开放性及实践性角度组织教学。课程改革设计中，确定职业岗位，分析岗位需求能力，最后确定教学项目，实现真正意义上的学以致用。同时，在实际的教学中，注重边学边用，注重学生职业能力的培养、创新意识的培养既创新能力的培养。做好教学内容的组织与安排工作，注重学生职业能力的培养。可采用项目式教学手段，通过分析岗位职业情况选取课程内容，突出课程的实践性、职业性、开放性。在教学内容组织上，突出教学的过程、学习的过程及实践的过程。在教学实践中以实训方式进行，如高职院校院系级网站、旅游网站、学院教研室网站设计等（刘峰，刍议中职计算机专业《微网站设计》课程的开发：电脑迷，2018）。实际的实训目标从网站规划、网站首页制作、网站首页美化、网站二级页面制作、网站页面特效实现、注册登录表单功能实现、数据库的选择和连接、数据库数据的修改、网站测试和、网站管理和维修这10个方面来做起。

　　以就业为导向的计算机类专业网站设计课程的改革设计，应做好网站设计课程教学模式的设计，从情景教学、任务驱动及工作导向的教学设计做起。在教学做一体化的教学过程中，采用小组教学进行课程教学设计。第一步，通过在网站设计课堂上引入案例，向学生提出问题，以案例演示的方式讲解案例的应用背景，加深学生的感性认识，并确定这一课堂的教学目标。第二步，通过对案例进行分析，找出问题的根源并解决，这就可以把案例进行分解，并确定为多个任务，在任务驱动下制作案例（玲，基于职业能力培养的网站与网络动画设计课程实践教学改革：广西教育(高等教育)，2018）。第三步，通过归纳和总结，在课程结束前对本次课堂的学习内容进行归纳和总结，找出这一课堂的学习意义和学习的重点，找出学习的难点和易错点，对这些知识点及时总结。第四步，通过举一反三并学以致用，这就需要教师在课堂教学结束后，对学生进行加强训练，巩固学生的课后学习，引导学生触类旁通和学以致用。

　　以就业为导向的计算机类专业网站设计课程在改革中，应注重课程教学考核方式的设计。如在课程项目式教学过程中，就要对各个知识点的掌握情况进行评价，并让学生自主选择项目，以小组的方式进行页面设计，最后给出考核的结果。网站设计课程教学考核过程中，注重学生工作过程的考核，对项目进行任务划分，并对学生的实践能力进行综合考评。考核过程中可选取教师评价、组员间的互评及小组评价等方式，对学生进行综合评价，包括学生的调查与规划能力、新系统逻辑模型的构建能力、系统设计能力、系统实施能力及系统运行和维护能力。

　　以就业为导向的计算机类专业网站设计课程的改革过程中，应积极地开展实践教学，注重学生实践能力的培养。这就需要教师在教学活动中结合不同的教学时间要求设计不同的教学内容，帮助学生积累大量的实践知识，并在实践中运用这些知识并提高实践能力。同时，网站设计课程改革的教学中，还需要高职院校加强校企合作，为网站设计课程教学提供顶岗实习的机会，增加学生实践的机会，并提高学生对岗位的适应性（李茂林，卫培培，基于工作过程的《网站设计开发》课程开发与设计：电子制作亿博电竞，2015）。更重要的是，以就业为导向的计算机类专业网站设计课程的改革教学，也要注重课程教学评价的科学设计，注重学生实践能力的考核，提高学生的职业能力。因此，以就业为导向的计算机类专业的网站设计课程教学改革中，一要积极地开展实践教学，创新教学方法；二要加强校企合作，为学生提供更多的实践机会，培养学生的职业能力；三要注重课程教学评价，提高学生的实践能力。

　　网站界面的视觉表现力对用户有着最直观的影响，也是网站建设成功的关键，用户的网站访问体验与感受亦是通过网站的视觉设计效果进一步表达出来。在网站建设过程中除了展示、易用、传达信息基本功能外，更要舒适的界面的视觉设计来增加用户的关注度，提升用户吸引力，实现高校教育教学信息与视觉元素的协调性、系统性、整体性的有效整合。

　　视觉传达设计主要利用视觉符号来进行传达信息，注重审美效果的设计元素以视觉的形式表达出来，网站设计师通过视觉设计传达思想，从而引发人的心理效应，用户通过视觉对设计产生积极反应和印象，继而更有指向性的来获取信息[1]。视觉传达设计在艺术性气息较浓厚的网站应用中，要有明确自身定位和内容，深化富有学院特色、个性的美学特质。网站建设内容要明确，定位做到精细化。在设计过程中要始终做到把人的价值放到首位，艺术性网站浏览者用户，大多是具有知识或艺术背景的高校教师和学生，对艺术和美感有着非常高的喜爱和要求，讲究网站设计中细节，注重内容表达及色彩展示。

　　网站是依据特定的规则，运用Unity3D、HTML、Dreamweaver、Flash、Photoshop等网页制作工具来创作出展现特定内容的网页集合。网页界面是人机交互操作，易操作、美观、体验感较强的人机界面更加吸引用户的浏览访问，增强用户的体验沉浸感。界面设计（UserInterface）人与系统通过此界面媒介，用户获得信息，系统接收、处理、相应信息，充分实现彼此信息的互动[2]。

　　展现视觉传达设计在网站界面设计中的引导性特征，让视觉元素在界面中合理安排，遵循视觉心理与生理流程特点，有效引导用户愉快、便捷、清晰流畅接受网页传达内容信息。做到技术与艺术的完美结合，以设计意图为主线引导用户行为，更加有效的来促进信息的表达，提升页面视觉传达设计的引导力。把握视觉传达设计交互在网页中的应用，可包含教育、教学、科研、资源等内容，在交互性设计环节要注重用户参与感的满足，通过交互给予用户适当的行为或者过程控制权，使其更深入的理解、体验，提升用户兴趣，同时也不断丰富网站自身内容的建设。运用视觉传达设计视觉符号及其系统构成的视觉语言在具有视觉冲击力的交互设计中充分的传递、表达信息，大大降低信息的复杂度、认知负荷，方便用户解析、接受并开启交互，增加信息获取的动态性、趣味性。注重视觉传达设计亲和性在网页中的运用，如文字、色彩、图形、动画、3D等融合、转换提供了更加直接、感性、更具亲和力的信息内容表达。视觉传达设计技术及AR技术的的发展和应用，更加逼真、个性化、亲和力的场景应用开始出现，视觉冲击力和认知力效果增加了用户知识学习、信息获取过程中的身临其境的亲和效应。

　　高校教育教学、科学研究网站的设计和建设要遵循技术性、教育性、科学性等原则，还应具有个性化、特色化的设计原则，教育网站的设计传达设计是技术与艺术的融合，内容与形式的统一。布局要合理，网页布局是对页面设计元素和内容的合理规划与安排，设计师利用技术兼用艺术巧妙利用结构和布局原理，遵循视觉及心理规律，将各设计元素有机联系起来，设计过程中可通过文字编排、色彩搭配凸显重点内容，一般重要频道一般置放与左上方区域，力求做到布局主题突出、视觉清晰、内容简洁、整体协调。色彩搭配合理，做到用色准确。颜色和色调是视觉基本组成元素，色彩的设计应根据内容表现需求和用户色彩心理特点，要想充分表达整体站点，需色彩的综合运用，色彩表现要均衡，从整个站点的高度出发，不能偏重于一个点，否则就会造成视觉色彩失重，如大色与小色，纯度与明度的合理设计。页面主色彩色调的设计与选择要考虑整体设计风格，主题的体现等，单色调、调和调及对比调应根据内容的表现需要来进行选择和搭配，已达到对比你、衬托、层次、协调等效果。简洁清晰原则应贯穿整个网站设计的过程当中，如果网页图形太大或者色彩过重过多，都会影响到给视觉带来的美感，同时亦会影响到浏览的体验，简洁的信息及色彩表现，会带来较好的用户体验。保持节奏的清晰，因为节奏是UI设计中重要美学元素组成，色调、质感、线型框等要素在布局设计中都可以形成较强的节奏，将美学元素进行适当的重叠、移位即可产生所需节奏，保持适当的节奏设计，才能达到最佳信息传递及视觉表达的效果。协调统一原则，确定网站功能服务主体，色彩、节奏、布局页面等设计要素要服务于主体，各视觉要素统一起来，相互搭配协调，由表达主体进行统一。

　　版式布局根据网站建设内容的需要将文字、图形、色彩等诸要素相结合进行过程编排，通过节奏、比例、色彩、虚实等美学规律进行页面的设计与制作，把设计方案与思想以造型要素及形式原理的形式进行表现，营造视觉的审美信息空间。版式布局的设计是创意网站设计过程，应充分体现学校特色理念，遵循形式美学的要求，一般可采用对称、非对称、对比、比例等布局设计风格，注意视觉造型各元素之间的运用、组合配置，如大小、间隔、位置、节奏与美感等。利用表格和框架技术对页面进行分割，根据人的视觉模式识别特点构建简洁的视觉流程，注意视觉元素大小、轻重比例关系，保持页面整体布局平衡协调。视觉心理学认为版式布局传递的信息内容与设计中、使用者心理处于同步状态下，会产生一种认知理解和美感效果。在版式布局设计时应尊重用户信息获取阅读的个性、习惯，巧妙运用元素的主从关系、层次和实际流程等形式手法，富于创造、想象力的版式布局设计，以合理的顺序、有效的感知方式，激发浏览访问者的注意与兴趣，获取用户的最佳体验印象，产生良好的心理效应，更好的传播信息，从而实现传达与沟通的目标。在版式布局设计中巧用留白设计，适当的留白设计会使网页布局显得松弛有度，表现出活力，给人带来充分的想象空间。以大连海洋大学艺术与传媒学院为例，如图1所示，网页中紧凑的文字编排，适当的留白设计，简洁的设计，形成疏密有度的对比，给人以清新舒爽的体验感受。网站版式布局设计，我们采用横、纵互相结合的布局结构，以横向布局为主，页面比例均衡，统一协调，适当留白具体实践应用。灵活运用视觉元素大小、形状、疏密色彩来调节对称轴线的分量，造成视觉的堆成，给人以平衡感，把握整体布局统一，追求局部的个性变化，给人整齐简洁、和谐之美及良好的稳定感。

　　文字元素是信息传递的重要载体，在网页设计时文字的字体、大小、颜色及其排列方式要与整体页面表现视觉元素相统一，一般情况下，在单页面中出现的字体最多不要超过四种类型，否则会给浏览者带来视觉疲劳，难以凸显视觉重点，有种凌乱的感觉。如果想要一个风格独特，印象深刻的网站，设计者需要对文字进行创意的构筑，每一处的弯曲、笔画和角度都要巧妙的运用于字体。从整体界面风格、版式布局等开展文字的创意设计与运用，最大化表现文字独特的色彩、别开生面的字体类型，给浏览者带来视觉的冲击。负空间的营造遵循浏览者的视觉心理习惯，所谓负空间具体表现为字间距、行间距、段落之间的间距[3]，浏览者习惯于某种阅读方向和顺序的习惯，如自上而下或从左至右。字距、行距主意恰当的比例关系设置，可以适当加宽行距，形成较为明显的距离空白，增加浏览者的舒适度，段距一般可以采用增加空白来提升装饰效果。应用CSS技术来对字体属性控制，CSS指令控制文字字型样式及段落外观等方式，样式表模板如图2所示。图2样式表控制模板

　　图形语言作为一种艺术形式，能够创造新形象，传达新意念，拓展浏览者的思维，实现信息传递的有效性[4]。在图形设计中强调点、线、面的结合，在应用时一般采用jpg、jpeg、gif、png等浏览器支持度较高的压缩图形格式，其中jpeg的压缩效果相对较好，适合大、中型图形，在网络上传或传输时速度快、时间短。在选用图形时，图形的位置、大小、组合形式、展示方式等在整体的页面设计编排中给予重点的考虑，保证页面整体的美观、实用。图形的设计、选用要充分反映网站的主题与内涵，突出重点，避免大量采用抽象图形代替文字的插图或插画，亦不可在页面中插入图形过多。合理运用不同造型手法，照片、插画、漫画等多种形式选择，达到图文并茂、风格协调的美学效果。图形展示频道设计紧密结合学院办学动画传媒、视觉传达专业特色，采用胶片作为图框，设计作品从右至左动态滚动展示，图形的嵌入不仅增添了页面的趣味性和艺术性，同时有利于信息的传达以及浏览者对网站内容的理解，增加信息获取、记忆效果。

　　色彩作为一种视觉元素，富有表情，视觉作用先于形象，使浏览者产生不同的联想和情感[5]。网页设计时要选择与网站特点、理念相一致的色彩，可根据不同的主题确定合适的色彩，力求体现出网站特色，亦可根据不同的信息表达内容，来运用不同的色彩进行表现信息的生动性和丰富性。学院网站整体设计以海洋文化元素确定主题色为“蓝色”基调，同时考虑艺术的多元化特征，融合多种色彩进行视觉表达，蓝色表达出来的海洋的博大、深邃、永恒、理性，橙色象征开放与随和，黄色象征光明、智慧之光，粉色代表青春、优雅高贵的风度，红色代表激情、热烈、温暖。通过色彩的饱和度、透明度、渐进变化的设计，使页面和谐统一、特色鲜明、重点突出、对比强烈，产生了强烈的艺术效果。

　　在高校网站建设中视觉传达设计具有较强的综合性、整体性，设计时应关注风格的整体统一，多视觉元素运用相结合，在突出个性、特色的同时需要站点或站群的协调性。对总体框架版式布局的规划、层次的编排、色彩的应用、文字及图形的处理等都要充分的规划、统筹，做到局部服从整体，视觉元素之间紧密恰当的联系，不仅为了满足用户的信息需求，更要创造一种愉悦的视觉美学意境。

　　[1]刘丹.视觉元素在网页设计中的运用[J].合肥工业大学学报,2012,(2).

　　[3]伊達千代.文字设计的原理.[M].悦之文化译,北京:中信出版社,2011.

　　[4]乔柳.网页界面设计中的信息图形化研究[D].上海:上海交通大学,2010.

　　关于网页的设计早期只局限于互联网的网页界面布局、网站版式设计、网页交互实现等，经过通信技术的发展与软件技术的集成，网页设计不再是单纯的界面设计，设计师通过可视化的集成软件可以独立完成网站建设。随着移动互联网的快速发展和相关设计软件的高度集成，网页设计也包含了对移动互联网的网站设计、移动端APP设计、微信公众号设计、微商城设计、微信小程序设计、H5移动交互设计。为了适应互联网资讯的时效性，网页界面需要不断更新，网页设计过程需要高效、便捷，所以在设计的方法理念和软件技术上也在不断优化升级，将现有技术资源整合，开放软、硬件接口，融合最新数字化技术，利用高速网络通信技术与数据库大数据分析，让网页设计变得快速、高效、协同、便捷。[1]在早期的网站设计中，界面版式与交互设计完成后，交由代码工程师进行网站框架搭建与界面交互实现，最终上线、运维。这种设计制作方式需要多行业，多工种协同工作，成本较高，效率较低，协同工作时错误概率会增大。如今通过计算机语言可视化技术，将代码编程的工作简化，降低代码编程门槛，让视觉设计师独立完成网站设计成为可能。原来网页设计师工作的中心仅局限于网页设计版式布局，视觉流程设计，广告插图设计，如今设计师完全可以独立的完成一个网站创建。通过一款软件将所有互联网相关的设计进行集成，形成互联网视觉设计“一站式”服务平台，并通过5G移动通信技术、数据库和云存储技术，全流程在线完成设计、编辑、协作、输出、上线等工作，让设计过程更加科学、高效、便捷。得益于软件技术的进步，网页的相关设计不在分为PC端和移动端，虽然两者的运行系统不一样，所有的互联网设计上从离线转变为在线，从多软件协作转变为只通过一款软件“一站式”设计服务；在设计理念上从单纯的信息供给转变为视觉流程引导，从静态网站的统一版式转变为动态网站的专属定制呈现，可以说网页设计在技术上的升级，是多学科的交叉融合，更是技术集成与创新的成果。网页设计一站式设计服务关联的技术主要有：通信技术、数字化技术、计算机语言图形化技术、数据库、大数据计算、云存储等。

　　对于网页设计能够实现在线的设计方式，主要得益于通信技术的发展，除了有线网络在光纤网络通信技术革新外，最新的“5G技术”更是在移动互联网通信方面取得了划时代的发展。5G的性能目标是高数据速率、减少延迟、节省能源、降低成本、提高系统容量和大规模设备连接。在传统的网页设计中，由于网络通信技术的限制，无法实现在线设计，更不能随时随地的通过移动网络进行在线设计，因为高清素材的缓存、渲染、输出，在线编辑、保存等操作时的数据交换、存储都需要极高的带宽与网速。目前有线网络的发展已经进入到高速光纤网络通信的阶段，通过有线网络可以轻松实现在线设计，但是通过移动网络进行随时随地的设计服务、团队协作是网页设计从业者最为需要的方式。以往的4G、3G、2G技术无法充分支撑在移动网络环境下进行在线G技术的到来使数据传输速率远远高于以前的蜂窝网络，最高可达10Gbit/s，比当前的有线倍。另一个优点是较低的网络延迟（更快的响应时间），低于1毫秒，而4G为30-70毫秒。5G技术的成功问世，让各行各业万象更新，尤其是给网页设计行业带来了福音，让设计师随时随地通过一个配置并不高的笔记本进行高清素材编辑、保存、输出成为可能。随着移动互联网的发展，越来越多的设备接入到移动网络中，新的服务和应用层出不穷，要提升网络容量，必须智能高效利用网络资源，例如针对网页设计的业务和用户的个性需求进行智能优化，但这方面的能力不足，未来网络必然是一个多网并存的异构移动网络，要提升网络容量，必须解决高效管理各个网络，简化互操作，增强用户体验的问题，从而能够更加高效地进行在线网页设计。

　　5G技术给网页设计移动在线编辑提供了数据传输的必要条件，但是对于一个网页设计师来讲，单人独立完成网站建设，对于代码编程的跨行业操作与知识储备是最大的问题。计算机语言可视化技术的发展让网页设计在线编辑“多软件合一”“一人建站”“一站式设计服务”的实现成为可能。可视化技术最早运用于计算机科学中，并形成了可视化技术的一个重要分支--科学计算可视化。科学计算可视化能够把科学数据，包括测量获得的数值、图像或是计算中涉及、产生的数字信息变为直观的、以图形图像信息表示的、随时间和空间变化的物理现象或物理量呈现在研究者面前，使他们能够方便观察、模拟和计算。这种技术已经把人和机器的力量以一种直觉而自然的方式加以统一，这种革命性的变化无疑将极大地提高人们的工作效率。网页设计师可以打破网站建设时代码编程的瓶颈，将网站框架搭建，模块布局实现，页面交互呈现，页面动态效果等底层代码实现的编辑工作全部图形化、模板化，在软件的框架内，可以随意拖动模块重新布局，可以直接点击页面中的模块进行在线编辑，选择按键在线设计样式，付与交互功能与动态效果，可以在功能栏里面选择和添加新的功能模块，例如统计、付费、留言、注册、登录、超链接等功能的实现，让设计师真正做到所见即所得，充分发挥视觉设计、行为设计的优势，随时随地的修改方案，独立建站，上线、运行、维护。

　　虽然5G技术与可视化技术给互联网视觉设计在线移动编辑的实现带来了可能，但是在线编辑的存储与输出也是一个技术难题，那么云存储与数据库技术的发展就完美解决了这个问题。云存储是一种网上在线存储的模式，即把数据存放在通常由第三方托管的多台虚拟服务器，而非专属的服务器上。托管公司运营大型的数据中心，需要数据存储托管的人，则透过向其购买或租赁存储空间的方式，来满足数据存储的需求。数据中心营运商根据客户的需求，在后端准备存储虚拟化的资源，并将其以存储资源池的方式提供，这样设计师在线编辑的文件便可自行使用此存储资源池来存放文件或对象。通过云计算技术，网络服务提供者可以在数秒之内，处理数以千万计甚至亿计的信息，达到和“超级计算机”同样强大的网络服务，这样在强大网络通信技术的加持下，设计工作者在线编辑高清素材并存储或输出时就变得十分方便，快捷。除了云存储技术的使用，网页设计软件供应商会构建自己的数据库，数据库有很多种类型，从最简单的存储有各种数据的表格到能够进行海量数据存储的大型数据库系统，数据库中的数据可以为众多设计师所共享其信息而建立，不同的设计师可以按各自的用法使用数据库中的数据;多个设计师可以同时共享数据库中的数据资源，即不同的设计师可以同时存取数据库中的同一个数据，这样就非常方便设计师随时调用数据库中存储的设计方案进行展示、修改、保存，对于大型项目需要诸多设计师协作，灵活的数据库存储方式加上高速的移动网络通信，方便设计师同时在线调用、存储数据，远程协作。数据共享性不仅满足了各设计师对设计方案协作的要求，同时也满足了各设计师之间信息通信的要求。

　　网页设计“一站式”设计服务是多学科，多技术交叉融合、发展的产物，一个视觉设计师，完全不用代码工程师的帮助，在市场调研和客户需求分析、定位之后，就可以通过集成的软件平台，进行互联网的相关设计。“一站式”设计平台集成了PC端网站设计、移动端网站设计、微信小程序、微信公众号、微商城、H5移动交互设计，“六网合一”。“一站式”的设计服务是各项技术完美融合，环环相扣、相辅相成，推动互联网设计行业进入了一个人既能完成网站建设、随时随地在线设计修改、可视化操作、所见即所得、一站式快速便捷的设计新篇章。

　　［1］崔慧锐．利用数据库与云存储技术将工厂管理智能化［J］．当代化工研究，2020（12）：161-162．

　　所谓原型，可以理解为外化的心智活动的实践模式。本研究认为，网页设计心智技能的形成同样要经历上述3个阶段。而“原型”作为贯穿心智技能形成的核心，其建构意义重大。本文的先期研究在对已经具备了网页设计心智技能的熟手问卷调查基础上，利用“心理模拟法”创拟了“网页设计活动原型”，本研究将讨论如何利用该原型展开三阶段的培养。对学生而言，网页设计活动的原型定向往往需要教师的示范和讲解，那么教师首先应该使学生明确网页设计活动原型的结构、各个环节的操作原则及必要性并利用脚手架支持的问题来驱动启发学生的主动性和自觉性；然后按照原型正确示范和讲解完成某一网站建设任务的完整过程。这里需要强调的是，教师需要将原型中每一个心智动作详细展开。原型定向阶段的教学，只是网页设计活动心智技能教学的开端，要使学生真正形成心智技能，还需要进行实际操作。学生利用上述在定向阶段形成的原型亿博电竞，亲自从事某一网页设计活动，将在头脑中建立起来的活动程序计划以外显的方式付诸执行。

　　在这个阶段，应该借助脚手架支持问题来驱动学生利用原型，把构成这一活动的所有动作系列，依照一定的顺序作出不能遗漏和缺失，教师可以提出以下要求：①要根据“原型“严格遵循动作序列逐一执行，及时检查和矫正动作的执行情况；②学生在实践模式的每个环节提交一些阶段性材料或者记录一些完成过程来保证是按照实践模式的步骤完成任务的；③建议学生将动作执行和言语相结合，边说边做。网页设计心智技能的原型内化阶段是将上述实践模式向头脑内部转化的过程，表现为学生从事网站建设任务时可以离开实践模式，借助语言指导来完成。学生只有在多种不同的实践条件下反复进行网站建设的具体活动，才能不断从原型中抽取本质的东西，最后形成普遍适用于不同实践条件的原型（心智技能），只有到这一步心智技能才算真正形成。

　　在网页心智技能培养三阶段理论的指导下，学习环境设计比较合理的安排是：首先依托一个充分体现原型的范例讲解和操作，完成活动原型中蕴含的相关知识和操作流程的讲解，初步形成“原型定向”。这一阶段教师应该关注脚手架支持的问题设计。然后，实施基于项目的学习，指导学生利用课后时间自主完成几项网站建设的综合任务，将原型进行操作和内化，最终使学生具备网页设计心智技能。下面就从“原型定向”阶段PBLEs设计最关注的脚手架支持问题展开叙述。在“原型定向”阶段，教师需要提取“网页设计活动基本原型”中的4个核心环节，然后把这4个核心环节中蕴含的相关知识和操作流程设计成脚手架支持的问题，继而通过教师逐步示范和讲解一系列问题的解决过程，完成网页设计活动的定向亿博电竞。

　　例如，附件网页设计活动原型定向阶段PBLEs设计方案中，对应“网站方案设计环节”的学习内容，将其转化成9个具体的脚手架问题。它们分别对应网站建设过程中“需求分析”、“系统分析”、“风格设计”、“UI版面初步布局”、“色彩定位”及“网站建设日程规划”等重要学习内容。这些脚手架支持的问题是以完成“网站方案设计”这一环节为驱动力而提出的，将引发和维持学生在该学习阶段中的学习兴趣和动机，引导他们带着明确的问题与目标，模仿教师的示范行为，开展真实的问题解决过程。在脚手架支持的问题设计方面，教师需要依据学生能力临近发展水平，问题难度要居于该临近发展区内，这样学生就可以调动己有的网页设计基础知识及操作技能等认知经验来解决当前面临的脚手架问题。

　　网页设计活动是一个渐进过程，脚手架支持的问题是依照这个渐进过程的发展顺序提出的，难度一般是逐级升高。因此，在设计这些脚手架支持的问题时，还需要注意合理安排难点和重点、考虑子任务的大小、所需知识技能含量、相关影响因素等多个方面。根据问题的难度，我们提供了支持指导、相关案例、辅助资料等，并创设必要的实践条件，使问题解决具有操作性。这一阶段，还要求教师关注各个问题解决的策略选择和转换的讲解、示范及独立、协作及竞争等组织策略的合理运用。而学生则以教师演示的优秀范例为榜样，利用大量的相关案例、信息资源、认知工具、协作工具及境脉等展开原型的定向学习。事实上，教师演示如何根据客户要求完成网站建设任务的过程就充分体现了网页设计活动原型的范例，这将给予学生解决问题的逻辑结构和方法过程，它包含了一种内在的逻辑，为学生提供了支架，通过对范例的学习，学生可以模仿其中的路径和方法，从而完成原型的定向。

　　在原型的操作阶段，比较适合采用基于项目的学习方式，即教师布置几个不同的网站建设任务，以完成作品为驱动，通过一系列脚手架支持的问题来引导学生利用上一阶段获得的网页设计活动原型完成网站建设。这一阶段要求学生依照一定的顺序，不能遗漏和缺失地作出原型定向中的所有动作系列。该阶段的重点在于任务的设计，我们设计了以“个人网站”、“品牌推广网站”及“公司企业网站”为主题的具体项目。这3个项目的难度逐级升高，有一定的挑战性。教师还需要提供支持指导和辅助材料，并创设必要的实践条件，使任务具有可操作性，这样，学习者就能够在实践中掌握问题解决技能和方法。在原型内化阶段，学生所从事的网站建设任务是可以离开实践模式的。教师需要为学生提供在多种不同的实践条件下反复进行网站建设活动的机会。例如，我们设计了以“小组为团队”，为本学院设计制作一个学院网站这一具体任务，期望学生通过不同的实践过程，不断的从操作原型中抽取更本质的东西，最后形成普遍适用于不同实践条件的心智技能。案例：网页设计活动原型定向阶段的脚手架支持问题设计。

　　客户要求：XX化妆品公司预借助互联网塑造良好的企业和产品形象，提高品牌知名度、美誉度和特色度。针对这这次品牌推广，我公司公开竞标，请有合作意向的设计团队于本月底之前提交设计方案及网站一稿，我方将从提交的方案和初稿中挑选出最满意的设计，并与其设计团队正式签约，预付30％的定金。同时，我们将提供企业LOGO、广告语、企业品牌发展历史、品牌产品的图片，推广活动视频等资料。学习目的：学生通过观察、模仿学习教师是如何根据客户要求完成网站建设任务的完整过程。脚手架支持的问题设计：

　　（1）网站方案设计环节的学习。脚手架支持的问题：①接到企业网站建设任务后，作为网页设计师的我们首先要作什么？②如何与客户沟通，提取与网站任务相关的关键词，解读网站主题，分析市场前景？③从哪些方面分析目标用户群体特征？④如何结合网站主题、目标用户群体特征、企业机构已有VI色彩特征、客户提供的原始素材等确定网站的主色？⑤鉴于主色，如何依据色彩设计原则（互补色，分裂互补三色组，类似色搭配原则等），确定网站整体的色彩定位？⑥如何根据网站主题和信息量大小，结合布局特征，选择适用的UI版面布局？⑦结合客户的要求及公司或机构的性质，如何对网站的功能模块进行规划设计，绘制出网站层次结构图，描述各功能模块及作用？⑧如何展开网站的风格设计？你了解常用的网站风格设计原则吗？⑨结合上述分析，如何撰写网站设计方案？

　　（2）主要页面效果的设计与制作环节的学习。脚手架支持的问题：①根据网站设计方案中确定的页面尺寸，色彩定位，UI版面布局设计，风格设计，功能模块设计等信息，利用“PhotoShop”完成页面效果图设计的步骤和方法是什么？②利用“Firework”制作网页切片的技巧和原则是什么？

　　（3）基于Htnl＋CSS技术的网页基本制作环节的学习。脚手架支持的问题：专家熟手利用html＋CSS技术制作网页有什么技巧？在制作过程可能遇到什么样的难题，该如何应对？

　　（4）网页动画效果设计与制作环节的学习。脚手架支持的问题：①如何利用JavaScript或Flash技术炫动你的网页？给页面添加动画的时候有什么需要注意的地方？②完整的较为准确的三维动画建模创作流程是怎样的？③三维动画建模活动中，“创意构思”、“模型设计”及“模型制作”这3个关键环节的目的、过程及阶段性成果分别是什么？任务活动：结合自己的建模经验说明三维动画建模活动的完整流程，然后小组交流。问题思考：①如何进行创意构思？②如何进行模型设计？③如何进行模型制作？任务活动：①仔细聆听教师的范例讲解，然后借助因特网资料展开品牌场景的创意构思、设计与制作的活动，创建场景模型形成阶段性成果和建模作品；②交流和评价其他人的作品，通过竞争选出3个最优秀的场景模型。范例讲解：展示了完成企业品牌场景任务的建模过程（审题、构思、设计、制作）。

　　近年来，动态网页的发展的进程取得了很大进步，动态网页不同于静态网页，动态网页可以说是一种技术含量较高的网页编程技术。对于静态网页来说，其显示的效果与相关的内容较长时间内不会发生变化，但是对于动态网页来说，就可以通过一些页面的代码不同，而使页面的相关内容由于环境、时间或者是相关数据库的改变进而实现变化，在动态网页早期的时候，大部分使用的是网关接口技术来实现的，然而在进行编程的过程中出现了较多问题，如编程的效率低、技术难以实现以及修改过程复杂，正因如此早期动态网页技术在逐渐的被新技术所取代。与此同时，新技术的不断完善使得动态网页设计以及表现形式更加灵活。动态网页的设计在通常情况下是按照由上到下的原则而实现的，先从较高层的页面一级一级的向下进行访问页面的相关内容，但是要求是在不同的文件中要放置不同的页面相关内容。正常情况下，上述的情况由静态页面是不能实现的，而且对于用户来说是非常不方便的。在动态页面上的显示的文件大都为原页面文件，所以一定要使用递归调用的方法。另外一方面，对于数据库的访问结果要进行处理。根据用户给定的条件，在进行数据库的检索过程中需要将结果反馈给相关用户，这是用户通过输入条件的不同，进而获取不一样的检索效果。

　　计算机动态网页设计主要目的是有效抓住用户的相关需求，进而能够给相关的企业带来最大的经济效益。因此在进行网页设计的过程中，需要遵循一定的设计原则：首先，网页的设计要有好的对比度，而且还要具有一致性，收到简洁明了的效果，表达出网站的主题内容。一致性主要表现在相关网页的风格与色彩的布局上。在对比度上，好的对比度主要体现在网站的内容上一定要有重点。只有做到这个原则才能够制作出非常优秀的网站。

　　对于网页设计之前，首先，需要进行的工作是构思。对于设计者构思设计方案，首先要明确网站的主题内容，比如对于一个相关的论坛，可以有不同的主题，如以爱好、学习技术为主题，拟定了主题之后再确定网站的主要内容。其次，要确定网站上目录的链接，为了突出其重要性，要将目录放在最为突出的地方，还要协调其他内容，放在较为合理的位置。最后，对于动态网页最重要的就是要明确在网页上的主要图片，对于主要图片需要根据动态网页的主题来选择，而且要能够突出网站的主题。依次根据以上的三个步骤，其主要的风格基本得到确定，另外如果有特殊需要，可以进行一些相关的调整，增加或减少一些内容等。

　　对不用户来说，不难发现不同的页面能够看出有不同的风格。在版面的设计上，需要细致的观察到版面的和谐、美观以及最重要的实用性。另外，在传统设计的基础上，可以再进行一些个性化的创新设计。例如，在论坛网页的设计上，主要使用的是d型的架构，进而进行创新。这一设计融合了边框的设计，将一些左边框的内容加入到上边框上能够减少空间的使用，使得页面更加整洁、美观。对内容区进行规划时，使用到的是左右对称法则，而且还用到了共享边框技巧，从而都具有边框，有效统一网页风格。其中需要特别注意的是要在每一个栏目当中都要建立独立的文件目录，使用到的图片都要放在其下面的独立文件夹中。这样能够有效避免所有的文件都堆放在一起，也能够使网站的结构看起来更加清晰。对于首页的制作也是网站非常重要的工作，因为首页是一个网页的门户。第一，对于首页要求能够体现网站的相关主题，让用户更加清晰；第二，首要要有吸引力、美观，让用户有进行下一步游览的欲望。另外，为了能与用户进行有效的交流，可以在论坛的左栏设置投票系统，得到用户的直接反馈。

　　虽然现阶段的网站涉及到的软件都越来越容易使用，尤其是目前各行各业都在提倡以人为本的服务，进行设计工作，这就促使要有一个非常好的网站应该很方便去管理。设计中需要体验用户的感觉，进而能够使得网络的管理者使用起来非常方便。另外，对于管理员要设置密码，只有这样才能保证网站的安全性，并且保证管理员具有对密码进行修改的权力。

　　大部分的网站在进行页面设计时会用到表格，使用表格来实现布局，由于表格能够很好的实现较为复杂版面的设计工作，因此非常受欢迎。但是，也存在一定的缺点，也就是将大部分元素尽在图中呈现，在浏览器中有时会出现显示不全的现象。为了能够有效的缩短时间，需要将大的、整个的表格打散成许多较为独立的、小的表格来实现，另外，还需要注意的是对于意义不大的表格要进行删除，避免出现空间的浪费，否则这些表格会使网页的速度降低，带来许多不便。

　　目前的动态网页设计过程中，设计者都倾心与使用表格嵌套的思路。因为使用表格嵌套能够进行网页版面设计，其好处是能够设计出非常具有创意的版面来，也就是这一点能够吸引着较多的设计人员，但是对于嵌套的层数越多的表格，对于浏览器来说，需要进行解释与显示的时间就会越长。所以建议在不放弃表格嵌套设计带来的优秀创意优势外，建议表格嵌套层数不超过三层，只有这样才能充分的利用表格嵌套设计版面的优势，还能够很好地避免由于过多嵌套带来的浏览器显示速度缓慢的问题。

　　有很多的网页设计者，为了能够便于所设计的网页，在进行下载前需要先启动脚本语言。然而，放置大量的脚本代码将会导致整个页面的下载或者是显示的速度变得更为缓慢。因此，为了能够有效的减少过量脚本代码在中带来的显示速度缓慢问题，需要将那些后来执行的脚本程序放到之前进行，还可以将其放到一个外部的文件中。到使用的时候，再进行一些调用工作。这能够在很大程度上由于网站设计的不合理，进行相关的优化工作，还可以通过采取一些简单的技术进而加快网站的。

　　矿山安全管理信息系统网络设计主要包括两大部分，企业总部及分部设计方案。总部设计：由于互联网访问要求多对一，总部所有数据都存储于内部服务器中，其他工作站利用网线同web及数据库服务器相互连接，形成局域网。外部机构利用远程拨号形式进入web服务器，客户端利用局域网即可实现所需数据的查询、统计与审核；分部设计：各分部进行工作站软件的安装，利用局域网或拨号方式对数据进行交换，并传送到总部服务器中，可利用浏览器对总部web、数据库等进行访问，从而顺利进行数据的统计、查询及录入，解决了重复性操作等问题。

　　本系统采用的是B/S结构模式，如图1所示。该模式集浏览器、web及信息服务等技术于一体，可利用一个浏览器对多个平台的服务器进行访问。较C/S模式而言，B/S结构共三层，包括客户机、服务器和Web服务器。客户端将请求发送出去，Web服务器从数据库中提取数据，并进行计算，然后将结果反馈给客户端，用户利用浏览器可对结果进行查询。在B/S模式中，服务器负责各个应用软件的升级、开发及维护。

　　首先，本系统编程语言采用的是Java语言，这是由于该语言跨平台性能良好，无论采用何种类型的计算机、操作系统及浏览器，就能利用Java对网络主页进行制作，并实现了同Java之间良好的交互性；其次，系统数据库采用的是MySQL，这是多数企业网站设计的首选，其不仅系统简单、安装方便、操作轻松，而且拥有良好的稳定性。因此，本文最终选择了Java+MySQL作为系统的开发环境。

　　本系统共包括六大功能模块，即基础信息、安全事故、尾矿库安全、安全决策、信息及系统维管模块。

　　1）基础信息模块，其主要由矿山信息、生产信息、安管制度及安管制度信息等模块构成，负责对矿山基础信息进行处理、管理生产信息，跟踪并记录安管制度建设及落实情况。

　　2）尾矿库安全模块，负责尾矿库信息的收录、更新、删除，并根据矿山名称对其运行情况进行及时查询和维护，负责对安检信息的存储及更改。

　　3）安全事故模块，实现了对安全事故相关信息的处理，可以通过矿山名称、安全事故发生时间、类别及严重程度等，进行安全事故相关信息的全面查询，并对安全事故负责人相关信息进行处理。

　　4）安全决策模块，包括事故及事故树分析等模块，实现了图表功能的查询及生成，可对各矿山安全事故伤亡状况进行查询，并对事故树进行科学分析，以便制定合理的对策。

　　5）信息模块，包括政策及宣传信息模块，实现了总部对信息内容的修改、更新，以及分部公司浏览信息等功能。6）系统维管模块，实现了管理人员对用户登录及操作内容的管理，提供了信息系统安装、使用及维护内容，便于有关人员参考。