网页整合
第1章 网页设计先知晓
1.1 初识 Dreamweaver MX
1.1.1 Dreamweaver MX 操作界面（P1）
| Dreamweaver MX 文件|编辑|查看|插入|修改|文本|命令|站点|窗口|帮助 常用|布局|文本|表格|框架|表单|模板|字符|媒体|头|特效|应用程序 新建|打开|全存|剪切|复制|粘贴 代码|拆分|设计|标题|上传|预览|选项| |
浮动面板 设计 代码 应用程序 标签检查器 文件 |
|
文档窗口 |
文件|资源 网络天地| 获取|上传| 站点-网络天地 |
|
属性面板 |
100% |
1.1.4 工具栏（P9）
查看—工具栏—插入、文档、标准。
文档工具栏：代码、拆分、设计、标题、预览。
标准工具栏：打开、保存、全部保存、剪切、复制、粘贴。
1.1.5 插入面板（P14）
“插入面板”工具栏标签：
普通对象(Common)、布局(Layout)、文本(Text)、表格(Tables)、
框架(Frames)、表单(Forms)、模板(Templates)、字符(Characers)、
媒体(Media)、头标记(Head)、脚本程序(Script)、
服务器端脚本程序(Application)。
常用工具标签中的按钮：
超链接、电子邮件、书签、插入表格、画层、插入图像、
FireWork、 Flash、翻转图像、导航条、水平线、日期。
表单标签中的按钮：
表单、单行文本、文本域、多选、单选、列表、
跳转菜单、图像域、文件域、按钮、标签。
媒体标签中的按钮：
Flash、Flash 按钮、Flash 文本、
Java 小程序（Applet）、控件（Active X）、插件（Plugin）。
1.1.6 属性查看器（P17）
属性查看器：可以执行[修改]菜单中的所有命令。
对象属性分类：文本、图像、表格、表单、动画。
1.1.7 功能强大的浮动面板
1.1.7.1 设计面板（P19）
CSS 样式卡：设置文本标准样式。
1.1.7.2 代码面板（P20）
代码片断卡、参考卡。
1.1.7.3 应用程序面板（P22）
数据库、绑定、服务器行为、组件。
1.1.7.4 文件面板
选择和管理站点、选择站点中已使用的资源。
1.3 建立网站的基本工作流程（P32）
工作流程 |
工作内容 |
举例 |
网站规划 |
明确网站主题 划定浏览群体 搜集网站资源 描绘网站结构图 描绘网站文件目录 |
网络书店 文化教育读者 图像、动画、图书封面 用户注册、登录、图书浏览、查找、购书、留言 文件夹：数据库、图像、系统管理 |
准备阶段 |
申请网络空间 描绘网页平面 制作网页组件 设计分工、细化网站结构 |
中国学生网 ASP 50M 空间 网页组件 用户登录购书、系统管理、网络数据库 |
设计阶段 |
建立网站文件夹 设置本地网站 设置服务器端网站 网页设计 网页上传 |
mdb\ img\ manage\ E:\网站编辑 F:\网站测试 实现用户登录购书、系统管理、建立网络数据库 FTP 主机：asp2.6to23.com 用户名：fsxss |
网站维护 |
登录搜索引擎 接收信息反馈 更新网站数据 |
中文雅虎 用户对网站布局结构、内容资料提出的建议 增加新书资料、删除、修改资料 |
1.4.4 网站策划结构图（P36）
用户注册、登录、留言、图书浏览、查找、购书。
1.5 申请网络空间（P37）
1.登录“中国学生网”购买交费的网站空间，
建立一个“互联网上的家园， 展现自我的空间， 勾画心中的蓝图，描绘美好的人生”。
发展方向提供网络虚拟空间，如朋友留言、知已聊天、学术论坛、……。
ASP 空间动态网页服务，支持ASP网页、ASP论坛、ASP留言版、Access数据库。
50MB ASP 空间5个人共用每人10MB空间，每月交费4元，每人0.8元。
共用的网站空间中每人一个文件夹，文件夹名用姓名的拼音首字母。
每个人应有自己的主页 index.htm。
2.学生独立设计中文版个人主页（可以另外增加英文版主页，但只按中文版主页登记成绩），
设置背景图像(<100kB)和音乐(<10kB)，要求主页<100kB。
3.要求个人主页链接：老师网站|网络作业|期中机试|期末机试。
1.6 网站设置
1.6.1 建立网站文件夹（P38）
网站文件夹：如 E:\本地站点\
1.6.2 设置本地站点（P40）
1.定义本地站点
站点—新站点—基本选项卡—站点名称，如“本地站点”—
选择网站类型：
选择用户开发环境：
1.6.3 设置服务器端网站（P46）
1.网站测试环境（Testing Files） ，选择测试服务器：
主机地址：
my.6to23.com, 61.145.119.119
vip.6to23.com
asp5.6to23.com, 61.145.114.95
主机类型：自动检测
上传文件：端口：21
选择本地机作网络服务器，
URL 前缀（站点根文件夹）：http://localhost/ http://127.0.0.1
2.高级定义本地站点
站点—新站点—高级选项卡—
类别：本地信息、远程信息、测试服务器、站点地图布局。
本地信息设置：
远程信息设置：
测试服务器设置：
站点地图布局设置：
1.6.4 网页上传（P49）
主机地址：如 asp2.6to23.com, 61.145.114.95
端口：21
用户：如 fsxss
口令：******
主机类型：自动检测
本地文件夹：如 E:\本地站点
第2章 网页制作实战
2.1 准备工作（P61）
.
2)建立网站文件夹
mdb\ img\ manage\
3）准备网页内容资源
文字、图形、图像、动画
2.2 制作网站标志（Logo）和横幅（Banner）
2.3.3 设置首页中的表单（P88）
表单数据传输到服务器上的方式：
POST：将表单数据嵌入到 FTP 请求中，传递较多数据。
GET：将表单数据附加到请求页面的 URL 中，传递较少数据,
限制在 8192 个字符，不要用来传送重要信息（用户姓名、密码）。
2.3.4 设置 CSS 样式（P92）
设计面板—CSS 选项卡[+]—
标签：如 table
选择器类型：重定义 HTML 标签
定义在：新建样式表文件
保存样式表文件为：如 dzsd.css—类型：字号 10(pt)。
2.4 制作按钮图像（P98）
按钮图像尺寸：100*20(px)
2.6 添加控制行为（P108）
打开浏览器窗口：观看效果好，但造成打开浏览器窗口太多。
单击图书封面—设计（标签）面板—行为[+]—打开浏览器窗口—
要显示的 URL：如 ../wssd/szwh.jpg wlsjk.jpg
窗口宽高：如 366*530 233*322
行为控制事件：onClick。
..
第3章 初识 ASP
3.1.1 什么是 ASP（P115）
典型的 ASP 程序 Hello ASP实例
<html>
<head>
<title>一个典型的ASP程序</title>
</head>
<body>
<%
Response.Write("Hello, World! ")
%>
</body>
</html>
3.1.2 ASP 的工作原理（P117）
网络应用程序：服务器端脚本程序，如 ASP JavaScript 。
|
网络 浏览器 Windows98 |
HTTP 请求 ——————→ ←—————— HTTP 响应 |
网络服务器 Windows2000 ASP SQL |
SQL 查询 ———→ ←——— 查询结果 |
数据库引擎 |
——→ ←——
|
SQL 数据库 服务器 |
动态页面数据查询过程
网络浏览器请求动态页面。
动态页面举例：HTML 页嵌入 ASP 访问网络数据库。
3.2.1 Microsoft IIS 的安装和设置（P119）
1.Windows 2000 安装 IIS 5.0
开始—设置—控制面板—添加/删除程序—
添加/删除 Windows 组件—Internet 信息服务(IIS) 18.3MB—……。
2.服务器发布的 Web 站点（P122）
1）网卡 IP 地址设置
网络邻居属性—本地连接属性—Internet(TCP/IP)属性—
IP 地址：200.0.0.1
子网掩码：255.255.255.0
首先DNS：202.96.128.68 备用DNS：202.96.134.133
2）在 IIS 中设置 Web 站点 （P86）
服务器设置
接通网络客户机—控制面板—管理工具—Internet 服务管理器—
[默认 Web 站点]属性—
Web 站点卡
Dreamweaver 浏览网页用 127.0.0.1）
主目录
文档
3）客户机设置
网卡 IP 地址：200.0.0.2
子网掩码：255.255.255.0
禁用 DNS
4）检测网络
C:\>ping 200.0.0.1
5）浏览服务器发布的 Web 站点
http://200.0.0.1
3.查找“网络书店”主页
1）Internet 上查找“网络书店”主机
域名：如 http://www.wlsd.com—域名服务器（DNS）—
IP 地址：如 200.0.0.1—“网络书店”主机
2）在 Web 服务器中查找“网络书店”主页
IP 地址：如，200.0.0.1—主目录：如 E:\网络书店\—
默认主页 index.htm index.asp