网站设计与制作课程体系实践的论文题目汇总

人的记忆力会随着岁月的流逝而衰退，写作可以弥补记忆的不足，将曾经的人生经历和感悟记录下来，也便于保存一份美好的回忆。写范文的时候需要注意什么呢？有哪些格式需要注意呢？下面我给大家整理了一些优秀范文，希望能够帮助到大家，我们一起来看一看吧。

网站设计与制作课程体系实践的论文题目篇一

《网站设计与制作》也是计算机各专业学生学习后续课程的基础，比如学习基于网络编程的动态网页设计技术，学生毕业后可从事网络软件的设计与开发，进行商务网站的设计与制作，同时也可以考取网页设计师、网络软件工程师等相关国家职业资格证书。开设该课程是复合我校关于“高素质、技能型人才”培养目标的需求的，通过该课程的教学，可以培养出一批优秀的、能够在一线工作岗位上从事网页设计与制作、网站规划、管理与维护工作的专业人才。基于该课程的主要工作岗位有：网站管理与维护人员、网页设计与编辑人员、网站策划人员及网页美工人员等。

二、课程教学思路与教学方法改进

学生如果要很好得完成网站制作，所需的的知识体系非常庞杂，其中包括网络基础知识，网页制作技术，平面设计和动画制作等基本要素。具体涉及到网页制作软件，图像处理软件，动画软件，数据库知识，脚本语言动态服务器编程技术等。教学内容比较多，知识点比较分散，而学时仅为48个学时，学习内容多而课时少。经过多年的教学活动的开展和经验总结后，我们总结出一套适合高职学生教学方法，那就是使用任务驱动式的教学方法。我们以前的教学设计思路是：讲授知识点———设计任务———监督学生完成———验收，现在的教学设计思路是这样的：实际工作任务导向———任务驱动———相关知识讲授。老师在此教学思路中的角色：给学生布置一项工作（实际工作任务导向）———将工作转变为一个任务（任务驱动）———通过任务引出知识点（知识学习）。学生在此教学思路中的角色：通过老师的引导，理解相关任务要求，继而产生强烈的学习相关知识的兴趣，在下一步的知识学习中就能很好地学习，掌握了相关知识后，马上运用于实践，完成老师布置的任务。通过该课程的教学，使学生最终能够自主开发一个完整的网站，毕业后能够直接从事企事业单位网站的开发设计与管理维护等工作。

三、课程体系内容重构

本课程性质是计算机系的基础必修课，教学对象是全系各专业的大一学生，因此教学内容定位于静态网页的制作，以dreamweaver软件为主线，介绍静态网页设计和制作的基本技术,目前很多网页教材是基于网页三剑客的即dreamweaver、photoshop和flash，然而当前课时条件和时间条件下，根本做不到三个软件都讲到位，事实上每个软件分开都可成为一门课程，而网页设计课程只能以网页制作软件dreamweaver为主，其他软件为辅，并且其他软件制作的作品要与网页密切相关为了解决内容多学时少的矛盾，有利于教学的开展和培养学生的动手能力，为此我们对教学内容重新进行了重构，围绕dreamweaver软件讲解网页制作的方法和技巧，只有在制作图像缩略图、切片、按钮、logo图片等时候，才辅助其他软件加工素材或者制作动画。教学内容分为9个模块:模块一、网页设计基础；模块二、页面的基本操作；模块三、简单网页的制作；模块四、网页的样式设计；模块五、实用html布局页面；模块六、实用div+css布局页面；模块七、制作多媒体页面；模块八、网页交互设计；模块九、网站的测试与管理。

四、总结

高职学生思维活跃，好动手，但是其学习基础较差，没有良好的学习习惯和学习方法，教师在实际的教学活动中应当充分发挥其优点，改变其缺点。在本课程的教学活动中，我们的教学思路和课程内容体系的重构都是围绕这点来设置的，在实际的教学活动中取得了较好的教学效果。

网站设计与制作课程体系实践的论文题目篇二

【论文关键词】课程整合网站设计教学改革

【论文摘要】高等职业技术教育以技术应用为主、以能力教学为核心。但目前许多学校仍沿用传统高校教学方式，虽然教学大纲有所改进，课程设置力求满足市场需求，但仍以单一课程为目标，教师授课仅考虑课程本身要求，难以达到最终专业教学目标。对此，可在网站设计类课程教学中对相关多门课程进行整合，以增强教学效果。

随着网络的普及，网站无论对单位还是个人的作用都越来越大，通过网站发布信息或进行交流成为许多人学习、生活或工作的一种方式。拥有网站是很多单位和个人的选择，网站设计与规划人才也是社会所需要的人才。培养网站设计与规划人才是很多高职院校计算机网络专业的一个方向。

一、研究背景

经过市场调研和学生反馈，目前用人市场对网站建设方面的人才除了基础能力外，主要有两大方面要求，分别是静态页面设计能力和动态页面设计能力。其中，静态网页设计能力要求精通dreamweaver、photoshop、flash、fireworks等工具，熟练使用div+css布局，精通html、css、&#106avascript，能够独立完成网站的规划和静态页面制作。动态网页设计能力要求熟练掌握一种或多种动态网页设计技术，比如jsp、等。同时，要求具有良好的关系型数据库知识，熟悉市场常用的数据库产品，了解软件工程知识，具备独立的项目开发能力。

目前，许多相关院校的计算机网络技术专业的教学计划都能针对市场需求和面向对象设置如程序设计、网页制作、网络数据库技术、动态网页技术、网站综合设计和美工基础等课程。但是，整个课程体系在协调方面仍缺乏整体性，每名授课教师还是依据以知识点为线索的传统教学模式，比如美工基础课程是通用的教学，没有针对网页美工进行着重学习，导致学生单一学习，很难实现整体有机应用，就业时也无法拿出令招聘者满意的作品。

