《文文工作室网站设计说明书》

姓名：陈家文 学号：20xx36627204 班级：电商092

一、 网站规划

本工作室主要用来做个人网站，主题是介绍自我，让更多的朋友认识我，面向我的同学和朋友以及想结交我的朋友。

二、网站总体设计

本工作室只要包括我的主页、我的简介、我的日记、我的相册、网站建议等五个板块。通过我的主页可以进入其他四个板块，其他四个板块也可以通过超链接回到我的主页去。

三、网站设计与制作（包括网页设计、图形设计、动画设计中的主要技术、方法和设计效果）

本网站的布局大多是运用CSS进行布局的，这也是老师一直强调我们的。为了增加视觉效果，个别网页还特别添加了flash效果（我的相册），还用到了视频和音乐等素材（如我的主页）。个别网页添加了表格，这样显得网页更齐整。对于美化这部分，我还特别用Photoshop对一部分图片进行了处理，让图片和网页更好地搭配。在个别网页添加表单，可以让浏览者和网站更好地互动，交流信息。

四、学习体会

不知不觉，我已经学习《网页设计与制作》这门课程一个学期了，虽然时间有点短，但这一个学期以后我却受益匪浅，不仅让我全面的、系统的学会了页设计与制作的基础知识，还让我学会了自己动手去制作属于自己的网页，这对于我来说是很值得高兴的，能让我在以后的工作生活中更好的展现自己。

建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。 首先，我们要确立网站主题。网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于像我这样的个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

…… …… 余下全文

通过这次网站的制作,我对网站有了更深层次得到了解,也有了 更浓厚的兴趣。尤其是对网站制作的过程与一些技巧手法更有了另外 一番了解,对网站制作的基础知识也有了进一步的掌握。这个学期我 们的网页设计课,与以前的课相比更加注重个人的创意能力和软件的 运用实战能力,更加综合的考验了我,使我更加完善自我。现将我的 工作情况汇报如下: 根据专业教学计划安排此项工作过程式的项目课程。在本专业课 程理论教学、实训教学的基础上,将课堂教学与社会实践相结合,通 过行业生产实践的形式,进一步了解、认识网页艺术设计工作在实际 生活中广泛应用的表现渠道和表现方法,提高认知水平,缩短工作磨 合期。根据项目课题要求,结合本专业所学网页设计理论知识、二维 动画知识技能,通过对网络广告等方面的调研和项实践形成文字文 件(工作过程报告),并以自命题目设计完成多媒体网页设计制作。

两项内容要求准确、完整,工作过程报告内容既要客观实际又要有认 识深度,设计作品新颖有创意。

我首先的工作就是制作网站整体框架和收集资料,将其通过 Photoshop 完善图片,然后导入Dreamweaver 进行排版,并进一步的 加以制作,完善美化,如加入 Flash,因为网页是用表格进行排版的, 所以在最后一步的时候,我还需要进行浏览器测试。因为表格排版方 式有很多缺点:如页面混乱,图片、文字之间的距离过大或过小,页 面不美观等等。由于我在某些方面的技术运用还不能得心应手,许多 情况下不得不求助于他人,幸好有老师和同学的无私帮助,我才能完 成这次任务。

我经过初步的构思,我因为要做的是商业网页设计,所以要有一 个品牌,我在网上自己找到一些图片和文?1?7?1?7,做一个简单的网站初步 积累,考虑到主要是锻炼我们相关软件的操作能力与代码初步掌握的 熟练成度,由于我们这段时间没有进行网站相关的课程,刚着手时, 很多技术上的问题就暴露出来了,看来真是要"学而时习之"啊!制 作网页是需要耐心的,如果你没有耐心,你学不好网页设计,这是我 最大的体会。因为当你碰到一个问题时,如果不能立刻得到问题的答 案,你可能需要长时间去解决,我就碰到过一个问题,用了很长时间 才解决,这还要多亏了老师的悉心指导,同学们的无私帮助。学习网 页设计需要坚持,坚持不断的学习,因为设计网页的软件在不断的更 新,你只有不断的学习才不会掉入技术的陷阱,你的网页设计技术一 流,你对软件的掌握程度已经达到一定水平,但是你设计的网页确不 堪目睹,这是因为网页设计是是介于平面设计和编程技术两?1?7?1?7?1?7之间的 "边缘科学."不仅涉及到美学,心理学,平面构成,色彩搭配等平面设 计的方面的知识,还涉及到HTML、css、php 等编程语言技术方面的知 识.只有综合运用多种知识,才能设计出视听特效,动感十足,富于个 性的页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间 的超强功能.注重实用,我认为网页设计应该注重实用性,因为它是 让人浏览的,是用户可以抚摸,可以评论,可以交互的。

…… …… 余下全文

转瞬之间，半个学期又接近尾声，在李导师的精心辅导下，度过了这个富有生机，富有朝气的学期。学到了很多做梦也不会遇到的如此奇特的有趣知识，对于我来讲是一个很好的锻炼和充实的机会。

