《Web前端开发》实验教学指导/实验二:创建第一个网站 《Web前端开发》实验教学指导 实验二:创建第一个网站 、实验目的(5分) 1、掌握使用开发工具创建网站的步骤 2、掌握使用开发工具制作网页的基本方法 3、掌握网站目录结构设计的基本规律,并理解其重要性 二、实验环境(5分) 1、 Windows XP/Windows7操作系统的计算机; 2、局域网网络环境,并且使用固定IP地址。 三、实验要求(5分) 1、根据所提供素材,选取一种开发工具,完成第一个网站的创建 2、完成网站首页的制作,掌握使用表格排版布局的方法 3、通过网站的制作,掌握网站的基本制作过程。 四、实验原理(5分) 1、Web前端开发工具的使用方法; 2、 Adobe Firework或 Adobe Photoshop的使用; 3、平面设计的基本原理和Web设计的基本原理; 4、使用表格进行页面布局的方法,以及页面框架设计的基本原理。 五、实验步骤 1、创建网站 (1)以 Adobe dreamweaver cs6为例,打开 Adobe dreamweaver Cs6,点击“站点→新 高级设置 您可以在此处为 Dreamweaver站点选择本地文件夹和名称 站点名称:[我的二个诺 本地站点文件夹:D学实例体奇名达点2 图2-1网站站点的创建 建站点”,弹出对话框,如图2-1。 河南中医学院互联网应用技术研究所 本讲共计4页|当前第1页《Web 前端开发》实验教学指导 / 实验二：创建第一个网站 河南中医学院互联网应用技术研究所 本讲共计 4 页 | 当前第 1 页 《Web 前端开发》实验教学指导： 实验二：创建第一个网站 一、实验目的（5 分） 1、掌握使用开发工具创建网站的步骤； 2、掌握使用开发工具制作网页的基本方法； 3、掌握网站目录结构设计的基本规律，并理解其重要性。 二、实验环境（5 分） 1、Windows XP/Windows 7 操作系统的计算机； 2、局域网网络环境，并且使用固定 IP 地址。 三、实验要求（5 分） 1、根据所提供素材，选取一种开发工具，完成第一个网站的创建； 2、完成网站首页的制作，掌握使用表格排版布局的方法； 3、通过网站的制作，掌握网站的基本制作过程。 四、实验原理（5 分） 1、Web 前端开发工具的使用方法； 2、Adobe Firework 或 Adobe Photoshop 的使用； 3、平面设计的基本原理和 Web 设计的基本原理； 4、使用表格进行页面布局的方法，以及页面框架设计的基本原理。 五、实验步骤 1、创建网站 （1）以 Adobe Dreamweaver CS6 为例，打开 Adobe Dreamweaver CS6，点击“站点→新 建站点”，弹出对话框，如图 2-1。 图 2-1 网站站点的创建