Dreamweaver入门:个人网站制作教程

版权申诉
0 下载量 81 浏览量 更新于2024-07-07 收藏 2.5MB DOCX 举报
本资源是一份针对选修课《网页设计》的实践考核题的教程,主要讲解如何使用Adobe Dreamweaver CS3软件制作一个简单的个人网站。课程内容包括以下几个关键知识点: 1. **软件准备**:强调使用Dreamweaver CS3版本,并推荐安装Flash,因为教学过程中会用到Flash功能。 2. **文件夹命名与设置**:指导学生创建一个文件夹,命名规则要求使用字母或数字,避免汉字,便于与站点结构对应。例如,将文件夹命名为“zs”。 3. **新建站点**:在Dreamweaver中创建一个新的站点,指定站点根文件夹为刚才建立的文件夹,HTTP地址设置为`http://localhost/zs`。这里涉及到了站点配置的基本步骤。 4. **文件组织**:将网站的四个基本页面(首页、个人简介、个人相册和表单页面)分别命名为`index.html`、`a.html`、`b.html`、`c.html`或`1.html`、`2.html`等,便于管理。 5. **页面创建**:通过“新建”功能创建每个页面,保存时遵循文件名规范。首页默认为`index.html`。 6. **编辑首页**:重点讲解如何编辑`index.html`,可能涉及到使用Dreamweave的基本编辑工具,如文本框、图像插入、链接制作、动态按钮导航栏以及背景音乐的添加。 7. **行为设置**:要求添加至少两种网页行为,这可能是交互元素如鼠标悬停效果、按钮点击响应等。 8. **页面布局**:提到使用表格或框架进行页面布局,这是网页设计中的重要组成部分,用于控制页面元素的位置和结构。 9. **表单设计**:虽然没有详述,但提到了要设计一个表单页面,可能涉及到HTML表单元素的使用,如输入框、提交按钮等。 这份教程详细地介绍了如何使用Dreamweaver CS3来构建一个基础的个人网站,涵盖了从文件结构设置到页面设计、功能实现的全过程,适合初学者入门学习网页制作。