俗话说的好“书山有路勤为径，学海无涯苦作舟”。在这一绝世佳句的鼓动下，我把握了工作之余的一切可利用的剩余时间，全心全意投入到网页世界，去不断的学习，去不断的收索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！

在学习网页制作的过程中，我深深体会到一点“有付出，就终有回报”，你的付出与你的回报终究是成正比的。经过了多少漫漫长路，经过了多少忘我的投入，经过了多少波折，我的网页与众人见面了。当我第一眼在网络下一览我的个人主页，我是多么的激动，多么的兴奋，就像多年未见的老同学，一种讲不出道不明的感觉。

我在制作主页中的心得体会:

做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

1.标题

在个人主页中标题起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、简短，有特色、容易记，还要符合自己主页的主题和风格，决不要取一个名不符实的"好名字"，别人第一次上了当，下次再也不会光顾了。

2.内容的采集

选好标题后，开始采集内容，内容必须与标题相符，在采集内容的过程中，应注重特色，所谓特色应该是有一些自己的东西。个人主页中的特色，应该突出自己的个性，把自己的兴趣、爱好尽情地发挥出来，因为在网络上不受限制。主页就是在网络上的一个小小家园，在那里，可以放上自己喜欢的任何东西，包括你自己平时喜欢一些文章，一些好听的歌，一些好的动画作品。把这些内容按类别进行分类，设置栏目，让人一目了然，在栏目上不要设置太多，最好不要超过十个，层次上最好少于五层。

3.图片

…… …… 余下全文

程序设计实训报告

专业班级 网  络  D102  

学    号 201027020204  

姓    名 芒力克.喀斯木 

实 验 室  3，4号机房   

       

2012 年 12月  15-24日

 

 

总体说明

1、实训目的和基本要求：

《基与.NET的Web程序设计》是实践性很强的课程，本课程不仅要求学生掌握一定的理论知识，还要要求学生具有一定的动手能力。本次实训的主要任务是让学生学会Web程序设计，包括客户端的动态网页设计、服务器端处理程序的设计与部署、数据库操纵以及集成开发环境的使用方法等。学习中，学生必须通过不断结合理论知识和上机练习才能理解其中的重点与难点问题，才能更好地掌握这门比较抽象的程序设计语言。因此，在本学期，特设置两周课程设计，集中一段时间使学生运用已掌握的C#程序设计的知识而进行综合练习，全面巩固学生的知识，培养学生解决实际问题的能力，从而达到学以致用的目的。

基本要求:

1、老师认真组织，充分调动学生的积极性与主动性，在规定的时间内按计划有步骤地完成课程设计的各项内容，达到预定的教学目的。

2、实验室需要提供方便，全力配合。

3、学生必须认真学习教科书，查阅参考资料，在教师的指导下按要求完成实习任务；学生每天按上课时间进行实习，不迟到、不早退、不准中途溜出，学习委员负责考勤登记，并及时将考勤情况报指导老师；学生在实习过程中应勤于思考，刻苦钻研，把理论与实践结合起来，提高对理论知识的理解，增强动手能力。

2、课时分配：（两周共60课时）

…… …… 余下全文

网页制作心得体会

在制作一套网页之前，首先必须先定位网页的方向，及确定所制作网站的标题。标题在个人主页中起了很重要的作用，他很大部分的决定了你整套个人主页的定位是否正确，一个好的名字必须有概括性的、简短的、有特色的、容易记得还要符合自己主页的主题和风格，决不要取什么名实不符或则夸大夸大其词的“好名字”，别人第一次上你的当下次恐怕再也不会光顾了。

选好标题后，开始采集内容，内容必须紧随着标题，在采集内容过程中，很重要的一个“特”色，所谓特色应该是有一些自己的东西，不能跟平常中所看到的企事业单位的网页相比，个人主页中的特色，应该突出自己独特的个性，把自己的兴趣、爱好尽情的发挥，因为在网络上不受限制，没有人在你的创作内容上指手划脚，品头论足、你的主页就是你在网络上的一个小小家园，在那里你可以放上你自 己喜欢的任何东西（当然不是违法的内容、不涉及到版权的），包括你自己平时写的一些文章，一些好听的歌，一段幽默的文章，收集一些好的作品，把这些内容按类别进行分类设置栏目，让人一目了然，在栏目上不要设置太多，最好不要超过十个，层次上最好少于五层，而你的拳头栏目最好能直接从首页到达，保证主页用各 种浏览器的都能看到最好的效果。

