一、网站整体规划，要做网页的第一步便是做网站的整体规划这主要包括四个方面的内容。
1.讨论网站的主题。
网站整体规划是做网页的第一步也是制作网页最关键的一步它决定了你要表答的信息，因此我选择了我选择我最喜爱的服饰来为它做网页。在平时我也对服装的网页比较关心，无论是淘宝网上的衣店还是各种品牌装。这次我是为“易菲”服饰做的网页。
2.定位网站的ci形象。“易菲”植根中国文化之精髓，汲取自然禀赋之灵性，形成一个既有浓厚文化底蕴，又有现代自然人文气息的特色品牌。“易”即是容，是包容，是宽容，是五千年中华民族的文化精髓，是厚德载物，是对人性宽度的一种拓展。“菲”通非，是生机、是个性、是春意盎然、是自强不息，是对人性深度的一种挖掘。“生活如花，自在快乐”是yifini易菲的设计理念，倡导一种与自然和谐相处，如花儿绽放般美好舒适、自在快乐的生活方式。这也便是我网站的ci形象。
3.确定栏目和板块。
2.网站的整体风格和创意。
整个网站的创意就在于颜色的搭配，与各种图片的搭配，它们相互辉映，相互衬托。以便达到表现其品牌的和谐之美、自然之美。我踩用淡蓝色和绿色为我网站的主打色主要是因为我的产品特性。在设计上，yieini易菲推崇“自然美”，将带表女性气质的花卉和自然元素融入设计之中，充分体现设计师和顾客所追求的一种洒脱、舒适的生活氛围，力求表现悠闲、舒畅、自然的生活情趣。因此我用天空与自然的颜色来表达这张自然之美、和谐之美。
二、网页制作的前期策划与准备，在本阶级主要有两方面的工作。
1.资料的搜集。
2.熟悉制作软件。
做网页主要用的工具便是dremweaver、photoshop、flash软件。在这些软件我对dremweaver、photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常的运用，但是出现的问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。
三、网页制作，这便进入我该次的主题了具体制作流程如下。
1.构建站点框架。
在我打开dremweaver后第一步便是新建站点，我把我的站点建立在f仪下面。并将我搜集的全部资料都保存在其文件夹中，以便网页制作时可以方便的使用。
2.设计主页及二级页面。
在主页我设首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，美容美体，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，色彩呼应，搭配协调，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。而且制作过程中，不忘以下原则：
简洁实用:这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美的要求:布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。
交互式强:发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。每个子页都设有上导航栏，便于浏览和跳转。3个二级网页制作时，使用的是表格，每一个页面都用表格为它布局好，然后在插入图片文字及其他，这样有一定的规划性，体现了连贯统一性，不同的内容根据各自的特色建立了不同的表格，突出各自的主题，增强了对比性。在做这些网页的时候我就进行了如上所述的方法。但我所以网页的背景颜色及主题颜色都是相同的以便突出我每一个网页都是为凸显我主题而服务。
3.实现网页间的链接。
我的链接按钮主要有四个“时尚首页、时尚衣秀、推荐产品、潮流信息”它分别链接到我所做的四个网页。链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
4.向静太网页插入动态效果。
在这一阶段我遇到了许多的问题，主要是我在主页插入我的flash的时候，开是我将带码粘贴到我的网页上可是在浏览网页的时候flash却不能够显示。最后我向老师的请教后终于在老师的帮助下我成功的在我的主页插入了flash。而在其它的二级网页我主页插入的是一些gif格式的动态图片。
四、网页的调试
在做完网站才发现，怎么所有的图片素材并不是在一个文件夹中，而有许多的子文件夹，从网上下载的网页全都是一个网页对应一个文件夹。制作过程中，才发现，原来自己懂的太少了，好多不知道的地方，才赶紧查书，开始的时候只是会建立模版，可不会应用。而对于动态flash的插入我更是问题多多，开始是我对代码基本上是不懂，这就是自己学校上的问题，当真正开始运用的时候在向老师提问。
这只是在制作过程中出现一些问题，其它问题也是类似相同。现在想想，自己所会的东西太少了，现在做的网站只是一些简单的静态的网站，看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。从我做的网页来看可以反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。同时我也希望能够有更多的类似动手练习，让我们在实践之中来学习知识。因为我觉得实践不仅能够提高我们的学习兴趣它更能够提高我们的动手能力增强我们的技术性。
中南大学
本科生课程设计(实践)设计报告
(大学计算机基础)
题目
学生姓名
指导教师
学院
专业班级
学生学号孙燕姿刘辉李小兰资源与安全工程学院城市地下空间工程0701020207011
3计算机基础教学实验中心
2008年1月21日
《大学计算机基础》计算机实践任务书
一、计算机实践的任务、性质与目的计算机实践是在学完《大学计算机基础》课程后，进行的一项综合实践。在实践当中学生应综合《大学计算机基础》课程的思想方法和知识点，设置一个网站，并在网站上发布一个综合内容的网页。通过《计算机实践》更进一步深入了解和掌握各种应用软件的使用操作及综合应用，重点在培养学生自学计算机应用软件、开发应用、动手和创新能力。
二、计算机实践的配套教材
建议选用：
1．《大学计算机基础》，高等教育出版社，主编蒋外文刘卫国；
2．《大学计算机基础学习与实验指导》，高等教育出版社，主编施荣华王小玲。
三、计算机实践的内容及要求
1．学习掌握html语言和网页制作软件frontpage2003，制作网页；
2．学习掌握中文演示软件powerpoint2003的操作及使用，并用此软件设计一份综合演示报告（如：某公司的产品介绍；我校各专业介绍；学生简历等）挂在网页上；
3．对于网页和幻灯片的页面修饰要求用自己制作的动画、图形、图像；
6．学习网站的设置和网页的发布，分门别类地放置在相应的文件夹中，规范网页文件名和素材文件名，网站的首页应取名为index。
作品存放在一个文件夹中，以学号（学生卡上的学号）为文件夹名。
7．用word字处理软件撰写出相应的计算机实践报告论文（字数要求：2000字左右）。
四、考核方式与评分办法
1.出勤考核成绩占总成绩的20%；
2.设计成果评价占总成绩的60%；
3.计算机实践报告评价占总成绩的20%。
4.成绩册成绩评定方式采用百分制。
计算机基础教学实验中心
2006年11月4日
孙燕姿
一、任务内容
所有内容都是围绕孙燕姿展开,有关于孙燕姿的家庭，爱情，朋友，个人喜好，以及她出道7年来的专辑和获奖情况。
二、设计的步骤
我的所有材料都设置在以我的学号和姓名为名的主文件夹下,以一个以index为名的文件做为主目录，下面又分别设了七个子目录，分别将我使用和制作的内容分为了七类：，flash,powerpoint,word,声音文件，文字及图片。
三、采取的方法与手段
1)在插入背景音乐时，本来是不可以插入mp3格式的音乐，但是通过研究我直接将音乐的扩展名添加到路径中，这样frontpage就可以识别我所插入音乐的路径，使得观看网页的同时也可以欣赏到孙燕姿动听的音乐《我要的幸福》。
2)对网页进行整体布局时，我先插入表格，然后调整其大小，在制作网页的过程中，发现图片及文字的位置总是在单元格的中间，并不如意，我就通过多次的拆分单元格以使界面上的文字和图象以及背
景图片完美的结合在一起。为了在布局上符合孙燕姿的独特风韵，我在使用背景或者字幕的颜色时，都是使用了孙燕姿最喜欢的黄色。
3)在制作网页中，我大量使用了web组件，特别是在各个网页之间进
行链接时我采用了交互式按钮，从而使得各个网页之间能够连接自然，同时还设置了悬停效果，使得网页更加好看。
4)由于没有学会制作动态网页，但是为了达到动态的效果，我特意设
定了一个专用于展示flash的动画网页（姿之画），在这个网页上我一共放置了四个flash，让他们同时播放，给人一种不一样的感觉。
5)我的整个ppt是一总分式的思路，第一页就象一张封面，第二页是
对所有内容的总领，列出了下面所有幻灯片的主要内容，并且设置了和相应的幻灯片的链接，从而使所有的幻灯片形成一个有机的整体，这就是我的ppt大致框架。
6)制作ppt时，我引入了大量的图片，包括背景图片，主要以图文并
茂的形式介绍了孙燕姿的个性、爱心、家庭、男友，同时合理的搭配ppt中的各种各样的动画效果，让孙燕姿自然的走入观看者的心中。
7)我发现ppt中文本的布局相当单调，因此我很少按它的布局进行编
辑，而是在它的基础上添加文本，来是使我的布局更加的多样化，设计也更加灵活，自如。
8)另外，我在ppt也设置了和主页的超链接，同时也穿插一些动作设
置，加强各个幻灯片之间的联系。
10)另外，在使用遮罩层的时候，我通过改变一个普通图层的属性使得
在一个遮罩层下面有两个被遮罩层，大大加强了图层的灵活性。
11)出于对千千静听歌词秀上的滚动效果的兴趣，我用flash模仿了这
种文字滚动，并在歌唱的部分高亮显示，尽量使其与歌词同步。
12)最后制作了一个让孙燕姿的照片滚动框，这种效果虽然简单却很好
看，我直接把flash的背景调到很小然后让所有要滚动的图片排列在一起，从背景那一小块上滚过，滚过的时候由于背景小就只能看到一到两张图片，这样就形成了图片滚动效果，这个flash占据空间狭小，却很好的增加了网页的色彩。
四、遇到的问题与解决的办法。
2)在设置背景图片时，会发现图片太小的话，背景就变成多张重复的图片拼凑在一起，很不美观，所以我使用图片编辑器对背景大小做了调整，使得背景和网页内容可以很好的融在一起。另外我还利用图片剪辑得到了孙燕姿的个人签名（一般找不到她直接签名的图片，所以我就从有她的签名的照片上剪辑出来），使用孙燕姿的真实签名比使用艺术字更具有真实感和美感。
3)虽然在制作设计ppt时可以选择大量的效果，但有的时候还是觉得
它所提供的效果不太理想，所以常常不断的更改效果寻找我所需要的效果，后来才发现，ppt中所提供的效果是可以自己编辑的，在自定义动画的界面上，可以改变动作的方向，顺序，动作的背景音乐以及动作次数等等属性。
4)在制作flash最先遇到的问题是当我使用多个层的时候往往前一个
层的内容会影响下一个层的设计，使得多次实验都不得成功，通过询问同学学会了锁定层和隐藏层，这样一来，多个图层的操作变得
格外地得心应手。
5)在制作‘照片滚动框’的动画时，遇到了一个相当棘手的问题，这
个问题看似很简单如果不知道，就无从下手，因为要造成图片滚动，所以需要很多图片排成一条竖线，位置又要对齐，因此在移动图片时，如果一张一张的移，工作量非常之大，我想一次把他们都选中整体移动，但是图片的长度却大大超出了窗口的大小，我尝试着使用shift键，结果可以成功地同时选中，但是即使这样还是不能一次选中，也很费事，直到最后我试了一下ctrl+a，就一下子选中所有照片，快多了，移动也十分方便。
6)刚开始我构思了一个遮罩层运动的动画，我设计的遮罩层是一个透
五、总结
首先，我发现我的一个错误，我总以为上了机再摸索就都自然
会了，实际在这次设计过程，理论的研究对我的设计达到了点石成金的效果，所以我认为在做实验之前先要对所使用的程序有一定了解再开始，否则很盲目，自信心也很受到很大的打击。其次，我觉得我们学的程序很多，但都仅仅只会使用它们很简
单的一部分功能，没有做深入的了解。
最后，我认为做计算机方面的作业，最最重要的是坚持不懈不
放弃，因为我们在完成某一项任务时，往往要经历多次失败才能找到捷径，由于没找到捷径，做起来特别吃力，但却只有尝试了之后才能找到捷径，所以越是麻烦越是不能放弃，否则就永远找不到捷径，就会更加的麻烦。
另外，感觉做计算机作业特别有成就感。
思科信息学院
专业实习报告
专业：班级：姓名：
关于网页设计与编辑的实习报告
一、实习目的(一)检验自己是不是真的适合这个职业
鉴于自己对未来的职业生涯的规划更倾向于设计，这和自己所学的专业不是
十分有联系，所以我希望在实习的过程里思考自己未来是否适合从事这方面的工作，为以后求职之路少走弯路做一定的尝试。
(二)在实践中查漏补缺
在学校学习的网站建设知识仅仅停留在平时的作业里，并没有得到充分的运
用。希望可以藉由这次实习，好好巩固书面知识。在实际运用中通过发现问题，解决问题对知识进行查漏补缺。
(三)在工作中打磨自己
由于学校和社会是截然不同的生活、学习、工作氛围，在工作中我们不可以
像在学校一样随心所欲，待人接物方面需要更有礼貌的沟通和恰当好处的圆滑。希望在实习里，和同事上司的相处中获得这方面的成长。
二、实习内容
(一)实习主要内容
广州xxxx有限公司是一个研发和销售智能寄存柜的公司。它的产品在展示和
销售这两个环节很需宣传册、企业网站等作为一个推广媒介。我实习的主要内容就是配合网络部去完成网站建设的工作，涉及前台的外观设计和后台的代码编写，以及宣传册的设计。
1、负责设计公司整个企业网站的页面部分,根据网页设计师或客户所提供的主题要求和思路框架来设计出整个网站。
1）使用photoshop、ai等图片处理软件设计、处理和制作网站上需要的图片
2）使用span+css样式及基础的html语言做页面布局的排版
3）使用photoshop对网页进行配色及排版设计
4）编写css代码使网站页面无论是在ie浏览器里还是在ff浏览器上正常显示
2、负责网站的几个主体模块的文案撰写和后台编辑
1）在已有的文案上配合网站架构进行提炼和归纳整理
2）使用photoshop对文案进行概念配图
3）在后台将文案部分合理配色排版
4）按照网站架构在后台录入所有产品资料
(二)工作过程
在公司的2个多月里，我的工作都是由负责整个网站文案架构的曹经理分配
监督的。确认实习机会前的面试的时候也是由他负责的。面试的时候他并没有过多的考察我在网站制作上的技术问题。更多的从我对网站设计方面的配色排版的现有审美以及做事的认真细致程度去考察的。从一开始我就以踏实认真的态度对待每一项他交付给我的任务。下面我挑选一些让我收获很多，学习很多，影响我很多，让我回想起来都是历历在目的事情重点说一下。
1、经理让我按照网页设计师提供的jpg稿变成span和css。
2）因为经理没想要让实习生负责过于复杂的事情，在这部分工作中设计的span和css的内容并没有很复杂，需要的就是要注重细节。但实际上自己做事远没有自已一开始想象的那么能够静下心地考虑大局。只要想到一个觉得挺好的排版我就一下子全部套用了，以至于最后通过多次检查，发现这个排版有瑕疵的时候又要重头再来。这些经历都让我体会到比起表面的工作速度，有前面深思熟虑的慢节奏才能造就最终的高效率。所以一开始在用css排版的时候其实应该多做几个版本仔细做对比，看清楚哪个更合适才确定的。
2、经理让我设计几个栏目对应的banner图片
从整体了解主题：自己找了多个类似的企业网站作参考，通过总结企业网站
中，几个主要的栏目在网站上具体意义，体会这对应的几个栏目banner的设计意义。
思考配色与构图：对整个内容有了一了解后，便要思考作品的色彩和具体的构图，先用笔画出草图，有时候也会直接在脑海里构思。除了从公司的角度，围绕要传达的东西去设计，我也充分意识到要转换身份从用户的角度出发，怎样才可以更吸引人。总体来说就是除了审美上的设计，也考虑很多目的性。
查找素材：素材这个问题我总结了一种思路，电脑里下载一些专业的“科技
信息”图库。另外配合专业在线图库网站(通常是国外站点)+google，百度图片等搜索引擎进行即使的素材查找。再加上自己平时积累的素材，选择是非常大的。最后就是不断地观察对比最终效果，看哪几张banner图片更适合整体网站。
2）最终banner图片并没有全都采用我设计的，有一些还是因为不够大气被撤下来了。一开始我还挺灰心，觉得自己的付出没有得到认可。但是我知道当初经理就是感觉可以给我试一下，才给我这个机会去让我发挥一下的，所以我好好学习了别人的图片，看自己的和别人的差别在哪里，不浪费这次尝试性地努力。
3、经理让我参考旧网站单独做一个公司简介的页面
1）我知道经理的意思是重新排版成符合网站的配色。这样对我来说其实很简单。但是我从旧网站了解到公司简介那篇文案比较累赘，如果想要浏览网站的用户肯停留在这个页面多几秒，或者因为这个公司简介的页面而更信任这个公司的产品，更有冲动订个公司的寄存柜就要在文案的内容上下功夫，就要在表现上更生动，让人看着不会觉得文字流水账，很烦躁。
于是在经理没有给我严格期限的时候，我选择了按照自己的思路去修改文案，把多余的文字删掉，根据公司的优势修改出精简的几点，变得更有条理更有重点。
这只是对文案的初步处理，接着根据几个要点用photoshop处理几张概念配
三、实习体会
做了2个月的网页设计和编辑的实习生，终于体会到网页设计并非只是图文混排的那点事。当你真正的去努力的创造了之后，经常被别人一眼就否定了。这才真正明白一个好的网页不只是效果华丽还要多从用户的角度去考虑问题。通过实习，我不仅将自己在学校学过的东西通过实践进步一巩固，也通过向公司的人请教学到很多工作上的技巧，更通过实习体会到很多没有人会教授给你的东西。工作是人生活的重要部分，是我们毕业生必须面对的。就算是遇到困难，我也会用平常的心态实际看待问题，不说“不可能”，而是冷静下来思考如何处理并付诸于实践。
在实习的日子，我学习到了很多如果没有这次经历，就不会有的细腻体会。
(一)深刻感受到什么是真正的细心
(二)主动思考的重要性
从学校走向社会，首要面临的问题便是角色转换的问题。从一个学生转化为一个单位人，一个单位人工作要考虑的问题就是如何发挥自己最大的价值为单位创造效益。做事要主动一点，这不是指一直主动问上司有什么事做，而是在别人交付你任务的时候自己主动想一下怎么做才更好，而不是把自己当一个机器人一样。就像做公司简介页面的时候，我把自己做得效果给经理看的时候，经理说“你真的很用心，很负责”，“你做的公司简介那个页面，让我感触很深”。
(三)、沟通的度要把握好
工作过程中有许多时候需要和经理进行沟通，但是我在沟通的度上没有把握
好。好像仗着自己是只做几个月的实习生，有些提建议的话没有用比较适合和委婉的语气表达。虽然经理没有明说，但是我自己意识到了。有些时候工作交接的时候，自己并没有很清楚细节，但是问太多又怕打扰到经理的工作，导致最终工作也没进行好。所以这个沟通的度要把握好。该问该说的都要说出来，只要是会影响到工作质量的都要礼貌地说出来。这样才是真正地为公司好。
心得体会之网页设计
网页设计报告
通过老师的讲解和对课本的翻阅，我学习到了一些关于建设网站和制作网页的知识，对网页制作的基础知识也有了一定的掌握。通过dreamweaver制作网页，我用到了一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等。但是在自己尝试着做的时候，总是出现这里那里的问题。不是图片不能固定在自己想要的位置，就是滚动文本的显示区域不知道为什么撑过了页面，还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。而且在css方面，我总是不太熟悉各种代码是控制哪些东西的。除了查找解决问题我还总结了经验。例如：
1、命名站点或者文件夹的的时候一定要注意，最好用相应的英语或者汉语拼音，要见名知意，如图片文件夹用image或者tu，这样可以避免页面调用时不正确的现象发生。
2、调用style时可以单击鼠标右键选择custonstyle来调用style标准，也可以在状态栏中的元素列表上单击右键来调用style。虽然不同的方法达到的效果看似一样，但实际上产生的html代码则完全不同。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，它是flash、photoshop等网页软件的综合应用。例如flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，可以很直观的反映出效果。