第一篇:网页设计个人小结
网页设计个人小结
经过为期两个星期的实习,在我们小组成员不懈的努力下终于完成了,从刚开始接触报告的时候到现在全部完成,虽然时间不是很长,但是所做的工作还是很多的,从个人报告,包括日志,个人小结,还有需求分析报告,可行性分析报告,系统分析报告,系统分析总结报告等等,我们觉得这次最大的收获就是小组的配合,在课程设计的过程中,我们不断地从讨论,分析到整理,到最终的完成稿,在其中我们花费的精力虽然很多,但是我们的团队合作精神得到了最大的体现。
学习电子商务的这几年,经历过的网站制作工具有很多,比如说Dreamweaver,Fireworks,Flash,FrontPage还有Visual Web Developer,但从来也没有深入而系统的认识和了解,更谈不上如何去分析,如何去整理和归纳。除了作业中自己摸索,了解,运用这些软件,其他更深层次的软件的更是从来没有涉及过,所以不做深层的了解。由于有了这次的课程设计,就给了我们小组这样一个机会,仔细得熟悉Visual Web Developer,更深入的了解了其余软件,分析它相对于其他软件的优势和不足,这样对于我们选择运用也是大有裨益的。设计下来,我觉得收获很多,不仅对于制作网页的软件有一个全新的认识,并且在系统设计的技术方面也有了质的飞跃。
关于这次总结,先从网站的页面设计说起,在设计过程中,注意到对于电子商务网站BtoC还是诸多好评的,单单从方便角度出发,已经是一个很重要的优点了,页面设计过程的时候,有些页面设计的填写,可详尽可简略,凸显主题,不是很能体现出这次调查的全面性,页面设计的很好,但从某些方面不是很完善,但是对于这次我觉得我们做的很尽心,我们努力的选择不同风格的页面去设计,并且在网页设计中,我们尽量的全面的问及我们所能涉及的问题,我们发现我们的获益很多,不仅仅单纯从问卷调查的过程,更从讨论中,汇总中我们了解了更多的知识,也全面提高我们对问题的分析能力。
这次网站设计,我总结了几点:1)确定网站主题:对于内容主题的选择,要做到小而精,主题定位要小,内容要精。不要去试图制作一个包罗万象的站点,这往往会失去网站的特色,也会带来高强度的劳动,给网站的及时更新带来困难。2)掌握建网工具:在制作网页的时候,一定要熟练掌握软件的运用,要不断的摸索,对于细节的处理,我们需要做很多东西,只有不断的练习,才会更好的运用软件。3)确定网站界面 :网站的题材确定后,就要将收集到的资料内容作一个合理的编排,尽可能删除那些与主题无关的栏目,尽可能将网站内最有价值的内容列在栏目上,尽可能从访问者角度来编排栏目以方便访问者的浏览和查询;辅助内容,如站点简介、版权信息、各板块要有相对独立性,各板块要有相互关联,各板块的内容要围绕站点主题;按栏目内容建立子目录。子目录的建立,首先按主栏目建立。友情连接内容较多,需要经常更新的可以建立独立的子目录。而一些相关性强,不需要经常更新的栏目,例如:网站简介、站长情况等可以合并放在一个统一目录下。所有程序一般都存放在特定目录,在每个主目录下都建立独立的Images目录。一般来说,一个站点根目录下都有一个默认地Images目录。将所有图片都存放在这个目录里很是不方便,比如在栏目删除时,图片的管理相当麻烦。所以为每个主栏目建立一个独立的Images目录是方便管理的。原因很简单,就是方便维护与管理。4)确定网站风格:“风格”是抽象的,是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI(标志,色彩,字体,标语)、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素,网站可以是平易近人的、生动活泼的也可以是专业严肃的。不管是色彩、技术、文字、布局,还是交互方式,只要你能由此让浏览者明确分辨出这是你网站独有的,这就形成了网站的“风格”。风格是有人性的,通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性:是粗犷豪放的,还是清新秀丽的;是温文儒雅的,还是执著热情的;是活泼易变的,还是墨守成规的。
接下来谈谈报告的撰写,我们这次需要写的报告比较多,但是我觉得这些报告都是必需要写的,在撰写报告之初我遇到了很大的困难,因为我不是很了解整体的结构与布局,并且这是我第一次写关于系统分析报告,而且系统方面知识,我了解的不是很全面,于是在网上我搜集了一些资料,系统设计,分为总体设计和详细设计。总体设计时,主要是一些功能模块的逻辑设计,只是宏观上的把握,具体的页面安排还要在详细设计以及接下来的具体实施中作相应的调整。所以,它只是起到一个指南的作用,或者说,类似于Dreamweaver中图像占位符的作用,它在此构成文档的完整性,也为后面的设计提供参照。这也恰恰反映了系统设计的承前启后的特点,一方面,它是对需求分析的扩展,另一方面,又是对后续系统实施的前提。总体设计是宏观上的把握,逻辑上的概括。详细设计阶段,从完整的信息系统的开发过程来说,包括输入设计,输出设计,数据库设计,代码设计,界面设计。而我们此次课程设计的重点在于网站设计及可用性设计,因此对于数据库方面的内容就涉及的比较少。这是整个设计工作的不足。
最后来说说我们小组的网站设计,我觉得最主要从顾客出发,做到方便顾客的使用,对于我们小组的网站设计我觉得要简单,大方,以及美观,说起来容易但做起来真的不易,刚开始在选择网站的架构上大家的意见就不是很统一,最后在大家努力均衡下,最终敲定了架构,慢慢的我们都熟悉了设计的环境,接下来的设计进程加快了好多,在我们热烈的讨论中,慢慢的看着设计的成形,一种喜悦之情油然而生,看着自己的努力得到了回报,最后,在不断的讨论和修改中,我们定稿了,看着大家辛勤劳动的成果,我们小组成员都觉得对于这个课程设计我们收益还是很多的,不单单是界面设计方面,更是从团队合作方面,大家获益很多。
最后来说说自己的日记以及个人总结的撰写,在刚开始写日记的时候,感觉思绪很匮乏,不知道该写些什么,虽然一天做的事很多,但是总感觉是流水账,在慢慢的几天适应以后,发现对于课程设计的体会越来越多,虽然在字数方面变化不大,但对于自己的体会感觉真的多了不少,也感觉到了在合作时完成任务的兴奋感和自己独立完成任务的感觉是不同的,在自己完成任务的时候,感觉很充实,但是我想一个人做事,涉及面不会是很广但是都融汇了自己的看法,也是一种突破。
在此,我对此次课程设计做出自己的一些总结,在这次课程设计中,我发现了团队的重要性,分工的重要性,从该开始的懵懂,但最后慢慢完成所有的任务,我充分体会到了合作的真谛,在合作的过程之中我体会到了,相互合作是非常重要的,在一些细节方面,多亏小组成员的指点,让我发现许多的不足,在某些逻辑思考的不完善,节约了很多时间,因此最后很好的得完成任务。在此看来,团结合作的智慧和力量是不可忽视的,每个人都有自己所擅长的部分,只有团结一切可以团结的力量,发挥每一个人的才能,同心协力,才能够把任务最好得完成。
感谢老师,在学期末能有这样的课程设计,在这课程设计的过程中我获益很多,不仅仅从知识的角度,也从与他人合作完成任务的能力得到提高。最后,我相信在我们小组成员们共同的努力下,虽然这份设计不一定是最完美的,但它凝聚着我们的劳动,我们觉得它是最棒的。
第二篇:网页设计课程小结
现在,计算机和网络已经深入到了我们生活中的方方面面,也已经成了生活中不可缺少的一部分,网络成了我们获取知识和信息的一种便捷工具,现在的网民也在不断的增多,所以,了解和学习网络知识是我们作为一名大学生迫切所需的。我利用寒假的时间,对网页设计进行了初步的认识和了解,并基本掌握dreamweaver的应用。
通过寒假期间的学习,在学习了网页设计的同时,我更加深入的了解了关于计算机和网络的知识。基于大一对计算机基础与c语言的基本掌握,自学网络设计的基础部分便显得较为轻松。谁然如此,在设计过程中依然出现了很多的问题,但通过看书,上网查询,等方式,不断的学习、解决、提高,设计出的网页不论是外观还是内容,都在不断的进步、改善。可以说在自己动手,不断实践的过程中,网页设计水平得到了很大的提高。
通过对网页设计书籍的翻阅,我学习到了一些关于建设网站和制作网页的知识,在实践查阅资料时,对flash也有所了解。我还了解了一些基础的网络技术。通过学习,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了一定的掌握。在这个过程中,我同样认识到网页设计不是一门学科的独秀,而是多种课程的综合,他是、flash、fireworks等网页软件的综合应用。下面阐述一下我在翻阅《dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。首先,要确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么,所有页面都是围绕着这个内容来制作,有了明确的内容对排名有很重要的作用;其次,要了解你网站所在行业的客户,及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.在完成以上的基本内容之后网页的基本框架便成形成了。下面要开始的便是优化工作,内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时,可以用树状结构先把每个页面的内容大纲列出来,尤其要制作一个大的网站(有很多页面)的时候,特别需要把这个架构规划好,也要考虑到以后可能的扩充性,免得做好以后又要一改再改整个网站的架构,很浪费时间和财力。大纲列出来后,还必须考虑每个页面之间的链接关系。是星形,树形,或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱,层次不清的站点会造成浏览困难,影响内容的发挥。框架定下来了,然后开始一步一步有条理,有次序地做来,就胸有成竹得多,也会为主页将来发展打下良好的基础。下一步,就以动手制作具体内容了,题材选定,框架选定,接下来就开始往主页里面填内容。
如果是个人主页,有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是:从报纸,杂志,光盘等媒体中把相关的资料收集整理,再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集,您只要到搜索引擎上查找相应的关键字,就可以找到一大堆的资料。在准备材料的时候我们可以用一些小的动画和动态图片,flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画,编辑修改非常灵活,它的另一大特点是“交互性”强。在动画播放时,可以用鼠标或键盘对动画的播放进行控制,效果可以很直观的反映出来。然后是开始正式制作主页。通过dreamweaver作为制作软件,只需要用到软件中的一些基本的功能:图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。
总体来说,通过这个假期对网页设计的学习,有收获也有遗憾。但是,我已经迈入了网页设计的大门,只要我再认真努力的去学习,在今后的闲余时间学习制作网页的更多知识以实现自身技能的提高,我坚信将来设计出的网页会更加专业,更加华丽,使它最终成为自己的一项技能。
第三篇:个人网页制作小结
个人网页制作小结
1、最好做别人没有做过(这已经不太可能了,只能说是别人做得少的。),但是却有潜在市场的内容。
2、网站访问速度要快,网页显示速度要快。最好不要做弹窗广告(事实证明,弹窗广告的月收入对于个人网站站长来说几乎没有意义。(别和我说网易的弹窗,那只是网站联盟建立之初为了吸引客户而采取的权宜之计。)),因为弹窗广告除了惹人反感以外没有任何经济价值。
3、内容要尽量精,同时数量也不能太少,否则的话不能吸引回头客。最好可以做到每个星期更新1~2次,假如
可以做到每天更新那当然是再好不过。
4、一定要有一个可以让访客与站长直接交流的平台,有条件的可以在网站上建立一个论坛,或者在其他网站申请一个论坛。没有条件的,也最好有一个留言本。另外可以考虑建立一个网站的qq群。
5、关于广告问题,我觉得对访问量小的个人网站来说同一页面上的广告不宜放置过多。一个页面的大幅广告超过2个,就容易引起用户反感了。尤其是一些粗制滥造,没有任何美感的广告更是如此。这对于网站的发展是极其不利的。最好以文字新闻广告为主,少用图片及flash广告。同时广告页最好与网页背景可以融为一体,让访问者不至于有突兀之感。
6、内容重复性,虽然在当前的形式下,内容完全原创,没有任何与其他网站重复的可能性已经几乎不存在了。但是无论如何也要有自己的内容,这点是非常重要的,即使自己的内容很少,且只是对别人的内容进行了修改加工,那也算是你自己的内容。这点是非常重要的,希望大家注意。
7、异地链接,由于个人网站多数是采用的虚拟主机(亦即空间租用)方式实现,一般不会有非常大的ftp空间,充足的带宽及非常高速的访问速度。因此势必造成许多音乐,flash,图片等等内容都是异地链接。这时候就需要特别注意,许多网站都有自己的防盗链措施(不允许异地链接,经常更换链接地址等)。假如因为自己的疏忽造成了自己网站上的异地链接失效,而自己又不知道,就会造成客户的大量流失。所以在制作异地链接时一定要慎之又慎,不要为了贪图方便因小失大。
8、html,图片加工及完善,现在很多个人网站都喜欢在自己的meta标记中加上许多的所谓热门关键字,甚至采用假如与网页背景色相同的文字,妄图欺骗搜索引擎。事实证明,这种做法现在早已失效,新的蛛网协议已不再相信
这类作弊行为。再这么做只会弄巧成拙。所以与其把自己的网页弄得庞大无比,不如精炼html语言,尽量缩小html文件与图片文件大小,这种优化的效果在流量增大的情况下会非常明显。(具体的如何加快网页显示速度等问题请参考相关网页制作教程。)
9、不要以为你的访问者全是1024x768的分辨率,个个都开着音箱,头戴耳机在电脑前看你的网站。事实证明,依然有不少访问者使用的是800x600的分辨率,看网页时候听不到,或者不希望听到你网站上的背景音乐。所以不要做吃力不讨好的事。
10、不要加入过多与网页内容无关的页面对象。事实证明,除非是某些特定类型的网站,否则的话,一般的个人网站访问者,不会对你网页上的大量(超过10个)友情链接,xx链的内容发生兴趣。所以设置友情链接以不影响页面整体美观度为宜。
11、不少个人网站的站长出于种种
考虑,喜欢把给自己的网页设置成不允许鼠标右击,甚至加密html。但是这种设置其实对网站根本没有任何好处,同时还会遭致用户反感。所以这种做法我觉得是千万要不得的。
第四篇:个人网页设计(论文)
炎黄职业技术学院信息工程系
毕业设计(论文)
个人网页设计
年 级: _ 2009级___ _ 学 号: _ 0******17 _ 姓 名: __ _****_____ 专 业: 网络数字媒体 _ 指导老师: __ ****__ __
二零一一年十二月 炎黄职业技术学院 信息工程系毕业设计(论文)
摘 要
本论文将对个人网页设计与制作的方法、工具等展开研究和探讨。在介绍网页设计与制作语言的基础上,着重使用CSS样式表作为工具语言进行网页设计与制作的实际操作,分别对基于对象的JavaScript语言、用于编辑HTML语言的软件进行了详细的介绍。
本论文主要章节如下,炎黄职业技术学院 信息工程系毕业设计(论文)
炎黄职业技术学院 信息工程系毕业设计(论文)
炎黄职业技术学院 信息工程系毕业设计(论文)
1、是一种脚本编写语言
JavaScript是一种脚本语言,它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript同样已是一种解释性语言,它提供了一个易的开发过程。
它的基本结构形式与C、C++、VB、Delphi十分类似。但它不像这些语言一样,需要先编译,而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起,从而方便用户的使用操作。
2、基于对象的语言。
JavaScript是一种基于对象的语言,同时以可以看作一种面向对象的。这意味着它能运用自己已经创建的对象。因此,许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。
3、简单性
JavaScript的简单性主要体现在:首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计, 从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型,并未使用严格的数据类型。
4、安全性
JavaScript是一种安全性语言,它不允许访问本地的硬盘,并不能将数据存入到服务器上,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。
5、动态性的
JavaScript是动态的,它可以直接对用户或客户输入做出响应,无须经过Web服务程序。它对用户的反映响应,是采用以事件驱动的方式进行的。所谓事件驱动,就是指在主页(Home Page)中执行了某种操作所产生的动作,就称为“事件”(Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后,可能会引起相应的事件响应。
6、跨平台性
JavaScript是依赖于浏览器本身,与操作环境无关,只要能运行浏览器的计算机,并支持JavaScript的浏览器就可正确执行。从而实现了“编写一次,走遍天下”的梦想。
实际上JavaScript最杰出之处在于可以用很小的程序做大量的事。无须有高性能的电脑,软件仅需一个字处理软件及一浏览器,无须WEB服务器通道,通过自己的电脑即可完成所有的事情。
总之,JavaScript 是一种新的描述语言,它可以被箝入到 HTML 的文件之中。JavaScript语言可以做到回应使用者的需求事件(如:form的输入),而不用任何的网路来回传输资料,所以当一位使用者输入一项资料时,它不用经过传给伺服端(server)处理,再传回来的过程,而直接可以被客户端(client)的应用程式所处理。
炎黄职业技术学院 信息工程系毕业设计(论文)
JavaScript 和 Java 很类似,但到底并不一样!Java 是一种比 JavaScript 更复杂许多的程式语言,而 JavaScript 则是相当容易了解的语言。JavaScript 创作者可以不那麽注重程式技巧,所以许多 Java 的特性在 Java Script 中并不支援。
2.3 CSS样式表
级联样式表(Cascading Style Sheet)简称“CSS”,通常又称为“风格样式表(Style Sheet)”,它是用来进行网页风格设计的。比如,如果想让链接字未点击时是蓝色的,当鼠标移上去后字变成红色的且有下划线,这就是一种风格。通过设立样式表,可以统一地控制HMTL中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表,可以扩充精确指定网页元素位置,外观以及创建特殊效果的能力。
CSS目前最新版本为CSS2,能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象盒模型的能力,并能够进行初步交互设计,是目前基于文本展示的最优秀的表现设计语言。
在网页上使用样式表有三种方法可以在站点网页上使用样式表:
将网页链接到外部样式表。
在网页上创建嵌入的样式表。
应用内嵌样式到各个网页元素。
当要在站点上所有或部份的网页上一致地应用相同样式时,可使用外部样式表。在一个或多个外部样式表中定义样式,并将它们链接到所有网页,便能确保所有网页外观的一致性。如果人们决定更改样式,只需在外部样式表 — 中作一次更改 — 而该更改会反映到所有与该样式表相链接的网页上。通常外部样式表以.css 做为文件扩展名,例如 Mystyles.css。
当人们只是要定义当前网页的样式,可使用嵌入的样式表。嵌入的样式表是一种级联样式表,“嵌”在网页的
标记符内。嵌入的样式表中的样式只能在同一网页上使用。使用内嵌样式以应用级联样式表属性到网页元素上。
如果网页链接到外部样式表,为网页所创建的内嵌的或嵌入式样式将扩充或覆盖外部样式表中的指定属性。
炎黄职业技术学院 信息工程系毕业设计(论文)
炎黄职业技术学院 信息工程系毕业设计(论文)
图2-2 随笔
相册效果图2-3如下:
图2-3 相册
音乐效果图2-4如下:
图2-4 音乐
关于我效果图2-5如下:
炎黄职业技术学院 信息工程系毕业设计(论文)
图2-5 关于我
3.2 网站主题
本网站是一个简单的个人网站设计,以动漫为主题,主要包括了本人的自我介绍、比较喜爱的动漫作品以及平时的娱乐等。
3.3 网站风格
1.本网站主要体现了清新自然的风格,以简洁为主。2.网站的主色调为绿和白,充分衬托清新自然的风格。
炎黄职业技术学院 信息工程系毕业设计(论文)
炎黄职业技术学院 信息工程系毕业设计(论文)
(1)执行“插入”—“新建元件”命令,创建一个名称为“拉伸的叶片”的影片剪辑元件。
(2)选择矩形工具,设置填充颜色,在舞台上绘制一个无描边举行,在属性面板中设置宽和高。
(3)选择矩形,将其转换成“名称”为“叶片”的图形元件。(4)选择
onmouseout=“makevisible(this,1)”
onmouseout=“makevisible(this,1)” 炎黄职业技术学院 信息工程系毕业设计(论文)
2.输入文字,制作超链接。
4.6 xiangce4.html页面的制作
1.制作图库页面。
(1)新建一个网页文档,建立图库页面的基本布局。
(2)将光标定位在页面左侧的 炎黄职业技术学院 信息工程系毕业设计(论文)“1”,单击[确定]按钮回到行为面板,将此行为事件改为“onclick”。
(2)用同样的方法,给另外3张图像添加同样的行为,将 炎黄职业技术学院 信息工程系毕业设计(论文)
致
谢
本论文历时两个多月,我系统综合地将我所学的知识运用于毕业设计的全过程。在完成毕业设计中,首先我要感谢我的指导教师****老师。*老师耐心细致地指导我毕业设计,提出了很多精辟而富有建设性的建议。*老师认真负责的工作态度,严谨的治学态度都给我留下了深刻的印象,在学习上给予了我极大的关心和帮助,在此表示衷心感谢!
同时,感谢炎黄职业技术学院为我提供了一个良好的学习环境,感谢学院的领导和老师们!他们无微不至的关怀、精心的培养使我到了很多的知识,终生受益!
炎黄职业技术学院 信息工程系毕业设计(论文)
参考文献
[1] 缪亮.Dreamweaver CS3 基础与实训教程.电子工业出版社,2008年.[2] 李冬芸.Flash动画实例教程.电子工业出版社,2010年.[3] 缪亮,郭刚.Photoshop平面设计实用教程.清华大学出版者,2008年.
第五篇:个人网页设计策划书
网站名称
个人主页
网站主题
让更多的人有机会了解自己,同时认识自己,了解自己,展现丰富的自我个性,我的地盘我做主。
网站风格
表达活力的色彩必定要包含红紫色。它是“运动”的最佳代言人。红紫色搭配它的补色黄绿色,将更能表达精力充沛的气息。
页面底色为红紫色,配以黄绿色,展现活力四射的青春自我。
建站目的1、这是我第一次构建网站,……
2、展现自我……
3、熟悉网站建设过程,并熟悉网站设计和网页制作
建站内容框架
1.个人资料,以一个页面介绍自己的基本情况,添写构思
2.我的朋友
1)好朋友:添写构思
2)同窗朋友:添写构思
3)宿舍朋友
3.我的学校
1)我的中学
2)我的大学
4.我的家乡
1)家乡简介
2)家乡风光
3)家乡习俗
4)美好记忆
5.我的收藏
1)美文收藏 2)美图收藏 3)体育欣赏 4)电影欣赏