《实训报告网页制作与网站建设项目实战.docVIP

《网页制作与网站建设项目实战》 实训报告册 系部： 专业： 指导老师： 班级： 同组人员： 实训时间 学号: 姓名： 实训成绩： 批阅时间： 江苏财经职业技术学院  目 录 一、实训目的 3 二、实训任务 4 三、实训要求 5 四、实训设计说明 6 五、实训中遇到的问题和解决方法 17 六、心得体会 18  一、实训目的 1．进一步熟悉和掌握网站建设的基本流程和技术规范； 2．巩固网页设计中各种HTML标记的使用。 3．巩固运用Dreamweaver软件创建网站，边界和创建网页，Fireworks，photoshop图像处理软件进行网页中图形制作和运用flash动画，背景音乐文件，视频文件丰富网页内容的知识； 4．巩固运用网页模板，使用恰当布局技术实现网页的合理布局和内容的编排； 5．巩固运用网页特效，网页行为给网页添加简单交互功能； 6．巩固运用CSS样式表实现网页，网站整体风格，样式的设置。 8. 熟悉使用Dreamweaver和CMS系统开发简单动态网页的能力。 9．具备独立撰写实训报告等科技文件的基本能力； 10．在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识； 11．为今后从事网站开发、维护和管理奠定基础。  二、实训任务 1．站点规划，搜集资料。确定网站主题内容，规划站点结构，从网上搜索相关资料（图片、文字等）。 2．进行主页设计。构思主页布局，进行主页标题图片的设计（力求原创，使用学过的绘图软件），进行主页其余图片的设计和页面内容的录入，最后进行主页的整体优化设计。 4．网页设计。除主页以外的网页设计，首先设计网页模版，一部分网页由模版生成，一部分为单独设计（依据实际需要确定哪些网页由模版生成，确定哪些网页单独设计）。包括版面设计和图形设计、内容录入等。 5．多媒体使用。在网页上使用网络上的多媒体素材，或者可以自己创作多媒体素材，实现网页的内容多样性，增加网站的美观和趣味性。 6．创建数据库，链接数据库，添加简单动态网页，实现部分数据的维护和更新。 综合优化。链接正确、得当，动态效果好（时间轴动画、行为、代码的嵌入等） 7．网站测试并递交。在浏览器中对完成的网站逐页打开测试，包括链接正确与否，页面打开时间，图片和动画是否丢失等。 8．说明：实训报告中第一、二、三、部分为复印，四部分为分组打印，第五、六部分手写。 三、实训要求 1．网站题材选择。 （1）班级网站（2）旅游景点网站（3）个人网站（4）网上书店（5）网上商店（6）课程学习网站（7）公司网站（8）学校网站 2．分组实现和各自网站风格对应的留言板，或者部分新闻发布管理功能。 3．实训技术要求。 页面布局合理，色彩和谐，链接正确，图文并茂并茂。网站页面大小应该满足800*600分辨率的客户，兼顾1024*768分辨率。 主要图片和动画为原创（保存有源文件），主页标题图片（动画）必须为原创。 必须且合理使用动态技术（包括行为、时间轴动画、嵌入代码等），必须且合理运用模版、库文件。 站点中网页总数不少于8页。 四、实训设计说明 1．网站主题说明（给出网站名称，为什么选择本主题网站，网站风格特色说明） 1、网站名称：旅游网站 2、选择本网站的的原因：选择旅游网站是因为我们身居江苏这个风景迷人的地方，在这里学习了接近2年的时间，对江苏淮安的文化有了更深的理解。尤其是淮安的景点，那有着古典气息的文化色彩，让我们对它有着很大的热爱。 3、网站风格特色：我们无的网站的主要特色是以古老的淮河文化为主业面板，运用透明flash实现古色古香的气息，让旅客看到这个页面有身临其境的感觉。 2．网站总体设计（说明设计思路，给出网站总体结构图，参考实训指导书） 3．网站主体风格设置，网站整体CSS样式表文件或网站模板，库，使用文字加效果图说明。 4．网站主页设计（网页主页布局设计，画出主页主要内容布局图）  5．网站各个功能模块的功能及实现（每个功能部分功能说明，使用的主要技术，运行截图） 6．网站特色，关键模块介绍（请结合具体的文字介绍，还有功能展示截图进行说明。该部分可以为网站的创意，网站的架构，网