dw创建站点

第1课 创建站点

秘。 师问：这两个网站有什么不同？ 同学们我们先来思考在作文课上老 师在给定了作文题目后要我们写一 启发 篇作文，我么在写之前要进行那些 探究 准备？ 技巧 回想前面所学应用软件的启动和新 点拨 建方法，应用在网站制作工具中能 行吗？ 在讲解的过程中，突出重点，分散 难点，挖掘学生的潜能。 自主探究： 1、明确探究任务： (1)网站规划的方法 (2)自主探究掌握方法 生看教材和写 作文进行类比 总结出网站规 划的步骤，并 同组相互讨论 写作文时的步 骤和过程。

基础

为下 一步 的自

回顾 Word,Ex 主探 cel 的启动与 新建空白文档 方法。 究做 准备

生总 结整 理出 网站 规划 的一 般步 骤加 深理 解

(3)掌握 FrontPage 的站点，管理 以建立“情感 功能会新建站点 小屋”网站为 例进行分析， 任务一：网站制作和写作文是类似 的，那就是网站的规划，制作一个 自主 网站要进行哪些工作呢？ 探究 学生自己看教材练习作文的写法归 搜集相关资 料，进行建站 点的准备，并 创建“情感小

交流 纳总结网站制做的步骤生宅出站点 分享 规划的 5 个步骤： (1)确定网站的主题和风格

屋”站点

学生根据不同 (2)设计规划网

一个IIS服务器上可以架设多个Web站点，IIS服务器通过网站标识来区分不同的Web站点。网站标识分为HTTP标识和SSL标识两部分，一个Web站点可以同时具有多个HTTP标识或多个SSL标识，但是至少必须具有一个HTTP标识。

HTTP标识是以下三个属性的组合，只要其中一个属性在IIS服务器的所有HTTP标识中具有唯一值，则IIS服务器认为此HTTP标识是唯一的：

? ?

分配给Web站点的IP地址；此Web站点侦听客户发送的HTTP请求的IP地址；

分配给Web站点的TCP端口；此Web站点侦听客户发送的HTTP请求的TCP端口，如果不

是标准的HTTP端口（TCP 80），那么客户端在访问时必须明确指定端口号；

? 分配给Web 站点的主机名头；此Web站点的主机名头（域名），当指定主机名头时，客户端

访问时必须明确指定主机名头。

对于网站标识来说，SSL标识不是必需的，即可以不具有SSL标识。SSL标识是以下两个属性的组合，只要其中一个属性在IIS服务器的所有SSL标识中具有唯一值，则IIS服务器认为此SSL标识是唯一的：

? ?

分配给Web站点的IP地址；此Web站点侦听客户发送的HTTPS请求的IP地址；

分配给Web

三大原则：

1建立网页前 需要新建一个网站

2文件名，对象ID名 ，尽量使用英文，拼音，数字 尽量避免使用中文 3尽量要存盘

首页一般命名为：index.html或default.html

外观（基于CSS）

页面属性中设置外观字体时，中文一般只添加 宋体 黑体 仿宋体 楷体（防止用户因未安装相应字体而无法正常浏览） 字体大小：一般为9 pt 连接 字体大小：9 pt

变幻图像颜色：鼠标放到连接上显示的颜色 已访问链接颜色：已访问过的链接显示的颜色

活动链接：当点连接时闪烁的颜色 或者点击不松手时显示的颜色 标题（正文中的标题） 标题/编码（网页的标题）

文档类型：HTML4.0 transitional XHTML1.0 transitional 跟踪图像：网页排版时候的模板框架 即草图 若要基于HTML

编辑->首选参数->常规->是用CSS而不是是用HTML（勾选与取消来切换）

HTML基础

HTML文件开始 该文件的头部开始 ?? 该文件的头部内容 该文件的头部结束 该文件的主体开始 ?? 该文件的主体内容 该文件的主题结束 HTML

Dw制作技巧

