榨菜肉丝的做法-百度压缩

第一节课 网站基本知识和简单网页制作
1、什么是网站？
网站是由一个 或多个具有相互超级链接的网页组成；可以通过Internet浏览器浏览的；
以及完成这些网页存放 、查找、搜索、发布的物理设备和各种其他相关硬件、软件系
统。
2、建立网站三要素：域名、空间、网页
第一部分：熟悉Dreamweaver
一、DW的特点
◎可视化网页设计工具
◎数据库应用开发环境
◎网站管理工具（本地、局域网和远程）
二、DW硬件要求及安装
◎现在的一般个人电脑(windowsXP)
◎Dreamweaver 2004,cs 软件运行输入序列号
三、DW界面









1

1、菜单栏、工具栏、图标栏、插入工具栏

2
属性面板 折叠按钮 工作窗口
Dreamweaver XM2004界面

2、文档工具栏：文档工具栏、打开多文档；工作模式：设计、拆分、编码
3、对象、工具属性栏：根据工具和对象的不同而不同。
4、辅助面板。折叠按钮。窗口菜单项
5、重要技术：
（1）后悔：菜单项 查看工具栏标准；窗口历史记录。
（2）窗口隐藏面板（显示面板）；窗口属性；窗口插入。
四、操作简介
文件新建首选参数：新文档、默认编码：简体中文（gb2312）
第二部分 创建网站
一、 网站结构（网站数据流程图、网站功能结构、网站目录结构） < br>什么是网站？网站是由一个或多个具有相互超级链接的网页组成；可以通过Internet浏
览 器浏览的；以及完成这些网页存放、查找、搜索、发布的物理设备和各种其他相关
硬件、软件系统。
我们这里讲的是在本地计算机上网站的文件夹（目录）。
注意一下问题：
1、不要将所有文件放在根目录下。
否则其不利影响是：文件混乱；上传速度慢（服务器为根目录建立索引）
2、在根目录下建立子目录（子文件夹）
（1）按照导航栏的栏目建立子目录
（2）每个目录下建立独立的images目录
（3）目录层次不要太深


3

网站流程图



功能层次图

目录结构图



4

二、建立文件夹（目录）
本例在D盘上建立 dzr 目录作为网站根目录。
三、打开网站管理器
1、定义站点
站点管理站点新建（基 本）站点名：dzrm否，我不想使用服务器技术编辑副本，完
成后再上传到服务器文件存储位置：d: dzr连接到远程服务器：localNetwork文件存储
到服务器上的文件夹为：D:dzr否， 不启用存回和取出下一步完成。
2、修改站点
站点管理站点编辑
3、简单网页的制作
（1）创建页面文件
①打开本地站点
运行Dw，创建本地站点。
②创建新页
文件新建、
说明：第一次打开的 文件其名称默认为“”，Untitle后面的*号表示还没
有存盘，建议尽量不要用默认文档名命名文 件。在文档工具栏的标题栏中输入“大自
然-首页”
③页面设置
将鼠标放置在页面的空白处 单击页面“属性”面板中的“页面属性”
◎ 外观：字体：宋体，大小：12pt，文本颜色：黑色#000000
◎ 连接：下划线样式：仅在变换图像时显示下划线
◎ 标题：是在IE浏览器标题栏显示的内容，对于首页、二级栏目都必须给出标题。

5

（2）插入内容
①插入文本（方法:直接输入|复制|修改已有网页） < br>在DW的工作窗口中输入文字：“美丽的大自然”选中文字设置字体：宋体，大小：
36pt，颜 色：蓝色，加粗，居中对齐。
②插入水平线：光标放在“美丽的大自然”下面选择菜单项:插入HTM L水平线
选中水平线宽100%，高3pxshift+Enter键单击插入工具栏的文本的最右边的 回车换行
输入：首页、自然风光、动物世界、植物世界、学习天地、留言簿，作为本页主要栏
目 单击插入工具栏的文本的最右边的空格为各个栏目拉开距离。将光标放在文字“留
言簿”之后，再插入一 条水平线按Enter键完成。
③输入文字内容。
◎输入：“灿烂的太阳、蓝蓝的天空、起 伏的山脉、美丽的田野、广阔的草原、茂
密的深林、奔腾的江水、万紫千红的花草树木、千姿百态的虫鱼 鸟兽、变换万千的气
象….这一起构成了美丽的大自然，我们就生活在这个大自然中，人也是大自然的一 部
分。
大自然全部工作是强者与弱者之间的剧烈斗争—强者统治弱者的永恒胜利。如
果不是这样，整个大自然就只有衰亡。违背这个基本规律国建也将衰亡。”
◎字体属性：字体：楷体 _GB2312，大小：18pt，颜色：#0033ff；每段前有四个空
格（Ctrl+Shift +Space）。
◎插入一条水平线
④插入版权及日期
在最后一条线后插入“版权©归大自然创作组所有，拷贝必究”
输入©的方法：插入工具栏中：文本BR©
输入日期的方法：插入工具栏中：文本日期

