Dreamweaver形考任务一的网务答标准答案，核心就一句话：用HTML+CSS搭一个三页面静态站点，页设首页放导航和简介，计形另外两页分别是考任列表页和表单页。别想复杂了，网务答这门课考的页设是基础操作，不是计形让你做商业网站。

我见过太多同学在这道题上翻车，考任不是网务答技术不行，是页设方向跑偏。有人花三天调JavaScript特效，计形结果提交的考任文件里连<!DOCTYPE html>都没写。形考任务一的网务答评分点很明确：站点结构、页面基本元素、页设超链接、计形图片插入、表格或表单。就这些。

站点定义这一步别偷懒

打开Dreamweaver第一件事不是写代码，是建站点。菜单栏“站点”→“新建站点”，站点名称随便起，本地站点文件夹选一个空目录。这一步做了，后面所有文件路径才不会乱。很多人的图片显示不出来，十有八九就是站点没建对，文件散落在桌面各处，相对路径全断了。

建完站点，在文件面板里右键新建HTML文件。首页命名index.html，另外两页叫page1.html、page2.html之类，别用中文名，别用空格。这是习惯问题，也是避免服务器端出错的底线。

首页代码长什么样

切换到代码视图，一个能拿分的首页大概是这样：

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>我的第一个网页</title> <style> body {  font-family: 微软雅黑; margin: 0; padding: 20px; background: #f5f5f5; } nav a {  margin-right: 20px; color: #1a73e8; text-decoration: none; } img {  max-width: 100%; } </style> </head> <body> <h1>欢迎来到我的站点</h1> <nav> <a href="index.html">首页</a> <a href="page1.html">课程列表</a> <a href="page2.html">报名表单</a> </nav> <hr> <p>这是一个用Dreamweaver制作的静态网页，包含三个页面。</p> <img src="images/banner.jpg" alt="横幅图片"> </body> </html>

注意几个细节：meta charset必须写utf-8，不然中文乱码；nav里的链接要能互相跳转；图片路径用相对路径，图片文件提前放进站点文件夹的images目录里。没有images目录就新建一个，别把图片和html文件混在一起。

列表页和表单页的得分点

page1.html放一个无序列表或有序列表，内容随意，课程名称、书单、待办事项都行。关键是<ul><li>标签配对正确，嵌套别出错。

page2.html放表单。形考任务一对表单的要求通常是：文本框、密码框、单选按钮、复选框、下拉菜单、提交按钮。把这些元素各放一个，用<form>包起来，action属性可以留空或写#。label标签加上for属性更好，虽然不强制，但显得规范。

有个坑要提醒：表单里的name属性别漏。有些老师会检查这个，没写name的表单元素提交后后端拿不到值。虽然形考不涉及后端，但养成习惯没坏处。

提交前必须检查的三件事

第一，用浏览器预览每个页面，点一遍所有链接，看能不能正常跳转。第二，检查图片是否显示，alt文字是否写了。第三，打开代码视图扫一眼，有没有未闭合的标签——Dreamweaver会用黄色高亮提示，别视而不见。

文件打包提交时，把整个站点文件夹压缩成zip，不要只交html文件。老师需要看到你的目录结构，包括images文件夹和css文件（如果有的话）。

说句实在话，这个任务花两小时就能做完。那些熬通宵的同学，多半是在纠结“设计感”。形考任务一不看设计，看的是你有没有掌握Dreamweaver的基本工作流：建站、建页、写标签、连链接、预览、提交。把这套流程走通，分数就到手了。