任务1 优秀网站赏析.pptVIP

网页设计与制作 姓名： 胡雪梅 电话： Email: huxiemei123@163.com QQ： 447351795 课程的性质、目的和任务 本课程是一门操作性和实践性很强的职业技术课程。本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver的使用。通过学习，掌握使用Dreamweaver创建各种网页元素（表格、文本、图像、链接、表单等）的方法；掌握静态网站策划、制作、测试和发布的全过程。 课程教学目标 ⑴掌握HTML标记语言的使用 ⑵能进行网站的信息组织、网页布局、网站规划与网站发布； ⑶具有对网站进行开发、设计、更新和维护管理的能力； ⑷ 培养学生自我知识更新能力、团结协作能力、文明守法的意识。 课程考核方式 智联招聘 ：/ 网页设计与制作职业岗位分析.doc 本次课程知识能力目标 （1）欣赏优秀的网页，学习他人之长，激发学习网页设计的兴趣。 （2）分析优秀网页的布局结构、颜色搭配、视觉效果，留下直观的第一印象，为学习制作网页奠定基础。 （3）对网页的组成元素有一个初步印象。 优秀网站赏析 公司网站：/ 学校网站：/ 纪念网站：/ 门户网站：/ 基本概念：网页、网站、Web站点、主页、链接，URL、导航栏等 。 课堂实践 浏览几个网站，对所浏览网站首页的特色和不足进行赏析说明，主要包括页面布局结构、颜色搭配、导航栏、文字效果、图片效果、动画效果等。 （1）当当购物网站：/ （2）北京大学网站：/ （3）且听风吟文学网：/ 网页制作软件简介 1、网页制作工具 最常用的网页制作工具是Frontpage、Dreamweave。 FrontPage是由Microsoft公司推出的新一代网页制作工具。FrontPage界面与Word、PowerPoint等软件的界面极为相似，为使用者带来了极大的方便。 Dreamweaver是由Macromedia公司（2005年被Adobe公司收购）推出的网页制作方面大众化的软件，不仅适合于专业网页制作人员的需要，同时也容易被业余网友们所掌握。另外，Dreamweaver的网页排版功能比一般的软件好用，即使是初学者也能制作出相当于专业水准的网页，所以Dreamweaver是网页设计者的首选工具。 2．网页美化工具 为了使制作的网页更为美观，用户在利用网页制作工具制作网页时，还需利用网页美化工具对网页进行美化。 （1）Photoshop Photoshop是由Adobe公司开发的图形处理软件，它是目前公认的PC机上最好的通用平面美术设计软件，它功能完善、性能稳定、使用方便，所以在几乎所有的广告、出版、软件公司，Photoshop都是首选的平面制作工具。 （2）Fireworks Fireworks是由Macromedia公司开发的图形处理工具，是第一套专门为制作网页图形而设计的软件，它将位图图像和矢量图形的处理合二为一，可以快速在位图图像和矢量图形两种状态之间切换。它不仅可以生成静态图像，还可以生成动态图像和GIF动画。 （3）Flash Flash是Macromedia公司开发的矢量图形编辑和动画创作的专业软件，它是一种交互式动画设计工具，用它可以将音乐、声效、动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。它主要应用于网页设计和多媒体创作等领域，功能十分强大和独特，已成为交互式矢量动画的标准，在网上非常流行。Flash广泛应用于网页动画制作、教学动画演示、网上购物、在线游戏等的制作中。 Dreamweaver、Fireworks、Flash被称为网页制作三剑客。 课外拓展实践 利用搜索引擎查找四川长虹集团、太平洋电脑、酷狗音乐网的网址并浏览。分析页面布局结构、颜色搭配、导航栏、文字效果、图片效果、动画效果等。 提出问题：浏览器的作用是什么？没有浏览器能否上网浏览信息？ 这些被标记的信息发布在Web服务器上，当用户访问这些文件时，浏览器会自动解释这些标记的含义，并按照一定的格式在屏幕上显示被标记的内容，而HTML的标记符号并不显示在屏幕上。 浏览器翻译 由此可以看出，浏览器的基本功能是对Web服务器上的网页进行显示。 HTML版本 HTML 2.0：1995年11月作为RFC 1866发布 HTML 3.2：1996年1月14日，W3C推荐标准 HTML 4.0——1997年12月18日，W3C推荐 HTML 5目前仍为草案，并