[计算机]网页设计.docVIP

多媒体网站设计课程设计 多学科综合实验楼 专业班级： 计科0802 学 号： 2008001418 学生姓名： 栗喜明 指导教师： 李海芳 2012年1月14日  网站规划 1.本课题的研究意义 随着网络出版、发表和张贴文章等网络活动的急速增长，博客已经成为了一个指称这种网络出版和发表文章的专有名词。博客通常是由简短且经常更新的张贴构成，这些张贴的文章都按照年份和日期排列。博客的内容和目的有很大的不同，从对其他网站的超级链接和评论，到有关公司的新闻或构想，或者是个人的日记、照片、诗歌、散文，甚至科幻小说的发表或张贴。许多博客是个人将自己的想法表达出来，或者是一群人根据某个特定主题或共同目标进行合作，每个人都可以随时把自己的思想火花和灵感更新到博客站点之上。 因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。根据个人喜好开发了博客网站。 （1）该网站的主页中包含文字、图像、声音、视频和动画等多媒体元素，各元素排列、摆放整洁、有序。网站界面颜色搭配合理，给用户友好感受。 （2）在网站主页中，各媒体元素根据需要会具有超级链接功能，可以是页内链接也可以是页间链接。 （3）该网站还会具有动态交互能力，能够和后台数据库动态交互数据。 （4）该网站会有用户注册和登录，用户可以进行挑选物品，物品会有简介、图片、单价等信息。同时用户对选择的物品可以查看购物车，可以修改。 主页的大致排版： 设计中用到的关键技术 系统开发环境 操作系统是 开发ORACLE。 开发工具是 采用Dreamweaver或Frontpage制作工具实现网站建设 本网站的开发主要依靠Dreamweaver进行设计，添加子页面等。 采用JSP技术实现和后台数据库交换数据 数据库设计 数据模型由三个要素组成：数据结构、数据操作和数据完整性约束。 1.数据结构 数据结构用于描述系统的静态特性，是所研究的对象类型的集合。数据模型按其数据结构分为层次模型、网状模型和关系模型。 2.数据操作 数据操作用于描述系统的动态特性，是指对数据库中各种对象的实例允许执行的操作的集合，包括操作及有关的操作集合。 3.数据的约束条件 数据的约束条件是一组完整性规则的集合。完整性规则是给定的数据及其联系所具有的制约和存储规则，用以限定符合数据库状态以及状态的变化，以保证数据的正确、有效和相容。 首先打开SQL Server本地客户端的查询分析器，如下图所示，选择或指定要连接的服务名称，输入帐户和密码。 创建数据库： 在数据库中的结构如下图： 表：zilong 此表为用户管理表 表结构如图： 创建代码如下： USE [flex] GO /****** 对象: Table [dbo].[] 脚本日期: 01/12/2012 10:07:18 ******/ SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO CREATE TABLE [dbo].[]( [bh] [int] IDENTITY(1,1) NOT NULL, [userid] [nvarchar](50) NULL, [password] [nvarchar](50) NULL, CONSTRAINT [PK_zilong] PRIMARY KEY CLUSTERED ( [bh] ASC )WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY] ) ON [PRIMARY] 各字段说明： Bh—编号，此字段为标识字段，在进行数据库插入的时候自动进行增加，所以在insert语句中不需要表示。 Userid—用户ID Password—用户密码 创建数据库sql语句 建表后，批量插入登录名和密码的数据 本网站的登录是利用JSP技术，与后台数据库连接，验证后才能进行正确的进入index.html 多媒体元素采集与制作 图片文件中的素材： Music和video文件中的素材 图片中的素材剪切利用了photoshop技术，如网站主页的页眉图片，文字的加入，图片的渲染等等。 网页设计步骤 网站的组织与策划?定位网站的主题和名称 主题要小