文档介绍：第二章站点的设计
教学
内容
站点的规划、创建与编辑,html基本标记的语法
目的
要求
了解:站点规划, html基本标记的语法
掌握:站点的创建与编辑
教材分析
重点
站点的规划、创建与编辑
难点
站点规划
授课方式
讲授与上机演示相结合
作业
规划“个人主页”站点,并创建相就站点
附记
教学进程
站点的规划
确定站点目标:主题
规划站点内容:不同的内容划分为几个板块(一级栏目)
规划站点结构:将文件分门别类存放,用文件夹按栏目保存文档(同一栏目下的文档保存在同一文件夹下)
规划站点的导航机制:首页可以到达所有的一级页面。导航标题明确(栏目名称、内容标题、相应图片)
规划站点的风格:围绕站点主题和内容,设计出页面形象和风格。
教学进程
例:我的班站点结构
我的班
班级档案
学****园地
课余生活
美文共赏
联系我们
M1
M2
M3
M4
(主页:)
规划站点结构时注意:
按栏目内容建立子文件夹,一些相关性强,无需经常更新的栏目,可以合并放在同一目录下
每一个子目录都建立独立的images目录,用以存放素材
目录层次在4层以下,目录及文件名不使用中文。
教学进程
创建本地站点
Windows下新建一个文件夹(命名:我的班)
打开Dreamweaver,新建: Dreamweaver站点
根据提示建立站点(站点名:我的班)保存位置选Windows下新建的文件夹( 我的班)
下边各步中:第2步:否,我不想使用服务器技术;
第3步:编辑我的计算机上的本地副本,完成后再上传到服务器,选择刚建的文件夹为站点内容的保存位置;第4步:无。完成按钮。
教学进程
管理本地站点
站点/管理站点
在该面板下,可以对所建的站点进行编辑。
新建:新建一个站点
编辑:对已经设置好的站点进行设置修改
复制:复制指定站点内容(建立站点副本)
删除:将站点删除(只是删除DW同该本地站点间的关系,
其内容仍然保存在原位置,可以重建站点对其进
行管理)
导入/导出:,达到用户间的
共享
从文件面板中,可以对站点内的文件或文件夹进行编辑
教学进程
管理本地站点
从文件面板中对站点文件进行管理:针对文件本身的操作
在站点多选择多个对象:
按住CTRL的同时单击目标对象
在本地站点内创建文件或文件夹:
右击其父文件夹/创建文件或文件夹
在本地站点内管理文件
对目标文件或文件夹进行:复制、删除、重命名、移位
移动文件位置后,其链接也会同时改变,需选择“更新”
HTML的组成及语法
一、标记的语法
1、双标记
<标记符属性名=“属性值”…….>………</标记符>
例:<p align=“center”> 网页设计基础</p>
2、单标记
例:<img src