二、整合方案

高职的课程必须坚持“必需、够用”的原则，强调课程体系和课程内容的综合开发，课程之间应自然衔接和过渡。为此，可将以上几门课程设置成一个课程组，都采用同一个案例进行教学和考核，这样的学习是从一个整体出发，而不再是对知识点进行隔离后再拼装，学生自然重视每门课程在案例中所需要的知识点，将每一个案例做精、做熟，从而使教学效果得到增强。以辽东学院为例，在实践中该校教师以一个规模较大的卓越购物网站为参考对象作为整个课程体系的案例，将相关课程内容进行整合。

首先，将网页制作和网页美工方面的课程融合为静态网页设计技术，课程目标是能够使用html、css、&#106avascript、photoshop、flash等技术设计类如卓越购物网站的主要页面，其中网页如何布局、前台动态效果、网页美工是课程的重点。以这个大的题目为线索讲解知识点，可以使教师教学目的性更强，学生的学习目标明确，兴趣更高，从而减少学习的盲目性。其次，程序设计和数据库技术课程除基础知识外，要求学生能够设计和实现案例中需要的数据库和项目中需要的相应的数据访问和业务功能设计。通过分析卓越购物网站可以大大提高学生分析问题和解决问题的能力，并同时传授项目开发中常用的分层设计思想，这样可以将原本比较枯燥的知识通过案例分析—解决的方式进行讲解，激发学生的学习动力。最后，将原有的动态网页技术和网站设计综合实训合并为商务网站规划设计与实施，课程目标是将前期课程的设计改造为一个数据驱动的网站，有了前期的准备，设计一个类似卓越购物网站的项目完全可以在课程中实现。学生在学习本课程的同时也应用前面课程的成果，从而加深对知识的理解和把握，取得理想的教学效果。三、教学方法改革由于课程的整体性较强，如果学生在过程中掉队，会导致整体教学失败，为此，在教学中应加强过程管理。为了让每个学生跟上进度，可加大阶段性个人考核，在学习过程中会有相当一部分学生身上出现“散漫”、“意志薄弱”、“我不能”、“我不喜欢”等现象，个人阶段性考核压力会推动他们战胜困难。一个个知识点的掌握、一个个目标的实现，可以让学生体味到成功的快乐，从而激发他们的学习兴趣。由于课程体系的操作性、实践性较强，学生在实践过程中会碰到各种各样的问题，教学过程中可能会出现教师辅导时间不够的问题，针对这种情况，建议采用合作学习教学法。可依据学生的能力、所具备的知识基础、性别等相关因素，将学生分成小组进行学习。在课程后期，每个小组除完成课程要求的任务，还应自主选题，独立制作一个规模适当的项目。小组成员在小组中可以相互合作、互相激励，主动积极地参与学习，从中建构自己的知识，由此不仅达成个人绩效，提高学习效果，而且有利于完成整个课程体系的教学目标。实践证明，通过更新教学观念，紧贴市场变化，改进教学方法与内容，加强教学的实践环节，采用合理的考核方法，并且通过完成类似商业项目的开发实践锻炼，能进一步提高学生解决实际问题的能力和就业竞争力。【参考文献】［1］何克抗.教学系统设计［m］.北京: 北京师范大学出版社, 2002［2］陈厚桥.高职网站设计与规划课程改革与探讨［j］.科技信息, 2009（2）［3］卢爱芬.基于计算机的“任务驱动”教学法［j］.文教资料, 2005（33）［4］周俊.论小组合作学习与学生主体性发展［j］.教育科学，1998（3）<>目录一、企业网站的设计…………………………………11、软硬件的选取…………………………………12、栏目结构设置…………………………………23、美工界面设计…………………………………34、数据库的选取和设计……………………………3 4.1数据库的选择………………………………3二、企业网站前台页面构建……………………………4 2.1公司首页构建…………………………………4 2.2人才招聘页面构建如图………………………….6三、企业网站测试…………………………………..8 3．1.企业网站的功能测试………………………….8 3．2、企业网站的性能测试………………………..9四、企业网站管理计划……………………………….9 4．1、日常维护计划……………………………..10 4．2、网络安全维护对策………………………….11五、总结…………………………………………120一、企业网站的设计1、软硬件的选取硬件：戴尔灵越n4010-448笔记本（配置：因特尔i3处理器，主频2.53gh 内存为2gb 显卡为ati mobility radeon hd 5650）系统：windows 7旗舰版软件：adobe dreamweaver cs4 adobe 公司所开发的著名网站开发工具。支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得 dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给third-party厂商，包含asp，apache，broadvision，cold fusion，icat，tango与自行发展的应用软体。adobe photoshop cs4 知名的ps，非常强大的图像处理软件，用ps主要是用来制作修改网页界面，后台界面，设计ui。adobe fireworks cs4 知名的网页三剑客之一，虽然没有ps在处理图像上那么优秀，但是它在制作网页上还是很出色的，要么是网页三剑客之一呢。我利用它的主要目的是做网页切片，虽然ps也可以，但是从我个人角度，还是觉得fireworks更加灵活、更加方便。notepad++一个小巧的文本编辑软件，虽然没有dreamweaver强大的网页编辑功能，但是它小巧精简，支持语法高亮，非常便于快速修改代码，比起庞大的dreamweaver无论是启动速度还是方便程度都要优秀很多。因为支持语法高亮和多页面文档，我利用它来完成后期调试时修改代码的过程，以提高效率，毕竟dreamweaver太庞大，打开速度比较慢。microsoft access 2010 由微软发布的关联式数据库管理系统，与mysql和microsoft sql server和 postgresql相比，它更加方便也更加易于设计，可以为初级程序员提供很多便利。因为做的只是简单的web程序，所以用access数据库还是最好的。2、栏目结构设置设计的栏目主要分位侧栏，中间的标签以及下面的后台管理（传送门栏目）。侧栏是浏览者目光最集中的地方，所以安排到这里的栏目都是比较重要的内容。中间的标签页内容主要是一些固定、不太经常改变的内容，如公司简介，公司文化等。整个页面栏目设置如下：侧栏：首页、产品展示、新闻中心、人才招聘、联系我们标签页：公司简介、新闻中心、公司文化、汽车推荐传送门:进入管理后台、查看最新动态3、美工界面设计鉴于该网页是一个企业网站，要考虑到企业的形象，所以我选择的主色系为红色，红色亮眼、火热。会使人有继续观看查阅感觉，红色与黑色搭配，让网站主页看起来更加的亮眼。在网站logo的右面安置一款精美的焦点图片flash插件，页面的设计风格主要体现简约大方，构架简单却不失网站内容。4、数据库的选取和设计4.1数据库的选择数据库我选择选择比较简单的access数据库，用的是 microsoft office access 2010，access 是微软公司推出的基于windows的桌面关系数据库管理系统（rdbms），是office系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。microsoft office access（前名 microsoft access）是由微软发布的关联式数据库管理系统。它结合了 microsoft jet database engine 和图形用户界面两项特点。二、企业网站前台页面构建2.1公司首页构建首页是网站的脸面，是企业或者商家的形象代表。首页一般包括标题、徽标、企业精神、经营理念、旗帜广告、首页链接、最新报道、联系方式、招贤纳士、栏目简介、更新说明等。商业网站的页面关键是靠丰富的内容、新颖的排版和靓丽的图片吸引观众。首页大体分为五个区域，第一个区域主要包括企业名称和徽标、企业网站的主题等。第二个区域主要包括网站营销、服务中心、汽车文化、合作伙伴、合同约定和在线订购。第三个区域是最佳的视觉点，该区域包括该企业汽车图片以及企业简介。第四个区域包括专题热点和图片新闻、搜索界面。第五个区域包括版权、电子邮件地址以及联络方式等。如图（1）1．添加五行三列的无边框表格，将整个页面分区。如图（2）（2）2．表格第一行合并单元格，输入文字设为首页，收藏本页，打印本页，在线订购，网站管理。如图所示（3）（3）3．表格第二行合并单元格，插入图片。如图（4）（4）4．表格第三行合并单元格，插入表格一行九列，并输入文字首页，关于我们，网站营销，服务中心，新闻中心，合作伙伴，汽车文化，人才招聘，合同约定。除人才招聘外其他设置假链接。如图（5）（5）5．表格第五行合并单元格，输入版权、联络信息、电子邮件地址等。如图（6）（6）6．表格第四行左边部分插入12行1列表格，分别输入网络营销，服务中心，汽车文化，合作伙伴，合同约定，在线订购。中间部分添加2行1列表格，分别插入图片h01和文字“绿海星汽车贸易公司隶属于绿海星集团公司，其下设5个子公司，拥有固定资产12亿元人民币，职员2500多人，注册地址北京市朝阳区。”右边部分插入3行1列表格分别输入搜索部分，专题热点和图片新闻。如图（7）（7）2.2人才招聘页面构建如图整体如图（8）所示（8）1．新建rjob表，输入招聘信息(姓名、性别。出生日期、应聘岗位、期望待遇、联系方式)。如图所示（9）（9）2．页面，输入链接数据库代码。如图（10）所示。（10）3．的人才招聘。三、企业网站测试网站开发完成那个之后，在已经配置好的系统环境下，接下来的工作就是网站测试了。网站的测试一般分为功能测试、性能测试、可用性测试、兼容性测试喝安全测试五个步骤，所有的测试均应提供测试报告，测试通过以后才可以提交给客户。3．1.企业网站的功能测试（1）链接测试1)链接是web网站的一个主要特征，是在页面之间切换和引导用户查阅页面的主要手段。链接测试可分为三个方面：1）测试所有链接是否能按设计要求，链接到指定页面；2）测试所有链接的页面是否存在；3）保证web网站上没有孤立的页面链接测试必须在集成测试阶段完成，即在整个web网站系统的所有页面开发完成之后进行链接测试。（2）表单测试当用户通过页面向网站提交信息时，一般都使用表单操作，如用户注册、登陆等。此时，必须测试提交操作的完整性，以校检提交给服务器的信息的正确性。若所设计的表单只能接受某些特定的值，这也需要测试。（3）cookies测试cookie通常用来存储用户信息和用户在某应用系统的操作，当一个用户使用cookie访问了一个应用系统时，web服务器将发送关于用户的信息，把该信息以cookie的形式存储在客户端计算机上，这可用来创建动态和自定页面或者存储登陆等信息。（4）设计语言测试web设计语言版本的差异可以引发客户端或服务器端巅峰严重问题。在分布式环境开发时，这个问题显得尤为突出。（5）数据库测试web网站中最常用的是关系型数据库，一般情况下，可能发生两种情况，一种是数据一致性错误，另一种是输出错误。数据一致性错误主要产生于，用户提交的表单信息与数据库的设计要求不符；输出错误主要是由网络错误或程序设计问题引起的。这两种情况应分别测试，以保证数据访问的准确性。3．2、企业网站的性能测试1）连接速度测试用户使用拨号上网或宽带上网，连接web网站的速度会有所不同。用户在下载功能时，可以等待较长的时间，但如果仅仅访问一个页面就不可能等过久的时间。如果页面没有超时限制那么用户可能还没来得及浏览内容就需要重新登录了。2）负载测试负载测试是测试web网站在莫以负载级别上得性能，以保证web站点在需求内能正常工作。负载级别可以是某个时刻同时访问网站的用户量，也可以是在线数据处理的数量。负载测试所以，网站完成之后应放到互联网上，接受负载测试，这样才能得出正确可信的结果。3）压力测试压力测试的内容包括表单、登陆和其他信息传输页面等。其测试是指当web网站遭受破坏时，检测系统的反应。压力测试是测试系统的限制和故障恢复能力，也就是测试web系统是否会崩溃，在什么情况下崩溃。四、企业网站管理计划网站管理的目标是实现对网站内部资源的有效组织和保障网站正常、准确、高效的运行，其主要内容有：对整个互联网信息而言的全球资源和网站向外提供服务的网站资源，两者结合的合理化管理网站内服务器的配置、维护、安全等，在提高网站性能、可靠性的同时，保证整个网站系统的稳定、安全运行网站应用程序，在保证不影响网站服务和正常运行的前提下，完成对内容的更新网站自身的组织、管理机制、人员配置、服务优化等维护、管理数据库的安全，检测数据库的通信量，在最大吞吐量与服务器性能之间寻求平衡4．1、日常维护计划企业网站日常维护的目的就是保证网站基本功能的正常运行，保证每一位访问者能正常有效地浏览网页，同时为网站的更新、升级做准备。如果网站没有不断更新、变化的新内容，没有新鲜感，就很难留在过往的客户。网络日常维护的主要工作： 1.人员管理 2.信息更新 3.定期备份数据 4.硬设备维护 5.安全性维护 6.优化程序代码编码中少用“会话”变量慎用缓存页，或采取部分页面动态缓存技术最好不使用框架页面尽量不使用太大的表格，或嵌套过多的表格及时关闭已使用过的对象尽量使用存储过访问程数据库 7.日志文件分析找出程序中的bug 认识网站有没有攻击，是什么类型的攻击，如何解决了解网站的访问量、受用户欢迎的信息、搜索引擎对本站的活动规律等信息8.搜索引擎优化seo 4．2、网络安全维护对策计算机网络面临的一事对网络中信息的威胁；二是对网络中设备的威胁。影响计算机网络的因素很多，也有些因素可能事有意的，也有可能是无意的；可能是人为的，也可能是非人为的；也有可能是外来黑客对网络系统资源的非法使用，归结起来网络安全所面临的主要潜在威胁有以下几个方面：（1）信息泄密（2）信息被篡改（3）传输非法信息流（4）网络资源的错误使用（5）非法使用网络资源（6）计算机病毒网络的安全直接关系到网站的安全，网络堵塞脆弱性使我们不得不预先做好安全防护和尽可能地做好安全对策。对于网络的安全对策可以从以下几个方面入手：（1）建立网络安全体系（2）专网与互联网隔离物理隔离逻辑隔离（3）搭建防火墙（4）防止病毒感染（5）建立访问控制机制（6）建立入侵检测（7）建立虚拟安全对策（8）其他网络安全对策采用适当的强度的密码算法采用安全性好的操作系统采用电磁防护，既要防止信息的电磁泄露，又要采用抗电磁干扰的传输方式采用防雷电保护措施采用适当的物理防护措施加强行政管理和法律介入，完善规章制度，严格人员选任等，这也许是最重要的一点做好网络的安全对策，对于网站来说就已经有了良好的安全保障基础，接下来主要应该关注：规章制度的建立健全和人员管理防注入攻击等做好日志和备份五、总结通过这次动态网页制作实训，使我进一步了解并熟悉了asp代码，而且通过不断的调试和纠错，让我深刻地认识到数据库在一个动态网站中的重要性，以及数据库是怎样与在网站前台与后台的协调关联，了解了网站后台是如何对前台数据进行修改的。充分认识到动态网站的方便和实用性。<>网页制作课程论文（个人网站设计论文）姓名：薛金鸽学号：105031040025 班级：103212 专业：市场营销（电子商务方向）学期：2011-2012学年第2学期任课教师：刘新飞个人网站策划书1.组织机构描述1.1个人网站的应用背景网络发展到今天，建立网站已经成为一个很普遍的问题了，对于个人来说，建设好时间的个性化网站可以更加方便的收集信息，开展更加直接的网络交流，使用自己构筑的友善平台，我们可以为自己毕业后找工作做好充分的准备，通过自己建设的网站，用人单位可以更好的去了解你，从而给自己增加了一份很重的砝码。在我的这个个人网站的制作过程中，我选择了我比较熟悉的大学生活中的许多内容做为我的网站的重要组成部分，这样相对于其他包括种类齐全的网站，我就有了一定的材料基础。这是我这个网站选择大学生主题的原因之一。其次，做为在校大学生，我知道大学生现在对什么事物，内容，活动等等感兴趣，所以，我做起来的时候相对来说是比较随手的，我不用像其他的网站那样去刻意的收集信息，资料，我只要在校园里稍微留意，我就会捕捉到大学生的兴趣点。所以，在整个网站的设计过程中，我广泛的听取同学的意见和建议，不断的改进和提高我的网站的内容和质量，这些都取得了比较好的效果。在整个网站的设计过程中，我根据自己以往的设计经验和自己找来的资料，又经过老师的指点，经过了近一个月的努力，几经易稿，最终做成了我的这个个人主页。.2 个人网站建设的目的在我们的工作、日常生活中，能够拥有一个自己的网站，一个已经成为不少人的希望和骄傲。一个网站项目的确立是建立在各种各样的需求上面的，这是个人网站，所以这种需求往往来自于个人的实际需求，其中每个人的实际需求占了绝大部分[6]。因此如何更好地的了解、分析、明确需求，并且能够准确、清晰以文档的形式表达出来，保证开发过程按照个人需求为目的正确项目开发方向进行。不同的网站目的要求通过不同的方式来实现。一个展示个人能力的网站与一个以花卉种植为主题的网站，以及一个大型门户网站和一个小型企业网站，其出发点和建站目的都有所不同，在整个网站的建设规划方面的要求也是肯定是大不一样的。因此在规划我的这个网站时，我选择了和大学生的生活和学习相关联的主题。1.3 相关应用软件选用、技术采用在网页的设计过程中，我选用的软件包括dreamweavercs5、fireworks cs5和photoshopcs5，其中，dreamweaver 是网页编辑软件，fireworks cs5是图形/图像处理软件，photoshopcs5是图片处理软件。它们是macromedia公司专门为网页设计、制作开发的系列软件套件，三者之间可以无缝集成，能够有效地解决网络带宽问题，是设计动画网页的最佳工具。dreamweaver cs5采用“所见即所得”的直观设计模式，充分尊重设计人员的原始意识和想象力。她成功地将网页设计功能中的技术实现部分和设计部分分离开来，使用户只需专注于设计，而其余的工作由dreamweavercs5自动完成。另外，还有一点值得说明的是，dreamweaver cs5可以控制和删除冗余代码，减小网页文件的大小。从而能够快速上传和下载。fireworkscs4的独特之处在于它能够优化、切分图片映射图，并提供了功能强大的翻滚图工具。它是基于web应用的图形/图象处理软件，提供了一种革命性的新方法来创建web图形，并且具有所有其他图形处理工具的诸多优点。fireworks cs4的最大优势就在于它在任何时候可以从任何阶段开始设计工作，这样既可以节约时间又可以对产品进行扩展。另外，fireworks cs4中的诸多功能都是面向web应用的，因此对于web设计新手来说也很容易学习的。在我设计我的个人网站的过程中，我选择了dreamwearcs5和 photoshopcs5 fireworks cs4三种软件。因为自己向对于其它的软件来说，这三个还算是比较熟悉的。2．网站的技术参数部分2.1我的导航系统我所制作的个人网站的导航系统包括：1.个人简介2.个人专题4.我的相册5.网站说明6.给我留言 8.发送邮件9.链接百度10.女生花园2.2功能模块的划分1．搜索引擎：根据浏览者的要求，使用主页上的搜索引擎链接到百度，在整个internet上进行搜索，完成信息的优化与提取。2．论坛：主要功能是网友和网站之间的交流平台，也是网友给版主提出意见的主要渠道。在论坛中用户可以发表意见，这些意见可以让所有人看到，也可以只让版主看到，版主和其他人可以针对留言的内容进行回复，只留给版主的留言只有版主能够回复，并且版主可以登录后台对留言进行管理，是否发表或删除。3．发送电子邮件：网友可以通过“联系我”利用outlook 向版主或其他人发送电子邮件。4．精品收藏：在其中展示我喜爱的东西，包括电影、歌曲和一些优美的文章。奇文共欣赏，疑义相与析。我只想起到抛砖引玉的作用，让大家从中认识我和了解我，让一些美好的东西我们大家共同来欣赏。但我增加了管理权限，我以管理员的身份可以对加入的新内容进行管理，即允许加入和对其进行删除。5．留言板：是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通。2.3 首页的设计我的网站首页主要采用简单大方的设计方法，用的是色调一致的一组图片做的logo和相关的背景图片，主要页面布局如下：2.4主要栏目的介绍1．个人简介：介绍版主的一些基本信息，希望各位访客能够认识版主。2.我的论坛：此版块又分为主页、发表意见、回复意见、显示论坛内容、版主后台管理以及版主的回复界面。其中发表意见界面是所有访客都可以在论坛里面发表自己的意见，这些意见可以是发表给所有的访客，也可以是只发表给版主，如果只发表给版主，只有版主可以看到和回复；回复意见是所有访客针对自己感兴趣的话题进行回复；这些发表的意见和回复可以在显示论坛内容的界面都显示出来，供大家讨论；那些只有版主才能看到的信息在版主的管理界面，这个界面需要登录，设有用户名和密码，在这里版主可以对所有评论进行发表或删除的管理。3.个人专题：这里收录了我平时搜集的一些文章和音乐，各位访客可以根据自己的喜好进行阅览。4.我的相册：在这个板块可以看到我的照片，班级照片和搜集的校园照片，如果大家喜欢可以收藏。更改照片的时候只要更新数据库就可以了。5.网站说明：里面是我对整个网站的介绍，不太清楚网站构架的访客可以先到这里。6.给我留言：这是每位访客针对我的网站情况给我留言，这些留言会直接保存到数据库里面，并且能够轻松的读取。7.发送邮件：各位访客可以通过outlook向版主或者其他人发送电子邮件。8.链接百度：如果访客想在互联网上查找东西，可以直接点击这里。9.女生花园：收集了一些女生喜欢的东西，如果你是女生，可以进来看看。2.5二级页面的设计我的网站主页内容简单所以主要内容再二级页面里要有详细的说明，具体说明如下：2.5.1个人简介本模块是个人简介部分，每个个人网站都会有作者介绍。在这个模块访客会了解到作者的一些基本信息.2.5.2文学欣赏这个版块主要介绍我自己喜欢的相关文学作品。此版块的界面如图所示：图3.6 文学欣赏界面2.5.3快乐音乐进入此版块，界面如图所示：通过在数据库中存放音乐路径，达到在网页上播放的效果。在音乐的首页上放置了歌曲的名字，网友无需登录，即可收听自己喜欢的歌曲。音乐界面2.5.4我的相册版块个人网站中又一亮点就是个人相册的设置，在我的相册里，放置了我自己的照片、班级照片和校园照片。相册里面的这三个版块具有相同的版面设计，如下图所示：相册界面2.5.5网站说明版块此版块是我根据自己的网站结构对整个网站以及每个版块所做的网站结构和功能的说明，以及网站和作者版权说明。如下图所示：网站说明界面如果网友不清楚网站的构架，可以查看此版块。2.5.6给我留言版块留言板是目前最为流行的网络应用之一，使用留言板，可以为留言者提供发言的机会，让他们能够及时、准确地交换自己的观点。2.5.7留言板主界面完整的留言板具有发表留言和察看别人留言的功能，，可由此进入留言界面和察看留言界面。留言主界面在主界面中存有全部留言的作者和主题，点击你想察看的主题就会进入察看留言界面，点击 “发表帖子”进入留言界面。3．网站的维护方案3.1域名的申请域名（domain name），是由一串用点分隔的名字组成的,internet上提供用户访问某网站或网页的路径，用于在数据传输时标识计算机的电子方位（有时也指地理位置）。域名申请的含义“域名申请”：为保证每个网站的域名或访问地址是独一无二的，需要向统一管理域名的机构或组织注册或备档的一种行为。也就是说，为了保证网络安全和有序性，网站建立后为其绑定一个全球独一无二的域名或访问地址，必须向全球统一管理域名的机构或组织去注册或者备档方可使用的一种行为。由于域名是网站必不可少的“门牌号”，域名可用于：网站地址访问、电子邮箱、品牌保护等用途，所以很多企业或个人均会进行域名申请。3.2空间或者主机的租用有了自己的域名这个门牌号后，就需要一个空间来存放自己的网站，也就是虚拟主机。一般虚拟主机提供商都向用户提供100mb、500mb、3gb等虚拟主机空间。我的个人网站选择100-300mb的虚拟主机空间。购买虚拟主机主要考虑几个方面：售后服务、稳定性、访问速度等。首先我选择在万网上注册一个域名然后申请租用空间建立个人网站。3.3网站链接稳定性测试超级链接对于网站用户而言意味着能不能流畅的使用整个网站提供的服务，因而链接将作为一个独立的项目进行测试。网站能够正确运行首先要保证链接能够连贯运行。网站的运行中整个系统是否运行正常，我主要采用将测试网站长时间运转进行测试，派生出执行程序所有功能需求的输入条件，从而导出测试用例，进行测试，网站中的每个版块的每个页面都出现了很多的链接，所以每个版块要先进行单独测试，单独测试完成后，根据个版块之间的连接结构再进行总体测试，从而达到网站的整体的运营能够顺利地进行。在测试这个环节时，没有特定的测试方法，就要做到细心，做到网站的顺利运行。总结：通过这次个人网站设计的制作，我学会了很多东西，也了解了很多关于个人网站的资料。不知不觉网页设计的课程将要结束了，这门课程所包含内容的丰富是让我从没有想到的。在整个的学习过程中，我学习了dreamwave、firework、html语言、网站建设的基本思想等重要内容。到现在为止，我还是很庆幸能够学到这么多的内容。虽然整个网页的结构还有很多不足，还有一些板块没有开通，但是我的确能够感到在我们制作过程中技能的提高。整个网站的不足我想是没有使用到一些动态网页的知识，使得日后网站的维护较为繁杂。希望以后可以自学动态网站的课程，从而弥补自己在动态网络语言方面的不足。这样以后可以利用业余的时间为自己或者公司，根据自己的爱好建立一个个人网站。[参考文献] [1] 袁晓红.《网页设计与制作》[m].高等教育出版社 2006 385页~389页 [2] 甘登岱.《我也能掌握flash编程》[m].航空工业出版社 2000 [3] 赵更生.《flash动画制作培训实录》[m].人民邮电出版社 2004 [4] 鲍嘉.卢坚.陈丁法《dreamweaver cs5网页设计从入门到精髓》[m].中国电力出版社2010 [5] 张成龙.《网页制作一点通》.延边人民出版社[6] 刘瑞新，《asp动态网站开发、毕业设计指导及实例》[m].机械工业出版社 2000 [7] 石晓燕、苏萍《网页设计基础》[m].清华大学、交通出版社 20 04 [8] 王玉芬.《网站规划与设计》[m].西北工业出版社 2003 [9] 谢希仁.计算机网络(第5版)[m].北京：电子工业出版社,2008<>网站设计与制作课程总结我是一名电脑爱好者。进入大学里的条第一门公选课，我选择了《网站设计与制作》这门课程，出于对网站设计的强烈的兴趣，抱着强大的求知欲，终于，我进入这门课程的学习。虽然这门课程的总学时比较短，但是经过老师的认真授课以及我的认真听讲，我学到了很多有关网站设计与制作的知识，在一定程度上为我认识了解网站设计与制作提供了良好的基础，并为我下一步深入学习相关方面的知识做了良好的铺垫。一、网站设计与制作中所用的工具eaver用与编辑html、asp、jsp、php时的辅助工具。网页需要画面流动时的首选择hop图象处理软件，一般网页都需要有图片相搭配，photoshop是款很强大的工具。rks跟photoshop一样都是图象处理软件，但fireworks偏向与对网页的处理。二、网站的概念与域名网站是指在因特网上，根据一定的规则，使用html等工具制作的用于展示特定内容的相关网页的集合。人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。人们可以通过浏览器来访问网站，获取自己需要的资讯或者享受网络服务。文字与图片是构成一个网页的两个最基本的元素。除此之外，网页的元素还包括动画、音乐、程序等等。域名是网站在互联网上的名字。一个非产品推销的纯信息服务网站，其所有建设的价值，都凝结在其网站域名之上。失去这个域名，所有前期工作就将全部落空要把域名起得形象、简单、易记。三、网页的制作与网站版式根据这几节课的学习，我基本了解了要想做好一个网站，就必须把网页做好。首先，要明确所做网站是什么类型的。其次是布局，还有网站的信息、网站打开的速度等。（1）、网站的整体布局：网站主页就好象是宣传栏或者店面——对访问者产生第一印象，都希望尽量给人留下好的印象。网页应该力求抓住而不是淹没浏览者的注意力，过多的闪烁、色彩、下拉菜单框、图片等会让访问者无所适从，一般来说，好的网站应该给人有这样的感觉：干净整洁；条理清楚；专业水准；引人入胜。（2）、信息：无论商业站点还是个人主页，你必须给人们提供有一定价值的内容才能留住访问者，所以你必须提供某些有价值的东西。（3）、打开速度：我们都知道，页面下载速度是网站留住访问者的关键因素，如果20—30秒还不能打开一个网页，一般人就会没有耐心。至少应该确保主页速度尽可能快，最好不要用大的图片。（4）、颜色搭配：颜色也是影响网页的重要因素，不同的颜色对人的感觉有不同的影响，所以在做网页的时候应该注意颜色的搭配。包括网页的整体的颜色、网页中文字的颜色等。不要将所有颜色都用到，尽量控制在三至五种色彩以内。（5）、网站的版式设计：网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。版式设计通过文字图形的空间组合，表达出和谐与美。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，我们将反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。（6）、网页标题的可读性：必须尽量使你的网页易于阅读。为所有标题和副标题设置同一字体，并将标题字体加大一号，所有标题和副标题都采用粗体，这样便于识别标题，使浏览者一眼就可以看到要点，以便找出并继续阅读有兴趣的内容。所以，要认真写好每个标题！四、html语言虽然课程比较短暂，但老师还是在讲课中穿插了一点himl语言，它在网页制作中也发挥了比较重要的作用，可以大大提高网页制作的效率。虽然，我不是计算机专业的，但作为一个电脑爱好者我会在课后抽时间认真去学习掌握这门语言，让自己具备更专业的知识。总而言之，经过对《网站设计与制作》这门课程的学习，我收获了很多。我所学的专业并不是计算机方面的，更别说是网页设计了，但是由于我对网页设计及制作的强烈兴趣，我选择这门课程是我最大的乐趣，因为我学到了知识。并且我今后会继续在这方面提高自己，全面提高，综合发展。在这里我很感谢老师的认真授课，让我对这门课有了初步的了解，学到了很多关于这方面的知识。最后我想说句谢谢老师！ </div> </article><a href=”https:///fanwen/qita/” tpid=”25″ target=”_self” class=”download_card jhcdown” rel=”nofollow”> <img class=”download_card_pic” src=”https:///skin/default/images/” alt=”下载网站设计与制作课程体系实践的论文[合集]word格式文档”> <div class=”download_card_msg”><div class=”download_card_title” style=”text-decoration:none;”>下载网站设计与制作课程体系实践的论文[合集].doc</div><div class=”download_card_tip”>将本文档下载到自己电脑，方便修改和收藏，请勿使用迅雷等下载。</div> </div> <div class=”download_card_btn”><img src=”https:///skin/default/images/”><div class=”downlod_btn_right”> <div>点此处下载文档</div> 文档为doc格式</div> </div> </a> <div class=”post-tags mt20 mb30″>相关专题<a href=”https:///tag/kclwwyzz/” target=”_blank”>课程论文网页制作</a><a href=”https:///tag/wzsjyzzlw/” target=”_blank”>网站设计与制作论文</a></div> <div class=”single-info mb40″>网址：https:///fanwen/qita/ 声明：本文内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：645879355@ 进行举报，并提供相关证据，工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。 </div><div class=”single-xg mb40″><div class=”con-title”> <h3><a name=”6″></a>相关范文推荐</h3></div><div class=”sticky mb20″><ul><> 毕业论文(设计) 题目成都市旅游网站的设计与制作系部信息技术系专业名称信息管理班级五班姓名谭辉燕学号 2011060509 指导教师文晓波 2014年 3 月 27 日……<>校园网站的设计与制作 “听者有心”的首页创建背景这个网页可以说是采用了二分栏结构，却有一些变化，包括网页上方占很大面积的banner、栏目名称以及网页下方放置版权信息……<> 题目：新闻网站的设计与制作 0 目录第一部分：引言 …………………………………. 3 第二部分：工具介绍 ………………………………. 3 2.1 dream……<>教学目标 1. 知识与技能：了解设计网站的一般流程以及网页的基本构成元素；学会运用表格进行版面布局；能够在网页中添加网页元素 2. 过程与方法：通过制作网站首页，掌握版面布局、……<>网站建设与网页制作结业论文简介：本课程的考查方法采用选题课程论文进行，学生选择的题目可重复，但是内容不可雷同，如果内容雷同将取消相关学生本课程的最终成绩。为避免出现非……<>网站设计制作合同书甲方（委托方）：_________乙方（执行方）：_________甲乙双方秉承相互促进，相互信赖的原则，经友好协商，达成如下协议：一、合同内容和要求甲方网站设计，制作及维护，具体……<>网站设计制作协议书甲方：乙方：经甲乙双方协商，就甲方委托乙方进行网站设计达成共识，双方理解并认可协议的所有内容，同意承担相应的责任和义务，忠实履行本协议。其内容如下：第一……<>甲方：_________乙方：_________一、总则1．甲方同意为乙方提供网站策划，网站制作服务。2．网站的信息发布必须符合中华人民共和国现行的各项相关法律，若网站的信息发布出现违反中华人……</ul></div> </div> </div></div><div class=”right-content-box wow fadeinright delay300 right-content”><script src=”https:///e/member/login/”></script><div class=”sidebar”><div id=”sidebar” role=”complementary”><aside id=”recent-posts-3″ class=”widget widget_recent_entries”><h3 class=”widget-title”>猜你喜欢</h3><ul class=”new-list”><li><a href=”https:///a10/201905147/” title=”网站设计制作合同书” target=”_blank”>网站设计制作合同书</a></li><li><a href=”https:///a10/2019051410/” title=”网站设计制作协议书（范文模版）” target=”_blank”>网站设计制作协议书（范文模版）</a></li><li><a href=”https:///a10/201905142/” title=”网站设计制作要求” target=”_blank”>网站设计制作要求</a></li><li><a href=”https:///a9/201905149/” title=”网站设计制作合同书” target=”_blank”>网站设计制作合同书</a></li><li><a href=”https:///a9/201905149/” title=”网站设计制作合同书” target=”_blank”>网站设计制作合同书</a></li><li><a href=”https:///a9/201905149/” title=”网站设计制作合同” target=”_blank”>网站设计制作合同</a></li><li><a href=”https:///a9/2019051410/” title=”网站设计制作合同范本” target=”_blank”>网站设计制作合同范本</a></li><li><a href=”https:///a5/” title=”网站设计制作合同书” target=”_blank”>网站设计制作合同书</a></li><li><a href=”https:///a12/2019051418/” title=”网页设计与制作-论文（本站推荐）” target=”_blank”>网页设计与制作-论文（本站推荐）</a></li><li><a href=”https:///a12/2019051322/” title=”个人网站网页制作论文” target=”_blank”>个人网站网页制作论文</a></li></ul> </aside></div></div></div></div></div></section><section id=”footer” class=”p30″> <div class=”container”> <div class=”footer-top clearfix”><div class=”copyr”> <div class=”footer-menu clearfix mb10″> <ul class=”footer-menu-con”><li><a href=”https:///a1/”>1号文库</a></li><li><a href=”https:///a2/”>2号文库</a></li><li><a href=”https:///a3/”>3号文库</a></li><li><a href=”https:///a4/”>4号文库</a></li><li><a href=”https:///a5/”>5号文库</a></li><li><a href=”https:///a6/”>6号文库</a></li><li><a href=”https:///a7/”>7号文库</a></li><li><a href=”https:///a8/”>8号文库</a></li><li><a href=”https:///a9/”>9号文库</a></li><li><a href=”https:///a10/”>10号文库</a></li><li><a href=”https:///a11/”>11号文库</a></li><li><a href=”https:///a12/”>12号文库</a></li><li><a href=”https:///a13/”>13号文库</a></li><li><a href=”https:///a14/”>14号文库</a></li><li><a href=”https:///a15/”>15号文库</a></li> </ul> </div> copyright © 2018 <a href=”https:///”>写写帮文库</a> all rights reserved   <a target=”_blank” href=”http://” rel=”nofollow”> 浙icp备11058632号</a>  <script type=”text/javascript” src=”https:///skin/default/js/”></script> </div> </div> </div></section><script type=’text/javascript’ src=’https:///skin/default/js/’></script> <script type=’text/javascript’ src=’https:///skin/default/js/’></script> <script type=’text/javascript’ src=’https:///skin/default/js/’></script> <div class=”right_bar hidden-xs “> <ul> <li class=”rtbar_li1″ style=”left: 0px;”><a><img src=”https:///skin/default/images/”></a></li> <li class=”rtbar_li2″> <a href=”javascript:void(0);”> <img src=”https:///skin/default/images/”> </a><div class=”rtbar_shwx” style=”display: none;”> <img width=”188″ height=”188″ alt=”微信二维码” src=”https:///skin/default/images/”> </div> </li> <li class=”rtbar_li3″ style=”left: 0px;”> <a href=”tencent://message/?uin=2261362615&menu=yes”> <img src=”https:///skin/default/images/”> 点击咨询 </a> </li><li class=”rtbar_li5″><a href=”https:///fanwen/qita/#1″>第一篇</a></li><li class=”rtbar_li6″><a href=”https:///fanwen/qita/#2″>第二篇</a></li><li class=”rtbar_li7″><a href=”https:///fanwen/qita/#3″>第三篇</a></li><li class=”rtbar_li8″><a href=”https:///fanwen/qita/#4″>第四篇</a></li><li class=”rtbar_li9″><a href=”https:///fanwen/qita/#5″>第五篇</a></li><li class=”rtbar_li10″><a href=”https:///fanwen/qita/#6″>更多</a></li><li class=”rtbar_li4 gotop”> <a href=”https:///fanwen/qita/”><img src=”https:///skin/default/images/”> </a></li> </ul></div></body></html>

</div