做个人主页我觉得不能光光用文字，必须在主页上适当的加一些图片，增加可看性，俗语有一句话“一图甚千言”我想不无道理，一张好处理看的图片不须要你多做任何解释，就能让人流连忘怀，浮想联翩，总能让人去思考，情不至竟的去了解他，当然处理不好的以及那些无关紧要的图片最好不要放上去，让人觉得是累赘，影响了网页传输速度，图片不关要好看，还要在保证图片质量的情况下尽量缩小图片的大小即字节数，在目前网络传输速度不是很快的情况下，图片的大小很大程度上影响了网页的传输速度，那么如何精简图片的大小呢，一般来说，图片的颜色较少的及在256色以内的最好把它处理成gif图象格式，如果是一些彩色照片、色彩比较丰富的图片最好把它处理成jpg图象格式，因为gif和jpg各有各的压缩优势，应跟据具体的图片来选择压缩比。

…… …… 余下全文

首先感谢学校给了我这次外出学习的机会，虽然培训的时间不长，但可以说是受益非浅。通过这次培训，我系统的了解了关于电脑制作的新知识。在培训之前，很多电脑制作让人觉得是雾里看花、水中望月。经过老师的讲解，发现电脑制作并不是那么深不可测。收获了以后，反而觉得这是一件很快乐的事。

xx年x月x日，就全国“电脑制作大赛的现状、标准、特色和展望，省电教馆刘传和馆长对咱们潍坊市优秀的电脑制作做了深刻的点评，充分肯定了潍坊电教系统在全国电脑制作大赛中取得的成绩，虽然在全国电脑制作大赛中潍坊市已连续几年取得了不错的成绩，但仍指出了一些不足之处。

刘传和馆长说，我们省的基本情况可以说电子报刊最好，其次是网页制作，再次是动画，差距在绘画、平面设计。对于这种情况，我们应该巩固强项，如报刊、网页、动画等，强攻弱项，如绘画、平面设计等。

另外，刘传和馆长还提到了山东省的电脑机器人竞赛也一直搞得很好。 刘馆长还通过点评作品，深入浅出的讲解了制作过程中一些细节问题，如电子报刊封面封底不一致，目录审美不够，内容杂乱，或者文字太多，或者图片太多，没有页码、没有作者等，还有整体风格不够协调一致、链接错误、版面空闲太大而有点浪费、转页等。

在讲到动画制作时，刘馆长最为强调的是要用动画语言来表达，不用通过另加声音而能看懂画面意思，动画制作，要用画面语言描述一个完整的故事情节。

对于网页重在选题，第二是创意，栏目创意要好，要注重探究，张扬作品的个性，作品中要有学生的身影。

刘馆长精彩细致的讲解让我了解了关于电脑制作的大体方向和整体趋势;他的鼓舞给了我进步的动力和继续认真参加比赛的决心。

2月x日上午，也就是培训的第二天，深刻细致地讲解了关于电脑制作中的技术元素和心理元素，以及对制作成员的审美要求。赵教授提出要想让学生创作出优秀的电脑制作，首先要培养学生对生活的热爱之情，让他们找出能够感动自己的东西，并且能够善于发现感动背后的故事。其次要有艺术激情，培养学生敏锐的观察能力和丰富的想象力，开拓学生的创新思维以及提高他们的创作

…… …… 余下全文

Dreamweaver网页制作技巧心得体会

熟悉网页设计的网友就知道，调用Style的方法很多，我们可以单击鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。比如用Custon Style来调用Style标准，在网页代码中就生成一个〈span〉标签，这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度，所以我们应尽量使用状态栏中的元素列表来调用Style。

一、活用Format Table命令

在复杂的网页设计中，表格的应用是最多的，因为利用表格可以自由地控制文本和图象在网页上出现的具体位置，从而使整个网页看上去紧凑统一。Dreamweaver在这方面也不甘落后，我们可以使用其中的“Format Table”(格式化表格)命令来快速地对表格应用预先设计好的样式。要使用预先设计好的样式，先将光标置于表格的任意一个单元格内，再选择“Command”→“Format Table”命令， 在随后出现的对话框中，从左边的列表中选择一个设计方案。按“Apply” 键来查看效果，如果不满意的话，还可以重新设置或者修改部分参数的值，如边界粗细，背景颜色等等。

二、同时链接到两个网页

我们都知道超级链接一次只能连到一个页面。如果我们要想一次在不同的框架页中打开文档，可以使用“Go To URL”JavaScript 行为。打开一个有框架的网页，选择文字或图象，然后从行为面板中选择“Go To URL”。我们会注意到Dreamweaver会在“Go To URL”对话框中显示所有可用的框架。选择其中一个我们想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。

三、不给文件起中文名称

大家在制作好了网页后，通常会给网页起一个具有代表性的中文名称，一来能使人一看文件名就能大概了解文件所包含的内容，二来能够方便各个超级链接之间的相互调用。但如果你在Dreamweaver中这样做，就会发现Dreamweaver对中文文件名支持得不是太好，经常会有页面调用不正确的现象发生，所以我们以后在Dreamweaver中保存网页的时候，尽量用英文或者数字作为文件名称，这样就可以避免上面的出错现象。

…… …… 余下全文