预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲,该文档总共186页,到这已经超出免费预览范围,如果喜欢就直接下载吧~

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

000001000010000100@000010000000001000000001000@0000100000000001011110000000000010@0001000000010001000100@00001000000010000000000@100001000010001000001001000@1000010000000011000100001001000010001000@01000000100000010000@000000100010000100001000100001001000100001000000001100010000100000000100100001000000001000001000000001任务1.1不同类型网站的设计要求电子商务类网站交通旅游类网站行业企业类网站123网站图片设计(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="keywords"content="冰箱,冷柜,洗衣机,彩电,热水器,空调,厨房电器,整体厨房,生活小家电,电脑,手机数码,商用空调,商用冷柜,商用电视,商用电脑,家居集成解决方案,住居解决方案,服务与安装,产品注册,在线客服,延保服务,设计体验中心,营销活动,服务与支持,论坛,说明书,产品特性,型号参数,产品评论"/>2.描述标签优化<metaname="description"content="海尔家电家居官网-专业权威的海尔家电家居产品官网,产品包括:消费类产品、商业类产品、整体解决方案等,提供在线服务与支持,设计体验中心和论坛交流与互动等便捷服务。海尔,美好住居生活解决方案提供商"/>网页内容优化1.主题规划在做网站主题规划时,可以参考企业竞争对手的网站,学习他人之长,挖掘自身优势,做出特色。3.网站栏目规划4.首页规划超文本标记语言?是用于描述网页文档的一种标记语言。网页的本质就是超级文本标记语言,通过结合使用其他的网络技术,可以创造出功能强大的网页。因而,超级文本标记语言是网页设计编程的基础;下图是一个网页的效果图和程序代码。任务2.1HTML设计基础1.HTML的基本标记3.HTML中颜色的表示4.HTML文件的基本结构5.记事本手工编写HTML页面HTML页面设置2.<body>.....</body>的属性(3)文字属性:text设置正文文本颜色;link设置未被访问的链接文字颜色;alink设置激活的链接文字颜色;vlink设置已被访问的链接文字颜色,语法格式:<bodytext="color"link="color"alink="color"vlink="color">(4)留白属性:leftmargin页面左侧距离窗口左边框的距离;topmargin页面顶部距离窗口上边框的距离,语法格式:<bodyleftmargin="value"topmargin="value">4.滚动文字alignwidth5.meta标记的使用HTML文字编排2.文字标签<font>语句粗体标签<B>4.段落标记语句5.原样显示文字标签<pre>语句要保留原始文字排版的格式(即空格、换行等),就可以通过<pre>标签来实现,方法是把制作好的文字排版内容前后分别加上始标签<pre>和尾标签</pre>。7.水平分隔线标签<hr>语句9.注释标签语句HTML超链接超链接的类型:HTML相对和绝对路径<ahref="