电子商务网站建设与管理 项目三电子商务网站前台功能设计与实现.pptxVIP

电子商务网站建设与管理项目三 电子商务网站前台 功能的设计与实现项目三 电子商务网站前台功能的设计与实现任务一：电子商务网站的界面设计与制作任务二：动态网页制作技术任务三：Web数据库技术任务四：ASP.NET编程实现下一页任务一　电子商务网站的界面设计与制作知识点：1、学会电子商务网站的布局和色彩设计2、掌握基本的HTML标记和属性3、掌握DIV+CSS静态网页制作技术下一页任务描述网站是由网页组成的，网页中包含着各种各样的元素，如文字、图像、表格、超级链接等，它是用HTML等语言编写的，必须要合理布局，并设计显示样式，再经过浏览器的解释，才能在浏览器窗口中显示预想的网页。下一页任务知识一、电子商务网站设计的基本原则1．信息内容要新颖、准确、精练、专业、有特色2．快速安全的访问（1）提高流浏览者的访问速度（2）要安全、运转良好的硬件和软件环境（3）遵循“三次点击”原则：网站的任何信息都应该在最多三次点击之内得到。一般浏览者不会有足够的耐心去寻找被埋没在层层链接之后的信息。3．提供交互性，方便用户的访问和购买（1）提供交互性（2）完善的检索和信息交互能力（3）方便用户访问与购买下一页任务知识二、网页版面布局的设计设计版面布局就像编辑传统的报杂志一样，要将网页看作一张报纸、一本杂志来进行排版布局，版面指的是浏览器看到的完整的一个页面，包括可以看到的框架和层。布局就是以最合适浏览的方式将最合适浏览的方式将图片和文字排放在页面的的不同位置。1．页面设计的基本步骤下一页2．常见的版面布局形式（1）“T”结构布局（2）“口”型布局（3）“三”型布局（4）对称对比布局（5）POP布局下一页三、网页色彩的设计 色彩是网页设计的灵魂之一，是最先也是最持久地印记在浏览者脑海中的网站印象。在网页设计中，根据和谐、均衡和重点突出的原则，将不同色彩进行组合、搭配来构成美丽的页面。 1.色彩的相关知识 （1）色相 （2）明度 （3）纯度2．非色彩与色彩的应用 在非色彩的搭配中，黑色与白色是最简单、最基本的搭配，白字黑底、黑字白底都显得非常醒目。灰色是万能色，可以与任意色彩搭配，也可以帮助两种对立的色彩和谐过度。（1）红色：一种激奋的色彩，具有刺激效果，给人热烈、活力、危险、愤怒的感觉。（2）绿色：是植物的颜色，它象征着生命。与其他颜色搭配使用，会增添一丝活泼、一丝轻快。此种颜色给人自然、安静、健康、成长、新鲜的感觉。（3）蓝色：是最具凉爽清新的色彩。一般可联想到海阳、天空。在西方，蓝色是身份高贵的象征。能够营造淡雅、浪漫的气氛。（4）黄色：是具有快乐、智慧、轻快的个性色彩，给人光明、希望、富贵、朝气的感觉。（5）橙色：既有红色的热情又有黄色的光明以及活泼的特质。它虽没有红色那样激烈，但是可营造朝气蓬勃的气氛，受到人们的普遍喜爱。给人温暖、嫉妒、欢喜的感觉。在设计页面时，我们通常的做法是：主要内容文字用非色彩（黑色），边框、背景、图片用彩色，这样页面整体不单调，用户看主要内容也不会眼花。3．网页色彩搭配的原则（1）特色鲜明。一个网站的用色必须要有自己独特的风格，这样才能显得个性鲜明，给浏览者留下深刻的印象。（2）搭配合理。要注意在遵从艺术规律的同时，还考虑人的生理特点，色彩搭配一定要合理，给人一种和谐、愉快的感觉。（3）色彩的合适性。色彩和网站要表达的内容气氛相适应。如用粉色体现女性站点的柔性。（4）色彩的联想性。色彩的心理作用使人看到某种色彩时产生联想，使浏览者产生更深层次的心灵感应，印象更加深刻。（5）讲究艺术性。网站设计也是一种艺术活动，因此它必须遵循艺术规律，大胆进行艺术创新，设计出既符合网站要求，又有一定艺术特色的网站。四、网站页面元素设计1．Logo设计 网页Logo是指网站的标志、标识。Logo是企业综合信息传递的媒介，是依据企业的构成结构、行业类别、经营理念，并充分考虑标志接触的对象和应用环境，为企业制定的标准视觉符号。Logo设计将具体的事物、事件、场景和抽象的精神、理念、方向通过特殊的图形固定下来，使人们在看到Logo标志的同时，自然地产生联想，从而对企业产生认同。 网页中的Logo可分为图案Logo、文字Logo、图文Logo。Logo设计原则主要有：（1）遵循人们的认识规律，突出主题、引人注目，能够在方寸之间概括出站点的理念，保持视觉平衡、讲究线条的流畅，使整体形状美观，用反差、对比或边框等强调主题。（2）外观尺寸要根据站点页面的整体版面设计来确定，选择恰当的字体，注意留白，给人想象空间。（3）在色彩运用上基色要相对稳定，强调色彩的形式感、记忆感和感情规律。合理使用色彩的对比关系，重视色彩的注目性。（4）在形式上重视简约、高度概括，以简洁的符号化的视觉艺术形象把网站的形象和理念长留于人们心中。2．Banner设计 网页Banne