6

执行菜单：文件另存为:index_
4、图片的导入和处理
（1）图像的插入
打开index_另存为 index_.在index_中插入图像。
常用图像选择图像源文件：确定，保存在网站的img目录中。
（2）图像的设置
①选中图像属性：对齐：左对齐。
②属性替代：风景1
③调整图像与文字距离。属性：垂直距离、水平距离：15px
（3）图像处理:对比度、剪接等
5、制作栏目子网页及设置超级链接
第一步制作栏目子网页
制作自然风光子网页 并链接返回主页,图片来自：
制作动物世界子网页 链接返回主页,图片来自：
制作植物世界子网页 链接返回主页l,图片来自：
制作学习天地子网页 链接返回主页，内容来自：
制作其他子网页….
第二步设置超级链接
⑴文字超级链接
利用瞄准镜创建超级链接
打开index_选中“自然风光”拖移属性中链接右边的瞄准镜到 ，也可使
用黄色浏览目录进行选择。然后链接“动物世界”的,植物世界的.
(2)图像的超级链接

7

有两种方法：一种是整张图作为链接对象、一种是将图像热点作为链接对象。
①整张图链接。方法同文字链接相同：选中图片链接目标文件。
②图像热点链接。方法： < br>选中图像使用属性中的热点工具在一张图像上选择多个热点区域（圆形、矩形、多
边形）选中热点 链接目标文件。
（3）电子邮件链接
在版权声明中输入“联系邮箱：dzrml@”选中邮 箱地址单击插入工具栏常用
邮件链接图标在窗口输入文本和email地址确定。

（4）锚记与页内超级链接
网页较长，有7、8页或更长，为了方便翻阅和寻位。就可以先设 置锚记，然后再对锚
记设置链接。
方法：
① 命名描记。在长页面的各文字段落前，命名锚点
② 页内栏目链接。选中栏目链接锚点。
实例：
①打开光标放在‘1.1ps 与平面设计’段落前常用锚记图标输入a1,
确定按此法对1.2 图像的基本概念 1.3熟悉ps窗口界面 1.4ps基本操作、简述制作思路
前 ，进行锚记命名，分别为a2,a3,a4,a5。
③ 选中ps与平面设计等各个栏目分别在属性链接文本框中输入a1,a2,a3,a4,a5
④ 在每一部分后面添加 返回首页属性链接：#。
(5)可以链接的对象和产生下载
1、超级链接的对象是：文字（包括空格）、符号、图像、代码等

8

2、要超级链接目标对象是：页面文件、图像、多媒体文件及下载程序等。
3、重点掌握：
当对浏览器不支持的对象设置超级链接时，会产生一个“下载提示对话框”， 因
此，我们可以将不能在浏览器中打开以.exe、.zip、.rar为扩展名等进行链接设置，从而完成下载过程。
第二节课 内容的添加和修饰《网页设计与制作》
1、 DIV以及游动P294
2、 文字的移动和背景声音 p307、308
3、 如何插入flv视频和swf动画








4、 其它
第三节课 网页的布局方法
所谓的网页布局就是指网页中 的各个对象在网页中的位置，无论何种形式，基本上都
会有以下几个部分：标志、标题栏、栏目、内容块 区、版权声明等。
制作一个首页
1、布局

9

设标尺：查看标尺显示(像素)画表格:常用
①选中表格图标一行两列,表格 宽度为760查看标尺重置原点用箭头放在工作区
的左上角,向右下拖拉,使坐标移动,精确原点定位回 车
②点击常用表格行一列四,表格宽760回车箭头到下一行
③点击常用表格2行1列,宽760 把底线和邻线距离拉为20
在文档顶部上的标题写为:科技公司-首页
2、插入对象
①点击常用图片工具,将logo图层属性高设置为100.
②将4列栏目表格全选属性:背景图像sucaibjbj_分别在各栏上输入：
首页 公司介绍 产品展示 新闻 联系我们.
③单击第3个表格属性:垂直顶端,箭头移动到表格左上角.
选中第3个表格中的大表格属性,背景色 #00ffccc(绿蓝色)
先考入文字、图片材料（来自于网上现有公司网站）
④插入版权
单击最后一个单元格点击属性面板的居中工具输入 版权归网页创作工作室 拷贝必
究插入文本字符版权命令插入常用日期文集10pt背景色,蓝绿色(#0099ff)
可把导航栏中的项目设置链接,让同学们了解Dreamweaver的较为完整的网页主页.
⑤ 制作栏目文件名：
Introduction.ｈｔｍｌ,,,存到htm目录下
⑥ 对栏目进行超级链接
⑦ 保存主页为
⑧ 使用主页另存的方法制作各个栏目的子页。
完成。

10