在站点新建lxwm的html文件,小溪空间

(2008-10-22 10:45)

标签：

html教材

教育

九、层的灵活应用

索 然

知识要点：层的应用

(一) 、关于层：层是一种 Html 页面元素，可以将它定位于页面上的任意位置。在一

个网页中可以有多个图层存在，它最大的魅力在于各个图层可以重叠， 并且可以决定每个

图层是否可见， 同时也能够自定义各图层之间的层次关系。层可以包含文本、图像或其它

任何可在Html 文档正文中放入的内容。

制作层：

选择：插入---布局对象---层。

可以根据需要修改层的位置、大小、背景颜色等等，在层里可以输入文字和插入图片等

网页元素，还可以在其中嵌套层。

层分为绝对定位的层和相对定位的层，具体用哪一种应根据需要而定。

(二)、实例应用

1、应用层在首页插入透明 Flash

2、应用层作对联广告

(三)、综合应用嵌入式框架和层来做“家庭影院”栏目页面。

实例应用：

1、新建“家庭影院”栏目文件(jtyy)，在其中再新建 Flash文件夹、jtyy.html、0.html、

1.html、2.html、----文件.

2、制作 jtyy.html 页：

● 套用模版 wznry，脱离模版，修改中间部分，插入背景图片 jtyy.jpg

● 插入

标签：

html教材

教育

八、利用嵌入式框架快速制作分页

知识要点：利用嵌入式框架制作分页

(一)复习：利用模版做分页

1、学海无涯栏目页的作法：

2、风采怡人栏目页的作法：

(二)、利用嵌入式框架快速制作分页

实例应用：

1、在站点中创建美妙旋律文件夹 mmxl

● 在美妙旋律文件夹 mmxl 里创建一个文件夹 mp3，放置音乐和 FLASH 文件

● 再分别创建几个文件：mmxl.html 1.html 2.html 3.html 4.html -----

2、制作美妙旋律栏目分页 mmxl.html

● 导入内容页模版：修改---模版---套用模版到页，选择nrymb

● 脱离此模版：修改---模版---从模版中分离。

● 修改此页面，分为左右两栏(宽分别为：200、750) ，左侧为歌曲内容列表，右侧放置

播放窗口。

● 在此页右栏插入浮动框架

效果如图：

3、制作美妙旋律内容页

● 先制作一个美妙旋律内容页模版，保存模版名称为 mmxl

● 制作第一个内容页 1.html

插入一个音乐如“远方的客人请你留下来”

● 制作其余内容页，略

4、做链接：

● 选中“远方

标签：

html教材

教育

七、利用库和模版快速制作分页

索 然

知识要点：库、模版及其应用

通常在一个网站中会有几十甚至几百个风格基本相似的页面， 如果每次都重新设定网页

结构非常麻烦，虽然可以用复制的方法简化制作，但做好许多网页后一旦要修改导航栏等内

容，每个文件都要修改，十分烦锁。Dreamweaver8 的模板和库功能可以解决这个问题。模

板和库的功能就是把网页布局和内容分离，在布局设计好之后将其存储为模板或者库，这样

相同布局的页面可以通过模板创建，常用的内容可建为库反复使用。当我们要修改导航栏等

内容，只需修改模板和库，使用它的所有网页文件会自动更新，极大的提高了工作效率，有

利于网站建成以后的维护，并能使网站的风格保持一致。

(一)、模板和库简介

1、模板：模板是制作其它网页文档时使用的基本文档，一般在制作统一风格网页时会经常

使用模板功能。

2、库：库是指将页面中的常用的元素(如页眉、版权信息等等)转换成库项目保存起来，

在需要时调用。

库本身是一段 Html 代码，模板是一个文件。所有的模板文件存放在站点根目录下的

“Templates”中，扩展名

(2008-10-22 10:39)

标签：

html教材

教育

六、浮动框架与外部资源应用

索 然

