《Web前端开发》实验教学指导/实验二:创建第一个网站 (2)输入你的站点名称,更改站点的路径,点击“完成”,即可完成站点的创建 (3)为了使创建的站点清晰、有条理,可以在站点中新建子文件夹,分类存放图片( Images) 视频( Videos)、声音( Sounds)等文件。 2、搜集制作网站所需素材 根据搜集的素材,利用 Adobe fireworks cs6或 Adobe photoshop CS6设计网站首页。如图 一平 图22网站首页效果图 、制作第一个网站首页 (1)在创建的第一个站点中,点击“文件→新建”弹出“新建文档”对话框,如图2-3 示例 文相共墨: 3列定,棕 a2「A心 图2-3新建HTML文件 (2)在页面类型选项中选择HML,然后点击“创建”按钮,将其命名为“ index.html”。 (3)根据首页效果图 index.png,分析网页布局,利用表格,完成网站代码的编写。 部分代码如下所示: 河南中医学院互联网应用技术研究所 本讲共计4页|当前第2页《Web 前端开发》实验教学指导 / 实验二：创建第一个网站 河南中医学院互联网应用技术研究所 本讲共计 4 页 | 当前第 2 页 （2）输入你的站点名称，更改站点的路径，点击“完成”，即可完成站点的创建。 （3）为了使创建的站点清晰、有条理，可以在站点中新建子文件夹，分类存放图片（Images）、 视频(Videos)、声音(Sounds)等文件。 2、搜集制作网站所需素材 根据搜集的素材，利用 Adobe Fireworks CS 6 或 Adobe Photoshop CS 6 设计网站首页。如图 2-2。 3、制作第一个网站首页 （1）在创建的第一个站点中，点击“文件→新建”弹出“新建文档”对话框，如图 2-3； （2）在页面类型选项中选择 HTML，然后点击“创建”按钮，将其命名为“index.html”。 （3）根据首页效果图 index.png，分析网页布局，利用表格，完成网站代码的编写。 部分代码如下所示： 图 2-3 新建 HTML 文件 图 2-2 网站首页效果图