第一篇:网站设计与制作课程体系实践的论文
一、课程情况
《网站设计与制作》也是计算机各专业学生学习后续课程的基础,比如学习基于网络编程的动态网页设计技术,学生毕业后可从事网络软件的设计与开发,进行商务网站的设计与制作,同时也可以考取网页设计师、网络软件工程师等相关国家职业资格证书。开设该课程是复合我校关于“高素质、技能型人才”培养目标的需求的,通过该课程的教学,可以培养出一批优秀的、能够在一线工作岗位上从事网页设计与制作、网站规划、管理与维护工作的专业人才。基于该课程的主要工作岗位有:网站管理与维护人员、网页设计与编辑人员、网站策划人员及网页美工人员等。
二、课程教学思路与教学方法改进
学生如果要很好得完成网站制作,所需的的知识体系非常庞杂,其中包括网络基础知识,网页制作技术,平面设计和动画制作等基本要素。具体涉及到网页制作软件,图像处理软件,动画软件,数据库知识,脚本语言动态服务器编程技术等。教学内容比较多,知识点比较分散,而学时仅为48个学时,学习内容多而课时少。经过多年的教学活动的开展和经验总结后,我们总结出一套适合高职学生教学方法,那就是使用任务驱动式的教学方法。我们以前的教学设计思路是:讲授知识点———设计任务———监督学生完成———验收,现在的教学设计思路是这样的:实际工作任务导向———任务驱动———相关知识讲授。老师在此教学思路中的角色:给学生布置一项工作(实际工作任务导向)———将工作转变为一个任务(任务驱动)———通过任务引出知识点(知识学习)。学生在此教学思路中的角色:通过老师的引导,理解相关任务要求,继而产生强烈的学习相关知识的兴趣,在下一步的知识学习中就能很好地学习,掌握了相关知识后,马上运用于实践,完成老师布置的任务。通过该课程的教学,使学生最终能够自主开发一个完整的网站,毕业后能够直接从事企事业单位网站的开发设计与管理维护等工作。
三、课程体系内容重构
本课程性质是计算机系的基础必修课,教学对象是全系各专业的大一学生,因此教学内容定位于静态网页的制作,以Dreamweaver软件为主线,介绍静态网页设计和制作的基本技术,目前很多网页教材是基于网页三剑客的即Dreamweaver、photoshop和flash,然而当前课时条件和时间条件下,根本做不到三个软件都讲到位,事实上每个软件分开都可成为一门课程,而网页设计课程只能以网页制作软件Dreamweaver为主,其他软件为辅,并且其他软件制作的作品要与网页密切相关为了解决内容多学时少的矛盾,有利于教学的开展和培养学生的动手能力,为此我们对教学内容重新进行了重构,围绕Dreamweaver软件讲解网页制作的方法和技巧,只有在制作图像缩略图、切片、按钮、LOGO图片等时候,才辅助其他软件加工素材或者制作动画。教学内容分为9个模块:模块一、网页设计基础;模块二、页面的基本操作;模块三、简单网页的制作;模块四、网页的样式设计;模块五、实用HTML布局页面;模块六、实用DIV+CSS布局页面;模块七、制作多媒体页面;模块八、网页交互设计;模块九、网站的测试与管理。
四、总结
高职学生思维活跃,好动手,但是其学习基础较差,没有良好的学习习惯和学习方法,教师在实际的教学活动中应当充分发挥其优点,改变其缺点。在本课程的教学活动中,我们的教学思路和课程内容体系的重构都是围绕这点来设置的,在实际的教学活动中取得了较好的教学效果。
第二篇:网站制作论文。
目录
一、企业网站的设计.......................................1
1、软硬件的选取.......................................1
2、栏目结构设置.......................................2
3、美工界面设计.......................................3
4、数据库的选取和设计.................................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
五、总结................................................12
0
一、企业网站的设计
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.新建rczp.asp页面,输入链接数据库代码。如图(10)所示。
(10)
3.将rczp.asp页面链接到indx.asp的人才招聘。
三、企业网站测试
网站开发完成那个之后,在已经配置好的系统环境下,接下来的工作就是网站测试了。网站的测试一般分为功能测试、性能测试、可用性测试、兼容性测试喝安全测试五个步骤,所有的测试均应提供测试报告,测试通过以后才可以提交给客户。
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留言板主界面
完整的留言板具有发表留言和察看别人留言的功能,如图所示的留言板主界面index1.ASP,可由此进入留言界面和察看留言界面。
留言主界面
在主界面中存有全部留言的作者和主题,点击你想察看的主题就会进入察看留言界面,点击 “发表帖子”进入留言界面。
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
第四篇:网站设计与制作课程总结
网站设计与制作课程总结
我是一名电脑爱好者。进入大学里的条第一门公选课,我选择了《网站设计与制作》这门课程,出于对网站设计的强烈的兴趣,抱着强大的求知欲,终于,我进入这门课程的学习。虽然这门课程的总学时比较短,但是经过老师的认真授课以及我的认真听讲,我学到了很多有关网站设计与制作的知识,在一定程度上为我认识了解网站设计与制作提供了良好的基础,并为我下一步深入学习相关方面的知识做了良好的铺垫。
一、网站设计与制作中所用的工具
1.dreamweaver用与编辑HTML、ASP、JSP、PHP时的辅助工具。
2.flash网页需要画面流动时的首选择
3.photoshop图象处理软件,一般网页都需要有图片相搭配,photoshop是款很强大的工具。
4.fireworks跟Photoshop一样都是图象处理软件,但fireworks偏向与对网页的处理。
二、网站的概念与域名
网站是指在因特网上,根据一定的规则,使用HTML等工具制作的用于展示特定内容的相关网页的集合。人们可以通过网站来发布自己想要公开的资讯,或者利用网站来提供相关的网络服务。人们可以通过浏览器来访问网站,获取自己需要的资讯或者享受网络服务。文字与图片是构成一个网页的两个最基本的元素。除此之外,网页的元素还包括动画、音乐、程序等等。域名是网站在互联网上的名字。一个非产品推销的纯信息服务网站,其所有建设的价值,都凝结在其网站域名之上。失去这个域名,所有前期工作就将全部落空要把域名起得形象、简单、易记。
三、网页的制作与网站版式
根据这几节课的学习,我基本了解了要想做好一个网站,就必须把网页做好。
首先,要明确所做网站是什么类型的。其次是布局,还有网站的信息、网站打开的速度等。
(1)、网站的整体布局:网站主页就好象是宣传栏或者店面——对访问者产生第一印象,都希望尽量给人留下好的印象。网页应该力求抓住而不是淹没浏览者的注意力,过多的闪烁、色彩、下拉菜单框、图片等会让访问者无所适从,一般来说,好的网站应该给人有这样的感觉:干净整洁;条理清楚;专业水准;引人入胜。
(2)、信息:无论商业站点还是个人主页,你必须给人们提供有一定价值的内容才能留住访问者,所以你必须提供某些有价值的东西。
(3)、打开速度:我们都知道,页面下载速度是网站留住访问者的关键因素,如果20—30秒还不能打开一个网页,一般人就会没有耐心。至少应该确保主页速度尽可能快,最好不要用大的图片。
(4)、颜色搭配:颜色也是影响网页的重要因素,不同的颜色对人的感觉有不同的影响,所以在做网页的时候应该注意颜色的搭
配。包括网页的整体的颜色、网页中文字的颜色等。不要将所有颜色都用到,尽量控制在三至五种色彩以内。
(5)、网站的版式设计:网页设计作为一种视觉语言,特别讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处。版式设计通过文字图形的空间组合,表达出和谐与美。多页面站点页面的编排设计要求把页面之间的有机联系反映出来,特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果,我们将反复推敲整体布局的合理性,使浏览者有一个流畅的视觉体验。
(6)、网页标题的可读性:必须尽量使你的网页易于阅读。为所有标题和副标题设置同一字体,并将标题字体加大一号,所有标题和副标题都采用粗体,这样便于识别标题,使浏览者一眼就可以看到要点,以便找出并继续阅读有兴趣的内容。所以,要认真写好每个标题!
四、HTML语言
虽然课程比较短暂,但老师还是在讲课中穿插了一点HIML语言,它在网页制作中也发挥了比较重要的作用,可以大大提高网页制作的效率。虽然,我不是计算机专业的,但作为一个电脑爱好者我会在课后抽时间认真去学习掌握这门语言,让自己具备更专业的知识。
总而言之,经过对《网站设计与制作》这门课程的学习,我收获了很多。我所学的专业并不是计算机方面的,更别说是网页设计了,但是由于我对网页设计及制作的强烈兴趣,我选择这门课程是我最大的乐趣,因为我学到了知识。并且我今后会继续在这方面提高自己,全面提高,综合发展。
在这里我很感谢老师的认真授课,让我对这门课有了初步的了解,学到了很多关于这方面的知识。最后我想说句谢谢老师!
第五篇:新闻网站的设计与制作
题
目 :
新闻网站的设计与制作
0
目录
第一部分:引言........................................3 第二部分:工具介绍.....................................3 2.1 Dreamweaver.....................................3 2.2 Adobe Fireworks CS6.............................4 2.3 html浏览器.....................................4 第三部分:网站结构图...................................5 第三部分:网站界面设计.................................5 3.1 新闻浏览........................................7 3.2 新闻阅读........................................8 3.3 新闻查询........................................9 第四部分:总结.......................................10 致谢.................................................10
第 1 页
新闻网站设计与制作
摘要:随着现代网络信息的快速发展,人们对外界的信息需求越来越高。本论文将从建站的实际情况出发,经过对有关网站新闻网站的一番考察和分析。确立了系统采用Dream weaver作为开发环境,Adobe Fireworks CS6作为辅助工具。阐述系统的结构设计和功能设计,实现新闻的分类显示,最近新闻显示、热点新闻显示、搜索、等。登陆本网站后可以了解到当下最新的新闻资讯,浏览到社会各方面的详细消息。本网站具有很好的外部接口,较好的容错性,能够承受大量用户同时浏览的压力,满足大部分新闻发布的需求,能够很好的配合其它子系统服务于网站的新闻发布。网站主要以文字、图片、视频合理并且有序地呈现在大家面前。简单的说,新闻网站就是充当一个网络新闻媒介的功能。关键词:新闻网站;Dream weaver;设计
News Website Design Articles
Abstract: With the rapid development of modern network information, people increasingly high demand for outside information.This paper will Build the actual situation, through to some news sites about the site investigation and analysis.Established a system using Dream weaver as the development environment, Adobe Fireworks CS6 as an auxiliary tool.Elaborate structure of the system design and functional design, implementation, news classification shows that the recent news show, hot news show, search, and so on.After landing on this website you can learn the latest news and information instantly, navigate to the social aspects of the detailed news.This site has a good external interface, better fault tolerance, able to withstand the pressure of a large number of users to simultaneously view, to meet the needs of most press releases, can be very good with other subsystems serving the website's news release.Website mainly text, pictures, video and reasonable and orderly presentation in front of everyone.Simply put, the news site is to act as a network media functions.Key word: News sites;Dreamweaver;design
第 2 页
第一部分:引言
伴随着网络的出现,网页逐渐融入人们的生活。快速及时的新闻浏览,五彩缤纷的网上信息,使网络与人们的生活息息相关,于是世界上又出现了第三媒体——Internet。
新闻网站是一个新闻单位不可缺少的部分,同时也是现代网民了解时事不可缺少的工具。它的内容对于新闻的决策者和管理者来说都至关重要,所以新闻网站应该能够为用户提供充足的信息和快捷的查询手段。但一直以来人们使用传统人工的方式管理文件档案,这种管理方式存在着许多缺点,如:效率低、保密性差,另外时间一长,将产生大量的文件和数据,这对于查找、更新和维护都带来了不少的困难。
随着科学技术的不断提高,计算机科学日渐成熟,其强大的功能已为人们深刻认识,它已进入人类社会的各个领域并发挥着越来越重要的作用。
作为计算机应用的一部分,使用计算机对网上新闻发布进行管理,具有着手于管理所无法比拟的优点.例如:检索迅速、查找方便、可靠性高、存储量大、保密性好、寿命长、成本低等。这些优点能够极大地提高网上新闻发布的效率,也是企业的科学化、正规化管理,与世界接轨的重要条件。第二部分:工具介绍
运行平台:html浏览器(360安全浏览器)。开发平台:Dreamweaver,Adobe Fireworks CS6。语言:html。
2.1 Dreamweaver Adobe Dreamweaver,简称“DW”,是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师
第 3 页
特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
Adobe Dreamweaver使用所见即所得的接口,亦有HTML(标准通用标记语言下的一个应用)编辑的功能。它有Mac和Windows系统的版本。随Macromedia被Adobe收购后,Adobe也开始计划开发Linux版本的Dreamweaver了。Dreamweaver自MX版本开始,使用了Opera的排版引擎“Presto” 作为网页预览。2.2 Adobe Fireworks CS6
网页图片处理也是网页制作一个非常重要的组成部分,图片是网页内容最有视觉冲击力的表现方法,因此,图片在网页中具有非常重要的作用,不管这些图片是作为内容还是作为修饰而存在。常用的图片处理软件有网页三剑客中的Fireworks和Photoshop,对于一些简单的图片处理工作用Fireworks即可完成,而对于复杂和性能要求高的图片比如jpg格式的图片往往采用Photoshop去处理。本网站的图片主要使用Fireworks。
Adobe Fireworks CS6[1]是专业的网页图片设计、制作与编辑软件。它不仅可以轻松制作出各种动感的Gif、动态按钮、动态翻转等网络图片。更重要的是Fireworks可以轻松地实现大图切割,让网页加载图片时,显示速度更快!让你在弹指间便能制作出精美的矢量和点阵图、模型、3D 图形和交互式内容,无需编码,直接应用于网页和移动应用程序!Fireworks CS6更是利用 jQuery 支持制作移动主题,从设计组件中添加 CSS Sprite 图像。为网页、智能手机和平板电脑应用程序提取简洁的 CSS3 代码。利用适用于 Mac OS 的增强的重绘性能和适用于 Windows® 的内存管理,大大提高工作效率。利用增强型色板快速更改颜色。
2.3 html浏览器
网页浏览器是个显示网页服务器或档案系统内的文件,并让用户与此些文件互动的一种软件。它用来显示在万维网或局部局域网络等内的文字、影像及其他资讯。这些文字或影像,可以是连接其他网址的超链接,用户可迅速及轻易地浏 第 4 页
览各种资讯。网页一般是HTML的格式。有些网页是需使用特定的浏览器才能正确显示。本网站的设计主要使用360安全浏览器。第三部分:网站结构图
第三部分:网站界面设计
本主界面为index.html,它的功能是显示新闻类别,热点新闻中的7条新闻和最新新闻,并提供新闻的详细分类。新闻以文字、图片以及视频的方式传递信息。它是由2.html,2.1.html,娱乐.Html等模块组成。
第 5 页
无论是专业网站还是企业网站,一个网站对其内容的管理都要涉及到采编、分类、发布、浏览、检索等内容。信息管理实现网站内容的更新与维护,提供在后台输人、查询、修改、删除各类别和专题中的具体信息的功能,选择本信息是否出现在栏目的首页、网站的首页等一系列完善的信息管理功能。
第 6 页
系统的主要功能是通过几个功能模块来实现的。具体的设计过程如下:
3.1 新闻浏览
该模块负责分页列出网站所有新闻的信息,包括标题、类型、来源部门字段及发布日期,每条新闻的标题被做成一个超链接,点击它们就能跳转页面进行新闻阅读。
添加代码:
下载网站设计与制作课程体系实践的论文[合集].doc
将本文档下载到自己电脑,方便修改和收藏,请勿使用迅雷等下载。
点此处下载文档
文档为doc格式 网址:https://www.xiexiebang.com/fanwen/qita/1bbadcaaa30537e3.html
声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:645879355@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。 校园网站的设计与制作校园网站的设计与制作 “听者有心”的首页 创建背景 这个网页可以说是采用了二分栏结构,却有一些变化,包括网页上方占很大面积的Banner、栏目名称以及网页下方放置版权信息...... 教案【设计网站与制作首页】教学目标 1. 知识与技能:了解设计网站的一般流程以及网页的基本构成元素;学会运用表格进行版面布局;能够在网页中添加网页元素 2. 过程与方法: 通过制作网站首页,掌握版面布局、...... 网站建设与网页制作结业论文网站建设与网页制作结业论文 简介: 本课程的考查方法采用选题课程论文进行,学生选择的题目可重复,但是内容不可雷同,如果内容雷同将取消相关学生本课程的最终成绩。为避免出现非...... 网站设计制作合同书网站设计制作合同书 甲方(委托方):_________ 乙方(执行方):_________ 为了使甲方_________,甲乙双方秉承相互促进,相互信赖的原则,经友好协商,达成如下协议:一、合同内容和要求甲方网...... 网站设计制作合同书网站设计制作合同书甲方:乙方:XX科技有限公司为了充分利用Internet的优势,进行企业宣传和商务活动,甲方委托乙方进行网站设计制作,双方本着公平友好的原则,签定本合同:一、甲方的权...... 网站设计制作合同书网站设计制作合同书甲方(委托方):_________ 乙方(执行方):_________ 甲乙双方秉承相互促进,相互信赖的原则,经友好协商,达成如下协议: 一、合同内容和要求 甲方网站设计,制作及维护,具体...... 网站设计制作协议书网站设计制作协议书 甲方: 乙方: 经甲乙双方协商,就甲方委托乙方进行网站设计达成共识,双方理解并认可协议的所有内容,同意承担相应的责任和义务,忠实履行本协议。其内容如下: 第一...... 网站设计制作协议甲方:_________乙方:_________一、总则1.甲方同意为乙方提供网站策划,网站制作服务。2.网站的信息发布必须符合中华人民共和国现行的各项相关法律,若网站的信息发布出现违反中华人...... |