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