某职业技术学院校园网站ppt课件.ppt

网站设计基础与实例教程,1,第7章 教育类网站长春职业 技术学院校园网站,网站设计基础与实例教程,2,7.1 网页效果图,3,本效果图为Fireworks CS3设计与制作。,主页效果图,网站设计基础与实例教程,3,7.1 网页效果图,3,本效果图为Fireworks CS3设计与制作。,子页效果图,网站设计基础与实例教程,4,7.2 客户需求,3,在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。,网站设计基础与实例教程,5,7.2 客户需求,3,要建立一个学校网站，应该需要实现那些需求呢？1学校网站是学校的“商标”，每一所学校都有自己的特色，每一所学校都有自己的个性。在这个高度信息化的社会里，建立自己学校网站是最直接的宣传手段。网站的超时空特性，不仅能让地区内的人们了解学校，更可让世界各地的人们了解学校。凭借学校网站，有效的提高学校知名度和声望，提升教学层次。2学校网站也是实现教育资源分配的桥梁。网络有巨大的教育资源库，它集全社会的力量，使教育资源无限增长。这对于发达地区和欠发达地区，高投入学校和条件差的学校在获取教育资源的权力上达成平等，使每一位教师和学生都能均等的得到培训和受教育的机会，不再受到学校水平、教材、教师能力的限制。学校网站作为一个大的资源库既极大的提了高教学效率又实现公平教育的目的。,网站设计基础与实例教程,6,7.2 客户需求,3,3学校网站要能提供教学互动的全新方式。学校网站使得教师与教师、教师与学生、学生与学生之间的交流有了全新的方式，它不再受到传统课堂的制约。它可以使广州与北京、城市与乡村的学校同处一室，共同讨论，共同共享。地理上的界限在这里模糊和消失了，学校网站是真正没有围墙的学校。4学校网站还要能够提供个性化学习的平台，不同的学生理解世界的方式各不相同，认知世界有诸多方式。网络提供的丰富资源可以使学生寻觅不同的教育方式，各取所需。学校网站允许不同的学生沿着自己的途径，按自己的速度接受教育与学习，学生将有机会享受最佳的教育机会，充分发掘自己的内在潜力，培植独特的个性和人格。,网站设计基础与实例教程,7,7.2 客户需求,3,长春职业技术学院校园网站属于非营利性的教育类网站。通过以上多角度分析，作为高等院校网站，它担负着宣传学校风采展示学校特色的重任，同时还要满足校内教学、科研以及完成校内校务实现网络办公的要求。,网站设计基础与实例教程,8,7.3 页面风格定位,3,1、颜色风格：营造出各种类型网站的整体气氛，包括标志，色彩，字体，标语等色彩，勾勒出网站的整体视觉效果。2、布局风格：规划出页面的各种功能区域，布局通常有左右、上下、居中等几个主要形式，细分还有“厂”字型、“品”字型、“田”字型等等。3、内容结构风格：是网站的信息支撑，是控制网站风格方向的根基，是风格个性化的主导因素。4、语言风格：要注意不同的语言字符对网站的影响亦不尽相同。如英文字符较为精简，适宜做小巧精致类型的网站，中文字符雅致繁复，较适宜做端庄严肃类型的网站。,网站设计基础与实例教程,9,7.3 页面风格定位,3,“校园网站”在设计上根据客户需求，其风格设计主要体现在以下：确保形成统一整体和界面风格。网页上所有的图像、文字，包括背景颜色、区分线、字体、标题、注脚等形成统一的整体。确保网页界面的清晰、简洁、美观。这会产生更大的易用性。确保视觉元素的合理安排，让浏览者体验到视觉的秩序感、节奏感、新奇感。具体表现在：1、颜色风格：本网站主色调采用了蓝色和白色。页面中的文字、链接、栏目等主要以蓝色进行设计。2、布局风格：主页和子页面中采用了上。下布局模式3、内容结构风格：高等院校的校园网站信息量较大，信息主要由图片和文字两大要素构成。因此在主页设置的栏目相对较多、信息量较大。4、语言风格：由于本网站是国内教育类网站，语言采用中文版。,网站设计基础与实例教程,10,7.4 网站建设方案,3,从接到客户的业务咨询开始，经过双方不断的接洽和了解，并通过基本的可行性讨论，初步达成制作协议，就需要将项目立项，一般需要给客户一个网站建设方案。通过网站建设方案制订项目的所有细节，这样对双方都有益处。,网站设计基础与实例教程,11,7.4 网站建设方案,3,网站建设方案包括以下几个部分：客户情况分析；网站需要实现的目的和目标；网站形象说明；网站的栏目板块和结构；网站内容的安排，相互链接关系；使用软件、硬件和技术分析说明；开发时间进度表；宣传推广方案；维护方案；制作费用；本公司简介：成功作品，技术，人才说明等。,网站设计基础与实例教程,12,7.4 网站建设方案,3,“长春职业技术学院校园网站”在完成前期工作后，建设方案主要内容包括以下几点：（1）网站建设费用预算。（2）确定付款方式及开发人员。签定合同的同时先付预付金，网站设计完成并认可后，付清余款。合理安排项目开发人员。（3）制订开发时间表：开发周期*若干个工作日（4）网站维护及培训。网站维护：每年网站维护更新的标准及内容。培训：网站运行时的技术、美术、内容维护(免费服务)；根据网站规模免费培训几名网站维护和日常操作人员；网站扩展建设。通过与用户的多次协商后，为了保证项目的质量并顺利实施，通过合同的方式把所有细节以书面的方式定义下来，明确双方的责任与权利，为项目的开发、维护、管理提供法律等方面的保证。,网站设计基础与实例教程,13,7.5 网站主页设计,3,网站主页即首页，担负着网站“形象大使”的任务，从首页就可以窥探出网站的定位和服务对象，由于网站功能定位的不同，不同类型网站首页的表现形式也各有千秋，也就是说首页功能、表达形式、传递信息内容、设计风格、页面布局等要合理清晰。校园网站作为学校办公，师生交流，资源共享的网络平台，它的作用不仅要实现其网站的功能，还要实现友好的界面设计。,开发流程,网站设计基础与实例教程,14,7.5 网站主页设计,3,7.5.1 效果图设计,网站设计基础与实例教程,15,7.5 网站主页设计,3,7.5.1 效果图设计,1.设计要领 利用Fireworks CS3软件来完成图1-4所示页面效果图的设计主要把握下面3个要点。（1）色彩设计：本页面为“长春职业技术学院校园网站”的主页面，在页面设计上本页面采用了蓝色和白色搭配的方式，突出学术氛围，页面的Logo采用动画效果，突出网站充满活力。（2）图片设计：本页面以不同线条几小图案的配合展示栏目，具有清晰明了的效果。（3）布局设计：本页面采用了典型的页面布局模式，页面布局为上中下结构，分别为LOGO站标、导航、网站栏目等内容。,网站设计基础与实例教程,16,7.5 网站主页设计,3,7.5.1 效果图设计,2.技术要点1）在效果图的制作过程中，主要利用矢量工具箱中的工具进行图形的绘制、组合。2）利用变形工具，对所绘制的图形进行任意变形操作。3）利用颜料桶工具，对对象填充颜色。,网站设计基础与实例教程,17,7.5 网站主页设计,3,7.5.1 效果图设计,3.任务实施 对于网站来说，页面设计的吸引力是很重要的，在页面的制作上宽度多采用百分比模式，背景图是可以自由伸展的，因此重点是要做好效果图的内容区域，下面详细说明制作过程。(1)设置网页区域宽度为775*830px。(2)在顶部区域绘制Banner区域为775*150px。(3)在Banner区域下边绘制导航区域为775*35px。(4)在导航区域下面绘制一条分割区域为775*15px。(5)在分割区域下边绘制各个栏目内容所在的区域为775*630px。,网站设计基础与实例教程,18,7.5 网站主页设计,3,7.5.1 效果图设计,网站设计基础与实例教程,19,7.5 网站主页设计,3,7.5.1 效果图设计,网站设计基础与实例教程,20,7.5 网站主页设计,3,7.5.2 主页制作,主页开发流程图,网站设计基础与实例教程,21,7.5 网站主页设计,3,7.5.2 主页制作,1.设计要领从效果图中利用切片的方式提取网页制作中所需的文字或图片素材。切片如图,7.5.2.1用Fireworks完成效果图切片,网站设计基础与实例教程,22,7.5 网站主页设计,3,7.5.2 主页制作,2.技术要点 在Fireworks中设计好的效果图，要进行切片和优化，然后在XTHML中进行布局，这是网页设计与制作的一般流程，导出效果图的步骤一般由切片、优化、导出组成。一般背景由背景色与背景图片组成，在实际使用中一般包括三种情况。1、网页的背景仅有背景色，这样情况下背景不需要作切片，只要在XHTML进行整合时对body标签的背景色进行设置就可以。2、网页仅有背景图片，这样情况下要以图片的效果为出发点，当背景图较大的情况下，可以采取对于切片中的大图片分割成多个小图片的方法。如果背景图片有一定规律可寻的话，可通过CSS对小图片进行重复来完成背景图片的重组。3、当背景图包含背景色和背景图片时，背景色不用作切片，背景图切片的规律同第二种情况。注：切片的目的是获取图像素材，要合理进行选择。,7.5.2.1用Fireworks完成效果图切片,网站设计基础与实例教程,23,7.5 网站主页设计,3,7.5.2 主页制作,3.任务实施（1）选择“切片”工具，如图所示。按照上图中的切片规划，在背景中绘制出切片区域。,7.5.2.1用Fireworks完成效果图切片,网站设计基础与实例教程,24,7.5 网站主页设计,3,7.5.2 主页制作,（2）从“窗口”菜单中打开“优化”面板，如图所示。可以根据需要选择合适的图片格式进行优化。,7.5.2.1用Fireworks完成效果图切片,网站设计基础与实例教程,25,7.5 网站主页设计,3,7.5.2 主页制作,（3）选择菜单“文件”|“导出”，打开“导出”窗口，设置“文件名”及“导出”选项如图所示。单击“保存”按钮，完成背景图片的切片。,7.5.2.1用Fireworks完成效果图切片,网站设计基础与实例教程,26,7.5 网站主页设计,3,7.5.2 主页制作,1.设计要领 在Banner区域主要完成动画的制作，利用动态效果，增强网站的活力与吸引力。2.技术要点（1）各种Flash元件的创建。（2）Flash各种面板的使用。（3）常用动画效果的运用。,7.5.2.2用Flash完成动画设计,网站设计基础与实例教程,27,7.5 网站主页设计,3,7.5.2 主页制作,3.任务实施（1）创建影片文档 执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash文件（Action Script 3.0）】选项后，点击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为775*150象素，【背景色】为白色。,7.5.2.2用Flash完成动画设计,网站设计基础与实例教程,28,7.5 网站主页设计,3,7.5.2 主页制作,（2）设置背景图层动画效果将“图层1”重命名为“背景图层”。执行【文件】|【导入】|【导入到舞台】命令，将“模糊背景.jpg”导入到舞台中。用鼠标选中该图片，将属性面板中的宽和高设置成与舞台宽和高相同，即宽775像素，高150像素。调整图片位置让其边缘与舞台边缘重合。,7.5.2.2用Flash完成动画设计,网站设计基础与实例教程,29,7.5 网站主页设计,3,7.5.2 主页制作,选中该图片，按F8键，将该图片转换为图形元件并命名为“模糊背景”如图所示。,7.5.2.2用Flash完成动画设计,网站设计基础与实例教程,30,7.5 网站主页设计,3,7.5.2 主页制作,在该图层的第6、24帧处按F6键，加入关键帧，在该层的第90帧按F5键插入普通帧，然后选中第5帧，单击鼠标右键执行插入空白关键帧命名，让时间轴播放到该帧时没有内容。单击选中该层第6帧，设置“属性”面板的“动画”为“补间”，然后在单击第6帧中的图形元件，在属性面板中设置该元件的属性中的“颜色”的“Alpha”值为“0%”。,7.5.2.2用Flash完成动画设计,网站设计基础与实例教程,31,7.5 网站主页设计,3,7.5.2 主页制作,（3）设置遮罩动画效果 单击“背景图层”名称，然后单击插入图层按钮，插入一个图层，这个图层位于“背景图层”上方。将该层命名为“文字”。在该图层的第24帧处按F6键，加入关键帧，在该层的第150帧按F5键插入普通帧，然后选中该层第24帧，单击工具栏上的文本工具，然后在【属性】面板上设置【文本类型】为静态文本、【字体】为华文新魏、【字体大小】为40、【颜色】为黑色，最后在舞台上单击，输入“长春职业技术学院”四个字，在此行文字下方重新单击鼠标，输入“”将该文字的字体大小修改为20。,7.5.2.2用Flash完成动画设计,网站设计基础与实例教程,32,7.5 网站主页设计,3,7.5.2 主页制作,单击“文字”图层名称，然后单击插入图层按钮，插入一个图层，这个图层位于“文字”图层上方。将该层命名为“遮罩”图层。在该图层的第24帧处按F6键，加入关键帧，选择工具栏中的椭圆工具，在舞台上画一个实心圆，圆的宽、高均为80。选择椭圆将之转化为图形元件。然后在该层的第34、35、39、48、90帧处按F6键，加入关键帧。调整各帧位置以及大小关系。,7.5.2.2用Flash完成动画设计,网站设计基础与实例教程,33,7.5 网站主页设计,3,7.5.2 主页制作,在第90帧处将该圆形的宽设置为1076，高设置为200，然后将文字及图片覆盖住。分别选中该层的第24、35、39、48帧，将属性面板中的“动画”设置为“补间”。将该层设置为“遮罩层”。最终的时间轴如图所示。（5）动画完成后将该动画生成.swf格式的文件以便在网页中引用。,7.5.2.2用Flash完成动画设计,网站设计基础与实例教程,34,7.5 网站主页设计,3,7.5.2 主页制作,1.设计要领 已经将背景图以网页的形式整体导出，那么网页的布局就变得容易。2.技术要点 打开导出的网页，使用Table进行布局及文本的编排。,7.5.2.3 用Dreamweaver完成XHTML的页面整合,网站设计基础与实例教程,35,7.5 网站主页设计,3,7.5.2 主页制作,3.任务实施（1）建立站点：1）打开Dreamweaver软件，在菜单栏中选择“站点”中的“新建站点”，设置“站点名称”为“web”，本地根文件夹为“D:web”，然后单击“确定”按钮。,7.5.2.3 用Dreamweaver完成XHTML的页面整合,网站设计基础与实例教程,36,7.5 网站主页设计,3,7.5.2 主页制作,2）在“文件”面板中如图所示，对web站点通过右键点击index.html将该页设置为网站的主页，文件夹images存放图像，文件夹files存放子页，文件夹Scripts存放样式表。,7.5.2.3 用Dreamweaver完成XHTML的页面整合,网站设计基础与实例教程,37,7.5 网站主页设计,3,7.5.2 主页制作,（2）制作index.html页面 1）打开index.html页面，此时该页面内容由在Fireworks的切片构成，且各个切片以图片形式嵌在页面内。2）选择菜单中的“修改”|“页面属性”分别设置“外观”和“链接”的属性。分别如图所示。,7.5.2.3 用Dreamweaver完成XHTML的页面整合,网站设计基础与实例教程,38,7.5 网站主页设计,3,7.5.2 主页制作,3）除了导航图片仍以图片嵌入页面的形式不变外，将其他各个嵌入图片变为背景图片，这样才可以在背景图片上添加文字内容。变为背景的方法是先删除图片，然后在“属性”面板中的“背景”项中找到对应的切片路径即可。4）在最顶部的Logo区域选择“常用”面板如图1-37所示中的“媒体：flash”来插入制作好的动画。,7.5.2.3 用Dreamweaver完成XHTML的页面整合,网站设计基础与实例教程,39,7.5 网站主页设计,3,7.5.2 主页制作,5）选择“属性”面板的“矩形热点”工具，为导航的栏目制作连接，这里只需要制作“首页”和“学院概况”两个连接即可。首页连接的文件是“index.html”，“学院概况”连接的是子页，该页面位与“files”文件夹下，具体为“files/Gaikuang.html”。6）下面的每一个切片背景中均通过插入表格安排布局并录入文字内容。,7.5.2.3 用Dreamweaver完成XHTML的页面整合,网站设计基础与实例教程,40,7.6 网站子页设计,7.6.1 效果图设计,网站设计基础与实例教程,41,7.6 网站子页设计,7.6.2 页面制作,子页制作流程,关于子页的具体制作流程可以参见主页的制作过程,网站设计基础与实例教程,42,谢 谢,1、不是井里没有水，而是你挖的不够深。不是成功来得慢，而是你努力的不够多。2、孤单一人的时间使自己变得优秀，给来的人一个惊喜，也给自己一个好的交代。3、命运给你一个比别人低的起点是想告诉你，让你用你的一生去奋斗出一个绝地反击的故事，所以有什么理由不努力!4、心中没有过分的贪求，自然苦就少。口里不说多余的话，自然祸就少。腹内的食物能减少，自然病就少。思绪中没有过分欲，自然忧就少。大悲是无泪的，同样大悟无言。缘来尽量要惜，缘尽就放。人生本来就空，对人家笑笑，对自己笑笑，笑着看天下，看日出日落，花谢花开，岂不自在，哪里来的尘埃!25、你不能拼爹的时候，你就只能去拼命！26、如果人生的旅程上没有障碍，人还有什么可做的呢。27、我们无法选择自己的出身，可是我们的未来是自己去改变的。励志名言：比别人多一点执着，你就会创造奇迹28、伟人之所以伟大，是因为他与别人共处逆境时，别人失去了信心，他却下决心实现自己的目标。29、人生就像一道漫长的阶梯，任何人也无法逆向而行，只能在急促而繁忙的进程中，偶尔转过头来，回望自己留下的蹒跚脚印。30、时间，带不走真正的朋友；岁月，留不住虚幻的拥有。时光转换，体会到缘分善变；平淡无语，感受了人情冷暖。有心的人，不管你在与不在，都会惦念；无心的情，无论你好与不好，只是漠然。走过一段路，总能有一次领悟；经历一些事，才能看清一些人。31、我们无法选择自己的出身，可是我们的未来是自己去改变的。32、命好不如习惯好。养成好习惯，一辈子受用不尽。33、比别人多一点执着，你就会创造奇迹。50、想像力比知识更重要。不是无知，而是对无知的无知，才是知的死亡。51、对于最有能力的领航人风浪总是格外的汹涌。52、思想如钻子，必须集中在一点钻下去才有力量。53、年少时，梦想在心中激扬迸进，势不可挡，只是我们还没学会去战斗。经过一番努力，我们终于学会了战斗，却已没有了拼搏的勇气。因此，我们转向自身，攻击自己，成为自己最大的敌人。54、最伟大的思想和行动往往需要最微不足道的开始。55、不积小流无以成江海，不积跬步无以至千里。56、远大抱负始于高中，辉煌人生起于今日。57、理想的路总是为有信心的人预备着。58、抱最大的希望，为最大的努力，做最坏的打算。59、世上除了生死，都是小事。从今天开始，每天微笑吧。60、一勤天下无难事，一懒天下皆难事。61、在清醒中孤独，总好过于在喧嚣人群中寂寞。62、心里的感觉总会是这样，你越期待的会越行越远，你越在乎的对你的伤害越大。63、彩虹风雨后，成功细节中。64、有些事你是绕不过去的，你现在逃避，你以后就会话十倍的精力去面对。65、只要有信心，就能在信念中行走。66、每天告诉自己一次，我真的很不错。67、心中有理想 再累也快乐68、发光并非太阳的专利，你也可以发光。69、任何山都可以移动，只要把沙土一卡车一卡车运走即可。70、当你的希望一个个落空，你也要坚定，要沉着！71、生命太过短暂，今天放弃了明天不一定能得到。72、只要路是对的，就不怕路远。73、如果一个人爱你、特别在乎你，有一个表现是他还是有点怕你。74、先知三日，富贵十年。付诸行动，你就会得到力量。75、爱的力量大到可以使人忘记一切，却又小到连一粒嫉妒的沙石也不能容纳。1、这世上，没有谁活得比谁容易，只是有人在呼天抢地，有人在默默努力。2、当热诚变成习惯，恐惧和忧虑即无处容身。缺乏热诚的人也没有明确的目标。热诚使想象的轮子转动。一个人缺乏热诚就象汽车没有汽油。善于安排玩乐和工作，两者保持热诚，就是最快乐的人。热诚使平凡的话题变得生动。3、起点低怕什么，大不了加倍努力。人生就像一场马拉松比赛，拼的不是起点，而是坚持的耐力和成长的速度。只要努力不止，进步也会不止。4、如果你不相信努力和时光，那么时光第一个就会辜负你。不要去否定你的过去，也不要用你的过去牵扯你的未来。不是因为有希望才去努力，而是努力了，才能看到希望。5、人生每天都要笑，生活的下一秒发生什么，我们谁也不知道。所以，放下心里的纠结，放下脑中的烦恼，放下生活的不愉快，活在当下。人生喜怒哀乐，百般形态，不如在心里全部淡然处之，轻轻一笑，让心更自在，生命更恒久。积极者相信只有推动自己才能推动世界，只要推动自己就能推动世界。6、人性本善，纯如清溪流水凝露莹烁。欲望与情绪如风沙袭扰，把原本如天空旷蔚蓝的心蒙蔽。但我知道，每个人的心灵深处，不管乌云密布还是阴淤苍茫，但依然有一道彩虹，亮丽于心中某处。7、每个人的心里，都藏着一个了不起的自己，只要你不颓废，不消极，一直悄悄酝酿着乐观，培养着豁达，坚持着善良，只要在路上，就没有到达不了的远方！8、不要活在别人眼中，更不要活在别人嘴中。世界不会因为你的抱怨不满而为你改变，你能做到的只有改变你自己！9、欲戴王冠，必承其重。哪有什么好命天赐，不都是一路披荆斩棘才换来的。10、放手如拔牙。牙被拔掉的那一刻，你会觉得解脱。但舌头总会不由自主地往那个空空的牙洞里舔，一天数次。不痛了不代表你能完全无视，留下的那个空缺永远都在，偶尔甚至会异常挂念。适应是需要时间的，但牙总是要拔，因为太痛，所以终归还是要放手，随它去。11、这个世界其实很公平，你想要比别人强，你就必须去做别人不想做的事，你想要过更好的生活，你就必须去承受更多的困难，承受别人不能承受的压力。12、逆境给人宝贵的磨炼机会。只有经得起环境考验的人，才能算是真正的强者。自古以来的伟人，大多是抱着不屈不挠的精神，从逆境中挣扎奋斗过来的。13、不同的人生，有不同的幸福。去发现你所拥有幸运，少抱怨上苍的不公，把握属于自己的幸福。你，我，我们大家都可以经历幸福的人生。14、给自己一份坚强，擦干眼泪；给自己一份自信，不卑不亢；给自己一份洒脱，悠然前行。轻轻品，静静藏。为了看阳光，我来到这世上；为了与阳光同行，我笑对忧伤。15、总不能流血就喊痛，怕黑就开灯，想念就联系，疲惫就放空，被孤立就讨好，脆弱就想家，不要被现在而蒙蔽双眼，终究是要长大，最漆黑的那段路终要自己走完。21、每个人都有潜在的能量，只是很容易：被习惯所掩盖，被时间所迷离，被惰性所消磨。22、不论你在什么时候开始，重要的是开始之后就不要轻言放弃。23、恨别人，痛苦的却是自己。24、每天醒来，敲醒自己的不是钟声，而是梦想。25、你不能拼爹的时候，你就只能去拼命！26、如果人生的旅程上没有障碍，人还有什么可做的呢。27、我们无法选择自己的出身，可是我们的未来是自己去改变的。励志名言：比别人多一点执着，你就会创造奇迹28、伟人之所以伟大，是因为他与别人共处逆境时，别人失去了信心，他却下决心实现自己的目标。29、人生就像一道漫长的阶梯，任何人也无法逆向而行，只能在急促而繁忙的进程中，偶尔转过头来，回望自己留下的蹒跚脚印。30、时间，带不走真正的朋友；岁月，留不住虚幻的拥有。时光转换，体会到缘分善变；平淡无语，感受了人情冷暖。有心的人，不管你在与不在，都会惦念；无心的情，无论你好与不好，只是漠然。走过一段路，总能有一次领悟；经历一些事，才能看清一些人。31、我们无法选择自己的出身，可是我们的未来是自己去改变的。32、命好不如习惯好。养成好习惯，一辈子受用不尽。33、比别人多一点执着，你就会创造奇迹。,