第一节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所有的功能。
●插入栏,包含很多可以插入的按钮。
●文档工具栏:提供各种文档窗口的视图(如“设计”视图和“代码”视图)
●文档窗口:显示当前创建和编辑的文档。
●属性面板:用于查看和设置属性
●面板组:是各种面板的组合,不需要的可以暂时关闭。
三、站点规划与创建

DW是一个创建站点和管理站点工具,因为使用它不仅可以制作精美WEB网页,而且可以创建完整的WEB站点。为了达到最好效果,在设计网页之前,首先都必须对站点进行设计和规划。这个规划包括站点结构和导航系统的规划,网页模板和库的使用等等。
站点规划好之后,就可以根据规划绘制出一个网站结构草图,以便于有一个清晰的思路。
美食美客网站版块
如何创建站点。
在正式开始制作网页之前呢,最好先定义一个新网站。这样做目的是可以利用站点窗口对站点文件进行管理。也可以尽可能减少一些错误出现。比如路径出错或者链接出错。(特别是对于我们这些初学者,更要注意条理性与结构性,一个文件放这里,另外一放那里。或者所有文件都放在同一文件夹里,这样显得很乱,而且容易出错,所以创建站点是非常必要的。)

所谓本地站点就是本地硬盘中存放远程网站所有文档的地方(文件夹)。建立网站的通常做法是:在本地硬盘建立一文件夹用来存放网站的所有文件,以后就直接在这个文件夹中创建和编辑文档,那么等待网页设计和测试好之后,再把他们拷贝到网站上提供给浏览者来浏览。
简单的说就是一个文件夹。在这个文件夹里包含了网站中所有用到的文件。通过这个文件夹(站点),对网站进行管理,有次序,一目了然。
(观看新闻编辑和非物质文化遗产站点或者裕科电子站点文件夹)

方法一:直接在硬盘下创建
在本地硬盘上(C、D、E、F盘下)建立一个用来存放站点的文件夹,并且命名,名称用字母表示。这个文件夹就是本地站点的根目录。这个站点可以是空的,也可以是非空的。
方法二:在软件下创建站点
【站点】→【新建站点】→站点名称(为你的网站建立一个名字,这个名字仅仅起到识别的作用,不