知识要点：浮动框架(iframe)、外部资源利用

1、浮动框架(iframe)简介：

浮动框架(iframe)是指在网页文档中，以框架形式显示其他网页文档、主页、公告板和记

事本的功能，利用这一功能，可以在指定的位置以指定的大小显示其他网页文档或站点。例

如滚动新闻等

2、创建浮动框架方法如下：

实例应用

(一) 、利用浮动框架导入外部文档：

1、链接外部天气预报的方法

● 到网上搜索相关代码

给你两个网址，你去找相应的链接网址(提示，如何找代码)：

http://news.sohu.com/

(先定制城市，用属性就能直接找到地址，也可以用遨游浏览器，找

内嵌的天气预报框架)

http://www.265.com/

(先定制城市，用遨游浏览器，找内嵌的天气预报框架)

下面是我找到的地址(徐州的) ：

http://news.sohu.com/weather/news2.0/320104.html

(2008-10-22 10:36)

标签：

html教材

教育

四、CSS样式与网页美化

索 然

知识要点：cssy样式

(一)、CSS 样式简介

使用 CSS 样式文件，不仅可以在单个的文档中使用该种样式，而且可以在多个文档中

使用该样式。 这样也有助于保持整个网站风格的一致性，同时也减少了对多个页面定义样式

的麻项。在当今的网页制作中，几乎所有漂亮的网页都用了 CSS。 CSS 是 Cascading Style

Sheets (层叠样式表单)的简称。对于设计者来说它是一个非常灵活的工具，不必再把繁

杂的样式定义编写在文档结构中，可以将所有有关于文档的样式指定内容全部脱离出来，在

行内定义、在标题中定义，甚至作为外部样式文件供HTML 调用。有了 CSS 的控制，我们

的网页便会给人一种赏心悦目、工工整整的感觉，短短的十几行代码，得到的效果却不同凡

响。

(二)、基本设置方法

大家一定会对用手动输入样式表望而生畏，别急，DW8 中样式的设置很方便，让我们

一起来，走进 dw8 的样式表设置中。

DW8 中 CSS 样式介绍

打开练习站点

在菜单上选择：窗口/CSS 样式，打开 CSS 样式面板，

单击+按钮新建 CSS 样式，打开 CSS 样式对话框

(2008-10-22 10:31)

标签：

html教材

教育

二、表格应用与首页布局

索 然

知识要点：表格的插入与设置、首页布局设计

(一)、表格的创建与设置

使用表格可以清晰地显示表格式数据， 另一方面表格又是文本和图形进行布局的强有力工具。

表格由一行或多行组成；每行又由一个或多个单元格组成。

1、打开站点 lx

双击打开 index.html 文件

2、创建表格

单击表格按钮

弹出表格设置对话框

对表格设置后，单击确定后即插入一个表格

表格按钮

2、表格属性

选择整个表格，打开表格属性面板(方法：按 Ctrl+F3 组合键。默认为打开状态，)

根据需要加以设置

3、表格的选择与调整

4、表格、单元格的修改：合并、拆分、插入、删除等

5、表格嵌套

(二)首页的布局与设计

一个网页中，一般包括四个部分，即：

头部信息区(页眉)

导航链接区(导航栏)

内容显示区(正文区)

版权声明区(页脚)

具体制作步骤如下

打开站点 cyxw

新建文件加 images 和网页文件 index.html

双击打开 index.html 文件

1、设计头部信息区(页眉)

插入 4 行 3

标签：

html教材

教育

(2008-10-16 18:47)

标签：

小溪转载

教育

第十课：页面的基本设置 求实

首先要建一个跟目录下的外部连接数据库，打开 conn.asp文档，另存为，保存在跟目录里， 文件名为：connw.asp

打开代码，将 xyn= '../data/data.mdb' 这行代码改为： xyw= 'data/data.mdb'，(xyn)

