第一章DW站点建立题库.doc

第一部分 网络新闻实务之一网站建设 第一章 网站规划与网页设计 站点建设 教学目的：站点规划与站点的创建，是为网页制作前必须进行的设计，以便以后对整个网站维护与管理。是极其重要前提。 时间安排：3课时 教学重点：站点建设 教学方式：讲授+指导 教学过程： 一 、网站的概述 网页与网站 网站的英文名称是website，一般人称之为站点，指由一系列网页文件集合而成，通过网络服务器发布，为访问者提供服务和信息的平台。用户可以通过浏览器来访问这些网页，以获取网站所提供的服务。 猜一猜游戏：请说出网站名称，并思考域名的差异 (新浪网) (百度网) /(中央人民政府) /（中国红十字会官网） (河南大学)等等。 浏览网页的工具-浏览器 浏览器：用于打开显示网页的软件。最常见的是Windows系统自带的IE浏览器。还有火狐Firefox、360安全浏览器、遨游、腾讯TT、阿里旗下的UC浏览器，百度的极速浏览器等等。 网址：用于定位某个网站某个页面的一串字符，通常是这种格式 主页：访问网站时，默认打开的第一个页面就是主页也叫首页。 认识网页的组成元素 (打开爱奇艺首页介绍:http://) 网页标题，logo，导航，版块，版权区，首屏，文本，图像，视频，动画，超链接等 二、初识DreamweaverCS5 1、制作网站的流程 规划网站类型及主题(搜集资料素材(使用软件进行网页制作(测试及发布 2、认识Dreamweaver 是当前最流行、最方便的网页设计和网站开发工具软件。 Dreamweaver：梦想编辑者。通过这个工具，实现编辑网页的梦。 Dream：梦想 weaver：织布者，织工 早期是美国著名的多媒体软件开发商Macromedia公司推出的“网页三剑客”之一。“网页三剑客”指的是Dreamweaver、Flash、Fireworks这三个软件，其中FALSH是用来制作网页动画，FIREWORKS是用来网页图像制作，而DW是用于网页开发,它们这三个集合起来，就像江湖中最厉害的剑客一样，成为了网站开发中的专用利器。它集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别开发的可视化网页开发工具，到目前为止，全世界范围超过90%的专业网页设计师都在使用这款软件来开发网页，编织他们的梦想。前两年Macromedia公司被Adobe公司收购（PS,AU，INDESIAN），DW CS6是目前推出的最新版本，而今天我们用DW CS5来编织我们的梦想。 3、Dreamweaver的用户界面 ●菜单栏：包含10类主菜单，涵盖了几乎DW所有的功能。 ●插入栏，包含很多可以插入的按钮。 ●文档工具栏：提供各种文档窗口的视图（如“设计”视图和“代码”视图） ●文档窗口：显示当前创建和编辑的文档。 ●属性面板：用于查看和设置属性 ●面板组：是各种面板的组合，不需要的可以暂时关闭。 三、站点规划与创建 1.规划站点 DW是一个创建站点和管理站点工具，因为使用它不仅可以制作精美WEB网页，而且可以创建完整的WEB站点。为了达到最好效果，在设计网页之前，首先都必须对站点进行设计和规划。这个规划包括站点结构和导航系统的规划，网页模板和库的使用等等。 站点规划好之后，就可以根据规划绘制出一个网站结构草图，以便于有一个清晰的思路。 美食美客网站版块 如何创建站点。 在正式开始制作网页之前呢，最好先定义一个新网站。这样做目的是可以利用站点窗口对站点文件进行管理。也可以尽可能减少一些错误出现。比如路径出错或者链接出错。（特别是对于我们这些初学者，更要注意条理性与结构性，一个文件放这里，另外一放那里。或者所有文件都放在同一文件夹里，这样显得很乱，而且容易出错,所以创建站点是非常必要的。） 　本地站点 　　 方法二：在软件下创建站点 　点击框右边的文件夹标志，在你的硬盘上点击，本地站定义完成，Dreamweaver会自动导入站点的所有文件及信息。您可以在视窗中的本地站点窗口中查看。 创建站点下网页文件 步骤一：打开站点，在站点下建立文件。右键单击站点文件夹→新建文件→untitled.htm（给这个无标题页面起个名字，一般情况下首页的名字是“index.html”。浏览器打开某个网站，一般是先找“index.html”，再找“index.htm”这个顺序是服务器决定的，而且绝大多数服务器都遵循这个原则，而且一般用户是无权修改这种设定。所以在制作网站的时候，我们最好把网站的第一页命名为index.html或index.htm.（当网站上线后，首页index将会被申请的域名替代） 步骤二：同上分别建立不同的页面。比如：interest.htm;photo.html;resume.htm.,并分别回到编辑区域给标题命名与保存。