[W-网页制作.pptVIP

使用DreamwearerMx2004进行网页制作 任务和成果验收 掌握使用DreamwearverMX2004制作网页的基本方法、工具；初步掌握使用基于WEB的网络编程设计动态WEB文件。 制作一个含有三个网页的网页体系 所做的网页要求包含指定的20个要素（基本方法） 通过验收对课程设计成果的质量进行评定，并综合根据纪律、考勤给出成绩 用DreamwearverMX2004制作一个特色主页及一个ＣＳＳ样式页面 第一章、概述 HTTP、 动态网页技术ASP、PHP、ASP.net １、文件路径与ＵＲＬ 路径：绝对路径（完整形式的路径）、相对路径 ＵＲＬ：通用的地址格式 一个完整的ＵＲＬ组成：协议名+WEB服务器地址+文件在服务器中的路径+文件名 制作一个特色主页及一个ＣＳＳ样式页面 2、静态网页与动态网页 动态网页：IE端和服务器端可以进行信息交流 ASP（Active Server Page）技术：建立动态网页的解决方案 动态网页和静态网页区别：运行脚本位置不同 制作一个特色主页及一个ＣＳＳ样式页面 3、将计算机虚拟成WEB服务器 制作网页前，应将PC虚拟成WEB服务器，用来调试作好的网页 MX2004支持ASP、PHP、JSP、MYSQL四种服务器技术 要使用ASP、必须要安装支持ASP的网站服务器，如PWS（Personal Web Server）网站服务器、IIS网站服务器(Internet Information servises) 制作一个特色主页及一个ＣＳＳ样式页面 将IIS网站服务器虚拟成WEB服务器的方法（XP下） 计算机虚拟成WEB服务器 ： 计算机虚拟成WEB服务器 选择Iternet信息服务 选万维网服务/确定 计算机虚拟成WEB服务器 返回Windows组件向导窗口（下一页） 计算机虚拟成WEB服务器 单击下一步 PC自动安装IIS网站服务器(Internet Information servises) 单击“完成”，PC被虚拟成WEB服务器了。 5、制作网站的方法 （1）建立站点与设计站点结构 确定各站点子栏目 确定图片和多媒体文件的存放位置 使用导航条 （2）收集素材 （3）网页布局—排版 利用表格排版 利用层排版 利用布局视图排版 （4）编辑文档和创建链接 超链的载体：…..按钮、跳转菜单、导航条等 链接：内部链接和外部链接 （5）发布站点 制作网站的方法 上传：FTP方式=cutFTP+LeapFTP 第2章、基本操作内容 2.1、 DreamwearerMx2004工作环境 1、打开/新建一个网页文件 2、窗口组成 标题栏 菜单栏 插入面板 工具栏 编辑窗口 属性面板 浮动面板组 状态栏 DreamwearerMx2004窗口 DreamwearerMx2004介绍 基本操作内容 2、面板介绍 （1）插入面板 “窗口/插入” （2）属性面板 “窗口/属性” 基本操作内容 （3）文件面板 “窗口/文件” 功能：管理本地站点的文件 基本操作内容 基本操作内容 基本操作内容 文件面板 文件面板中的部分按钮 基本操作内容 （4）关闭和开启面板 “窗口/隐藏面板” 2.2、文件操作 新建文档对话框 文件操作 文本属性面板 拆分窗口 设计窗口 代码窗口 1、创建网页步骤 （1）文件/新建/常规标签/创建/ ——创建新文档 （2）在网页中创建文本 编辑字体列表 基本操作内容 2、创建有序/无序列表 3、插入日期 “窗口/插入/常用标签” 2.3应用图象 1、图象处理 2.4 创建超级链接 1、建立文档链接 2、热点链接 热点链接 第三章、站点管理 3.1、利用站点向导定义站点 给站点命名 定义站点 第4章、页面布局 常使用表格、框架、层来布局网页 4.1、插入表格 1、插入表格 “窗口/插入/长用标签下”……… 行列数设定 确定 2、表格属性设置 嵌套表格 设置表格高和宽度 插入表格 3、插入嵌套表格 4、表格编辑 选整个表格：单击表格内一点/单击文档窗口底部table 5、设计布局表格和单元格格式 绘制表格操作：定义一个本地站点/窗口/插入/布局标签下…….. 布局插入面板 4.2、页面属性设计 “修改/页面属性” 页面属性设计 4.3、使用网页层 使用网页层可对对象进行有效的控制 1、创建层 “插入/布局对象” 层属性面板 第5章、动态页面效果 5.1、创建表单 “插入/表单” 表单插入面板 表单插入 2、创建表单说明 插入按钮： “插入/表单/按钮/属性设置” 5.2、插入多媒体对象 插入媒体对象的操作： 插入点/插入/媒体/选择文件/确定 1、添加Flash按钮 .swf文件（可播放、浏览的文件，不能编辑