《模块五 网页设计(简约篇)》.docVIP

模块5 网页制作体验模块5 1 第一部分 应用基础篇 1 5.1 应用场景与就业岗位 1 5.1.1 应用场景与实例 2 5.1.2 岗位分析 5 第二部分 应用体验篇5.2 任务1站点的创建与管理 8 5.2.1 任务分析 8 5.2.2 站点的创建 9 5.2.4 任务体验 12 5.3 任务2制作个人博客首页 13 5.3.1 任务分析 13 5.3.2 首页的布局与设计 14 5.3.3 首页制作与美化 23 5.3.4 任务体验 31 5.4 任务3 网站发布与浏览 32 5.4.1 任务分析 32 5.4.2 网站发布与浏览 32 5.4.3 任务体验 32 5.5 知识与任务拓展 32 5.5.1 网页基础知识 32 5.5.2 制作网页特效 34 5.6 课后练习 34 学习目标 1. 了解网页设计技术行业应用与岗位需求 2. 了解网页制作的相关概念 3. 了解在网页中进行图文编辑 4. 了解使用CSS美化页面 5. 了解网页特效的制作 第一部分 应用基础篇 5.1 应用场景与就业岗位 网页制作是网页设计师应用各种网页设计技术，为企事业单位、公司或个人在全球互联网上建设站点，并包含域名注册和主机托管等服务的总称。其作用为展现公司形象，加强客户服务，完善网络业务。网页制作是企业开展电子商务的基础设施和信息平台，是Internet上宣传和反映企业形象和文化的重要窗口。5.1.1 应用场景与实例 网页和网站是Internet的重要组成部分，/cn/index.asp。 图5-1 企业网站 2. 电子商务网站 电子商务网站主要依靠Internet来完成商业活动的各个环节。图5-2所示网站是京东商城，该网站网址是/。 图5-2 电子商务网站 3. 门户网站 门户网站涉及的领域非常广泛，是一种综合性网站。这类网站还具有非常强大的服务功能，比如搜索、论坛、电子邮箱、虚拟社区和短信等。比如网易、新浪、搜狐等。图5-3所示是网易门户网站，该网站网址是。 图5-3 门户网站 4 娱乐网站 娱乐网站大都是以提供娱乐信息和流行音乐为主的网站，它们可以提供丰富多彩的娱乐内容。这类网站通常色彩鲜艳明快，内容综合。图5-4所示是娱乐类网站，该网站网址是/。 图5-4 娱乐类网站 除此之外还有很多网站应用场景，比如政府机构网站、社区网站等。 5.1.2 岗位分析 网设计是是指在因特网上，根据一定的规则，使用Dreamweaver、hotoshop等工具制作的用于展示特定内容的相关网页的集合。人们可以通过网页浏览器来访问网站，获取自己需要的服务。在信息社会网络时代的今天，国际互联网以其惊人的速度发展。初步估计，未来我国对电子商务人才的需求每年约40万人。人才总量不足已成为制约我国电子商务发展的瓶颈。国家政策正在大力支持网络经济的发展，商务部已经对电子商务给予极大重视。网络经济的快速发展，从事网站设计的专业技术人才备受欢迎。随着网络产业、信息产业高速发展，互联网越来越深入到生活中每一个角落企业也在不断的增加网络宣传，利用网站宣传政策法规、发布信息和进行网络办公，实现电子政务，它逐渐成为与普通百姓交流的直通车，提高了办事效率和透明度带动各企业的网站建设和网页制作的日益繁荣，给企业带来的经济效益也是与日俱增，各企业和公司纷纷需要网站设计人员和网站维护人员，就业前景十分看好。通过智联招聘、中华英才等专业招聘网站对北京、上海、广州、深圳等大中型城市的人才招聘信息进行分析统计，。客户网站的首页、专题页、最终页等页面静态页面代码实现工作网页设计是一门新兴的边缘性的行业，在网络产生以后应运而生。专业的、合格的应该掌握哪些技能和知识熟悉网站开发流程，熟练使用Photoshop、Dreamweaver等软件，能快速将设计稿生成静态页面 精通HTML、CSS语言，能熟练的手工编写HTML代码 精通JavaScript编程，掌握ajax具有较好的美术功底和创意构思能力，能把握色彩的使用，熟练掌握各种常用网页设计软件，能够读懂和手写HTML代码，熟悉web标准，了解DIV＋CSS制作精通Photoshop、Flash、Illustrator、Fireworks等软件Photoshop图像处理 2.平面与色彩构成 3.网页配色与布局 4.用户体验设计 3. 职业素养 一名设计师要具备很多的素质/，页面效果如图5-5所示。 图5-5 Ling’s car 网站 案例2：/，页面效果如图5-6所示。 图5-6 xhtmlslicing 网站 分析与思考：案例1页面设计花花绿绿，让用户很难找到所需要的信息，没有突出的主题。案例2页面设计简洁、清晰、主题突出。你认为哪类网站更受用户欢迎？ 总结：通过案例