换成 (xyw) 其他代码不变，保存。 其次是打开数据库里。把里面所有项目全部填写正确。 一，基本页面的编辑：

1，打开跟目录文件夹里的 jbsz.asp ，在应用程序里的绑定里点+ 号记录集(查询)，名称里 输入 ps 连接里找到 xym

表格里找到 jbsz 筛选为无 排序为 id，降序，确定， 2, 插入 2 行1 列， 宽 789， 边框为 1， 其他为 0的表格，

第 1 行， 高 30， 水平居中， 样式 zt24， 插入 016.gif，输入“页面基本设置” 第 2 行高

450，水平居中，垂直顶端，插入表单后， 再插入 13行 2 列。宽 780。边框 1的表格，全选左面1 到 11 行，宽 150，高

35，水平居中， 样式 zt16 右列全选，样式 vs12 3, 第 1 行第1 列，输入 “网站名称” ，第 2 列宽为

630，插入文本字段，在属性里，文本域 为 wm 字符宽度为 40 ，样式 bj 绑定 wm 4, 第 2 行第1 列，输入

“网站网址” ，第 2列插入文本字段，在属性里，文本域 为 wz 字 符宽度为 40 ，样式

(2008-10-16 18:44)

标签：

小溪转载

教育

第九课：留言簿的编辑

求实

打开文章频道的 qml.asp。点另存为，保存在 lyp 文件夹里，名称 为 qml.asp..保存，出

来更改连接对话框点否，删除服务器行为里的所有项目，删除经典文章目录及删除目录下面

的表格，保存，再点另存为，保存在 lyp 文件夹里，名称 为 qtj.asp.. 再点另存为，保存

在 lyp 文件夹里， 名称 为 qxg.asp. 再点另存为， 保存在 lyp 文件夹里， 名称 为 qsc.asp.

再另存为，保存在 lyp 文件夹里，名称 为 qxs.asp..保存。

一，留言分装页的编辑“

1，新建文档：点文件-新建-常规-动态页(ASP VBScript),文档类型选‘无，保存在 lyp 文件

夹里，名为 qfz.asp ，导入附加样式表，

2，插入 1 行 1列，宽 230，其他为 0 的表格，样式 bj 高 280，水平居中。垂直顶端，

3，插入 1 行 1列，宽210，其他为0 的表格，在表格里点一下， 高 28。样式 zt12 插入图

片 topview.gif 按 2 下空格键，输入“给你留言”

4，在应用程序里的绑定里点+ 号记录集(查询)，名称里输入 ps 连接里找到 xyn 表格

里找到 lyp 筛选为无 排序为 id，降序，确定，

5，在给字前点一下，绑

标签：

小溪转载

教育

第八课：软件频道和站内资源统计的编辑

求实

一，软件频道的编辑：

1，分别打开 前台分装 ( qfz.asp )，前台目录( qml.asp )后台编辑( hbj.asp )后台

删除( hsc.asp )页面，限制下载 (xz.asp) 不限制下载(noxz.asp)页面文字对应改

动后，在代码里，打开查找和替换，在查找里输入 wzpd 在替换里输入 rjpd 点替换

全部，保存

2，打开后台添加页面( htj.asp )除按前条文字修改外，把下在路径后面的“下载文件必

需是 rar 删除，把“插入路径”改为“序列号” ，选中文本字段，在属性里，把字符宽

度改为 50 ，把后面的宽和高，连文本字段，说明删除，输入软件大小：插入文本字段，

在属性里把文本域改为 kuan 后面输入 KB 下载内容改说明。 在服务器行为里分别双击

记录集和插入记录，把表格换成 rjpd 保存.

3，打开后台修改页面( hxg.asp )除按前条文字修改外，把下在路径后面的“下载文件必

需是 rar 删除，把“插入路径”改为“序列号” ，选中文本字段，在属性里，把字符宽

度改为 50 ，把后面的宽和高，连文本字段，说明删除，输入软件大小：插入文本字段，

在属