Wcb前端开发》实验教学指导/实验三:创建更多内容的网站1 《Web前端开发》实验教学指导 实验三:创建更多内容网站 、实验目的(5分) 1、理解网站与网页之间的关系 2、掌握超链接、图像、表格标记在页面中的应用; 掌握网站发布的方法 二、实验环境(5分 l、 Windows10操作系统的计算机 2、局域网网络环境,并且使用固定IP地址, 三、实验要求(5分) 1、进一步熟悉表格布局编写网页的方法 2、通过网页的编写,掌握超链接、图像标记的使用 3、将站点通过FTP发布,并通过浏览器进行访问和基本测试。 四、实验原理(5分) 1、通过FTP进行站点发布的基本方法和网站更新维护的基本方法 五、实验步骤(40分) 1、编写网站栏目页:中心概况 事着心 重场了自己的 廉两 图3-1中心概况效果图 (1)编写“中心概况”页面,文件名为: center. html。效果如图3-1所示 (2)打开 Adobe dreamweaver C6,新建HTML网页,将其命名为 center.html,使用表 格布局进行网页的编写。 (3)导航栏中的“首页”链接到 Index.html,“中心概况”链接到 center.html。 河南中医药大学管理科学与工程学科 本讲共计4页|当前第1页《Web 前端开发》实验教学指导 / 实验三：创建更多内容的网站 1 河南中医药大学管理科学与工程学科 本讲共计4页 | 当前第1页 《Web 前端开发》实验教学指导： 实验三：创建更多内容网站 一、实验目的（5 分） 1、理解网站与网页之间的关系； 2、掌握超链接、图像、表格标记在页面中的应用； 3、掌握网站发布的方法。 二、实验环境（5 分） 1、Windows 10 操作系统的计算机； 2、局域网网络环境，并且使用固定 IP 地址。 三、实验要求（5 分） 1、进一步熟悉表格布局编写网页的方法； 2、通过网页的编写，掌握超链接、图像标记的使用； 3、将站点通过 FTP 发布，并通过浏览器进行访问和基本测试。 四、实验原理（5 分） 1、通过 FTP 进行站点发布的基本方法和网站更新维护的基本方法。 五、实验步骤（40 分） 1、编写网站栏目页：中心概况 （1）编写“中心概况”页面，文件名为：center.html。效果如图 3-1 所示。 （2）打开 Adobe Dreamweaver CS6，新建 HTML 网页，将其命名为 center.html，使用表 格布 局进行网页的编写。 （3）导航栏中的“首页”链接到 Index.html，“中心概况”链接到 center.html。 图 3-1 中心概况效果图