1、网页设计与制作的题目
网页设计与制作的题目
一、填空题:
1、 1、 请用HTML语言描述下列语法
欲格式化文本 (1)
链接格式 (2)
开一个新窗口的格式 (3) 。
网页背景颜色格式 (4)
2、若当前网页位置为:c:\my documents\my web\index.htm,链接页面的相对位置为:favorite.htm,则该链接页面的绝对链接为: (5) 。
3、DreamWeaver中,Z_index分别为0、2、3的层,我们最先看到的是Z_index为 (6) 的层。
4、Flash中的动画除了逐帧动画,主要分为 (7) 、 (8) 两种。
5、DreamWeaver中,模板通常分为两个区: (9) 和 (10) 。
6、请用HTML语言描述下列语法
改变字体大小和颜色 (1) 使文本以斜体显示 (2)
明确描述用在DL元素(用来定义一个列表)中的内容 (3)
创建一个有序列表 (4)
7、HTML中的列表格式分为3种: (5) 、 (6) 和 (7) 。
8、CSS在HTML中主要有三种应用方法 (8) 、 (9) 、 (10) 。
9、请用HTML语言描述下列语法
指明自己Web页面的名字 (1) 强调某些文本 (2)
定义一个段落 (3)
创建下标 (4)
10、从链接的方式上来分,链接大致可以分为3种: (5) 、 (6) 和 (7) 。
11、Flash通过使用 (8) 、 (9) 克服了网络传输速度慢的问题。
12、使用Fireworks进行图像编辑过程中,为了更准确地编辑图像位置,常常借助于 (10) 。
二、简答题:
1. 简述站点的层次结构和层次规划原则。
2. 简述什么是超级链接及其语法格式,两种URL的区别。
3.Dreamweaver是什么样的工具软件?简述其主要功能。
4. 简述如何使用Flash制作自己的动态按钮?
5. 简述HTML文档的结构。
6. 简述什么是网页,网页的特点。
7. 简述网页设计的基本准则。
8. Fireworks是什么样的工具软件?简述其主要特点。
9. 简述Flash是怎样通过使用矢量图形和流式播放技术来克服网络传输速度慢的问题的?
10. 简述表单发送的两种方式GET方式和POST方式。
11. 简述什么是HTML的单标识和双标识?
12. 简述Flash开发环境主要由那几部分组成,并说明其功能或用途。
13. 什么是地图索引?使用Dreamweaver制作地图索引得步骤。
14. 简述如何使用Fireworks制作按钮?
15. 简述你对动态服务器页ASP的认识。
三、设计题:
1、用HTML语言实现下列表格。
财务报表
季 度 收 入(元) 支 出(元)
建 筑 房 地 产 销 售 服 务 办 公
第一季度 306000 282000 90000 10000
第二季度 450000 364000 54000 20000
2用HTML语言实现下列表格。
财务报表
品 牌 春 装 夏 装
男 装 女 装 童 装 男 装 女 装 童 装
JC 牛仔系列 116 98 68 88 86 46
休闲系列 120 100 80 98 88 50
3、叙述使用flash工具制作探照灯效果的过程及步骤
提示:
(1) (1) 如何新建flash文件?
(2) (2) 如何新插入新图层,如何将层名改为暗图像、亮图像、探照灯?
(3) (3) 如何选择暗图像层的第1帧,导入图片(图片名称任意)。
(4) (4) 是否该将换为符号?如何修改符号名为:背景图,类型为:graphic。
(5) (5) 怎样设置透明度(Alpha)为10%。
(6) (6) 选择亮图像层,从何处将符号“背景图”拖放到舞台上, “亮图像”中的实例在和“暗图像”应给注意些什么?
(7) (7) 选择探照灯层,在舞台上绘制圆,填充颜色微任意色,分别在第10帧、20帧、30帧插入关键帧,并改变第10帧、第20帧、第30帧圆的位置,设置第1~30帧的效果。
(8) (8) 将文件保存为:mask.fla。
2、制作网页设计选择题的实验步骤?
最简单的方法就是每道题目用一个独立的网页来表达。就是说你将题目写死在页面上。然后在页面上设立一个hidden字段来存储这道题的正确答案。当用户点击这个某个答案的时候,用javascript来捕捉按钮点击事件,将事件触发时得到的结果和你内部的hidden字段里面的值进行比较。若要统计总共答对题目的个数,我想可以通过地址后面加“?”的方法去取得,同样存在javascripte中。
3、高分跪求《网页设计与制作》作业!!!
已经发送两份。。。。(希望对你有所帮助。。。同时记得采纳我的回答哦。。
如有网页方面的问题,欢迎去我们团或群--专业网站制作
140391953(网站、网页制作QQ群)
4、网页设计大赛对动态网页的设计要求?
(1)作品要求:
a、实用价值高如同学录系统,论坛、学生资料管理系统、相册,创意突出,体现校园园区精神文明建设,和谐社会主题,体现本班级大学生风貌,学习气氛浓厚,作品内容健康,积极向上。
b、代码干净,系统实用性强,文件规整符合软件工程相关开发要求,对使用较高水准的编程语言,如JSP,ASPX等适当提高基础分,使用CSS+DIV和XML开发的将直接进入决赛。
c、所有作品应适当考虑使用FLASH或者平面图做引导页,对于大面积抄袭或篡改他人作品和模板的一经发现,取消评奖资格。
(2).评审:
a.网站内容40分:
①创意突出,体现校园园区精神文明建设,和谐社会主题,体现本班级大学生风貌,学习气氛浓厚,作品内容健康,积极向上,系统实用性强,运行速度快,无死连接和不合理设置。
b.常规技术30分:
①网站的原创性: 包括网页图片处理,FLASH动画,及后台程序.
②整体视觉效果:整个网站在设计上是否统一和谐。
③美工设计:页面的美工设计含量。
④页面规划:页面的规划是否合理、美观、易扩充。
⑤页面易用性:用户使用时是否方便。
⑥页面兼容性:在各种浏览器、各种分辨率下是否影响页面显示效果等。
c.高级技术30分:
① FLASH技术的运用效果,网页布局协调统一,采用WEB标准布局,色彩搭配美观。
② 编码语言使用上如JSP,PHP,ASPX,XML,FLASH RIA,AS脚本等都给予适当加分。
③ 后台程序对网站前台控制程度:对整个网站进行修改时是否方便,是否易更新。
④ 技术含量:网站整体的技术评价。
d.基础分分为 03级为5分,04级为10,05级为15分,网络评比成绩按最后投票数折合相应分数。
e.总分为 基础分+网络评比分+内容分+常规技术分+高级技术分=最后分数
初赛根据情况塞筛选出参加决赛的作品。
5、谈谈对《动态网页制作与设计》的感想论文!急求!谢
在学习网页制作的这几天里,我利用了学习之余的一切可利用的剩余时间,全心全意投入到网页世界,去不断的学习,去不断的探索;同时去不断的充实,去不断的完善自我,在网络的天空下逐渐的美化自己的人生!
做好主页,并不是一件容易的事,它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。
理论上的认识:
随着Internet在中国的迅速发展,人们日常生活中越来越多地使用这项新的技术来为自己的工作和学习服务.由于WEB页面能把文本、图像、声音、动画、视像等多种媒体信息集于一体,不但使信息的显示更加生动,而且使信息的浏览更为方便,同时WEB页能实现网上交易平台、客户信息反馈方便了企业与客户之间信息交流,因此许多企业纷纷建设具有自己独特风格的网站以增强企业知名度.
网页艺术设计是伴随着计算机互联网络的产生而形成的视听设计新课题,是网页设计者以所处时代所能获取的技术和艺术经验为基础,依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动,必然要成为设计艺术的重要组成部分,并随着网络技术的发展而发展。表面上看,它不过是关于网页版式编排的技巧与方法,而实际上,它不仅是一种技能,更是艺术与技术的高度统一。
1.标题
在个人主页中标题起着很重要的作用,它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、简短,有特色、容易记,还要符合自己主页的主题和风格。
2.内容的采集
选好标题后,开始采集内容,内容必须与标题相符,在采集内容的过程中,应注重特色,所谓特色应该是有一些自己的东西。个人主页中的特色,应该突出自己的个性,把自己的兴趣、爱好尽情地发挥出来,因为在网络上不受限制。主页就是在网络上的一个小小家园,在那里,可以放上自己喜欢的任何东西,包括你自己平时喜欢一些文章,一些好听的歌,一些好的动画作品。
3.图片
做个人主页不能只用文字,必须在主页上适当地加一些图片,增加可看性,俗话说"一图胜千言",我想不无道理,一张处理得好的图片不需要多做任何解释,就能让人一目了然,让人去思考,去了解它。
4.网页排版
网页页面整体的排版设计也是不可忽略的,很重要的一个原则是合理地运用空间,让自己的网页井井有条,留下必要的空白,人觉得很轻松。
5.特色
让自己的网页更有特色一些,可适当地加一些声音、动态网页、Java、Applet。
实践中的认识:
话虽是像上面这样说的,但是真要做起来确是很难.做网页设计不仅要从艺术的角度来考虑而且要从社会大众的认可性来考虑.网页设计必须要服从企业或部门的经营理念来考虑.如果设计的作品很好看但是和企业不搭调那就等于白做.
以上就是我对网页设计的认识和总结,虽然从理论上都知道如何去做,但是实际做起来很难.总的来说就是很难突破,很难超越自己.因此在以后的学习中要更加完善自己,突破自己.
6、网页制作都包括哪些技术?
1、活版印刷
一个成功的网站只有很少的字体是类似的款式,而不是使用的字体。最好的网站应该使用无衬线和无衬线字体,而不是两者的结合。
印刷术的网站也应该小心使用的字体,好的设计会加入一些类似的字体,而不是一个范围内型面。大多数浏览器都能识别特定数量的安全字体,这样设计主要是利用以避免并发症的发生。
2、代码质量
当创建一个网站,它是很好的做法,以符合标准。这包括代码中的错误,代码为更好的布局,以及确保你的ID和类的正确识别。这通常是通过描述指定元件做什么。
不符合标准的网站无法使用或容易出错的,标准可以涉及到正确的页面布局的可读性,以及确保适当地关闭了编码元素。DOCTYPE声明,这是用来突出显示代码中的错误。系统识别错误和不符合网页设计标准。
3、视觉设计
良好的视觉设计网站上的标识,其目标市场。这可以是一个年龄组或特定的文化链,因此,设计人员应了解其受众的趋势。设计人员也应该明白他们设计的,这意味着一个企业网站不应该被设计成一个社交媒体网站,例如相同类型的网站。
4、交互设计
对于网站来说,好的交互设计对网页设计的整体起着至关重要的作用,一个好的交互不仅能大大提升页面整体的设计效果,增强页面的“活跃度”,还能有效提高用户体验,“屏蔽”单调的操作流程,使得产品、文化的表现都能最大化的呈现并传达到相关的受众。
5、内容更新
企业Web站点建立后,要不断更新网页内容。站点信息的不断更新,让浏览者了解企业的发展动态和网上职务等,同时也会帮助企业建立良好的形象。
7、网站设计需要考虑哪些因素
一、网站的主题定位
在一个网站建设前首先要做好的就是网站的品牌定位,明确网站的定位是围绕着集团网站建设还是产品品牌角度出,网站的视觉风格、页面板块、内容核心等都会有区别。定位确定之后,需要在网站建设后期,通过独特的网站风格、主题突出的栏目内容,体现出品牌的核心价值。而且确定好定位以后,网站后期的优化也可以更加方便的进行。
二、网站整体的风格设计
视觉效果是影响用户对网站印象的重要因素,要体现企业的气质需要高水平的网页设计来烘托。在做一个品牌网站的网页设计时,一定要对品牌有深入的了解和把握,这样才能提取出网站的核心部分。
三、网站的整体架构
网站整体架构包括公司介绍、新闻动态、服务展示、联系我们等内容,要让用户通过这些内容对品牌形成认知,当然这些内容并非每个都面面俱到,最好能详略得当,着重推出品牌形象与产品推广。这就像是我们日常生活中所用到的名片一样,用户如果想对公司有所了解,就一定会去看企业的官网去进行初步的了解,所以网站建设时一应要齐全,可以让用户初步对公司有一个比较全面的了解。
四、网站的数据分析
通过挖掘用户的浏览信息,去分析用户的行为,从而对网站的布局、网站的设计、关键词等进行及时的调整。不断的去提高企业网站的品牌效应。多做一些正面的宣传增强用户的信任度。
五、网站的日常维护
一个品牌网站,必须要有一个可以对网站内容进行实时监控的专业的团队。这样网站出现问题时就能得到及时的处理。以防出现遭受攻击或网站响应速度变慢等问题,影响用户的体验。日常文章的更新、网站安全的维护、网站版块的及时升级等等,都需要一个专业的团队去进行。
六、网站的互动营销
让人印象深刻的品牌网站,是能够提供互动的网站,不管对用户,还是对品牌生产经营活动价值链上的各个环节,都能做好管理。不断通过有效的网络互动营销,达到品牌传播目的。
8、求网页设计考试大纲
09年的还没有出来,我给你08年的。09与08年考纲应该没什么变化!
为确保网页设计人员的质量,依据《国际职业认证标准》和《网页设计师考试大纲》,参照现在社会对网页设计人员的要求,制定本考试大纲。
本考试大纲作为网页设计师考试命题之依据。
认证考试概述
一、考试性质
网页设计师考试,系国际职业认证标准联合会组织的国际职业认证资格标准考试。
二、考试目的
对网页设计人员从业水平、任职资格进行考核
三、考试内容
Photoshop、firework、Dreamweaver、Flash等设计软件, HTML、CSS、javascript网页程序设计语言,了解数据库知识:Aceess 、 sql server
四、考试题型
1.单项选择
2.多项选择
3.判断
五、考试方式
计算机上机考试、作品的审核。
六、报考条件
中专、大专、本学校的毕业学生。或社会工作经验2年以上者均可报名
考试大纲
第一部分软件的使用
Photoshop 7.0
1、Photoshop7.0入门 2、Photoshop7.0基本操作 3、图像编辑初步 4、 图像色彩和色调调整
5、 图像编辑工具
6、图层的使用
7、通道的使用
8、路径与形状
9、滤镜面面观
10、 图像处理自动化11、 图像输入与输出
12、 网页图像设计
13、图像处理实例集锦
Fireworks 81、Fireworks8基础知识与操作
2、绘制图像
3、编辑图像
4、文字的使用5、元件和图层6、滤镜和效果7、HTML基础8、动态效果设计9、优化与导出图像
Dreamweaver8与ASP动态网页
1、 Dreamweaver8基础
2、 构建站点
3、 ASP基础知识
4、 ASP使用的脚本语言
5、 ASP的内置对象
6、 ASP的内置组件
7、 与ASP相关的数据库
8、 用户注册和登录
9、 留言版
10、 网上评分系统
11、 新闻发布系统
12、 BBS系统
FLASH 8
1、文档和对象的操作
2、工具的使用
3、创建与编辑文本
4、元件、实例与库资源
5、图像、声音与视频的导入
6、时间轴的使用
7、制作动画
9、ActionScript编辑基础
10、组件
11、测试、发布与导出动画
第二部分作品审核
计算机上机考试通过后,由际职业认证资格标准联合会专家团来审核作品。
Macromedia认证网页设计师基本技能:
1、 网站设计规划DreamWeaver 软件应用,HTML与javascript入门,网页定位,模版与库,多媒体网页技术
2、 Fireworks WEB图象设计原则,位图与矢量图设计,网页动画 交互页面的设计与制作
3、 Flash WEB矢量动画设计的原则与方法,Flash的基本操作与其菜单功能,经典商业案例分析,学生作品点评
9、网页规划设计
互联网站规划与设计
摘要 本文概述了互联网站的规划与设计的方法,介绍了网站设计规划的规范,及所需的关键技术,对电信系网站的构建作了系统分析,提出了总体设计方案和制作步骤,而且论述了构建网站过程中所遇到的技术难题及解决办法。
关键词 网站规划 网站设计 网站维护 ASP
一、引言
在当今全球信息化大潮中,互联网(即因特网——Internet)异军突起,给20世纪末的人类社会增添了无限的活力,成为现代社会生活中一道亮丽的风景线。 互联网带给人们的不仅仅是技术,而是一种以信息为标志的崭新的生活方式。 他正在改变着人们的工作和生活方式。有人曾以“围城”比喻互联网,但所不同的是,“外面的人想进去,里面的人不想出来。”互联网为什么有这么大的魅力呢?这不仅与人们日益增长的文化生活有关,更重要的是与互联网的技术不断更新和革命有关。
一个网站的整体规划和设计的好坏是它发展的重要之处, 也是它吸引人们浏览的所在之处。Internet/Intranet技术的日益发展,使人们认识到了Internet/Intranet的优势,更使得数据库与web的连接成为数据库开发方面的热门技术之一。
通常情况下,通过浏览器看到的网页大多是静态的。所谓“静态”,是指网站的网页内容“固定不变”, 当浏览器通过互联网的HTTP(Hypertext Transport Protocol)协议向Web服务器请求提供网页时,服务器仅仅是将原来设计好的静态HTML文档传给浏览器。其页面内容使用的仅仅是标准的HTML代码,最多再加上流行的GIF89A 格式的动态图片,比如产生几只小猫小狗跑来跑去的动画效果。 若网站维护者要更新网页的内容,就必须手动更新所有的HTML文档。
静态网站的致命弱点就是不易维护。为了更新网页的内容, 网站维护者必须重复制作HTML文档,随着网站内容和信息量的日益扩增,可以想象这是多么复杂繁琐的工作。那么,什么是动态网站呢?所谓“动态”,并不是指放在网页上的图片会动,动态页面应具有以下几个特点:
(一).交互性:即网页能根据客户的要求和选择而动态改变和响应,浏览器即作为客户端界面,这是今后Web发展的大势所趋。
(二).自动更新:即无需手动更新HTML文档, 就能自动生成新的页面,从而大大减少工作量。
(三).因时因人而变:即当不同的时间、不同的人访问同一网址时能产生不同的页面,这一点对于需要对使用者授权的网站尤其适用。
随着的Internet迅速发展,不管是专业的ISP(Internet服务提供者)和ICP(Internet内容提供者),还是一般的政府机关、银行、交通部门、学校、医院、服务者,甚至是每个人,都在积极寻求在Internet上发布信息,提供新型的网上管理和服务。可以说,网站设计和网站的编辑正成为新兴的热门行业。
二、网站的系统分析
(一).项目立项
我们接到客户的业务咨询,经过双方不断的接洽和了解,并通过基本的可行性讨论够,初步达成制作协议,这时就需要将项目立项。较好的做法是成立一个专门的项目小组,小组成员包括:项目经理,网页设计,程序员,测试员,编辑/文档等必须人员。
(二).客户的需求说明书
收稿日期 : 2001年5月25
作者简介:马彦文,西北第二民族学院电子与信息工程系97通信专业学生。
第一步是需要客户提供一个完整的需求说明。很多客户对自己的需求并不是很清楚,需要您不断引导和帮助分析。有些客户可能对自己建什么样的网站根本就没有明确的目的,以及他的网站建好后来干什么也是一无所知,为了客户能有明确的目的我们需要耐心说明,仔细分析,挖掘出客户潜在的,真正的需求。这样对大家都有好处,我们的宗旨应该是“客户明明白白,双方高高兴兴。”对客户和自己都是一种负责。
配合客户写一份详细的,完整的需求说明会花很多时间,但这样做是值得的,而且一定要让客户满意,签字认可。把好这一关,可以杜绝很多因为需求不明或理解偏差造成的失误和项目失败。糟糕的需求说明不可能有高质量的网站。那么需求说明书要达到怎样的标准呢?简单说,包含下面几点:正确性:每个功能必须清楚描写交付的功能;可行性:确保在当前的开发能力和系统环境下可以实现每个需求;必要性:功能是否必须交付,是否可以推迟实现,是否可以在削减开支情况发生时"砍"掉;简明性:不要使用专业的网络术语;检测性:如果开发完毕,客户可以根据需求检测。
三、建设方案
(一).建站理念
(1)预早筹划
设计主页未必很艰难。但这一工作与编制传统的宣传品一样,都需要我们谨慎处理和筹划。换言之,我们必须首先 确定自己需要传达的主要信息,然后细意斟酌、把所有意念合情合理地组织起来;之后是设计一个页面式样,试用于有代表性的用户,接着重复修订,务求尽善尽美。
(2)尽量精简
主页的作用好比一本书的封面,是为了吸引用户测览你的网址内容。因此,主页的设汁应以醒目为上、令人一目了然。切勿堆砌太多不必要的细节,或使画面过于复杂。在主页上清楚列出三项要点,例如机构名称、提供的产品或服务 、以及主页内容(亦即你的其他页面还载有什么资料)。应切记页面给人的第一观感最为重要。在网上到处浏览的人很多。如果你的主页真没有吸引力,很难令他们深入观赏。
(3)尽量简朴
现今大部分用户那是用调制解调器接驳万维网,所以他们一般都要花很多时间等待主页传送到自己的系统。主页上的图形应力求简朴, 避免耽搁用户的时间。图像愈大、颜色愈深,传送页面的时间愈长。这并不是说你要完全略去图像不用,只是提醒你要注注意使用图像所引起的效果。主页上的颜色最好不超过六十四种,页顶图像最好保持在大约10KB(千字节)以下。切勿禁不住诱惑,觉得非要放入大幅的图画不可;应考虑只用三两幅短小精悍的图像。主页整体上要能够迅速传送。如果载入的时间超过十至十五秒,很多用户就会等得不耐烦。如果情况许可,最好先测试你的主页在稍差的条件下的传送速率,14.4千波特的调制解调器,或透过 Prodigy 等网上服务接驳万维网等。
此外、还须注意配合最低档的设备,例如标准的小型显示器,不要假设人人都用高解像度的大荧幕。运用先进浏览软件所提供的一些尖端功能是可以的、但应确保你的主页在次一级的浏览软件上(例如某些网上服务所提供的专用浏览软件)仍可畅顺地显现。
(4)善用图像
用户在网上四处漫游,你必须设法吸引和维护他们对你的主页的注意力。万维网的其中一个最重大资源是其多媒体能力,所以我们无论如何要善加利用。主页上最好有醒目的图像、新颖的画面、美观的字款,使其别具特色,令人过目不忘。图像的内容应有一定的实际作用,切忌虚饰浮夸。最佳的图像应集美观与传讯于一身。注意图画可以弥补文字之不足,但并不能够完全取代文字。很多用户把浏览软件设定为略去图像,以求节省时间他们只看文字。因此,制作主页时,必须注意将图像所带的重要信息或联接其他页面的指示用文字重复表达—次。用“纯文中”模式测试已制成的主页,确保其传达到所有信息。
(5)使主页易于漫游
主页的其中一个主要功能是作为漫游工具,指引用户查阅你存储在网址或其他地点的信息。尽量使漫游过程不费吹灰之力。基于清晰明确和速度的考虑,主页上的联接项目应只限于几个高级的类别,例如公司、产品、服务、支援等。用六至八个联接项目最为理想。
此外,你提供的信息不应埋藏在重重叠叠的页面之下。穿越五个以上的联接项目已足以令人厌烦。因此,你必须在广度和深度之间求取平衡。如果你的网址上有太多信息,你可能要编制较长的页面或使用更多联接项目,甚至可能要建立多个主页、 使每个主页载有不同的信息。如果能够让用户在主页上以关键字或词语查找所需的信息,肯定受用户欢迎。
假若你有充足的资源,便应找一位专家来评估你设计的主页是否方便易用。设法找一些对主页陌生的用户,来试用你的初步制成品。
(6)提网协领
主页—般须载有以下事项:
标题,此标题须清楚无误地标示你的网站。标题可以是名称、标语徽号或图像。
电子邮件地址 ,以便用户有问题时,可以通知你。
版权资料,这是适用于主页内容的版权规定。你可以在主页上标示一句简短的版权声明,用联接方法带出另—个载有详细使用条款的页面,这样可以避免主页显得乱糟糟。
联络资料 ,列出通讯地址电话号码等。
(7)循环利用现有信息
制作主页时,通常都毋须从头做起,因为有许多现成的文字、图画等资料可供我们重用,例如宣传小册、公关文件、技术手册、资料库等。很多情况下,只要用少许功夫、就可把这些材料转到网页上使用。
(8)保持新鲜感
万维网上不断有新事物出现、每天都有新花样。如果你的主页从不改变,用户很快会厌倦。在主页上预告即将有新资料推出,可吸引用户再来浏览不妨在页头以大字标题宣布新消息。可以定期改变主页上的图像、或更改主页的式样。趣味性的事项可以持续或自动更新、例如列出会浏览你的网站的人次。
同样,为保持新鲜感,应时刻确保主页提供的是最新信息。将更新主页信息的工作纳入既定的公关及资料编制计划内,亦即当你使用传统方法(例如新闻稿)传递的新信息时出现在你的主页上。确保连接项目运作畅顺,以免用户在荧幕上收到“无法查阅所需档案”的信息而大感没趣。
(9)贯彻诺言
做不到的事情,千万不要轻易承诺。切勿随便叫用户做出回应行动,例如要求用户填交订贷表格,除非你已制订好处理这些订单的方法和交货程序。如果在网上列出联络电话,就要确保自己能够迅速解决来电者的问题。
(10)吸引用户浏览
既然绞尽脑汁把主页弄得美观实用,没有人来欣赏就太可惜了。为吸引所有网中人来浏览,必须使主页易于寻找。通知其他网站(例如题材相关的网站),他们可能想连接你的主页。安排将自己的网址列在所有相关的网址目录、索引、查找程序和“What’s new”页面上。尽量将网址传播开去,使之出现在 Internet和所有传统煤体上、例如书刊广告、公关文件、宣传品等。
在网站上,于每个页面设置“home”按键,方便用户随时返回主页。
万维网充满生命力、正在不断演进,所以一些现时适用的经验,将来未必合用。举例来说,将来家居用户有高速线路接驳Internet,就可以消除数据传输目前的所受的限制、使主页的篇幅可以更长,页面更华丽。新的浏览功能、例如Sun的 HotJava浏览软件所提供的先进功能、将使万维网更强劲和更方便沟通。 HotJava将主页由静态的文件转为动态的实体, 提供诸如即时制作动画、背景音乐、即时存入资料(例如不断更新股票价格)、话音广播等功能、为网上用户带来更多乐趣。有好的主页,还须有精良的设备支持。网站服务器不断推陈出新,使建设网站的工作愈来愈容易。 以 S u n的Netra Internet Server为例、全套设备包括上网所需的软硬件,以及建立完善的高效能网站所需购各种软硬件设施。这些发展为万维网及其用户开拓了壮阔的前景。建设网站的上作,从未如此容易过。
(二).网站总体设计
在拿到客户的需求说明后,并不是直接开始制作,而是需要对项目进行总体设计,详细设计出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定:网站需要实现哪些功能;网站开发使用什么软件,在什么样的硬件环境;需要多少人,多少时间;需要遵循的规则和标准有哪些。同时需要写一份总体规划说明书,包括:网站的栏目和板块;网站的功能和相应的程序;网站的链接结构;如果有数据库,进行数据库的概念设计;网站的交互性和用户友好设计。
在总体设计出来后,一般需要给客户一个网站建设方案。很多网页制作公司在接洽业务时就被客户要求提供方案。那时的方案一般比较笼统,而且在客户需求不是十分明确的情况下提交方案,往往和实际制作后的结果会有很大差异。所以应该尽量取得客户的理解,在明确需求并总体设计后提交方案,这样对双方都有益处。网站建设方案的包括以下几个部分:.客户情况分析;网站需要实现的目的和目标;网站形象说明;网站的栏目板块和结构;网站内容的安排,相互链接关系;使用软件,硬件和技术分析说明;开发时间进度表;宣传推广方案;维护方案;制作费用;本公司简介:成功作品,技术,人才说明等。当您的方案通过客户的认可,那么可以开始动手制作网站了。但还不是真正意义上的制作,你需要进行详细设计。
(三).网站详细设计
总体设计阶段以比较抽象概括的方式提出了解决问题的办法。详细设计阶段的任务就是把解法具体化。详细设计主要是针对程序开发部分来说的。但这个阶段的不是真正编写程序,而是设计出程序的详细规格说明。这种规格说明的作用很类似于其他工程领域中工程师经常使用的工程蓝图,它们应该 包含必要的细节,例如:程序界面,表单,需要的数据等。程序员可以根据它们写出实际的程序代码。我们这次主要用ASP来实现有关功能和解决有关问题的,例如,公告版BBS,聊天室,信息发布系统, 网上超市等都用ASP来实现人机交互功能的,其中也用到调用数据库的技术。
ASP (Active Server Pages)是Microsoft 公司推出的一种Web应用程序开发技术,也是服务器端的脚本(Script)运行环境,使用该技术可以开发动态的、交互的Web应用程序。
ASP可用来产生和执行动态的高性能的WE B服务器程序。当用户使用浏览器请求ASP主页时,WEB服务器做出响应,调用ASP引擎来执行ASP文件,并解释其中的脚本语言(JScript 或VBScript),通过ODBC连接数据库,由数据库访问组件ADO完成数据库操作,最后ASP生成包含数据查询结果或做出其他响应的HTML页面,送回用户端显示。
ASP程序通常运行在Windows NT+ IIS(Internet Information Server) , 或者Windows 2000 + IIS, 或者Windows 95/98+PWS(Personal Web Server)环境下。其程序代码简单、通用,文件名由.asp结尾。ASP文件通常由四部分构成: 标准的HTML标记; ASP语法命令,即<% %> 标签内的ASP代码; 服务器端的include语句; 以及脚本语言,即:ASP自带JScript和VBScript两种脚本语言,用于增ASP的编程功能,用户也可安装其它脚本语言,如Per语言等。
ASP提供了六个内建对象供用户直接调用,以实现页面的交互: Application对象负责管理所有会话信息,可用来在指定的应用程序的所有用户之间共享信息; Session对象存贮特定用户的会话信息,只被该用户访问,当用户在不同WEB页面跳转时,Session中的变量在用户整个会话过程中一直存在;Session对象需cookie支持; Request对象从用户端取得信息传递给服务器,是ASP读取用户输入的主要方法;Response对象支持服务器将输出内容发送到用户端;Server对象提供对服务器有关方法和属性的访问; Object Context对象是IIS 4.0新增对象,用来进行事务处理。此项功能需得到MTS(Microsoft Transaction Server)管理的支持。
ASP还内置以下组件以增强其功能: Ad Rotator组件用来按指定计划在同一页面上自动轮换显示广告,用于WWW上日益重要的广告服务; Browser Capabilities组件确定访问WEB站点的用户浏览器的功能数据,包括类型、性能、版本等; Database Access组件即ADO (ActiveX Data Objects),用来访问数据库; File Access组件提供对服务器端文件的读写功能; Content Linking组件生成WEB页内容列表,并将各页顺序连接,用于制作导航条。 此外,用户还可安装Myinfo、Counters、Content Rotator、Page Count等组件,也可自行编制ActiveX组件,以提高系统的实用性。
如上所述,ADO是ASP内置的ActiveX服务器组件(ActiveX Server Component)。它可通过开放式数据库连接接口ODBC和通用数据源接口OLEDB访问多种数据库,是对目前微软所支持的数据库进行操作的最有效、最简单和最直接的方法。
ADO组件主要提供了以下七个对象和四个集合来访问数据库: Connection对象用于建立与后台数据库的连接; Command对象用于执行SQL指令,访问数据库; Parameters对象和Parameters集合为Command对象提供数据和参数; RecordSet对象存放从数据库中调用的数据记录; Field对象和Field集合提供对RecordSet中当前记录的各个字段进行访问的功能; Property对象和Properties集合提供有关信息,供Connection、Command、RecordSet、Field对象使用; Error对象和Errors集合提供访问数据库时的错误信息。
在ASP中使用ADO组件访问后台数据库一般步骤为 :
在WEB服务器上打开“控制面板”,选中“ODBC”, 定义数据源;然后使用ADO组件查询WEB数据库;再调用Server.CreateObject方法取得“ADODB.Connection”的实例,此后用Open方法打开数据库,指定要执行的SQL命令对数据库进行操作,如查询、浏览、修改、删除等。 当然也可以用本文介绍的方法不定义数据源,直接调用数据库的数据。
(四).网站的制作规范探讨
(1)网站目录规范
目录建立的原则:以最少的层次提供最清晰简便的访问结构。
a.根目录。根目录指DNS域名服务器指向的索引文件的存放目录。根目录只允许存放index.html和main.html文件,以及其他必须的系统文件;
b.每个语言版本存放于独立的目录;
c.每个主要功能(主菜单)建立一个相应的独立目录;
d.当页面超过20页,每个目录下存放各自独立images目录.共用的图片放在根目录下的images目录下;
e.所有的js文件存放在根目录下统一目录script;
f.所有的CSS文件存放在各语言版本下的style目录
g.所有的CGI程序存放在根目录并列目录cgi_bin目录
(2)文件命名规范
文件命名的原则:以最少的字母达到最容易理解的意义。
a.索引文件统一使用index.html文件名(小写)。index.html文件统一作为“桥页”制作具体内容,仅仅作为跳转页和meta标签页。主内容页为main.htm;
b.菜单图片名称按菜单名的英语翻译为名称。例如:关于我们aboutus;信息反馈feedback 产 品proct;所有单英文单词文件名都必须为小写,所有组合英文单词文件名第二个起第一个字母大写;
c.所有文件名字母间连线都为下划线;
d.图片命名原则以图片英语字母为名,大小原则写同上;
e.js的命名原则以功能的英语单词为名。例如:广告条的js文件名为:Ad.js
f.所有的CGI文件后缀为.cgi。
(3)链接结构规范
链接结构的原则:用最少的链接,使得浏览最有效率。首页和一级页面之间用星状链接结构,一级和二级页面之间用树状链接结构。超过三级页面,在页面顶部设置导航条。
(4)尺寸规范
a.页面标准按800*600分辨率制作,实际尺寸为778*434px;
b.每个标准页面为A4幅面大小,即8.5X11英寸;
c.大banner为468*60px,小banner为88*31px。
(5) 首页HEAD区规范
a.公司版权注释
<! --- The site is designed by dxxweb.inc05/2001-->
b.网页显示字符集
简体中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
繁体中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">
英 语:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
c.网页制作者信息
<META name="author" content="[email protected]">
d.网站简介
<META NAME="DESCRIPTION" CONTENT="电子与信息工程系">
e.搜索关键字
<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">
f.网页的css规范
<LINK href="style/style.css" rel="stylesheet" type="text/css">
g.网页标题
<title>电子与信息工程系</title>
四、网站的设计制作
1.整体形象设计
在程序员进行详细设计的同时,网页设计师开始设计网站的整体形象和首页。
整体形象设计包括标准字,Logo,标准色彩,广告语等。 首页设计包括版面,色彩,图像,动态效果,图标等风格设计,也包括banner,菜单,标题,版权等模块设计。首页一般设计1-3个不同风格。
2.开发制作
本次网站规划设计采用软件工程的设计方法,设计小组在系统分析和总体设计的基础上,将设计任务分解,分配到设计组的每个成员,各模块有设计组成员单独承担设计和调试,既有分工,又有协作,最后将各模块上载到服务器上,做链接和整体的调试。
3.调试完善
各模块初步完成后,上传到服务器,对网站进行全范围的测试。包括速度,兼容性,交互性,链接正确性,程序健壮性,超流量测试等,发现问题及时解决并记录下来。
网站建设实际上是一个不断充实和完善的过程,通过不断的发现问题,解决问题,修改,补充,使网站结构趋向合理,内容更加丰富,形式更富有感染力。
4.宣传推广
刚刚建成的网站就好像一个新注册的电话号码,没有人会自动找上门来,这时你就需要适当地做一些网站推广工作了,这里有很多方法,例如:
a.网页里设置适当的META标签;
b.交换友情链接。这是个免费而高效的办法,就好比在别人商店打上你的广告,在你的商店打上别人的广告,这样一来当网友参观别人的网站时就知道你的网站了,如果你的广告做的好,他一多半都会参观你的网站,这是件无须开支、互利互惠的好事情,推荐使用。
c. 在各大搜索网站(例如sohu.com yahoo.com)注册你的网站,这样当别人在搜索同类的信息时就会发现你的网站;
d.备新闻稿件在各新闻公告板发表;
e.合理使用Email邮件列表;
f.付费广告,这个办法最有效了,但它是付费的;
g.在论坛里贴条子。这个办法效率不高,也很累,有时也会被别人删除掉,所以不推荐。
另外还需要说明的是,请千万不要使用发垃圾邮件来推广个人主页,这样不但不会使别人喜欢你的网站,反而会引起别人的极度反感,这是一种不道德的行为。
至此,网站项目建设完毕。
5.维护
网站做好了是不是就打算一劳永逸呢?不是,如果网站做大的话,网站维护也是个艰巨的工作。当网站变得十分庞大时将会有不计其数的图片、网页文件等内容,如果它们有一个丢失或链接失败都会引起网页错误,想想我们做的多副图片如果少一副会是什么情景?所以我们一定要保证整个网站的“健康”和完整。为了使网站健康、完整,通常我们在做新网站之前,都应该在DW里建设一个“本地网站”,也就是自己电脑上的网站副本,这样才能有效减少网站错误,刚才我们制作网站时是先做网页后建网站,其实这种网站建设方法是错误的,正确的是先建网站后添加内容。另外就是要时常检查网站的链接是否有误,这里我们可以使用DW的SITE程序的SITE菜单中CHECK LINK SITEWIDE选项来检查网站中是否有断掉的链接,以便及时修复。
另外我们还应该科学地存放不同类型的文件,例如将网站中的图片都放在一个文件夹里,将网页放在另一个文件夹里。而且如果将来网站真的“肥沃”起来,我们甚至需要为每一个栏目建立一个文件夹,例如将有关MUSIC栏目的文件放在一个文件夹里,将PICTURES栏目的文件放在一个文件夹里,这样一来,会为我们的维护工作减少很多不必要的麻烦!
网站维护最后要说的就是网站的文件备份了,如果电脑发生了灾难,我们的网站就很可能要瘫痪了,所以时常备份网站文件也是很重要的。
网站成功推出后,长期的维护工作才刚刚开始,我们需要做到的是:及时响应客户反馈;例如可以采取Email自动回复功能,然后尽快解决问题,再次回复;网站流量统计分析和相应对策;尽量推广和使用您的网址;网站内容的及时更新和维护。
五、网站安全问题及对策
防火墙是阻止外面的人对你的网络进行访问的任何设备,此设备通常是软件和硬件和组合体,它通常根据一些规则来挑选想要或不想要的地址。
首先绝大多数简单的身份验证过程都是以IP地址为根据的。IP地址是Internet网上最普遍的身份索引,它有静态和动态之分。 静态IP地址即固定不变的IP地址;它可以是某台连在Internet网上的主机地址。静态IP地址分在几类。其中一类能通过Whois查询命令得到;并且此类地址主要是Internet网上最高层的主机的IP地址,这些主机可以是域名服务器、Web服务器和“根”主机,并且在InterNIC的Whois数据库中都有它们的注册主机名。另一类静态IP地址被分配给Internet网中的第二和第三层主机(这些机器还有固定的物理地址),然而这些机器不一定拥有注册主机名。但不管怎样它们有注册的IP地址。动态IP地址是指每次强制分配给不同的上网主机的地址。ISP的拔号服务器中经常使用动态IP地址--节点机每次拔号上网,都会被分配一个不同的IP地址。无论IP地址是静态还是动态的,它都被用于网络传输中。