文档介绍:第一章网页设计基础
Dreamweaver MX 2004 创建新站点
Dreamweaver 8的工作环境
面板组
文件面板
文档编辑窗口
插入栏
文档工具栏
标签状态栏
属性检查器
第一章网页设计基础
第一章网页设计基础
创建新站点
一、创建网站流程
步骤:
对站点进行规划
素材准备
管理站点。(首先要创建一个站点)
设计Web页面布局。
向页添加内容。
手工编码。
设置Web应用程序运行环境。
创建动态页。
快速开发应用程序。
测试站点。
上传站点到未能得逞服务器。
第一章网页设计基础
创建新站点
二、创建站点
菜单【站点】| 【管理站点】
创建新站点
通过“站点定义向导”创建
通过“高级”设置对话框创建
编辑站点
复制站点
删除站点
导入和导出站点
第一章网页设计基础
三、站点列表管理
打开本地站点
编辑站点
删除站点
复制站点
站点文件管理
创建文件夹与文件
文件的移动、复制和删除
设置首页()
第一章网页设计基础
实例1:我的足球网
要求:
在E盘新建文件夹“myfootball”,作为整个站点内容的文件夹,也是网站的根目录。
网站名的“我的足球网”,分3个栏目:“我与足球”、“足球新闻”、“足球明星”,这3个栏目内容分别存放在网站根目录下的“aboutme”、“news”、“photo”文件夹里。
网站所有素材图像存放于根目录下的文件夹“image”中。
第一章网页设计基础
实例1效果图:我的足球网
第一章网页设计基础
四、站点地图
利用站点地图可以以图形化的方式查看站点结构,构建网页之间的链接。
可用于管理站点内的文件和目录,对站点内的文件进行改名、编辑和删除等基本操作。
可用于完成添加、删除、更改站点内的超链接等操作。
第一章网页设计基础
网页文件的基本操作
一、创建、打开和保存网页文件
创建HTML文档
文件→新建→新建文档→常规→类别→基本页
在文件面板中→右击→新建文件→双击
打开已建的HTML文档
文件→打开
在文件面板中→双击该文档
保存指定文件
文件→保存(或Ctrl+S)
文件→另存为
文件→保存全部
关闭文件
文件→关闭
第一章网页设计基础
二、页面的准备工作
设置页面标题