《网站设计与开发》综合实验指导-静态

《《网站设计与开发》综合实验指导-静态》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、综合性实验指导书一、综合性实验目的本实验是在基本学习完课程后进行的一次全面的综合性实验。本次实验的目的是：1）巩固和加深学生对课程的基本知识的理解和掌握；2）掌握运用所学知识，进行网页设计的能力；3）掌握书写综合性实验报告文档的能力；二、综合性实验要求1）静态设计部分：每人根据所学的网页的相关知识设计一个站点（包含一个主页，至少链接到四个子页面），口由选题。网站中包含的内容需要有：模板、cssjavascript等技术。2）公开演示及讲解网页的主题思想，丄要内容，制作技巧的使用。三、综合性实验报告的内容1）封面（格式附在后面）2）综合性实验

2、报告（格式附在后面）（电了版）3）素材和最后完成的作品（电子版）4）现场打分表附录：综合实验报告封而及内容的格式《网站设计与开发》静态网页设计综合实验报告题M：静态网页设计姓名：洪杰学号：20130702034专业：医学信息工程年级：13言工(1)班指导:老师：胡芳完成日期：2015年11月6日［综合性实验报告］一、实验目的及要求本次网页设计目的是通过实践从而经历Dreamweavercs3开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweavercs3可视化开

3、发工具进行网页开发的方法；了解网页设计制作过程通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshopcs3、Dreamweavercs3等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。经历完整个网站设计开发的训练，将掌握完成实际网站设计应具备的核心能力和关键能力。具体要求如下：主题鲜明、内容充实；颜色明快、醒目、结构合理；2、导航清楚、栏目合理、层次分明、使用方便3、设计至少5个页面

4、。4、在设计时，要严格按照要求独立进行设计，不能随意更改。若确因条件所限，必须要改变课题要求时，应在征得指导教师同意的前提下进行。二、实验思路K确定网站主题，准备素材2、构建本地站点，创建站点目录；3、站点目录中各种文件分类存放，文件命名科学，网站不少于10个页面；4、整个网站内容大小不超过20M;5、网页版面采用表格布局；6、网页中引入CSS样式表技术。7、超级链接的都可正确点通；&网页中需添加如动画、音频、视频等多媒体元素；9、栏目设计合理，页面文字充实，图文并茂。10.可根据个人能力和兴趣使用数据库，ASP,JSP,PHP等网页技术。

5、完成后效果如下:网页主页刘亦菲足刘亦菲徵博营形菲香…曳g為……呦IWT««jpbj郴5*2La«YifeiM柿・”解仰佃saAS代金個蚁他心.魚••肘h也胧..…郴…撫墓……也旦艮…IWTiM”日txtisiron■■刘亦砲刘亦菲和25影菲香J揍本但0[星路历R11作R1亦莽世家1刘亦叱刘亦菲E十年•亦菲youicu护Mh轴站疋叱笑豪员、載•・曰工子畑・破:5・纠是灯碾・马*星尺^1A«MQ^ioitMO^n・WU»a・ldM^&lTtMtt«Gfi

6、W、滋女•如・材薈1吐・"人H««nb»•2ooewyjn«xi7*M«mA2T>・x■澄ip中&讥中能更■・»«^i*・心nx・iuwe工片<4包浹MjL式开仇・创•毘心彳炉二・杯切■品・束秋谓切円•冬・«nxwr»tflbNii*簡“需亦吆・惜朋、日・wnfRtikiIma&M*aBXMl.UHXdUUr*■刼•h月丁日・HTFS^4^:V7«««^WM村i■―■“8嗣p*"・・r倍％9和口・由WTJOO万天R^fW*zui^nflTa.影视作品■各体乂衣创EQ*&Nmitf三、实验总结通过这次实训对这门课程的学习，做好网页

7、，并不是一件容易的事，它包括网页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。所以我得出一下总结：一、准备资料和挑选符合目的主题的合适素材做网页当然要收集、准备资料。在网上多转转，看到什么漂亮的网页，把它保存起来，作为以后自己设计主页时的参考。另外，还包括搜集美化主页可能要用到的各种材料，如背景、小动画图标等等。可以在硬盘上建一个文件夹，下分“图片、声音、动画”等文件夹,养成上网时看到有创意、新鲜的图像，就按鼠标右键存入你硬盘相应文件夹的习惯，时间一长就拥有了一个可观的图库，等做网页时随手拈来或加以修改

8、就成你自己的东西了。二、规划好整个网站主页的设计应以醒目优先，应该令人一目了然，切勿堆砌太多不必要的细节，或使画面过于复杂。切记，页面给人的第一观感最为重要！在网上到处浏览网站的