《Wcb前端开发》实验教学指导/实验二:创建第一个网站1 《Web前端开发》实验教学指导 实验二:创建第一个网站 、实验目的(5分) 1、掌握使用开发工具创建网站的步骤 2、掌握使用开发工具制作网页的基本方法 掌握网站目录结构设计的基本规律,并理解其重要性 二、实验环境(5分 l、 Windows10操作系统的计算机 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 版本控制 同文件发布到web 高级设置 您可以在此处为Drei 站点选择本地文件夹和名称 站点名称:[的弟一不网钻 本地站点文件夹:[D字实例床命名达点2 然助 图2-1网站站点的创建 建站点”,弹出对话框,如图2-1 河南中医药大学管理科学与工程 本讲共计4页|当前第1页《Web 前端开发》实验教学指导 / 实验二：创建第一个网站 1 河南中医药大学管理科学与工程 本讲共计4页 | 当前第1页 《Web 前端开发》实验教学指导： 实验二：创建第一个网站 一、实验目的（5 分） 1、掌握使用开发工具创建网站的步骤； 2、掌握使用开发工具制作网页的基本方法； 3、掌握网站目录结构设计的基本规律，并理解其重要性。 二、实验环境（5 分） 1、Windows 10 操作系统的计算机； 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 网站站点的创建