《网页设计》实训任务书
院系：电气与信息工程学院
专业：计算机信息管理（2010级）
1.1 实训意义
《网页设计》实训是教学过程中重要的实践性教学环节。它是根据专业教学计划的要求，在教师指导下对学生进行的网页制作专业技能的训练，培养学生综合运用理论知识分析和解决实际问题的能力，实现由理论知识向操作技能的转化，是对理论与实践教学效果的检验，也是对学生综合分析能力与独立工作能力的培养过程。因此，加强实践教学环节，搞好实训教学，对实现本专业的培养目标，提高学生的综合素有着重要的作用。
1.2 实训目的
1．通过综合实训进一步巩固、深化和扩展学生的理论知识与专业技能。
（1）掌握规划网站的内容结构、目录结构、链接结构的方法。
（2）熟练掌握网页制作软件Dreamweaver 8的基本操作和使用技能。
（3）掌握页面的整体控制和头部内容设置的方法。
（4）熟练掌握网页页面布局的各种方法。
（5）熟练掌握在网页中输入、设置标题和正文文字的方法。
（6）熟练掌握在网页中插入图像、flash动画、背景音乐的方法。
（7）掌握建立各种形式超级链接的方法。
（8）掌握表单网页制作方法。
（9）掌握网页特效的制作方法。
（10）掌握网站测试的方法。
2．训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、flash动画和网页特效等。
3．培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。
4．培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力，树立自信心。
5．训练和培养团队协作精神和共同开发网站的综合能力。
1.3 实训任务
1．站点规划，搜集资料。确定网站主题内容，规划站点结构，从网上搜索相关资料（图片、文字等）。
2．进行主页设计。构思主页布局，进行主页标题图片的设计（要求原创），进行主页其余图片的设计和页面内容的录入，最后进行主页的整体优化设计。
3．网页设计。除主页以外的网页设计，首先设计网页模版，一部分网页由模版生成，一部分为单独设计（依据实际需要确定哪些网页由模版生成，确定哪些网页单独设
计）。包括版面设计和图形设计、内容录入等。
4．动画设计。主页动画设计和其余页面动画设计，充分运用所掌握技术，效果好。
5．综合优化。链接正确、得当，动态效果好（时间轴动画、行为、代码的嵌入等）6．网站测试并递交。在浏览器中对完成的网站逐页打开测试，包括链接正确与否，页面打开时间，图片和动画是否丢失等。
1.4 实训要求
1. 站点结构与命名
站点文件夹为学号后三位+姓名(如：101赵利敏)
站点文件夹中所包含文件夹：Images（存放图片文件）
Templates（存放模版文件）
Library （存放库文件）
other（存放其它文件）
file（存放自己设计的图形、动画源文件）
其余视文件夹需要而添加，全部用英文命名，见名知意、容易理解。
站点文件夹中所包含文件：index （首页）
*.css （样式表文件）
其余视文件夹需要而添加，全部用英文命名，见名知意、容易理解。
2. 网站题材选择
可以选择任务书1.7小节所给定参考的某个主题、若干个专题或自选主题，要求内容充实、健康。网站标题自拟。
3. 网站技术要求
所创建的网站至少包括8个页面，分为三层，第一层为首页，第二层为4个二级栏目，第三层为3个内容页。如下图所示结构：
（1）首页采用表格进行布局，必须包含导航栏；
（2）4个二级栏目分别为框架网页、表单网页、利用模板制作的网页、利用布局表格制作的网页；
（3）3个内容页分别为层布局的网页、应用JavaScript制作特效的网页、应用行为制作特效的网页。
（4）各个页面根据需要插入合适的图像和Falsh动画，首页要求插入背景音乐。
（5）所有页面要求内容充实、布局合理、颜色搭配协调、美观大方。
（6）各个页面之间导航清晰、链接准确无误。
4. 其他要求
（1）实训过程中既要虚心接受老师的指导，又要充分发挥主观能动性、独立思考、努力钻研、勤于实践、勇于创新。
（2）在设计过程中，要严格要求自己，树立严密、严谨的科学态度，必须按时、保质、保量完成实训任务。要求独立完成规定的实训内容，不得弄虚作假，不准抄袭或拷贝他人的网页或其他内容。
（3）小组成员之间，既要分工明确，又要密切合作，培养良好的互助、协作精神。
（4）实训期间，严格遵守学校的规章制度，不得迟到、早退、旷课。缺课节数达三分之一以上者，实训成绩按不及格处理。
（5）实训环境为Windows2000及以上版本的操作系统，网页制作软件为Dreamweaver 8，根据需要可以运用Photoshop处理图像，运用Flash 8制作动画。
毕业设计（论文） 题目：动态网页设计 专业： 班级： 学生： 指导教师： 二0一0年
摘要 在Internet飞速发展的今天，互联网已成为人们快速获取、发布和传递信息的重要渠道，正以一种前所未有的冲击力影响着人类的活动。它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显的格外重要，它已成为政府、企事业单位信息化建设中的重要组成部分。 现今的社会，人们已经离不开了网络，网络已经成为人与人之间交流的一种形式，它能够把事情的复杂化转为简单化，摆脱了时间和空间的限制。网站为消费者提供了一个网络生活空间，通过其网页展示了企业介绍、企业荣誉、产品介绍、招商信息、加盟程序、留言等一系列内容的介绍。浏览者不仅可以利用留言板经济而又快捷地与外界进行各种信息的沟通，也可以直接在网上申请加盟。 本论文还介绍了网页的结构分析和具体功能实现，网页的界面和运作方式，尽力模拟近代网页普遍性形式，成为一个完整的动态网站 关键字 Dreamweaver；Php；PhpMyAdmin；动态网页
目录 1 引言 (1) 2 网页制作概述 (1) 2.1 网页的类型 (1) 2.1.1 静态页面 (1) 2.1.2 动态页面 (2) 2.2 网页开发技术 (2) 2.3 网页布局 (3) 2.3.1 网页布局的基本概念 (3) 2.3.2网页布局方法 (5) 2.3.2 网页布局技术 (7) 2.4网页配色 (8) 2.5 网页设计流程 (9) 3 动态网页开发环境和技术 (9) 3.1 了解Dreamweaver开发工具 (9) 3.2 Php语言基础知识 (11) 3.3 开发环境介绍 (12) 4 设计及具体代码实现 (12) 4.1网页结构设计 (12) 4.2创建数据库 (13) 4.3主要模块的代码实现 (14) 4.3.1 注册代码的实现 (14) 4.3.2 登陆及退出登录代码的实现 (16) 4.3.3留言代码的实现 (18) 4.4运行测试 (19) 4.4.1 注册 (19) 4.4.2 登陆 (21) 4.4.3留言 (22) 4.5遇到的问题及解决方法 (23) 结束语 (24) 致谢............................................... - 25 -参考文献............................................ - 26 -
交通职业技术学院院团委信息学院团总支学生会
一、活动主题： 以“活力Show 炫动学院风”为主题 二、指导思想： 1、为了使同学们在信息化发展的道路上，学以致用，熟能生巧 2、创建一流校风、学风，丰富同学们的交院生活，发挥当代大学生 的创造力，提高广大学生的电脑技术水平，挖掘校园网络人才。 3、丰富校园的业余生活，体现当代大学生进取、博学创新、积极向上的精神。 三、参赛作品要求 1、充分体现本次活动的主题当代大学生为主。 2、作品容健康向上，符合本次比赛作品征集要求 3、制作网页不限制；通过合理运用网页设计的各种技术，体现良好的艺术性和实用性； 4、页面深度必须在3层左右，网页的总页面数不少于10页，全部文件的总容量不超过20m； 5、要求能在winXX或winxp操作系统上运行。显示分辨率以800（自第一文网.diyifanwen.，请保留此标记。）×600或1024×768，网页采用internet explorer5.0以上浏览。
6、使用简体中文字库系统。 7、网页规模：网页的深度至少包括二级页面，以3~5个页面为适宜。 8、作品中所有文件均要以小写字母或阿拉伯数字命名，包括文件名及其后缀名。 9、作品制作规符合要求；作品首页请一律采用index 文件名
六、活动对象及形式： 1、活动对象：交通学院的所有师生 2、活动形式：各分院至少有三支团队参与，可以自由组队 （每队限3人）参与，感兴趣的同学也可以另外参赛。 3、报名方式：以分院为单位进行报名。 4、报名表上交日期：11月15日之前上交 5、作品上交时间：12月1日之前上交 七、主办单位： 交通职业技术学院院团委 八、承办单位： 信息学院团总支学生会 九、活动时间： 2012年11月中旬到12月初 十、活动地点： 交通职业技术学院 前期宣传： 1、11月15日前，做好此次活动的主题宣传。 2、各分院宣传部负责11月15日前制作1本次活动宣传海报在各分院宣传栏进行贴。 3、各分院学生会负责对本分院各班进行宣传，鼓励同学积极参加，并要求各班班长、团支书至少推荐一人负责网页的制作，每 班各留一报名表。
《网页设计与开发》任务书 一、课程设计安排 1、设计目的： 通过实验使学生掌握HTML语法、网页样式表CSS、JavaScript脚本语言、网页设计工具、网页制作工具Dreamweaver 、Visual studio 2005、网页图形处理工具及网页动画制作工具，加深对课堂教学的理解。培养学生的实验技能、动手能力和分析问题、解决问题的能力。 2、设计目标： 目标是衡量学生是否取得效果的重要标志，这次课程设计的目标就是培养学生具有专业网站初步的规划、设计、制作能力。具体表现在网站内容、功能、安全等方面合理策划和规划；培养具有主页和二级页面的创意、设计、美工等方面的技术处理能力。 3、设计内容： ?每位同学根据自己的兴趣爱好或专长，确定一个网站主题，并独 立完成该网站的制作； ?确定的网站主题应大小适中、内容健康、具有时代气息，根据确 定的网站主题，通过各种途径收集、整理、加工网站所需要的信 息； ?根据确定的网站整体风格和特色进行网页设计，包括网页的页面 尺寸、LOGO、导航样式、图像、背景等等； ?利用Dreamweaver或其他网页制作软件完成页面的制作；
测试完成整个网站，并实现发布。 二、课程设计主题内容 可以从下主题题目中任选一个完成，也可以根据自己爱好和能力进行自己选题设计。 1、体育运动主题网站 2、影视综艺主题网站 3、学院或班级主题网站 4、个人主题网站 5、历史哲学主题网站 6、音乐主题网站 7、游戏主题网站 8、公益环保主题网站 9、旅游休闲主题网站 10、学习辅导类主题网站 11、自定义题目 每个主题具体要包含以下内容细节 1．设计用户注册和登录界面（主要是界面的设计，不考虑动
第1篇公司网页设计师工作总结 公司网页设计师工作总结 公司网页设计师工作总结样本公司网页设计师工作总结样本1 根据岗位职责的要求，我的主要工作任务是 (1)负责对外宣传，具体包括工业园网站建设、二期招商画册的设计制作及参加相关展会等; (2)日常接待工作; (3)相关活动的策划及筹备; (4)担任讲解工作; (5)领导交办的其他工作。通过完成上述工作，使我认识到一个称职的招商主管应当具有良好的语言表达能力、流畅的文字写作能力、网站建设维护能力、大型活动的策划及筹备能力。目前我在网站建设、大型活动的策划方面存在不足。在网页制作的过程中我发现，根本无法适应精美网页的制作要求，于是重新学习了新的网页制作软件dreamweavermx及图形处理软件。目前我已熟悉了上述软件的常用功能并能运用其进行基本的网页制作及图形处理。为了让自己做一个称职的招商人员，我阅读了网上的部分策划案例，以便在以后的策划工作中有所帮助。 xxxx年又是一个充满激情的一年，在今后的工作中，我将努力提高自身素质，克服不足，朝着以下几个方向努力 1、学无止镜，时代的发展瞬息万变，各种学科知识日新月异。我将坚持不懈地努力学习各种招商引资知识，并用于指导实践。 2、“业精于勤而荒于嬉”，在以后的工作中不断学习业务知识，通过多看、多学、多练来不断的提高自己的各项业务技能。 3、不断锻炼自己的胆识和毅力，提高自己解决实际问题的能力，并在工作过程中慢慢克服急躁情绪，积极、热情、细致地的对待每一项工作。 公司网页设计师工作总结样本2 时间一晃而过，转眼间试用期已接近尾声。在这段试用期中可以说是有喜也有忧。和同事们工作相处中，自己慢慢转变为一个社会人，详细内容请看下文网页设计师年度个人总结。 记得初到公司时，我对公司的了解仅仅局限于公司网站的简单介绍，除此之外，便一无所知了。但是，在领导和同事们的支持和帮助下，我不仅加深了对公司的了解，而且很快就掌握和熟悉本岗位工作的要求及技巧，严格做到按时按量完成产品终端页等页面的制作，保证页面的与效果图的一致性和页面在各个浏览器中的兼容性。同时，减少页面中冗余的代码，保证页面的加载速度。 自从担任网页制作以来，虽然在工作中取得了较好的成绩，但也还存在一些不足之处。例如工作中没有充分领会领导的意图，有时会忽视公司的工作流程等等，这些都是由于工作态度和细节决定的。这些不足都需要在今后的工作中加以改进。 在今后的工作中，我将努力提高技术水平，克服不足，朝着以下两个方向努力
《网页设计与制作》 实习报告 指导老师： 实习地点： 实习时间： 实习班级： 学生姓名：
一、实习目的 ①学会制作新闻发布系统。 ②学会制作在线调查系统。 ③熟悉购物网站的主要功能和栏目。 ④学会购物网站数据库表的创建和数据库连接的创建。 ⑤学会购物系统前台页面制作和后台管理制作。 二、实训内容 1.创建数据库表 ①启动Microsoft Access ，执行“文件”——“新建”命令，打开“新建文件”面板，在面板中单击“空数据库”。 ②弹出“文件新建数据库”对话框，在对话框中选择数据库保存的路径，“文件名”文本框中输入shop。 ③单击“创建”按钮，在对话框中双击“使用设计器创建表”选项。 ④弹出“表1：表”对话框，在对话框中输入“字段名称”和字段所对应的“数据类型”，将shopID字段设置为主键。 ⑤执行“文件”——“保存”命令，弹出“另存为”对话框，在对话框的“表名称”文本框中输入products。 ⑥单击“确定”按钮，保存表。按以上步骤的方法，创建表fen和admin。 2.创建数据库连接 新建一个网页文件夹，打开IIS信息服务，创建IIS虚拟目录，在文件夹安全性把来宾用户的权限修改为完全控制，并导入数据库。 3.制作购物网系统页面 ①用index.html创建zhanshi.asp商品分类展示页，新建站点，导入shop.mdb数据库文件建立数据库连接。插入表格并插入图片、文字，创建记录集并在表格相应位置绑定数据。在服务器行为里为表格设置重复区域，创建记录集RS2并在左边的商品分类表格里绑定
数据，在服务器行为里为左侧的表格添加重复区域和转到详细页，制作记录集导航条。 ②用index.html创建xiangxi.asp商品详细信息页，首先创建记录集并制作左侧的商品分类表格，之后在中间区域插入表格，在表格中插入图片、文字，创建记录集RS2并将数据绑定在表格相应位置。 ③用index.html创建denglu.asp商品详细信息页,创建记录集并制作左侧的商品分类表格，在中间区域插入表单，在表单里插入表格，在表格里插入文字、文本域、表单按钮，并为表单设置检查表单。创建记录集RS2并在服务器行为里添加登录用户。 ④用index.html创建fenlei.asp添加商品分类页，插入表单，在表单里插入文字、文本域、表单按钮，创建记录集并在服务器行为里添加插入记录和限制对页的访问。再用index.html创建fenleiok.asp,在其中插入表格输入文字，并设置返回链接。 ⑤用index.html创建tianjia.asp添加商品页，创建记录集，用插入记录表单向导创建插入记录表单，在服务器行为里添加限制对页的访问。再用index.html创建tianjiaok.asp,在其中插入表格输入文字，并设置返回链接。 ⑥用index.html创建guanli.asp商品管理页，创建记录集并制作左侧的商品分类表格，在中间区域插入表格并插入文字，创建记录集RS2并在表格相应位置绑定数据，为该表格设置服务器行为的重复区域，制作修改和删除链接，制作记录集导航条。 ⑦用tianjia.asp创建xiugai.asp修改页面，创建记录集在对应的文本域中绑定数据，把服务器行为里的插入记录删除并添加更新记录。在服务器行为里添加限制对页的访问。再用index.html创建xiugaiok.asp,在其中插入表格输入文字，并设置返回链接。 ⑧用index.html创建shanchu.asp删除页面,插入表格并插入文字，建立记录集，在表格相应位置绑定数据，插入表单和表单按钮，创建服务器行为限制对页的访问和删除记录。再用index.html创建shanchuok.asp,在其中插入表格输入文字，并设置返回链接。 三、疑难解惑 ①网页不能正常打开，电脑用户权限没有修改，在文件夹安全性把来宾用户的权限修改为完全控制。 ②创建重复区域时，总显示相同的内容，仔细阅读教材，发现创建重复区域时要选中表格，而不是文字内容。 ③登陆页面不能登陆，把表格放入表单后，重新登录，问题解决。 ④创建添加商品页面时，无法显示商品分类。在插入记录表单时，应将feileiID"显
网页设计策划书 个人主页设计的策划 前言：通过创建个人主页站点，展示大学生生活，同时和一些有相同爱好的朋友分享，交流生活，学习心得，让社会了解大学生生活是什么想·的。 一．市场分析 目前市场上个人主页种类繁多，可以分为初级和高级，初级例如一些互联网企业为用户提供的博客，空间等，注册id就能使用，但是受到一定限制；高
级的就是自己建站，可以自由管理。个人主页代表着现代人一种全新的生活和工作方式，人们通过这些个人网页来展示自己，和别人分享，交流。当却没有一个个人网站有如此的特点——可以让人思考大学生的生活 二．目的及功能定位 建立这个个人网页的最主要目的就是建立一个展示自己的作品和设计想法， 同时和其他朋友进行设计交流的平台。除此之外，这个主页还应该能够实时发布 自己的生活，学习状态，提供各种设计佳作供大家欣赏。让社会了解大学
生生活 三．网页技术方案 1.由于硬件条件，本网站决定租用虚拟主机，利用一些专业的网站公司提供 的网站平台来发布自己的网页。 2.这个网站自己进行开发，首先进行自己的网页风格和内容策划，然后利用 一些平面软件，动画软件和办公软件来建设源素材，最后利用dreamweaver 来进行最后的网页设计。 四．网页的内容及实现方式 这个网页内容包含首页动画，首页，分级网页三部分。首页包括“学校介
绍”， “我的作品”“专业介绍”“作者介绍”等分别连接到二级和三级网页，二级网页又连接到三级网页，在各个网页间可以任意切换，进而实现增强网页的可浏览型。 五．网页设计 网站名称：只是一个大三的。网页风格：用宇宙为背景，用太阳系的行星作为导航条 网页制作过程：首先，构思网页的风格，布局和内容进行构思，设计网页的 结构，然后进行各种软件进行素材制作，最后在dreamweaver上进行设计。
XXXXXX学院 电子信息学院 课程综合实训任务书 课程名称:_____网页设计与制作________ 学生姓名:________X'X'X___________ 学生学号:_____XXX__________ 专业班级:______X'X'X________ X'X'XX年X'X月X'X日 XXXXXX教务办公室制
说明 1、课程设计任务书由实训指导老师制定，具体任务内容、目标、要求及安排、评定标准由各专业教研室及指导老师共同制定。 2、任务书中具体内容可根据实际课程情况进行调整，但各要素必须齐全，并在实训前将任务书电子档发给学生。 3、学生实训完成后必须填写此任务书，其中具体设计过程及结果必须将设计过程用文字的形式详细填写清楚，并将最终作品附在此任务书中。 4、此任务最终由指导老师统一评定成绩后交教务办公室。
《网页设计与制作》课程综合实训组织方案 2011级软件专业 一、网页设计与制作课程实训目的 网站设计与制作是一门实践性很强的课程，本课程设计是学生完成本课程教学计划的一个重要的教学环节，是对学生综合运用所学的理论知识，解决实际问题能力的一次检验与测试。 通过本次课程设计，要求学生对网站规划、设计与制作有比较全面的认识，了解小型综合网站的开发步骤，熟练掌握网站的规划与建设的过程、方法、技巧，掌握网站建设行业的相关标准与制作规范，让学生经历一次开发应用的实际训练。从而达到提高学生的开发能力和动手能力的目的，培养学生严肃、认真、严谨的职业素养。 二、网页设计与制作课程实训具体内容 黄冈职业技术学院电子信息学院网站规划与设计 三、课程实训具体要求 1、了解网站的软、硬件平台，会发布和维护一个实际的网站，学会设计和制作网站，包括完成设计报告。 2、能够独立使用相关工具（Macromedia DreamWeaver、HTML、CSS、Adobe Photoshop、flash等）熟练制作网页。 3、尽量运用业界默认的网站开发规范，努力使自己的站点专业化。 4、主题为黄冈职业技术学院电子信息学院网站规划与设计。主题突出、鲜明。至少二层结构，页面总数不得少于6个。 5、必须使用CSS，整体布局不能使用table标签，主页下方写明自己详细信息（年级、专业、学号、姓名等）。 6、主页名称保存为index.html，路径保存在站点根目录下，图片保存在根目录下images 文件夹中。 7、课程设计前必须上交网站规划书电子档，课程设计结束后必须上交课程设计任务书及作品电子档。 8、设计好的站点必须经压缩之后再上传到任课老师指定位置，压缩后的文件大小不许超过10 兆（10M）。不经压缩上传作业，一律视为无效。 9、压缩后文件名格式要求：年级专业+学号+姓名，例如：XXX班00011 张三。 10、设计完毕后，准备5分钟左右的答辩说明，向课程设计评分小组介绍自己的作品主题、设计方法及作品特色。
网页设计师年终个人工作总结范文 设计工作是痛苦与快乐的炼狱，每当面临新的设计任务时，因为觉得自己的水平不够，感觉充满了压力，开始搜集各种资料，接下来寻找设计灵感，沉思、焦灼，每当经过艰苦的磨砺，自己的劳动成果得到肯定时，便是工作中最大的快乐!充满了快意。 一、工作总结： 从开始连效果图都做不好到现在能自己套程序，虽然自己也付出了努力，但是更离不开同事们的帮助。在这三个月里，我学习了制作网页的基础知识。从配色到布局，从制作效果图再到切片，再到用dw制作网页，最后套程序。每一个环节我都没有松懈，不管是在公司还是回到家里，我都会充分利用时间来学习，补充自己贫瘠的知识。虽然现在的水平还远远不够，但是扪心自问，我在远洋的每一天都是充实的，没有虚度，我相信在新的一年里，通过自己的努力和同事们的帮助，我会学到更多的东西，不管是在技术水平上还是其他方面，都更上一层楼。 二、工作中的不足： 虽然通过三个月的努力，技术水平有所提高，但是还是存在很多不足的地方，因为基础打的不够好，很多地方学习起来有些吃力，不停的问同事，也给别人带来了不少麻烦，因为
知识的不足，使得开始的学习有些混乱，感觉不知道从哪里 开始学起，无从下手，浪费了不少时间。 三、新一年的目标： 过去的一年的整体上是紧张的、忙碌的、充实的。因为我刚 刚来到远洋，所以对我来说这也是充满希望的一年。展望新 的工作年度，希望能够再接再砺，同时也加强自身的能力，工作中与同事多沟通，多关心了解其他部门的工作性质，进 一步提高自己专业知识技能，积极吸收新的观念与设计理念，要继续在自己的工作岗位上踏踏实实做事，老老实实做人，争取做出更大的成绩来。 我们经过痛苦煎熬，终于做出来的时候倍感轻松。
《网页设计与制作》一体化教学总结与评价 高艳秋 一、课程在专业中的地位与作用 《网页设计与制作》课程是计算机专业、电子商务等专业的一门专业课程，是一门实践性很强的专业技术基础课程，又是一门主干课程，是为加强对学生技术应用能力的培养而开设的综合性课程，它涵盖了 HTML 语言、 Dreamweaver 、 photoshop 、 Flash 等相关知识，全面介绍 WEB 站点开发、设计、制作、维护等技术。通过本课程的学习，使学生掌握该软件的操作方法和操作技巧，学会运用其创建个人网站、具备一定的网站设计能力，学会网站的测试、维护、发布及推广等。通过实例的讲解，让学生掌握网页制作和网站开发的知识。从如何策划网站、收集网站资料、准备素材、各个页面的逻辑关系和链接的建立到网站动态系统的开发，如何申请空间和域名，如何上传网站以及网站测试、维护、发布及推广等。二、课程学习目标 通过本课程的学习，使学生掌握 HTML 语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标签及属性，能设计出多窗口网页、动态网页；能熟练运用Dreamweaver 进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能熟练运用 photoshop 、进行图片处理，能熟练运用 Flash 制作网页动画；能维护、管理和设计 WEB 应用程序；能独立设计 WEB 站点。 1．通过综合实训进一步巩固、深化和扩展学生的理论知识与专业技能。 （1）掌握规划网站的内容结构、目录结构、链接结构的方法。 （2）熟练掌握网页制作软件Dreamweaver cs3的基本操作和使用技能。 （3）掌握页面的整体控制和头部内容设置的方法。 （4）熟练掌握网页页面布局的各种方法。 （5）熟练掌握在网页中输入、设置标题和正文文字的方法。 （6）熟练掌握在网页中插入图像、flash动画、背景音乐的方法。 （7）掌握建立各种形式超级链接的方法。 （8）掌握表单网页制作方法。 （9）掌握网页特效的制作方法。 （10）掌握网站测试的方法。 2．训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、flash动画和网页特效等。
个人网站设计及实现 作者：张铎 指导教师：刘向娇 摘要：网络发展到今天，建立网站已经成为一个很普遍的问题了。对于企业家来说，建立好的网站可以抢占新世纪发展的战略要点。建立新的企业形象，直接开拓国际市场。对于个人来说，建设好的个人网站可以更加方便的收集信息，开展更加直接的网络交流，使用自己构造的平台，可以为毕业后找工作做好充分的准备。在我的个人网站制作过程中，主要是针对我网站设计的方向和目的、网站设计的整个流程出发，然后通过自己设计的这个个人网站作品来说明并演示一个网站制作过程。这篇论文的主要内容是个人网站的设计思想，整体规化及相关的基础科知识。网站的规化又包括网页的结构、栏目的设置、网页的风格、颜色的搭配、版面的布局、文字图片的运用等。 关键词：网站设计；网站规化；网站主题 随着经济的发展，计算机以被应用到社会生活的各个领域。这给人们的生活带来很大的方便。如今，已成为人们日常生活中不可或缺少的部分。人们可以足不出户上网购物，随时查询股票信息，在自己的博客上尽情发表言论……以上这些都离不开最基本的网页设计和制作[1]。 网站作为网络信息主要的表现形式而且还是互联网信息的主要承载者，在互联网上表现出及其重要的地位，并发挥着及其重要的作用，无论是在国内还是国外都得以迅速的发展和壮大，并被人们重视和关注。网站的迷人之处在于综合使用文本、图像、声音、动画视频信息和内容，具有丰富的多媒体表现与互动特点。毋庸置疑，网站已成为最吸引人的也是最有效的信息传递的手段和方式。随着网络技术的发展，各类网站纷纷出现，个人网站也成为了一种时尚，越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，展示自己的才华和风格[2]。 个人网站是指个人因某种兴趣、拥有某种专业技术，提供某种服务或把自己的作品、商品展示销售而制作的具有独立空间域名的网站。所谓个人网站，就是指网站内容是介绍自己的或是以自己的信息为中心的网站[3]。 一网站设计规化 什么是网站 网站是因特网上的一个信息集中点，可以通过域名进行访问。网站要存储在独立服务器或者服务器的虚拟主机上才能接受访问。网站是有独立域
菜菜子 个 人 网 站 策 划 书 策划人：钟梦琳 2014年4月2日
目录 一．网站建设的背景 (2) 二．网站建设的目的 (2) 1.促进别人对我的了解与认识 (2) 2.丰富自己的生活，分享自己的乐趣 (2) 三．网站的规划 (3) 四．网站结构 (5) 1 主要内容 (5) 2.首页框架 (6) 五．网站建设费用清单 (7)
菜菜子——个人网站策划书 一、网站建设的背景 当今社会，物质，经济，文化高度发展，所带来的压力也是不容小觑，生活的压力,工作的压力遍地临至，手机电脑的高度普及也是人们解压的一种形式导致。人与人之间的交流越来越少，每个人对别人的了解几乎已不通过交流来完成，下班之后，地铁上，吃饭的饭桌上，聚会的活动中，甚至于很多人回到家以后，一家人基本上都是拿着一个手机，刷着动态，刷着各种新鲜的事物，甚至于在当今社会，你如果不整天盯着那些电子产品，你就是一个out的人。人与人的交流认识停留于网络。 二、网站建设的目的 1、让别人认识了解我，认识更多新的朋友，促进交流，让别人了解表面不易呈现的自己。 2、分享自己的喜怒哀乐，把自己乐趣与别人分享，同时悲哀也能得到分解，压力也可以减轻。
三、网站的规划 首页的设计：简述为了使我的的首页美观生动，吸引人在我的首页，我还添加了形象开头动画页面在页面上我首先映入你眼帘的是高大建筑，在它的上面我添加可透明的FLASH动画，这样会使网页具有动态美的感觉，从视觉，觉得还是不错的网站。在网站的右下角我还插了滚动字幕，这样可以让浏览着第一时间了解我本站的最新动态。在网页的下中间是我的网站的名称，通过点击它就可以进入我的主页。 栏目页及内容页的设计构思我的个人网站大体上包括一下内容：首页，日记，相册，座右铭，收藏，给我留言六大模块，这六大模块简介如下首页简介： （1）介绍自我，包括自己在大学里的生活体会和自己的爱好。 （2）友情链接栏目使浏览者能够方便的到达一些高校网站。 （3）最新动态栏目是浏览者第一眼能够看到本站的最新信息。 我的日记简介： 这个模块主要包括： （1）设计感情日记 （2）设计伤感日记 （3）设计人生哲理日记 （4）设计生活日记 我的相册简介： （1）设计个人的相册
河南XXXX学院 信息技术系 毕 业 设 计 任 务 书 名称:动态网页制作(ASP) 专业: 信息应用技术 姓名: X X X 学号:0 9 4 2 4 x x x 指导老师:X X X 小组其他成员姓名:_____________________ 2012年4月
（一）本设计的依据和意义（包括本毕业设计的必要性、可行性、国内外同类设计产品现状、发展趋势、已到达的水平以及存在的问题和本设计的特点）： 网络在中国的发展是非常迅猛的，随着信息网络技术的应用，我们每一个人都感应到了网络给我们的工作、学习、生活等许多方面都带来了更多的方便、快捷，对于人性化的诠释达到了淋漓尽致，企业的经营观念、个人的生活观念都在发生着根本的变化。目前许多政府机关、学校、企事业单位已建立自己的网站。为了宣传自己和传递信息，建设自己部门的网站已经是迫切需要。因此，需要通过一个有着界面友好，视觉效果美观，方便易用的网站来宣传网页，方便他人了解查阅。 通过网站，全面宣传，展示网页的风采与特色，给用户提供需要的内容、而且还应该做更多的事情、完成比页面浏览更高层次的需求，例如收集信息，数据存储,数据修改以及数据删除等。
(二)设计内容及目标(包括要实现的主要功能,采用的主要开发工具,开发方法或者开发模型) 实现的主要功能: 1、用户注册及用户登录。 2、主页的浏览。 3、管理员用户登录及管理用户（的添加、修改、删除）。 4、数据库的建立及ASP与数据库的连接。 5、其次是IIS服务器的安装及设置。 设计内容： 1、讨论网站主题：建立一个关于个人学生的网站，其中有关于大学生就业、动态、健身、学习等。 2、定位网站CI形象：网站最重要的就是与浏览者产生共鸣。于是在网页设计上面，要淡到浏览者最关心的话题。 3、材料收集，网上搜一些网页背景，FIASH源代码、小图标和一些gif的动画等。 4、确定栏目和板块： ⑴首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。本次设计中网页宽1024像素，长由每个部分的内容不同而设置。表格三行一列，居中设置，第一行放头图片，第二行是导航栏，第三行主页内容，第四行放置版权和地址等内容。 ⑵其次就应该考虑导航条的设置了。 导航栏的设置既是在上面第二行出插入一个一行十三列的表格，内容包括首页、动态、健身、文章欣赏等。 ⑶正文的框架设置（横向因素和纵向因素交错） 在浏览了很多精美网站之后，再结合自己的想法，先在草纸上画
网页设计年度考核个人总结 时间飞逝，来到这里已经整整一年了，在这里我对我一年以来的工作情况进行简要的总结，算是对公司也是对个人这段时间的工作的一个交代。 一、个人工作总结 我是去年2月有幸被录用的，之前我一直从事广告平面设计方面的工作，到了苏州后找的第一份工作就是页设计，不过做的时间不是很长，对这方面还算是个生手。 到了同程以后，先是担任平台设计师的工作至5月下旬，然后又调到站建设部做站设计师一直至今。在工作中，我学到了很多东西，从不懂，到有点懂，再到熟悉。这中间的过程，只有我自己最清楚。 很多时候，日常的工作是琐碎的，我们只有自己从中找到乐趣，才不会觉得枯燥;很多时候当我们做站刚有灵感的时候，会突然有其它的工作布置下来，我们只有自己调整好自己的心态，统筹安排好自己的工作，才不会手忙脚乱。 那天爸爸给我打电话的时候，我正在加班，爸爸说，怎么又在加班了，要注意身体。我告诉爸爸，不知道为什么我喜欢工作，喜欢那种充实的感觉，虽然有的时候回到家的时候真的很累，也会偶尔觉得自己活得有点辛苦，但是一旦自己真的闲下来的时候，反而觉得很不适应了。爸爸说，恭喜你，长大了，那至少说明你不是一个好逸恶劳的人。 我喜欢爸爸的评价，我是个极其热爱设计的人，有兴趣，有灵感，我知道我或许不是最好的，但是我一定是最有激情的。我真的很喜欢设计，我也不知道为什么，所以，我想证明自己，证明自己的能力和一颗真诚而执著的心。明天会怎么样，谁也不知道。至少今天我要对得起自己。 非常感谢公司给我这个成长的平台，令我在工作中能不断的学习，不断的进步，不断提升自身的素质与才能。
二、与同事相处 到了同程以后，要感谢的人真的很多 在平台上工作的时候，感谢总监一直教导我，要不断提高自己的设计能力;感谢龚琳娜从我进公司的第一天起，就耐心的教给我很多我不懂的东西;感谢刘国平和邱小东，在我刚进公司对代码丝毫不懂的情况下，对我的热心的帮助。感谢有在平台上磨练的那段时光，正是那段时间激发了我的斗志和工作热情! 到了站建设部以后，我被一种莫名的东西感动着。我们是一支年轻的队伍，部门经理也是一个80年代以后的年轻的女孩子。我们虽然年轻，但是我们并不浮躁，我们充满激情和憧憬，我们充满力量和动力。这不正是我想要的那种感觉吗为了一个同目标，我们会齐心奋力向前。我的心找到了归宿，我安定了下来。我确定：这就是我的事业，为同程，为自己，努力着!前进着! 感谢每一个人对我的帮助和支持，感谢大家那么喜欢我(哈哈~~我脸皮是不是有点厚了啊!)我会继续努力的，让我们前进的步伐越走越坚定!!! 三、与客户沟通 虽然从大学毕业的时间还不到两年，但是，可能因为我是一个不太能闲得住的人吧，从大二开始我就在学习之余将自己的另一只脚正式踏入了设计行业。 在来同程之前，我也接触过很多各种各样的客户，有蛮不讲理的，也有和蔼可亲的，不过那些都是和客户当面沟通交流的，和客户在意见上发生分歧时，大部分我可以很轻易的用我的设计专业方面的知识说服客户，甚至可以现场做出效果来改变他们的主意。 可是，来了同程之后，我才发现电话沟通真的是一门很深奥的学问。在电话这头的我，看不见电话那头客户的表情，动作，只能从电话中客户的语气来分析猜测客户此时的想法和心情。也渐渐开始明白：有些时候，不论客户再怎么纠缠，我都必须坚持某些工作上的原则， 因为一旦为一个客户开了先河，我就必须考虑到接下来该如何面对更多的
网页设计与制作 实训报告 班级：多媒体152 姓名：张莉钧 学号： 指导老师：薛杨王淑惠 实训时间：6.20——6.24 一、实训目的： 1、进一步熟悉和掌握网站建设的基本流程和技术规范； 2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识； 3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识； 4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站； 5、具备独立撰写实训报告基本能力； 6、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识； 7、紧紧围绕网页制作的流程：规划、设计、开发、发布、维护来进行网站的开发，制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予 以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等），为今后从事网站开 发、维护和管理奠定基础 二、实训项目——特色美食餐厅网站设计 1、网站主题 我的网站的主旨在于从各个方面全面的介绍特色美食餐厅，包括它的菜品、餐厅的环境以及促销活动。另外，网站里还包括餐厅资料和联系方式，网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是橙色和白色搭配，用以展示餐厅特色的效果。其实最重要的是要做出自己的风格，给浏览者好的欣赏感受。 2、网站材料 主要在网站上搜集所要的网页信息，包括图片、文字。同时，查 询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等，用以得来更加具有说服力的页面。要想做好自己的网站，能够给浏览者好的欣感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。 3、网站规划 我的网站共有７个主页面：首页、美食介绍、优惠活动、商品促销、宴会定制、会员中心和关于我们。每一个页面用统一的模块，以保证网站统一的页面风格。网页布局主要用框架和表格，用框架定位内容的大体结构，再用表格具体定位。位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是CSS设计一个样式，以保证随时、准确的调用。 三、网页设计工具使用 1、Dreamweaver——我们使用它做网页的主要布局。 2、Photoshop——我们使用它做网页图片的处理以及logo的制作。
毕业设计任务书---《网站设计》 一、教学目的 毕业设计是毕业教学中的一项重要内容,是完成教学计划达到教学目标的重要环节,是教学计划中综合性较强的实践教学环节,它对帮助学生全面牢固地掌握课内教学内容、培养学生的实践和实际动手能力、提高学生全面素质具有很重要的意义。网页设计的教学计划要求学生通过学习熟练掌握网站建设和网页制作技术, 掌握网页设计的技术与网站建设的思路,因此,毕业设计环节就占有更加重要的地位。 本毕业设计应达到以下教学目的: 1、使学生对于网络信息及网络信息发布有更加深入的理解 2、提高学生在实际操作中收集信息、对信息进行价值判断、进行信息整理、信息加工的能力 3、提高学生的网页设计与制作能力 4、使学生进一步掌握网络信息发布的原理,及网络信息发布所需的软件、硬件条件 5、使学生掌握利用软硬件资源发布一个具体网站的操作过程 二、设计的总体目标: (一设计目标及要求 1、?必须选择某企业或公司作为自己网站设计的对象。比如手机网站、汽车网站、图书网站等。 2、充分收集、整理网站设计必需的企业资料。 如:企业简介、服务承诺、经营状况、产品分类、?产品性能规格介绍、、图片资 料等。 3、必须有自主设计的网站标志Logo(图标,企业动态图片资料,?交互式 表单等。 4、网站设计必须包含足够的信息量。 ·主页面信息量在80~100KB之间 ·次级页面设计2~3层,每层信息量不低于30KB?(或按情况适当浮动 5、符合“三次单击”原则,?即网站的任何信息都应在最多三次单击后找到。 6、网页版面设计要求简洁、主色调显明,?视觉效果良好 7、次级页面至少有一个采用框架网页设计,其余网页公共表头或表尾采用共享边框设计。 8、?主页面上至少有6个以上的次级栏目超链接设置和多个相关资料友好链接处。 9、主页面上必须有动态时间显示、版权申明、联系方式等。 10、设计者可充分发挥自己的专长,应用所学知识,大胆创新、尝试、设计出具有新潮创意的网站。很好地将网站“提供信息、?娱乐观众和销售产品”这三类基
个人的小结 网页制作的心得体会----网页制作论文摘要通过这次个人网页的制作，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。通过把自己的网页上传到互联网上，对文件的保存、上传、下载以及修改等知识有了更牢靠的掌握。通过自己的努力完成了自己上传到网上的第一个作品，那种成就感是无法用语言形容的。所以我觉得这次制作网页我已经达到了自己的目的，而不是单单为了完成作业而已。这是一个完全关于自己的个人网页，既然是介绍自己，就应该让观者在浏览了之后了解自己其人，我觉得这点我已经基本上做到了。 关键字页面设计ASP和数据库 1.一般来说，个人主页的选材要小而精。如果你想制作一个包罗万象的站点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为您不可能有那么多的精力去维护它。注意：网页的最大特点就是更新快。目前最受欢迎的个人主页都是天天更新甚至几小时更新一次。 2.题材最好是你自己擅长或者喜爱的内容。比如：您对诗歌感兴趣，可以放置自己的诗词；对足球感兴趣，可以报道最新的球场战况等等。这样在制作时，才不会觉得无聊或者力不从心。 3.不要太滥或者目标太高。“太滥”是指到处可见，人人都有的题材；“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。 选定了一个好的题材，是不是可以立刻动手制作了？不，经验告诉我们，必须要先规划框架。这是很重要的一步！每个网站都是一项庞大的工程。好比造高楼，没有设计图纸，规划好结构，盲目的建造，结果往往是倒塌；也好比写文章，构思好提纲，才不至于逻辑混乱，虎头蛇尾。全面仔细规划架构好自己网站，不要急于求成。 规划一个网站，可以用树状结构先把每个页面的内容大纲列出来，尤其当你要制作一个很大的网站(有很多页面) 的时候，特别需要把这个架构规划好，也要考虑到以後可能的扩充性，免得做好以後又要一改再改整个网站的架构，十分累人，也十分费钱。 大纲列出来后，你还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。 为了提高浏览效率，方便资料的寻找，本站的框架基本采用“蒲公英”式，即所有的主要链接都在首页上，链接的层次不多，深度浅。 框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也为你的主页将来发展打下良好的基础。 下一步，你可以动手制作具体内容了，我将告诉你一些收集资料的窍门。 题材选定，框架选定，接下来就开始往主页里面填内容。我们称作资料收集 就个人主页而言，很少有人有能力完全靠自己来创作所有的内容。（一些高手能够提供自己编的软件，文章或则音乐，是我非常佩服的！） 大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。 另外一个好的方法是从网络上收集，您只要到雅虎，搜狐等搜索引擎上查找相应的关键字，就可以找到一大堆的资料。 如果您是英语高手，您可以到国外站点上把最新的信息，资料翻译成中文，提供给大家，这叫“洋为中用”。
《网页设计与制作》过程考核总结 一、课程在专业中的地位与作用 《网页设计与制作》课程是计算机专业、电子商务等专业的一门专业课程，是一门实践性很强的专业技术基础课程，又是一门主干课程,是为加强对学生技术应用能力的培养而开设的综合性课程，它涵盖了 HTML 语言、 Dreamweaver 、 Fireworks 、 Flash 等相关知识，全面介绍 WEB 站点开发、设计、制作、维护等技术。通过本课程的学习,使学生掌握该软件的操作方法和操作技巧,学会运用其创建个人网站.具备一定的网站设计能力,学会网站的测试、维护、发布及推广等。通过实例的讲解，让学生掌握网页制作和网站开发的知识。从如何策划网站、收集网站资料、准备素材、各个页面的逻辑关系和链接的建立到网站动态系统的开发，如何申请空间和域名，如何上传网站以及网站测试、维护、发布及推广等。 二、课程学习目标 通过本课程的学习，使学生掌握 HTML 语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标签及属性，能设计出多窗口网页、动态网页；能熟练运用Dreamweaver 进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能熟练运用 Fireworks 、进行图片处理，能熟练运用 Flash 制作网页动画；能维护、管理和设计 WEB 应用程序；能独立设计 WEB 站点。 1．通过综合实训进一步巩固、深化和扩展学生的理论知识与专业技能。 （1）掌握规划网站的内容结构、目录结构、链接结构的方法。 （2）熟练掌握网页制作软件Dreamweaver 8的基本操作和使用技能。 （3）掌握页面的整体控制和头部内容设置的方法。 （4）熟练掌握网页页面布局的各种方法。 （5）熟练掌握在网页中输入、设置标题和正文文字的方法。 （6）熟练掌握在网页中插入图像、flash动画、背景音乐的方法。
网站的设计与制作 目录 第一章前言 第二章 1．1课题来源 1．2 网站开发项目需求分析 1．3 软件 1．4 软件运行环境 第二章网站制作 2．1做网页的步骤 2. 2做网页的要素 2．3 系统各模块功能实现 第三章网站的设计 3．1主页的要求 3．2子页的要求 第四章结束语 参考文献
摘要 汽车网站是一个结合了汽车销售等多功能浏览的汽车网站，我所使用的软件是Macromedia 公司推出的一款用于网页设计的软件——dreamweaver8。在网页的制作与链接中，我学到了很多。 关键词：超链接外观性能
第一章前言 1．1课题来源 随着二十一世纪新兴科技的飞速发展，如今的电子信息产业正在经受着一个巨大的挑战，同时也面临着一个重大的机遇。就目前的科技发展水平而言，电子信息产业的发展已经不能够满足社会化大生产的要求，因此，各个国家集中人力、财力加大对信息技术产业的投入，以适应目前需要。可喜的是在这几十年的发展中我们有了互联网。互联网加大了我们了解世界的眼界，缩紧了人与人之间的距离，这就更容易的使我们走上信息化的道路。 以往，人们出行都以自行车居多，后来公交事业发展壮大，人们便乘坐公交汽车，现如今，随着人们生活水平的提高，越来越多的家庭已经拥有或者想拥有自己的私家车。 正是因为人们的这些需求，越来越多的汽车网站出现在网络上，使人们可以随时了解自己想知道的汽车方面的新闻，真正的做到足不出户，便知天下事。把汽车销售与网络连接起来，是今后汽车销售发展的必然方向之一。 1．2 网站开发项目需求分析 一个网站项目的确立是建立在各种各样的需求上面的，这种需求往往来自于客户的实际需求或者是出于公司自身发展的需要，其中客户的实际需求也就是说这种交易性质的需求占了绝大部分。面对对网站开发拥有不同知识层面的客户，项目的负责人对