网页设计与制作第一部分+赏析电子商务网站页面.pptVIP

WWW 也可以简称为Web，中文名字为万维网。 URI（Uniform/Universal Resource Locator）这是一个世界通用的负责给万维网上，如网页这样的资源定位的系统。 HTTP 负责规定浏览器和服务器怎样互相交流 HTML 用于定义超文本文档的结构和格式 ================================================== 主页，Home Page，一个特殊的网页，每个网站都有，且只有一个。主页是正门。也可以绕过主页直接进入。 * “住在杭州”是浙江专业的房地产行业网站，致力于为房地产业界、主力购房人群、装修人群提供各类服务与咨询。 “同字形”可以容纳更多的资讯信息。因为信息量巨大，首页会变得很长。 * “中国纺织网”国内最大最专业的纺织行业电子商务网站，是一个位纺织企业提供网上资讯、网上贸易等综合服务的行业性电子商务平台。 左拐角形，主要特色是资讯信息丰富，各模块也做了大量分类便于访问者快速查找所需的信息。 在页面中也大量加入了相关行业公司的广告信息，该网站运用的是放置小图标企业广告的形式。 导航设置中，涵盖产品、求购、企业、资讯、论坛等常用行业网站。 * 互动 * 第一章 赏析电子商务网站页面 SEO和网站优化 Version: 1.0 Lesson No: TNM-2-02 网页设计与制作 赏析电子商务网站页面 任务一 赏析中小企业形象网站 Logo 收藏本站 联系方式、搜索 导航条 Banner 主体内容 联系方式 联系方式、版权 任务一 赏析中小企业形象网站 总结 颜色多采用公司的标准色、logo的颜色以及和企业主体相联系的颜色，或者是蓝、灰等体现商务简约风格的色调。 整体布局常采用“同字形”和“左拐角形”。数据展示多使用表格，产品配有图片。 导航条常有“首页”、“关于公司”、“新闻中心”、“产品中心”、“营销网络”、“联系我们” 网页中Banner调，现在逐渐变成主页中起主要修饰作用的模块，主要由动态图像或静态图像组成，大小也在逐渐变大，更为醒目。常见的图像素材有企业产品、企业建筑、企业人员、企业工程项目、和主体有关的修饰图像、说明资质的图标等。 主体部分主要是各栏目的具体信息。 底部一般是版权信息、友情链接、企业联系方式、说明性信息等。 二级页面为了保持整个网站的风格，往往只在页面主体部分保持不同。也有例外。 一些为人们生活提供服务的餐饮、娱乐、购物、休闲等服务类公司形象网站，在页面的布局上更为开放，图像、动画、色彩运用的更多，为了能更好的吸引普通访问者，在栏目设计上也会有自身的一些特色。 知识分析 任务二 赏析行业类综合网站 分类信息清晰的导航条 方便快捷的查询功能 任务二 赏析行业类综合网站 任务二 赏析行业类综合网站 快捷的搜索 排行榜让用户更快的找到自己需要的产品 总结 该类型网站的布局结构常采用“左拐角形”和“同字形”。 主要特色是属于行业性门户网站，主页上资讯非常丰富，由于访问对象主要是行业内企业及相关人员，因此资讯的及时、全面、准确就成为网站的首要因素，美观等因素则是次要。 同时广告收入也是该类型网站的重要收入来源，因此该类型网站会在页面上大量放置相关行业企业广告。 该类型网站的导航条设计也是以企业的需求为特色来构成的。 在主体部分，行业产品的分类非常重要，是方便访问者寻找资讯的重要渠道。 作为行业性网站，论坛部分在网站中也占据相当重要的地位，是访问者互相了解、互动、分享资源的地方。 知识分析 任务三 电子商务商城网站赏析 任务三 电子商务商城网站赏析 任务三 电子商务商城网站赏析 总结 大篇幅来显示分类列表，一般位于主体部分的左侧边栏。 网站的布局因为和分类列表区域结合，也大多采用“左拐角形”布局，主页的中间则是活动促销信息，下面往往是橱窗展示区，而在底部则是该网站的问题解答。 二级页面一般是具体某样商品的描述页面，结构和主页类似。 主页的底部一般是常见问答、友情链接、网站版权、备案等信息。 知识分析 网站规划设计中须注意的问题。 可先用笔，画出网站框架的草稿。 可在使用计算机编写前，考虑好页面的布局和内容上的构思。 慎用特殊字体。 页面中避免长文本。 网页内容要易读。 图像的运用要适当。 注重留白。 注重对比。 注重连贯。 不要忽视错别字，这是非常重要的，但往往被忽视。 分析亚马逊商城主页的特点。 课后作业 SEO和网站优化 Version: 1.0 Lesson No: TNM-2-01 WWW工作原理Flash TNM： Transtek Network Marketing 电子商务网站有多种类型：中小企业形象网站、行业类综合网站、综合商城。 试图从这些分属于不同类型的网站中找出一些共性。 * 配色：整