第一章DW站点建立.doc

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