web婚纱摄影网页课程设计2.docx

开发使用教程课程设计报告

题目：婚纱摄影

目录

\o1-3\h\u目录 3122

摘要 175903

1需求分析 231514

2系统设计 226154

2.1系统目标 169824

2.2关键技术 139285

3设计与实现 277646

4代码实现 2309810

4.1主页面代码 1973710

4.2浏览器窗口内漂浮的图片代码实现 1538312

4.3注册登录页面设计 2553113

4.4图片自动切换代码设计 2782013

5实验总结 3102616

6参考文献 1043717

摘要

随着人们的生活水平的提高，人们对婚纱摄影的要求也越来越高，婚礼不仅是一个仪式，更是一段精神享受历程。世界各地各有各的美妙，各有各的精彩到处都充满着浪漫气息，我们的婚纱摄影网站详细的介绍了业务服务地区及各色套餐。这个网站方便新人挑选自己心仪的婚纱拍摄地点及婚纱款式，甄选适合自己的套餐。

关键词：婚纱摄影、、、网站

1需求分析

婚纱摄影借助互联网，能够解决传统婚纱摄影实体店不能解决的信息跨地区推广问题；同时还由于婚纱摄影也作为一个整体的商业生态链，涉及到旅行服务机构、酒店、景区、交通等等，利用互联网可以将这些环节连成一个统一的整体，进而可以大大提高服务的水平和业务的来源。一方面，互联网为婚纱摄影宣传提供新的机遇及提高服务水平和运作水平的手段，另一方面，大多数没有开展网上业务的中小型婚纱摄影则面临严峻的挑战。网站系统解决方案提供商必须有足够的能力和经验帮助广大中小型的婚纱摄影走上电子商务的道路，同时，其提供的解决方案还必须能够同时满足复杂的B2B和B2C需求，并在稳定性、可用性、可管理性等方面具有优势。

2系统设计

2.1系统目标

1、网站主要功能模块

（1）优美案例：介绍网站婚纱摄影的成功案例，提供基础婚纱摄影资料，提高品牌知名度。

（2）婚纱展示：展示了一些具体的婚纱款式及价格，方便用户选购。

（3）优惠套餐：提供了两种价格及其优惠的套餐活动，方便新人选购适合自己的风格。

（4）关于我们：包含了网站建设以来的发展状况，业务人员水平等信息。

（5）联系方式：公布了网站的联系方式，办公地点等基本信息，方便用户了解公司。

（6）摄影风采：罗列了以往的经典样片，展示了摄影水平能力，有助于用户了解公司业务能力

2、站点结构导航图

2.2关键技术

1

超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，\o超文本标记语言?它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果

2

是一种轻量级的编程语言，可以嵌入到页面中，由来浏览器来解释执行，用来实现浏览器和用于交互。是一种基于对象和事件驱动的客户端脚本语言，他可以在用户浏览器为网页添加一些动态效果，和用户交互，响应用户操作。可以用来帮助减轻服务器的压力，例如在客户端完成数据校验。

特点：

(1).解释性脚本语言，不需要编译，只需要嵌入到代码中，由浏览器逐行加载解释执行。

(2)是一种基于对象的语言，使用已经创建好的对象来，和面向对象的先锋需设计语言不同，并不支持继承和重载。

(3).语言简单，弱类型，语法和语言类似，变量不需要声明和指定类型即可使用，是一种弱类型语言。

(4)语言相对来说比较安全，仅由浏览器执行，不允许访问本地硬盘，以及操作服务器上的数据，只用来显示浏览器的网页效果和实时交互。

(5).动态性，使用可以在前端实现一些和服务器完全没有联系的效果，采用事件驱动的方式进行，页面的相关控件的相关事件在处触发的时候会自动执行响应的脚本或者函数。

(6).运行环境一般来说是浏览器，只需要浏览器支持即可，如果不支持（或者用户禁用了），浏览器会忽略掉这些代码。

3

是设计标准，它是一种网页的布局方法。与传统中通过表格（）布局定位的方式不同，它可以实现网页页面内容与表现相分离。提