dreamweaver网页设计形考任务三答案

1. 先明确形考任务三的题目要求
   形考任务三一般会给出一个具体的网页设计题目，例如制作一个包含图文混排、超链接、表格或表单的静态页面。你首先要做的是登录学习平台，找到形考任务三的作业说明，看清楚它要求使用的软件版本、页面主题、必须包含的元素（如导航栏、图片、文字段落、联系方式表单等）以及提交的文件格式（通常是 .html 和 .css 文件）。不要急着打开 Dreamweaver，先把要求逐条列出来，这样后续操作才有依据。
2. 在 Dreamweaver 中新建站点和页面
   打开 Dreamweaver 后，先新建一个站点：点击菜单栏的「站点」→「新建站点」，给站点起一个与任务相关的名称，比如「形考任务三」，本地站点文件夹选择一个容易找到的位置，例如桌面上的「形考3」文件夹。然后点击「文件」→「新建」，选择「HTML」文档，创建一个空白页面。创建后立即保存为 index.html，并保存在刚才的站点文件夹中。这样做的目的是让 Dreamweaver 能正确识别文件路径，后续插入图片和链接时不容易出错。
3. 按任务要求搭建页面结构
   在 index.html 中，先通过「插入」面板或菜单添加基本结构：使用「插入」→「结构」→「Div」创建头部（header）、导航（nav）、主体（main）、底部（footer）等区块。在头部输入页面标题，在导航栏添加超链接，链接目标可以是任务中指定的其他页面或外部网站。主体部分根据题目要求插入文字和图片：点击「插入」→「图像」选择本地图片，或者直接复制文字内容到设计视图中。如果题目要求表格，用「插入」→「表格」设置行列数；如果要求表单，用「插入」→「表单」添加文本框、按钮等。每一步操作后按 Ctrl+S 保存。
4. 用 CSS 美化页面并检查效果
   形考任务三通常会要求页面有基本的样式，比如背景颜色、字体大小、对齐方式等。在 Dreamweaver 中，可以点击「窗口」→「CSS 设计器」打开面板，选中页面中的元素后，在「属性」面板中直接设置字体、颜色、大小，Dreamweaver 会自动生成 CSS 代码。也可以手动在 head 部分写 标签。设置完成后，点击「实时视图」或按 F12 在浏览器中预览，检查页面是否显示正常，图片是否加载，链接是否可点击。如果发现布局错乱，回到设计视图调整 Div 的宽度和浮动属性。
5. 提交前核对任务要求并导出文件
   完成页面后，对照任务要求逐项检查：是否包含所有必需元素？文件名是否为 index.html？CSS 是否内联或外部文件？图片是否都放在站点文件夹内？确认无误后，将整个站点文件夹压缩成 zip 格式，或者按平台要求单独上传 .html 和 .css 文件。注意不要只上传页面而忘记图片，否则老师打开时图片会显示为红叉。如果平台要求在线提交，通常会上传压缩包；如果要求粘贴代码，则复制 index.html 的完整代码到文本框。提交前最好在另一台电脑或手机浏览器上打开一次，确保文件完整。

软件页面：Dreamweaver。