网页设计基础

1、第一章 网页设计基础,本章重点：本地站点的创建和设置。 要求： 了解建站的制作流程 掌握制作过程中的一些建站经验和建站技巧 了解常用面板组的主要功能 学会利用站点地图查看、管理各网页之间的超链接关系。,第一章 网页设计基础,1.1 初识Dreamweaver 8 1.2 创建本地站点我的足球网 1.3 创建网站 1.4实战演练卡通世界,1.1.1 Dreamweaver 8的启动 “开始”“Macromedia”Dreamweaver 8”,1.1 初识Dreamweaver 8,工作区设置对话框,1.1.2 Dreamweaver 8的工作环境,1.1 初识Dreamweaver 8,1.1

2、.2 Dreamweaver 8的工作环境 “插入”面板组 文档工具栏,1.1 初识Dreamweaver 8,1.1.2 Dreamweaver 8的工作环境 “属性”检查器 文档编辑窗口,1.1 初识Dreamweaver 8,1.1.2 Dreamweaver 8的工作环境 浮动面板组 常用的浮动面板组 的操作方法如下： 展开和折叠浮动面板组 移动浮动面板组 重新组合浮动面板,1.1 初识Dreamweaver 8,1.2 创建本地站点我的足球网,规划： 在F盘新建文件夹“myfootball”，作为整个站点内容的文件夹，也是网站的根目录。 网站名的“我的足球网”，分3个栏目：“我与足球

3、”、“足球新闻”、“足球明星”，这3个栏目内容分别存放在网站根目录下的“aboutme”、“news”、“photo”文件夹里。 网站所有素材图像存放于根目录下的文件夹“image”中。,1.2 创建本地站点我的足球网,1.2.1 案例综述 1.2.2 案例分析 创建一个网站应遵循的流程为： 1.对站点进行规划 2.素材准备 3.管理站点。（首先要创建一个站点） 4.制作Web页面。 7.设置Web应用程序运行环境。 8.创建动态页。 9. 测试站点。 10. 上传站点到远程服务器 1.2.3 实现步骤,1.2 创建本地站点我的足球网,效果图：我的足球网,1.3 创建网站,1.3.1 网站的规

4、划 确定站点目标 规划站点结构 规划站点内容 规划站点的导航机制 明确站点的风格,1.3 创建网站,1.3.2 定义本地站点 菜单【站点】 【管理站点】 创建新站点 通过“站点定义向导”创建 通过“高级”设置对话框创建 编辑站点 复制站点 删除站点 导入和导出站点,1.3 创建网站,1.3.3 管理站点 在站点中选择多个文件 在本地站点中剪切、粘帖、复制、删除、重命名文件或文件夹 创建文件或文件夹,1.3 创建网站,1.3.3 管理站点 文件面板的使用,站点文件视图,测试服务器视图,站点地图视图,1.3 创建网站,1.3.3 管理站点 站点地图视图 利用站点地图可以以图形化的方式查看站点结构，构建网页之间的链接。 可用于管理站点内的文件和目录，对站点内的文件进行改名、编辑和删除等基本操作。 可用于完成添加、删除、更改站点内的超链接等操作。,1.3 创建网站,1.3.4 网页文件的基本操作 创建HTML文档 文件新建新建文档常规类别基本页 在文件面板中右击新建文件双击 打开已建的HTML文档 文件打开 在文件面板中双击该文档 保存指定文件 文件保存（或Ctrl+S) 文件另存为 文件保存全部 关闭文件 文件关闭,1.4实战演练,一、实例效果卡通世界,1.4实