如何完成一个电子商务网站.ppt

我们的目标：完成一个电子商务网站——绿精灵植物网 我们的准备工作 电子商务网站设计规划书 网站功能分析 网站设计风格构思 网站结构图 网站首页、二级页面、三级页面、后台管理布局图（草图） 网站数据库设计 网站目录文件设计 网站首页、二级页面、后台页面美工图 网站LOGO、导航条、横幅的FLASH 网站素材的搜集 如何完成我们的网站？ 由美工图制作完成网站的首页和二级页面 PS切片注意点： 根据网页布局的需要切成大块，存储为web和设备所用格式——html和图像 注意给重点切片取名字 切大块时，一些无关图片需隐藏 用作超链接或者网页内容的图片单独保存（可以进行二次切片、或者复制组、复制图层），二次切片时，存储为web和设备所用格式——仅限图像 配置站点 组长：配置IIS——网站和Ftp站点，注意FTP站点设置为写入 配置DW——配置本地信息和测试服务器 组员：配置IIS——网站 配置DW——配置本地信息、远程信息和测试服务器 由组员通过FTP将网站文件实现上传、下载和同步 由组长收集完成网站后，上交作业 静态页面的制作 由切片生成的网页需将一些图片设置为背景，注意设置单元格的宽度和高度 由于切片直接生成的网页容易变形，可以重新用表格布局 CSS样式的设置 body,td,input,div——设置字体大小 a:link,a:visited a:hover,a:active——设置普通超链接 .title1——设置标题文字样式（加粗、颜色、大小） .content——设置主体内容文字样式（行间距、首行缩进） .line——设置各种线条，如.linetop .linefoot .lineleft .lineright .box等 特殊超链接用“类”或者“高级”设置，用类设置的CSS样式需应用；用“高级”设置的样式需给使用对象取名字 静态页面的制作 模板的制作和应用 模板可以直接新建，或者由普通网页另存为 模板必须有可编辑区域，此区域不能填满 其他页面可以应用模板，在可编辑区域填写自己的特殊内容 服务器包含的应用 将网站中公共的部分分别制作单页保存 将单页面body/body内部代码保留，其余删除 在需要用到的页面中布局，并包含公共部分 后台管理框架网页的制作 一般使用“上方固定，左侧嵌套”布局，产生四个网页 注意框架网站的超链接目标 spry spry Spry 框架是一个 JavaScript 库，Web 设计人员使用它可以构建能够向站点访问者提供更丰富体验的 Web 页。有了 Spry，就可以使用 HTML、CSS 和极少量的 JavaScript 将 XML 数据合并到 HTML 文档中，创建构件（如折叠构件和菜单栏），向各种页面元素中添加不同种类的效果。在设计上，Spry 框架的标记非常简单且便于那些具有 HTML、CSS 和 JavaScript 基础知识的用户使用。 spry的使用 spr面板——插入系统自带内容 修改内容 修改CSS 作业1 首页、列表页、内容页的制作 首页、商品列表页、商品信息页的制作——必做 将商品页另存为模板备用（或者用服务器包含也行） 完成《电子商务网站规划书》并打印上交——必做 初步完成网站的数据库——必做 作业2 首页、列表页、内容页的制作 新闻列表页、新闻内容页的制作 将新闻页另存为模板备用（或者用服务器包含也行） 后台管理框架网页的制作 应用框架网页完成后台首页 在后台左侧列出管理员管理的模块 根据小组职责表完成网站的相关功能 数据库的连接 “provider=Microsoft.JET.OLEDB.4.0;Data Source=”Server.MapPath(“数据库相对于网站根目录的路径”) 记录集的新建、绑定、重复 转到详细页 数据库的增、删、改 用户身份验证（登录、注销、限制对页的访问、检查新用户名） 小组提交作业示范、演示、评分