Dreamweaver使得建立Web站点变得异常简单，但不要误认为这等于功能简单。实际上，这种有效的可视化Web开发工具同样是专业设计人员选择的，其中的许多优点非常合适于那些需要强大站点管理工具或者想用自己的模板扩充程序以协同工作的开发人员。更棒的是，Dreamweaver的灵活性使你无论如何都能提高技术水准！既然如此，那么何不现在就开始使用这些技巧以充分发挥Dreamweaver的强大功能呢？

Dreamweaver具有许多丰富的用户向导功能，这使它看上去有无法抵挡的魅力。这些易于执行的技巧能够指引你流畅地创建新站点。

连接窗口

Dreamweaver的用户界面分割为几个窗口，当处于工作状态时，屏幕上只能容纳几个窗口。为了保存真实的操作状态，最佳策略是将打开的窗口连接（dock）在一起。你可能尝试过拖拽窗口的标题栏，这在许多程序中都是可以完成连接动作的，但是在Dreamweaver中却不生效。

实现窗口连接的技巧是用鼠标拖住窗口的tab栏，而不是标题栏。试着点击鼠标拖住一个窗口的tab栏并掠过另外一个窗口，当看到出现一个黑色边界时，松开鼠标按钮，你会发现2个窗口已经结合在一起了。现在你就可以

1. 关于网站的叙述，下列哪一项不正确 A网站是Internet上的一个信息集中点 B我们可以通过域名来访问网站

C不需要将网站储存到独立服务器上就可以接受访问

D网站实际上就是在互联网上的一块固定的面向全世界发布消息的地方 2. 网页又被称为（）文件，是网站的重要组成部分。 A web B html C tga D http

3. 利用dw创建新站点，站点文件夹与新网页时，以下说法错误的是。

A 当我们进行多个页面编辑时，可以在菜单栏上执行“文件>保存全部”命令，同时保存多个文件。

B 在对站点进行命名时，站点名字与其实际对应的文件夹名字必须相同。

C 对站点的命名最好遵循以英文或数字组合的原则，不过也可以使用中文来命名。 D我们在进行文件夹的命名时，要优先使用英文字母开头的英文或者数字组合 4. 在网页中，可用的中文字体由（）来决定的 A 由浏览者的操作系统决定 B由服务器的操作系统决定 C在安装程序中指定

D在“编辑”菜单中的选择“首发参数”命令进行设置 5. 通常我们在制作网页时，会将首页的名字命名为（） A www

B index.html C main D first

6. 在dw的代码窗口中，用于放置网页内容的主题元素标签是（）

实验需求

USG-1和USG-2模拟企业边缘设备，分别在2台设备上配置NAT和IPsec VPN实现2边私网可以通过VPN互相通信

实验配置

R1 IP地址配置省略 USG-1配置

[USG-1]firewall zone trust //配置trust区域

[USG-1-zone-trust]add interface g0/0/0 //将接口加入trust区域

[USG-1-zone-trust]quit

[USG-1]firewall zone untrust //配置untrust区域

[USG-1-zone-untrust]add int g0/0/1 //将接口加入untrust区域

[USG-1-zone-untrust]quit

[USG-1]int g0/0/0

[USG-1-GigabitEthernet0/0/0]ip add 192.168.10.1 24

[USG-1-GigabitEthernet0/0/0]int g0/0/1

[USG-1-GigabitEthernet0/0/1]ip add 11.0.0.2 24

