个人网站的建立与规划.docVIP

实验二 个人网站的建立与规划 [实验目的] 熟悉使用Dreamweaver（以后简称DW）软件的使用 掌握站点的建立与规划 设计个人网站 [实验任务] 通过DW软件，规划学生个人的网站 通过网站展示自己的资料 [实验步骤] 一、启动DW，建立站点，并进行规划 1．在桌面上新建站点文件夹，命名规则为“学号(8位)+“-”+实验序2”，如2”。 2．在“开始”菜单中启动“Macromedia / Dreamweaver软件”，点击“站点”，通过“管理站点”建立个人网站站点，如下： 在“管理站点”对话框中，执行“新建/站点”命令； 输入站点名字为“学号”； “不使用服务器技术”； “编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）”，把文件存储在计算机上的位置，选择1中的“站点文件夹”； “您如何连接到服务器？”选择“无”； “完成”/“完成”，站点根目录建议完毕 站点子目录的建立，如下 在右侧的站点“文件”管理窗口中，右击“站点”根目录，多次执行“新建文件夹”； 分别建立“imgs”、“css”、“swf”、“doc”等文件夹（学生可以根据自己的情况增加），如下图所示； 二、网页的设计 1．右击“文件”窗口—“站点”，依次执行“新建文件”建立5个文件，将新建立的文件命名为“index.htm”、“page1.htm”、“page2.htm”、“page3.htm”、“page4.htm”，如下图所示； 2．双击“index.htm”，该网站的标题设置为“XX的个人资料”，其中XX为“学生姓名”，依次输入个人信息，如下： 以上信息学生需要认真填写个人资料，“保存”。 3．上述信息中，照片的插入通过“插入”菜单“图像”命名完成，请同学们将自己的照片存放到站点img文件夹中。 4．完成上述内容后，“保存”，按F12在网页中预览，如下图所示。 三、其他网页 1．双击“page1.htm”，在该网页中输入“个人简介”内容，网页标题设置为“XX的个人简介”，不低于100字； 2．双击“page2.htm”，在该网页中输入“学习经历”内容，标题设置为“XX的学习经历”，输入小学、初中、高中及大学的名称，指导教师情况等； 3．双击“page3.htm”，在该网页中输入“爱好特长”内容，标题设置为“XX的爱好特长”，请如实输入； 4．双击“page4.htm”，在该网页中输入“未来计划”内容，标题设置为“XX的未来计划”，输入以后的学习工作计划，包括大学毕业前，大学毕业后。 四、建立链接 在“index.htm”页中加入四个连接，分别链接到上述页面当中，如下： 1．双击“index.htm”页，在文档最后回车，加入一空行，依次输入“个人简介”、“学习经历”、“爱好特长”、“未来计划”，（提示：中间可加入全角空格）； 2．选择“个人简介”，在下面“属性”面板中，选择“链接”到“page1.htm”； 3．完成其他链接后，保存，按F12预览网页。 五、根据自己的情况完善个人网站的资料。 [实验结论] 网站的建立，需要从站点规划开始，网站的常见工作形式为各网页之间的链接。 《Flash动画制作》实验任务书 指导教师：郑小松 - 3 -