《网页设计与制作模板》由会员分享，可在线阅读，更多相关《网页设计与制作模板（15页珍藏版）》请在金锄头文库上搜索。
1、网页设计与制作模板（总12页）-本页仅作为文档封面，使用时请直接删除即可-内页可以根据需求调整合适字体及大小-存档资料成绩课程设计报告书课程名称 题 目 分 院 专业班级 学 号 学生姓名 指导教师网页设计与制作设计个人网站主页电信分院电子商务2011 年 6 月 20 日课程设计评阅意见序号项目等级优秀良好中等及格不及格1课程设计态度评价2出勤情况评价3任务难度评价4工作量饱满评价5设计中创新性评价6论文书写规范化评价7综合应用能力评价评阅人职称目录第 1 章 课程设计任务书 错误!未定义书签。一、课程设计题目错误!未定义书签二、课程设计工作错误!未定义书签三、课程设计的内容要求错误!未定义
2、书签1、课程设计要求错误!未定义书签2、课程设计内容错误!未定义书签第 2 章课程设计目的 错误!未定义书签第 3 章 课程设计内容 错误!未定义书签设计一 选题的基本原则 错误!未定义书签设计三 选材 错误!未定义书签设计四正确运用DW和Ps错误!未定义书签。设计五 课程设计心得 错误!未定义书签第 4 章 课程设计步骤 错误!未定义书签设计一 查找相关资料 错误!未定义书签设计二利用Ps进行切片错误!未定义书签。设计三利用DW编辑错误!未定义书签。设计四利用DW的站点功能上传或用FTP工具上传站点错误!未定义书签。第 5 章 课程设计心得 错误!未定义书签第 6 章 参考文献 错误!未定义
3、书签。专业电子商务班级（1）班姓名肖恢邦一、课程设计题目设计个人网站主页二、课程设计工作：自2011年6月12日起至 2011年 6月_20日止三、课程设计的内容要求：1、课程设计要求（1）通过课程设计把课堂上讲的内容融会贯通，掌握表格在网页布 局中的特点及应用，掌握如何通过表格来布局一个完整的界面。学会使用 Dreamweaver 软件设计网页及 Dreamweaver 的表格功能进行网页布局。 使整个网页页面清新自然，整体界面美观大方，简洁高效，使之达到界面 动与静的搭配合理，动而不乱，静而不僵和谐效果。2、课程设计内容（1）设计一 选题的基本原则。（2）设计二 选题范围。（3）设计三 选
4、材。（4）设计四 正确运用 DW 和 Ps（5）设计五 课程设计心得。学生签名：第2 章课程设计目的通过本课程设计，全面帮助学生加强对网站的认识；学会设计和制作网站，包括完成设计报告，了解网站的 软、硬件平台，会发布和维护一个实际的网站和掌握实际 网页设计与制作开发流程和开发方法。具体的课程设计应达到以下目的：1提高学生在实际操作中收集信息，对信息进行价值 判断，进行信息整理、加工的能力。2在实际的项目任务中培养网页设计方面的素养。3在实际的项目任务中使学生网页编程和制作的能力 得到提高。4培养学生团队协作和人际交往方面的能力。5. 培养相关知识和技能的综合应用能力。第3 章 课程设计内容设计
5、一选题的基本原则（1）选题应反映本专业的培养目标，符合专业综合训练的要 求。（2）选题要有利于深化所学的专业知识和拓展所学的知识面。（3）选题的难易程度和工作量要适当，保证在规定的时间 内，在教师的指导下，经过努力能够完成。设计二 选题范围1、根据课程的教学大纲和教材内容，结合网站在生产、科研、管理、教学以及日常生活等各个领域的应用都可作为课程设计的选题。2、相关网站查询。设计三 选材1、应选择相关材料。2、查找相关主页模板。设计四正确运用DW和Ps1、运用 Ps 进行切片。2、运用 DW 编辑。设计五 课程设计心得第4章课程设计步骤设计一查找相关资料1、设计主页模板hfc-nw3J(Hwel
6、comeStcraEhsoFrodirb； ShJk InMrefc lrmit integratad paper packaging and fcret products cacnpHny pfcducb piMjficMwi and fine 冲亡注.虫k逛ing beer出 and KXid(rot,事嘶 fi许nchf*宙0啪t=： $护比刊ESttcd冏讯i m帕或扫E临讥Am副 阳曲200SStE Ep讥 lull 恸I 心殴：EIith Ejifo dnares 2Utuifceil under 1991 hW. H, balds will FMHQrtsJOChFraJ tH,
7、2KhF4ilJik | Hflp d*4i | tMtb 5rt Map | LijI nc-i- jUrv- Liiha- - UrMiiJ图4-1设计二利用PS进行切片1、先把图片放大到三倍2、利用切片工具进行切片亀aAei lar Mli M对 da;n 忖血中口 I 3EM = |,z| L amfij4 “s “ m “ 山 “ “ :# 1“ 1welcomeMOflWFroducti Idles靛lurchImtflori MedHa Centre Tht CroupStora Enso is an integrated paper, packaging and forest
8、preproducing puhlicndibn dnd line powers, ackang hoards nndl wood prncfgl% rens h whkti the Graqp is 4 QqImI mnrkd: t-Rdcr. Read more IAJW 2O1W1图 4-2-13、所得图片imagesarnu-dl rep-art 200 3investorsReal time share informationHumeProdHJct SaJef图4-2-2部分图片设计三利用DW编辑设计步骤1、在DW先建立一个站点2、在DW插入一个表格插入一个7行4列的表格(2) 表
9、格居中对齐(3) 表格的边框、填充、间距都设置为03、把图片素材插入表格(1)把图片按次序插入4、把文字插入相关空白区T153 1- =!尢iKI3W EHT*h MW? Hit Ml SS EAr El 碑。迪丘鼻见 D rl nt - M%TlEr 口# 5埠 IW 半廿 li WKE节k町 invesms -wi rw nsman】固片KtfFFftA t把囲片按咖fcA y他片抿衣磁M寸时无竺En单丘扌即駆IH 口比 tBMthe groupcereers-图4-3-1插入图片和文5、预览效果单天嶺G M0E*3LZHMiE3J|i血 HKU!fffrm nHi 2U ISini :U
10、liT_ I n I be W w ri * 妙日12jUmii d-JJlLTYl八州ntE砚 E HP 養gtti，曙at 口* r 细也网31 r * IHI - - CEr GittZH rHF石环s -弋钳挣科20“welcomeWK宅PJ阿片按况序J6A2阳田片也段庁话典 ,附片报戒rm.jhrtrtii SFh7HQgTzfras?air; ffTTj*Tb，Mt 1祁3皿小* z吕图 4-3-2设计四利用DW的站点功能上传或用FTP工具上传站点设计步骤1、申请“网页空间”。2、设置Dreamweaver的站点功能。3、利用FlashFXP应用软件的上传站点。第 5 章 课程设计心得通过这次个人网页设计与制作的课程设计，我对网页 设计有了更加深刻的认识。本次网页课程设计，使我觉得我学到了很多，以前在 课堂上学的东西以为都是一些枯燥无味的东西，直到进行 了这次课程设计后我才明白了什么叫做“书到用时方恨 少”，深深地感到自己上机操作能力很不足。但从中还是 学会了一些有用的东西，学会书写课程设计报告书，以及 更加了解使用PS和DW进行操作。总之，这次课程设计提高了我对网页制作的综合能力 和实际操作能力。第6 章 参考文献1高林网页制作案例教程（第二版）M北京人民邮电出版社2009年6 月
