姓名 欧亚学院《HTML+CSS》大作业 PAGE 2 《HTML5网页设计》期末大作业 题 目： 专 业： 班 级： 学 号： 姓 名： 时 间： PAGE 4 PAGE 3 目录 TOC o "1-2" h u 一． 需求分析： 2 1. 功能需求： 2 2. 软件需求： 2 3. 使用说明 4 二． 详细设计： 4 1.梵花艺主页代码： 4 2.梵之爱代码： 7 4. 梵之情代码： 10 4.声明代码： 13 三． 课程总结与感想： 17 总结与感想 17 需求分析： 功能需求： 开店成本极低 网上开花店与网下开花店相比综合成本费用较低，不用考虑房租和装修的问题。许多大型购物网站提供租金极低的网店，有的甚至免费提供，只是收取少量商品上架费与交易费;网店可以根据顾客的订单再去进货，不会因为积货占用大量资金;网店经营主要是通过网络进行，基本不需要水、电、管理费等方面的支出;网店不需要专人时时看守，节省了人力方面的费用投资。 经营方式灵活 网上花店的经营是借助互联网进行经营，经营者可以全职经营，也可以网上网下同时经营，网店不需要专人时时看守，营业时间也比较灵活，只要可以及时回复浏览者的咨询就不会影响经营。网上开花店不需要网下开花店那样必须要经过严格的注册登记手续。 网上开店基本不受营业时间、营业地点、营业面积等传统因素的限制 在网上开花店，只要服务器不出问题，可以一天24小时、一年365天不停地运作，无论刮风下雨，无论白天还是晚上，无须专人值班看店，都可照常营业，消费者可以在任何时间登陆网站进行购花。网上开花店基本不受经营地点的限制，网店的流量来自网上，因为即使网店的经营者在一个不起眼的位置里也不会影响到网店的经营。 软件需求： 本次网页设计使用HBuilder HBuilder是个原本由Macromedia公司所开发的著名网站开发工具。它使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。随Macromedia被Adobe收购后，Adobe也开始计划开发Linux版本的HBuilder了。HBuilder自MX版本开始，使用了Opera的排版引擎 "Presto" 作为网页预览。 要想学习制作网页，就要从软件HBuilder学起，下面我们来了解一下HBuilder的基础只是已经相关技术 HBuilder的优点就是其制作效率。HBuilder可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。HBuilder能与您喜爱的设计工具，如Playback Flash,Shockwave和外挂模组等搭配，不需离开HBuilder便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使HBuilder自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。 另外HBuilder是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，HBuilder 支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得 HBuilder成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango与自行发展的应用软体。当您正使用HBuilder在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。梦幻样版和XML HBuilder将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版正确地输入或输出XML内容。 全方位的呈现利用HBuilder设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于cascading style sheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能，HBuil