小编精心整理了《网站制作论文范文(精选3篇)》，欢迎大家借鉴与参考，希望对大家有所帮助！摘要：21世纪以来，人们的生活已经开启了互联网时代，生活变得更加的丰富和便利。作为网络维护和优化的重要手段，Web前端开发技术的出现对整个互联网产业都产生了巨大的影响。本文对网站建设的Web前端开发技术进行了介紹，并结合其应用背景和时代需要，对其未来优化方向进行探讨。
第一篇：网站制作论文范文
《PHP动态网站制作》课程项目驱动教学法的应用研究
[摘 要] 动态网站制作是一门对实践性和创新性要求较高的课程。针对传统教学方式逐渐无法满足学生的要求，将项目驱动式教学方法应用到《PHP动态网站制作》课程中，使学生以团队小组的方式自主互助学习，既增强了学生的学习热情，又锻炼了学生的职业技能，取得良好的教学效果。
[关 键 词] 动态网站制作;PHP;项目驱动
网站制作是高等院校计算机相关专业普遍开设的一门基础课程。在《PHP动态网站制作》课程的教学过程中，设计与实现内容管理系统的是学习实践的重要环节，而内容发布与编辑功能是内容管理系统的一个核心组成部分。但是，在实际教学过程中，学生普遍对这部分内容的学习兴趣不高，教学效果不理想。究其原因，不够直观的开发过程、过长的程序代码片段等都对学生的学习过程造成很大障碍。因此，本文将项目驱动式教学方法融入《PHP动态网站制作》的教学过程中，设置由易到难的任务单元，逐步提高学生的学习兴趣和成就感，有效提高教学效果。
一、项目驱动式教学方法
项目驱动式教学方法是把课程学习内容融入各个具体的项目任务中，用项目模块的方式驱动学生自主探究，逐步掌握任务中所包含的知识点和技能点。学生在每一个具体项目任务的学习过程中，明确了解自己每一步应该做什么，完成項目中的每一个子任务，最终完成整个项目。这种在项目任务驱动下学习新知识、新技能的方式，既可以方便学生自主互助学习，又能大大增强学生的学习热情和完成任务的成就感。在项目驱动式教学方法中，教师要起关键作用，因为是由教师负责设计分发具体项目，组织学生完成各子任务，所以教师要将教学内容和企业实际应用相结合，设计符合行业需要的项目任务，使学生能够在完成各个项目模块子任务的同时掌握教学目标所要求的教学知识和实践技能。在《PHP动态网站制作》的教学过程中，采用项目驱动式教学方法还可以使抽象的程序设计内容具体化、模块化、趣味化，并且能够充分调动每个学生的学习积极性，在完成一个个子任务中逐步建立网站制作的成就感，进而培养学生自主探究的学习习惯。同时，在完成项目任务的过程中，学生可组成学习小组。小组成员分工合作，密切协作，互相配合，既培养了学生的团队意识，又能够扩展思维，开拓创新。
二、项目驱动式教学法在《PHP动态网站制作》的实施
(一)任务设计
项目驱动式教学方法的核心是设计具体的项目任务，而设计项目任务的优劣对教学效果有直接影响。因此，任务设计过程中，教师应该根据教材内容和实践需要，将教学目标逐步分层转化成具体的项目任务。与此同时，项目任务设计还应考虑学生的技能基础、实践能力、接受水平，这样才能保证项目任务的适用性和可操作性。
以《PHP动态网站制作》课程为例，选择内容管理系统作为贯穿课程始终的项目，然后将它拆分为若干带有实践操作性的项目模块和子任务。如下表所示，首先通过建站准备部分让学生掌握PHP运行环境的搭建、PHP开发工具的使用等，再通过前端设计项目模块，让学生掌握静态网站制作的核心技巧，然后，通过数据库设计部分，让学生掌握MySQL数据库的使用并了解关系数据库的设计原则，最后，通过注册登录页面、内容发布与管理页面、内容类别管理页面、内容查询与检索页面等的实现，让学生理解和运用PHP动态网站制作课程中数据库连接、调用等关键知识点和实践操作方法。
(二)团队协作，自主学习
项目驱动式教学方法的特点是以学生为中心、教师为指导、项目任务为基础的新型教学模型。在教学环节中，如何营造学生自主参与、主动协作创新的学习环境是一个决定教学效果的关键问题。正因如此，在组织教学活动和实践环节中，应该将学生分组以团队为单位的教学方式，在分组时按人数、学习情况等因素分组，营造良好的学习环境和科学互补的团队氛围。
完成项目任务的过程如果由教师直接给出解决方案和具体步骤，这显然达不到最佳的教学效果。更合理的做法应该是，教师指导学生独立思考，团队协作，自发收集和分析项目任务所需知识，逐步解决各个项目模块和子任务。这就需要教师对学生严格要求，不能让学生有依赖心理，培养每个学生独立思考问题与解决问题的能力。此外，还应该鼓励团队成员互相沟通，探讨解决问题的思路和方法，通过思维碰撞，既有助于找到任务的解决方法，又锻炼了学生的团队协作和高效沟通的能力。例如，在前期准备和前端设计等基础项目模块中，教师先提出问题，然后引导学生自主思考，团队讨论并演示效果，教师再通过案例讲解、作品点评和错误分析等交互式教学手段传授子任务所包含的知识点，接着学生通过项目任务实战演练逐步理解和掌握相应的教学目标和实践操作技能。在项目任务实践操作中，整个学习过程以团队小组形式进行，教师应仅仅起引导作用。围绕具体项目任务，首先由教师引导和启发学生将该项目模块拆分为多个功能独立的子任务，学生再利用所学基础知识，以小组为单位逐步完成各个子任务。而对于项目模块中所涉及的新知识，如数据库连接、数据库调用、数据记录的添加、删除、编辑和查询等较复杂的编程子任务，教师先通过相关案例进行演示讲解，然后，指导学生进行团队小组讨论并分析项目模块，最终引导学生自主完成教学任务，达到教学目标。
(三)效果评价
如何对《PHP动态网站制作》学生项目成果作为中肯评价，是项目驱动式教学方法能否成功的关键问题。在教学过程中，教师应多利用多媒体、电子教室等方式展示学生小组完成项目任务的情况，一方面，这种方式可活跃课堂氛围;另一方面，学生在观察其他团队小组完成项目方法方式时会受到启发，不仅能获得完成项目任务的成就感，还能开拓自己解决任务的思维方式。因此，教师通过展示学生项目完成的情况来评价教学效果，有利于增强学生的学习兴趣和信心，有利于促使其更有热情地参与到下一个项目任务的学习实践中。
对教学效果评价主要有两个方面：(1)对学生完成项目任务的过程和结果进行评价，这一方面主要是对教学目标的掌握和实践运用的评价;(2)对学生团队能力、协作能力以及在小组团队中所起的作用进行评价。具体来说，课程项目考核方式采用学生自我评价、团队小组成员相互评价和教师评价相结合的方式。自我评价指的是在项目任务完成后，学生以小组团队为单位提交项目任务评价报告，总结每个项目任务的完成情况以及教学目标的掌握情况;团队成员相互评价是每个学生在团队中所做的贡献和所表现出来的实践能力由团队其他成员进行评价;教师评价则是由老师对每个学生的考勤记录、项目的最终完成情况、知识掌握情况、实操能力、团队协作能力等进行综合评定。
三、结语
本文针对《PHP动态网站制作》课程的特征和学生的具体情况，将项目驱动式教学方法引入整个教学过程中，从任务设计、教学方式和评价指标等角度进行分析和研究。这种教学方法有利于丰富和发展网站制作类课程的教学模式，实现从传统灌输式教学方式向项目实践式教学方式的转变。学生通过各个项目模块的学习和子任务的实践，提高了自身的学习热情，加强了对《PHP动态网站制作》课程中知识点和技能点的学习效果和实践能力，同时通过团队协作式的教学方式，锻炼了团队协作技能和职业素养，体现了高等教育的特色，较好地完成了教学目标。
参考文献：
[1]台雯.《动态网页制作》课程教学改革的探究[J].天津职业院校联合学报，2016，18(2)：85-88，93.
[2]蒋秀林，谢静.项目驱动式PDIC教学法在《网页设计》课程中的应用[J].包头医学院学报，2015，31(9)：113-115.
[3]郑丹青.项目教学法在动态网页设计课程中的教学应用[J].中央民族大学学报(自然科学版)，2014，23(2)：67-70.
[4]张洁.基于工作任务的项目教学在高职课程中的应用研究[D].河北师范大学，2012.
作者：高望，廖春琼
第二篇：基于网站制作的Web前端开发优化
摘 要：21世纪以来，人们的生活已经开启了互联网时代，生活变得更加的丰富和便利。作为网络维护和优化的重要手段，Web前端开发技术的出现对整个互联网产业都产生了巨大的影响。本文对网站建设的Web前端开发技术进行了介紹，并结合其应用背景和时代需要，对其未来优化方向进行探讨。
关键词：网站制作;Web前端开发;优化
本文著录格式：何煜琳.基于网站制作的Web前端开发优化[J].软件，2021，42(02)：112-114
Optimization of Web Front end Development Based on Website Production
HE Yulin
(Bayin Guoleng Technology College， Korla Xinjiang 841000)
【
【Key words】：Website production;Web front end development;optimization
0 引言
网站制作的内容是比较广泛的。从细微处来看，其主要包括图像的处理、网页布局和数据库的建立。在当前科学技术飞速发展的阶段，互联网所承接的信息源越来越宽泛和多样化。为了满足不同用户对信息获取的不同需求，网站的制作也体现出越来越丰富化的趋势。当前社会，随着网络与信息技术的快速发展，科技化、智能化等正以无法想象的速度影响与参与着人们的生活。人们的生活变得更加的自动化、现代化。总体来说，在网站建设方面，基于网站制作的Web前端开发技术起着相当重要的作用，它使网页呈现方式不再同以往相同，只是由过去的静止图片及文字组合而成，先进的网站建设，内容和形式都更加多样和复杂，除了让用户体验到更加新鲜精彩舒适的浏览观感，更可以使网站建设很好地为广大用户服务，实现其建设的真正价值。
1 Web前端开发技术阐释
1.1 Web前端开发技术基本含义概述
从宏观来说，Web前端开发技术主要包含三个关键性语言，分别是Java Script、HTML和CSS，这三种语言有着不同的作用与特点，执行标准也并不完全一样，但相互间又存在某种牵连性。其中HTML是超文本标记语言，“超文本”表示用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本;Java则是一种操作简单但功能却异常强悍的编程语言，吸纳了大众非常熟悉和了解的C++语言特征，同时对C++中一些理解困难的内容做了摒弃处理;CSS则是用来表示HTML的计算机语言，它的功能是将元素变为动态。这三种语言在Web前端开发技术中各司其职，但彼此相互间联系紧密，是此项技术同等重要的三个组成部分。现阶段，最寻常的网络环境是B/S结构，结合当前的网络环境技术，对浏览器进行分析研判。这种方法契合现代网络技术的搜索需要。首先，使用浏览器时，使用者会先行输入待浏览的网页网址，输入完成后，浏览器会向URL输出请求信号，然后服务器会接收讯号，并详细分析请求网址的域名，然后获取网址的IP地址，这样就完成了浏览任务的第一个重要步骤。这些操作完成后，使用浏览器的客户端会向服务器终端发送HTTP，浏览器则会根据请求对HTTP进行确认，确认之后的文件一般会呈现出网络地址的形态。其中，Web服务器主要的应用文件内容和URL参数进行相关数据处理并生成HTML文件。文件生成完成后，服务器会将HTML文件传输回浏览器。浏览器在接收文件后再一次对其进行分析，并请求服务器将相关的资源文件进行发送。服务器接受请求后，把目标资源文件等传输到浏览器，再由浏览器根据资源文件进行相应的数据整合，最终用户就可以在浏览页面上显示出搜索内容。
1.2 Web前端开发技术的重点研究方向
从该技术的开发过程来看，基于网站制作的Web前端开发技术开发之初，HTML和CSS就承担了不同的功能。HTML技术的职能仅局限于帮助使用者访问网页内容，而CSS技术则将重点投放于网页的架构和页面的美化。这项技术发展到现在，已经开始转向网页自动跳转及过渡到不同的内容。另外，基于网站制作的Web前端开发技术新增了“禁止网页非法访问”技术，未来应该会作为最基本功能运用。与此同时，为消除非法人员企图伪装成普通用户成功进入通信网络系统的问题，基于网站制作的Web前端开发技术特地增加了“防插入入侵权限”的功能开发设计，对于加强建设身份认证控制系统的功能，保障网站安全性起到了重要作用。另外，任何事物的发展过程中，都会呈现其多样性和特殊性，很多事物都是利弊相互交替的，并无所谓的绝对好与不好。随着Web技术的日渐强大，网络病毒也呈现疯狂态势。为彻底将网络病毒控制好，基于网站制作的Web前端开发技术又开发设计了安全密码保护系统，希望可以为网络安全保驾护航。另外，Web前端开发技术对于适时阻止非法入侵行为，同时进行技术创新，对网站中很多问题可以提供行之有效的解决举措，进而实实在在地避免不稳定因素的出现[1]。
如何获取用户的满意，是Web前端开发技术应该着重考虑的问题。广大用户在网络日常消遣中，主要集中在网络游戏、网络娱乐、网购等几个方面。而在网络用户的需求中，基础功能是影响用户满意度的最首要功能。因此，网站的建设，保障最基础的功能顺畅运行的同時，适当创新是具有竞争力的重要方面。针对用户的需求来看，如何快速实现网页访问及浏览的自动化，以及如何实现信息检索的快速化是长远发展的方向。因此，首先要实现网页的自动化，这样才能最大限度地减轻人工操作系统的复杂性，提升网站使用效率，与此同时，也能在这一条件下实现信息共享，最终为用户带来便捷体验。
1.3 Web前端开发技术的发展前景
当前，受众使用率最广泛的浏览器集中在百度、360、IE等，但这些浏览器都有一个共同的缺陷：兼容性不够。这也就成了Web前端开发首要要解决的问题。Web前端开发语言是目前公认的可能影响兼容的因素，作为Web前端开发技术中的重要语言，HTML、CSS、JavaScrip
担任着极端重要的作用。另外，基于网站制作的Web前端开发技术将为以后的科技进步提供更多的可能性。Web前端开发技术影响着网站的制作，使网站制作趋向于成熟。此外，结合其他网站开发工具，Web前端开发技术有利于完善网站制作。目前，Web前端开发工具主要有CSS3和HTML5，随着Web前端开发技术的不断壮大及完善，CSS3和HTML5开发技术也会得到相应的完备。Web前端开发技术作为网站开发的中坚力量，势必会作为主要实现技术应用到未来网站制作中。因此，人才需求与技术需求也在Web前端开发中占据越来越重要的地位。要注重当下的Web前端开发技术在网站制作上实现主要功能，以及使用者对于此项技术的要求。在将来的技术变革中，Web前端开发技术将会面临更多挑战，因此要不断完善技术支撑，满足目标客户的需求。Web有怎么样的发展前景，依赖于高端专业人才的培养以及Web技术的进一步开发[2]。
2 Web前端开发技术如何进行优化的策略参考
网络技术的广泛应用，极大地丰富了人们的生活，并为人们的生活提供了便利和机遇。随着科技的日益革新，人们在计算机网络方面的需求也在时刻更新着。为了满足不同人的需求，以及满足同一个人不同阶段的需求，就要使Web前端开发技术的优化保持与时俱进的态势。用户的体验感受应该作为Web前端开发技术首要应该考虑的因素，而在优化时，要特别注重用户的体验感，以提供给使用者更优质的服务作为实现目标，专注技术的升级换代与革新，最后实现技术水平的逐步提高。
2.1 对网页请求进行优化
Web技术通俗解释，就是将用户的请求以最终的网页效果形式呈现在用户的显示器上。为提升用户使用的满意度，丰富用户使用体验与感受，要对网页浏览速度进行实时的优化更新，并将信息获取时间控制在最短范围内，以此来满足用户对网页浏览速度的需求。因此，为了更优质地将Web前端开发技术运用在网页制作中，需要不断优化HTTP请求模式，并筛选请求的内容，便于在Web前端开发技术运用中，提升网页响应速度。同时，基于HTTP请求的内容趋于广泛的特点，服务器承接文件、浏览器建立链接以及传输数据等各个方面，提升对程序处置时间的控制很有必要，同时也能为目标用户带来优质的感受。
2.2 对网页内容进行优化
在基于Web前端开发技术中，对网页内容的优化占据着重要的位置。在实际的优化操作过程中，因为内容优化的独特性，就要充分考虑Web技术所有方面的情况。通常，浏览器完成各种信息和数据的加载后，针对网页的内容，CSS会进行一些艺术加工，以此来为用户提供更加丰富的体验。另外，因为用户在浏览页面时，会有下载的相关需求，因此对于Web前端开发技术的优化，需要优化CSS加载以及script，同时确保脚本对页面产生积极影响，保证页面下载效果，避免出现页面缓冲时间过长、加载失败的情形出现。总之，网页内容的优化设计是需要详细考虑所有细节的。
2.3 对文件规模类型进行优化
优化文件类型可以说是网页优化的关键内容，当用户在访问网页时，上传到网页的文件和下载的文件在格式上存在差异。因此，在下载文件的环节里，错误和乱码是非常容易出现的故障。为了更好地应对这一现象，就需要规定文件类型，同时优化网页代码，用来保证优化Web技术可以顺畅有效。与其他任务相比，这项工作更要紧也更加复杂。在对文件的类型进行优化处理时，首先要对JavaScript或CSS文件进行优化，之后再对其他代码进一步优化。除此之外，程序员还可以适当地调整代码，例如，通过改变文件存储空间的大小来实现优化网页代码的目的[3]。
2.4 对DNS查询次数进行优化
用户使用网页搜索时，DNS首先要对搜索内容进行解析。因此，DNS是让时间成本提升的另外一个因素。优化Web技术代表着一定会优化DNS，即优化DNS的查询次数。通常情况下，DNS解析一次需要使用20-120ms。但是，若浏览器反复出现DNS解析情况，相当于解析请求过于频繁，这样势必会增加计算机系统的压力，降低解析效率，致使信息传输速度降低，就会出现网页加载慢、运行不流畅等情况。另外，在浏览器中，DNS作为基本内容，如果请求没有完成，当前域名中的内容不会被下载所限制，重视优化DNS的查询次数，是提高Web前端开发技术整体水平的重要手段。
2.5 对cookie信息进行优化
cookie信息是产生于硬盘上的，若要求与域名相关就需要HTTP的请求。就像网速的快与慢一样。使用者浏览的信息越多，网速就会越慢。cookie信息同样如此，如果cookie信息内容明显增加，卡顿时间就会延长，请求也会逐步增大。因此，(1)要清除或禁用多余的cookie。(2)要将cookie信息体量降到最小，以此来提升网页的运行速度。(3)要为cookie设置一个过期时间，这样关闭浏览器时cookie会把信息储存在硬盘上。(4)访问中，大多数情况下cookie是用不到的，所以可以运用不同的方式，减少对它的使用，以此来提升速度。
3 结语
现今的网络环境下，网络制作前提下的Web前端开发技术还有许多不足，这些不足和缺陷是多方面的。并且每个方面的问题都不一样，因此要多方面都做到相应优化。目前，我们知道，网络制作的水平有了很大程度的提升，但是我们不应该满足于最终效果的呈现。想达到满足现代社会的需求，就必须把握好Web前端开发所体现出来的需要。当然，这不是一蹴而就的，这个过程中，需要有相关技术人员的技能支持，需要国家的高度重视，才能使这项技术的革新和进一步完美优化推动社会的发展。
参考文献
[1] 曹艳琴.基于网站制作的web前端开发技术与优化策略[J].电脑知识与技术，2020(23)：59-60+67.
[2] 庄新妍.基于网站制作的web前端开发技术与优化[J].信息技术与信息化，2020(7)：17-19.
[3] 许跃颖.网站制作web前端开发技术与优化措施[J].电子技术与软件工程，2020(7)：31-32.
作者：何煜琳
第三篇：网页设计与制作的制作技巧
摘要：笔者经过学习网页制作后，发现在实际操作中，仍然会出现较多问题。因此本文查阅部分相关资料，试对网页设计与制作的相关内容的一些制作技巧进行整理归纳，希望能为大家提供一些较为有用的具体的可行的制作技巧。
关键词：网页设计制作;技巧;网页制作
目前，随着科技的日益进步，电脑手机等电子设备已经成为人们生活中必不可少的部分，同时利用电脑手机等查询资料也变得越来越大众化。而查询资料就需要应用网页。因此，网页等内容的设计以及如何制作出更好效果的网页则成为越来越重要的问题。如果能够有效的解决此类问题，设计出整洁好看美观大方的网页界面，将会有效提升网站的用户数量，并给予用户更好地视觉感受，也能够更好的促进网站的成长与发展。
一、网页设计中应注意的问题
在网页设计与制作之前，制作者应先仔细考虑好自己想要做的内容及大概的风格，并从观众的角度看问题，仔细思考，并为其选择合适的颜色、配乐、排版等。但设计时仍要注意一下以下的问题。
(一)适当选择背景颜色可以增加整体效果
制作者可以選择纯色或彩色等鲜艳的颜色用于背景颜色的制作。例如黑色、红色、白色、灰色或紫色等是网页中的主要颜色之一，他们一般都能产生比较好的制作效果。例如黑色具有深沉庄重等含义，可以利用它较好的展现庄严肃穆的感觉，同时线条的变化也能突出科技感。而白色是设计中最常用的颜色，它具有干净简洁的特点，同时白色与其它色彩进行结合也能够表现出空间感和通透感，彩色在白色的背景中，能够体现更好的侧重点，同时还可以起到良好的过渡作用。利用红色会给人以温暖，喜庆的感觉。尤其红色是中国春节期间的主颜色，与黄色的搭配能够给人一种灵动、活力的感觉，并在观看效果上使网页界面更为突出及时尚。同时在购物网站上，红色网页的界面也能有效的激起人的购物欲望。黄色在色彩中是明度很高的颜色，其在网页界面设计中的应用能够给予用户一种光芒以及温暖的感觉，并且彩色能够给人一种鲜艳、热烈的感觉。
(二)合理安排网页内容及结构
在网页制作环节，内容的合理筛选对浏览者的信息获取有着重要意义，而网页内容的筛选需要以框架设计为前提，即根据网站框架情况，决定网站内容的含量。那么在制作网页之前，就需要先对其进行规划。同时，受众经过长时间的观看后，对于设计良好的版面，也会使受众产生愉悦感。那么这就需要设计者进行仔细计划，首先，需要整理和组织框架内容，明确网页主旨，并围绕要求进行收集、筛选相应素材，建立清晰脉络;做好计划是其中很重要的一点。第二，要考虑具体的技术执行等内容;其次要掌握受众的群体信息，及实际需求。需要根据受众的掌握情况，安排相应的内容，不能安排过难或过简单的内容，选择适合的内容难度展现给受众;再然后，列出初分类，做好页面的制作计划;并且，着手进行层级内容的规划及网页内容的规划;最后对内容进行丰富及完善。
同时，本文提出建议，从内容编排的合理性角度考虑，主栏目应当放置与主题密切相关的内容，其他的辅助信息(如个人信息等)则应当尽量放在网站的最底部或者左侧、右侧，避免辅助信息出现在不恰当的位置，转移受众的注意力。而在版面布局方面，常见的结构类型主要有以下几种(1) 国字型布局，即把标志或者广告等内容放置在页面最上方，将最终的内容放置在中间放置因为中间位置是受众第一眼看到的部分，然后，在最下方的部分可以放置联系方式、版权等信息;(2)T型布局，即将标志或者广告放置在页面最顶部，下方为导航栏及网页正文信息。即向受众展示网页的主要内容，及本网站都有哪些内容;(3)POP布局，以精美海报画面为主体。而具体的制作方式，则需要考虑内容及整体效果等因素。
二、网页制作中的技巧
内容与色彩的选用有了初步方案后，但在网页制作的过程中，仍然不可避免地会遇到一些实际问题。以下介绍一些较好的方法。
(一)常用图片切换方式
在网页制作中经常使用两种方法实现图片切换：第一，JavaScript代码，首先创建SQL数据库，引入外部代码进行编辑，最后，调用数据库。第二，Flash软件制作，随后插入网页中。准备好需要切换的素材图片，然后导入图片，各个图片占一个图层，选中以后转变成为图形元件。把帧转换成关键帧，按照顺序排列好，存储文件。在网页中插入Flash，完成循环播放。其中利用CSS技术实现图片切换能够得到较好的应用。编写代码简单，文件占用空间较小，后期维护较为简单，对素材图片没有太多的要求，仅需改变链接地址与图片地址即可。
(二)网页尺寸选择技巧
大多数初学者在制作网页时，并不知道如何设定网页界面的宽度尺寸。本文建议设计者规定好合适的字体大小，方法程度后，选择合适的比例，避免出现设计太窄太宽等问题，同时也尽量避免因受众放大或缩小而导致影响最终效果。尽量保证滚动部分宽度等设计合理，避免出现图片或者视频变形，影响最终效果等问题。网页的页面宽度选择技巧如下：网页宽度在778之间，不建议出现水平滚动条部分，在1 002像素内建议不出现水平滚动条，选择垂直滚动条更对版面的设计起到作用。
(三)文字处理技巧
网页上文字内容的排版也需注意，如果文字过密，或与背景颜色相似、反差较小，长时间观看都会使受众产生疲劳感，进而引发反感心理。如果文字排版可参照报纸的编排方式，将网页内容分栏设计，两栏比一满页的视觉效果好，更方便访问者快速阅读。字体也会影响文字可读性，通用字体(Arial等)最易阅读，特殊字体(Gothic、Script、Westminster、Cloister)用于标题效果较好，但不适用于正文。同时，设计者也可以针对关键词采用加粗或者变颜色的方法加深效果，使关键内容一目了然，同时更有助于受众理解设计的内容，而非大段阅读，难以找到重点等问题出现，甚至对设计者所准备的内容产生厌烦感。
除此之外，制作特效时，考虑到用户浏览的流畅性，应当优选JavaScript，并尽可能减少动态网页、视频、声音等元素。对因网站主题需要，涉及大量图片时，应当考虑以缩略图链接的形式，兼顾加载速度与信息展示效果。其次，考虑到不同分辨率的图片在加载、下载速度方面的差异，制作时应当合理设置注解，以帮助浏览者了解图片的基本信息，改善其浏览体验。这些问题也应多多注意。
三、结论
网页设计与制作是非常重要的一个部分，文中可见，制作前的大纲及提前准备十分重要，同时设计者在制作之前也应学好基础的理论知识，这样更有助于设计者对其内容的理解。而后进行不断的实践，在实践中也应注意文中提到的几点，例如在整体制作之前先考虑整体的框架、主题，并选择合适的颜色及字体字号等。充分设计完成后再进行制作，制作时也可以参考本文提出的图片切换等技巧，帮助设计者提升整体的制作效果。
参考文献：
[1] 陈凤琴.网页设计中的色彩搭配及技巧[J].黑龙江纺织.2019年 01期：29-31.
[2] 夏鹏举.网站设计及网页制作技巧[J].电脑编程技巧与维护.2020年01期：171-173.
[3] 吴晓清.网页制作教学中图片切换的CSS应用[J].计算机产品与流通.2020年 08期：85.
[4]周金容.网页制作过程与技巧[J].软件导刊.2016年 06期：149-151.
作者简介：
明欣玥(1999—)，女，汉族，吉林长春人，延边大学师范学院教育技术学专业，17级在读本科生(学号2174043696)。
作者：明欣玥