简单网页制作教程.ppt

院系： 信息工程学院 专业： 计算机科学与技术 姓名： xxx 网页制作 启动Dreamweaver 8 双击桌面红色选择的区域 ?[Macromedia] ?[Macromedia Dreamweaver 8 菜单命令 Windows7系统为例 进入dreamweaver的界面 * 认识Dreamweaver界面 视图按钮 插入各种对象 网页编辑窗口 网页间切换标签 站点管理面板 标签选择器 属性面板 信息工程学院项目实验室网页为例（备注：本人制作） 新建一个站点选择文件面板里的站点或者新建 网页实例 新建空白HTML网页 选择[文件] ?[新建]菜单命令，打开“新建文档”对话框，在“分类”栏中选择“基本页”选项，在“基本页”栏中选择“HTML”选项，单击“创建”按钮。 一个空白的页面 可以编写代码或者直接选择下面的空白处操作自动生成代码 构思网页的整体布局 1、规划网站 2、创建页面 3、收集整理资源 4、配置站点 5、测试站点 6、发布站点 7、维护、更新站点 本节只介绍网友的整体布局和创建网页以及简单网页的制作 * 使用导航条 交互式按钮 普通状态 鼠标经过状态 鼠标按钮状态 在Dreamweaver中，所有网页中使用的图像文件 都必须保存在一个已经定义好的本地站点中。 * 创建交互式按钮 三个简单步骤：选取部件、自定义部件、导出 * 导出交互式按钮图像 使用photoshop软件 处理好图片做好美工 插入图片等 * 设计各种网页部件 图标 横幅 按钮 按钮栏 Rollover按钮 分隔条 插入链接地址如图 整体效果 预览网页效果 选择[文件]? [在百度浏览器中预览? 菜单 命令在百度浏览器中 预览网页文档的效 果。 保存网页文档 选择[文件]?[保存]菜单命令，打开的“另存为”对话框，在“保存在”下拉列表框中选择文件的保存路径，在“文件名”文本框中输入保存的文件名，单击“保存”按钮。 保存到一个站点里面 将网页的所有部件保存到一个文件夹里面以便下次访问！！！ 一个静态的网页便已经做完！ 谢谢大家！ 信工院 计算机本科2班 xxx 联系方式：1539912xxxx * 部件对象： 为网页创建单独的按钮，横幅等对象是制作网页最有趣的一部分。PhotoImpact的部件设计器可帮你快速轻松地创建高品质的Web部件，直观方便的操作界面可用三个简单步骤就能完成一个部件的制作。即选取部件，自定义部件，然后将它导出。 图标 横幅 按钮 按钮栏 Rollover按钮 分隔条 * 部件对象： 为网页创建单独的按钮，横幅等对象是制作网页最有趣的一部分。PhotoImpact的部件设计器可帮你快速轻松地创建高品质的Web部件，直观方便的操作界面可用三个简单步骤就能完成一个部件的制作。即选取部件，自定义部件，然后将它导出。 图标 横幅 按钮 按钮栏 Rollover按钮 分隔条