网页制作三剑客课件
第一阶段：网页制作工作环境
1． 局域网连接访问
a) 修改计算机的名称
右击“我的电脑”/点击“属性”/点击“计算机名”
b) 更改IP地址
右击“网上邻居”/点击“属性”/右击“本地连接”/点击“属性”/双击“Internet协议（TCP/IP）”
c) 相互访问故障解决
第一步：网络安装向导（右击“网上邻居”/点击“属性”/右击“本地连接”/点击“属性”/点击“高级”/点击“网络安装向导”/点击“下一步”/点击“下一步”/点击“下一步”/点击“下一步”/把工作组改成“C2”继续点击“下一步”/点选“启用文件和打印机共享（T）”再点击“下一步”/点击“下一步”/点选“完成该向导。我不需要在其它计算机上运行该向导（J）”点击“下一步”/点击“完成”。）
第二步：关闭防火墙（点击“开始”/点击“控制面板”/双击“Windows防火墙”/点选 “关闭（不推荐）（F）”/点击“确定”。）
第三步：组策略（点击“开始”/点击“运行”/输入“gpedit.msc”回车/双击“计算机配置”中的“Windows设置”展开/双击“安全设置”展开/双击“本地策略”展开/双击“安全选项”/在右边的窗口中到并双击打开“网络访问：不允许SAM帐户和共享的匿名枚举”改成“已禁用”|到并双击打开“帐户：使用空白密码的本地帐户只允许进行控制台登录”改成“已禁用”。）
2． IIS安装（Internet信息服务）
a) 从网上下载IIS5.1forXP，并解压。
步骤：双击“IE浏览器”/在地址栏输入www.baidu回车/在百度框中输入“IIS5.1forXP”回车/选择“非凡软件站”进行下载。
b) IIS进行安装。
步骤：点击“开始”/点击“控制面板”/双击“添加或删除程序”/点击“添加/删除Windows组件（A）
”/勾选“Internet信息服务（IIS）”/点击“下一步”/点击“浏览（B）”/在“查范围”右边的列表框中选取IIS源文件的位置/点击“确定”/如再次出现“所需文件”对话框，重复上一个步骤/点击“完成”。
c) 查看安装是否成功。
步骤：右击“我的电脑”/点击“管理”/双击“服务和应用程序”展开/在此处看看有没有“Internet 信息服务”。有，表示成功。
3． 网页三剑客简介（Dreamweaver/Fireworks/Flash）
a) Dreamweaver是一套可视化的网页编辑软件（网站管理和网页编辑）
b) Fireworks是一个图形图像处理软件（图形处理/动态GIF/网格元素/页面布局）
c) Flash是一个专门的矢量动画制作软件（网页动画/游戏制作）
4． WWW 的工作机制
a) WEB（World Wide Web，简称WWW，又称万维网）是目前Internet上最常用的信息服务之一。
b) Web采用客户/服务器工作模式。它以超文本标记语言（Hyper Text Markup Language,HTML）与超文本传输协议（Hyper Text Transfer Protocol,HTTP）为基础，为用户提供界面一致的信息浏览方式。
5． HTML基础知识
a) HTML语言是整个WEB技术的基础。HTML是一种建立网页文件的语言，通过一个个标签（Tag），将影像/声音/图片和文字等连接显示出来。
b) HTML之所以称为“超文本标记语言”，一是因为它的超链接功能，二是因为它的指令统一采用了“标签”表示法。
c) HTML的层次
i. 在HTML语法中，每个由HTML标签与文字形成的元素，还可以包含另一个元素，因此可以认为整个HTML就是一个大元素，其中包含了许多小元素。
ii. 所有HTML文件最外层的元素是由<html>标签建立的。在此元素之内，又包含了两个主要的子元素，这两个子元素是由<head>标签和<body>标签建立的。<head>标签所建立的元素的内容为文件标题，而<body>标签所建立的元素内容为文件主体。
iii. HTML文件最基本的结构：
<html>
    <head>
        …
    </head>
    <body>
        …
    </body>
</html>
6． Dreamweaver工作环境
a) Dreamweaver界面组成（标题栏/菜单栏/插入栏/文档工具栏/编辑区/状态栏/属性检查器/面板）
b) 首选参数（点击“编辑”菜单/点击“首选参数”）
c) 简单网页的制作步骤（以制作自己的平面作品为例）
步骤1：收集你的平面作品到一个指定的文件夹中。
        步骤2：将收集的平面作品全部处理成图像大小为100*100的文档，另外存成一份。（要求不破坏原来的文件）
批量处理文档（以处理大小为例说明）
第一步：打开Ps,随便打开一个图片
第二步：调出动作面板（删除原来所有动作，再“创建新动作”）
第三步：设置刚刚打开的那张图片大小为100*100 并另存为到指定的文件夹。
第四步：停止播放/记录
第五步：单击“文件”|“自动”|“批处理”
正确选择源文件夹
单击选中“包含所有子文件夹”“禁止显示文件打开选项对话框”和“禁止颜配置警告”这三个复选框。
正确选择目标文件夹
最后点击“确定”。
        步骤3：复制处理后的素材（平面作品）复制一份到站点根目录下。
        步骤4：打开Dreamweaver软件，在站点根目录下建立一新文档取名为index.html
        步骤5：插入表格(4行4列，表格宽度100%，单元格边距10，单元格间距10.然后点击确定。
        步骤6：清除表格列宽。表格居中。
        步骤7：分列插入你的作品到每个单元格中。
第二阶段：基本网页设计
最简单的网页制作软件
1. 站点管理
a) 定义：所谓站点，就是一系列通过各种链接关联起来的网页文档。
b) 新建站点:
步骤1 在硬盘上为站点建立一个单独的文件夹。（根文件夹）
    步骤2 打开DREAMWEAVER软件，点击“站点”菜单中的“新建站点”/点击“下一步”/点击“下一步”/“你将把文件存储在计算机上的什么位置”修改成“根文件夹”/点击“下一步”/“你打算将您
的文件存储在服务器上的什么文件夹中”改成“根文件夹”/点击“下一步”/点击“下一步”/点击“完成”。
第三阶段：高级网页设计
第四阶段：动态ＨＴＭＬ技术
第五阶段：Ｆireworks图像制作
第六阶段：Flash动画制作

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。