[USG-1-GigabitEthe

【CSS的属性】

通过上面的介绍，大家会发现CSS定义样式有八个大类，每个类都有自己相应的属性。

此主题相关图片如下：

下面分别介绍各类的功能以及设置后的效果。 【类型】

包含9种CSS属性，主要针对网页中的文本。

此主题相关图片如下：

下面是按照上图参数设置出的效果：

此主题相关图片如下：

【背景】

背景的功能是在网页的元素后面放置固定的背景色或者图像，（注意：是网页元素后的背景色或背景

图像，而不是网页的背景色或背景图像）其参数面板如下：

此主题相关图片如下：

此主题相关图片如下：

提示：在设置背景图像时，最好同时指定一种背景色。这样在下载背景图像时，背景色会首先出现在屏幕上，而且它会透过背景图像上的透明区域显示出来。

下面是按照上图参数设置出的效果：

此主题相关图片如下：

【区块】

区块是指网页中的文本、图像、层等元素的集合，区块属性用于控制块中内容的间距、对齐方式、文本缩进等，其属性参数面板如下：

此主题相关图片如下：

下面是按照上图参数设置出的效果：

此主题相关图片如下：

【方框】

CSS将网页中所有的块元素都看作包含在一个虚拟的方框内，这个方框包含四个部分：

此主题相关图片如下：

我招生——最活跃的招生代理资讯平台

SEO建站前的注意事项及减少建站后网站的跳出率

SEO工作不仅仅是建站后才开始做的，也有些建站前的SEO基础工作，若是建站后在添加，就不太好修改，所以在建站前就应该把基础的SEO工作明确落实好。

1.网站的结构，首先网站的结构都是首页-栏目-内容页这种结构组成。这种结构越精简越好，越少的层次更有利于搜索引擎的抓起和用户体验。其次确保每个页面都相互关联。可以通过网站导航、返回上一层按钮及网站内页锚文本实现页面的相互链接。

2.网站的url设置要用拼音，可充分说明该网页内容的拼音。并且尽量使用静态页面，动态页面的链接参数不易太多，不超过3个为宜。例如我招生招生代理网的页面主要是静态页面，利用搜索引擎和用户的搜索为用户提供相关的信息等。

3.设置网站地图，给用户看的可以一目了然，给搜搜引擎看的存放在sitemap中，主要是网站有多少链接和链接网址等。 网站建好以后如何保证流量减少网站跳出率呢？

1.提供优质的文章，以用户体验为主导地位，为用户提供有价值的文章，只有用户感觉有用，才会减少用户对网站的跳出率。若是随便发粗制滥造的文章即使会被收录，也不会对

ver的CSS样式里包含了W3C规范定义的所有CSS1的属性，Dreamweaver把这些属性分为Type（类ckground（背景）、Block（块）、Box（盒子）、Border（边框）、 List（列表）、Positioning、Extensions（扩展）八个部分，如下图，下面我们分别详细讲解。

Type（类型）

板主要是对文字的字体，大小，颜色，效果等基本样式进行设置。设置时，我们只对要改变的属性，没有必要改变的属性就空着。

性名带*号的是指样式效果不能在编辑文档时显示，要用浏览器打开才能看到效果。

置字体系列。什么叫字体系列呢？是指对文字设定几个字体，当遇到第一个字体不能显示的文字用系列中的第二个字体或后面的字体显示。相对应的CSS属性是”font-family”。

eamweaver4已经内置设定了6个系列的英文字体，一般英文字体我们用“Verdana, Arial, a, sans-serif”这个系列比较好看。如果不用这些字体系列，你就需要自己编辑字体系列，你可拉框最下面的“Edit Font List”来创建新的字体系列，也可以直接手动在下拉框里写字体名，用逗号隔开。中文网页默认字体是宋体，一般就空着不要选取任

建站必须了解的新手知识

问题1。ASP是什么：

Microsoft? Active Server Pages (ASP) 是服务器端脚本编写环境，使用它可以创建和运行动态、交互的 Web 服务器应用程序。使用 ASP 可以组合 HTML 页、脚本命令和 ActiveX 组件以创建交互的 Web 页和基于 Web 的功能强大的应用程序。ASP 应用程序很容易开发和修改。

HTML 编写人员

如果您是位 HTML 编写人员，您将发现 ASP 脚本提供了创建交互页的简便方法。如果您曾想从 HTML 表格中收集数据，或用顾客的姓名个人化 HTML 文件，或根据浏览器的不同使用不同的特性，您会发现 ASP 提供了一个出色的解决方案。以前，要想从 HTML 表格中收集数据，就不得不学习一门编程语言来创建一个 CGI 应用程序。现在，您只要将一些简单的指令嵌入到您的 HTML 文件中，就可以从表格中收集数据并进行分析。您再不必学习完整的编程语言或者单独编译程序来创建交互页。

随着不断掌握使用 ASP 和脚本语言的技巧，您可以创建更复杂的脚本。对于 ASP，您可以便捷地使用 ActiveX 组件来执行复杂的任务，比如连接数据库以存储和