I“Dreamweaver网页设计”提交作业步骤说明.docVIP

“Dreamweaver网页设计”提交作业步骤说明 Step01 首先单击Dreamweaver中的“站点”菜单，打开“××的站点定义为”对话框。选择“高级”选项，再单击“分类”列表中的“本地信息”选项。在右侧栏目里从上到下地定义一个以自己的学号为“站点名称”的站点（如“119074122”），并设置好“本地根文件夹（F）：”（如“D:\119074122\”）、“默认图像文件夹（I）：”(如“D:\119074122\images\”)。其它选项均为默认，如图1所示。 图1 Step02 再单击左侧“分类”列表里的“远程信息”，切换到“远程信息”对话框，在“访问栏（A）：”里选择“FTP”，在“FTP主机（H）：”里输入“80”，“主机目录（D）：”为空，在“登录（L）：”和“密码（P）：”栏内分别填上你自己的用户名(即学号)和老师给的密码（即学号后六位），其它选项均为默认，如图2所示。 图2 Step03 单击图2中的“测试（T）”按钮，显示如图3所示：“Macromedia Dreamweaver已成功连接到您的Web服务器。”信息后，单击“确定”按钮；再单击“确定”按钮。 图3 注：如是“管理站点”进行编辑的，则最后需单击“完成”按钮。 Step04 在Dreamweaver中单击“文件面板组”中“连接到远端主机”按钮，连接“梦之坊”服务器，如图4所示。 图4 Step05 连接成功后“连接到远端主机”按钮变成“从远端主机断开”形式，单击“展开以显示本地和远端站点”按钮（如图5所示），打开站点管理模式，如图6所示。 图5 图6 Step06 在站点根目录上单击鼠标右键，选择“新建文件夹（R）”，出现“untitled”文件夹命名框，将其改名为第几次作业名（如第1次作业名为：“1”），如图7、图8所示。 图7 图8 Step07 在第几次作业名（如“1”）上单击鼠标右键，选择“新建文件（F）”命令，出现“untitled.html”新建文件，将其改名为每次的作业名（如MyFirstWeb.html），如图9、图10所示。 图9 图10 Step08 再双击该文件名，即可对其编辑，如图11所示。 如图11 Step09 选择上传或需更新文件，单击“上传文件”按钮，以上传文件，如图12所示。 图12 Step10 如果要上传整个站点，则先选中站点根文件夹，点“上传文件”按钮，再单击“确定”按钮即可，如图13所示。 图13 Step11 文件上传成功后，即可查看所上传文件，如图14所示。 图14 Step12 最后单击“从远端主机断开”按钮，从而断开与服务器的连接以便释放服务器资源。 Step13 回到“梦之坊”网站的“查看作业”栏内，单击相对应的“我要提交”按钮，如图15所示。 图15 Step14 打开“提交作业名称”页面后，只需单击“提交”按钮即可，如图16所示。单击“返回查看提交的作业”即可查看你刚提交的作业。 图16 Step15 在“查看作业”界面里单击“是否查看”栏下的“是”即可打开“查看提交的作业” ，如图17所示。 如图17 Step16 单击“第×条提交：”后的文件名（你刚才提交的）（如80/119074122/1/MyFirstWeb.html），打开“连接到80”对话框，输入用户名和密码后，勾选“记住我的密码(R)”，再单击“确定”按钮，如图18、图19所示。 图18 图19 Step17 在默认浏览器里（如IE）即可预览你所上传的网页设计效果，如图20所示。 图20