电子商务网页设计与制作精致版.ppt

000010@000100000001

0001000100000010000000

00100

0001001000@10000

10000

0000110001000

0100100

0010001000@01000

;;;;;;任务1.1不同类型网站的设计要求;;电子商务类网站;;交通旅游类网站;;行业企业类网站;;1;2;3;网站图片设计;;〔1〕让设计与制作的网页在搜索引擎结果中有一个较好的排名；

〔2〕网页能够吸引用户的目光，增加被点击几率；

〔3〕用户进入网页后，网页能到达用户期望，从而减少跳失率；

〔4〕网页和网站能提供用户额外价值，最终提高网站转化率，提高用户满意度。;网站主题优化;网站布局优化;〔3〕路径导航：

对于用户来说，这些链接能够清楚说明他们正在网站的哪个层级，当前正在浏览什么页面。

〔5〕段落标题：

也能帮助用户确定网页位置。

〔6〕标志和标语：

人们普遍认为能从网页的左上角得知自己正在访问的网站及位置。

〔7〕分类导航按钮：

本案例没有表达，通常表达在左右侧边栏的分类导航按钮。;2弹簧高跷浏览行为优化;3冰山效应网页优化

;4.Flash网站优化;1.Title信息优化

〔1〕首页：网站名称或者网站名称_提供效劳介绍或产品介绍

〔2〕频道页：频道名称_网站名称

〔3〕文章页：文章Title_频道名称_网站名称

〔4〕标题主题明确，应包含该网页中最重要的内容核心关键字

〔5〕简明精练，不罗列与网页内容不相关的信息

〔6〕遵循从左到右的阅读习惯，重要的内容应该放到Title的靠前的位置;我们可以在网页中添加Name为Keywords属性的Meta标签，其中Content属性值即为关键字内容，多个关键字间用逗号间隔，逗号表示是逻辑“或〞，空格表示逻辑“与〞。

其代码如下：;metaname=keywordscontent=冰箱,冷柜,洗衣机,彩电,热水器,空调,厨房电器,整体厨房,生活小家电,电脑,数码,商用空调,商用冷柜,商用电视,商用电脑,家居集成解决方案,住居解决方案,效劳与安装,产品注册,在线客服,延保效劳,设计体验中心,营销活动,效劳与支持,论坛,说明书,产品特性,型号参数,产品评论/;2.描述标签优化;metaname=descriptioncontent=海尔家电家居官网-专业权威的海尔家电家居产品官网，???品包括：消费类产品、商业类产品、整体解决方案等，提供在线效劳与支持，设计体验中心和论坛交流与互动等便捷效劳。海尔，美好住居生活解决方案提供商/;网页内容优化;1.主题规划

在做网站主题规划时，可以参考企业竞争对手的网站，学习他人之长，挖掘自身优势，做出特色。;3.网站栏目规划;4.首页规划;;;超文本标记语言?

是用于描述网页文档的一种标记语言。网页的本质就是超级文本标记语言，通过结合使用其他的网络技术，可以创造出功能强大的网页。因而，超级文本标记语言是网页设计编程的根底；以下图是一个网页的效果图和程序代码。;任务2.1HTML设计基础;1.HTML的根本标记;;3.HTML中颜色的表示;4.HTML文件的根本结构;5.记事本手工编写HTML页面;HTML页面设置;2.body...../body的属性;〔3〕文字属性：

text设置正文文本颜色；link设置未被访问的链接文字颜色；alink设置激活的链接文字颜色；vlink设置已被访问的链接文字颜色，语法格式：

bodytext=colorlink=coloralink=colorvlink=color

〔4〕留白属性：

leftmargin页面左侧距离窗口左边框的距离；topmargin页面顶部距离窗口上边框的距离，语法格式：

bodyleftmargin=valuetopmargin=value;;4.滚动文字;align;width;5.meta标记的使用;;HTML文字编排;2.文字标签font语句;粗体标签B;4.段落标记语句;5.原样显示文字标签pre语句

要保存原始文字排版的格式〔即空格、换行等〕，就可以通过pre标签来实现，方法是把制作好的文字排版内容前后分别加上始标签pre和尾标签/pre。;7.水平分隔线标签hr语句;;9.注释标签语句;HTML超链接;超链接的类型：;HTML相对和绝对路径;ahref=index.htmlindex.html/a;;;;;;;;;;;多媒体的嵌入;框架;