《Web前端开发》实验教学指导/实验二:创建第一个网站 (3)为了使创建的站点清晰、有条理,可以在站点中新建子文件夹,分类存放图片( Images) 视频( Videos)、声音( Sounds)等文件。 2、搜集制作网站所需素材 根据搜集的素材,利用 Adobe fireworks cs6或 Adobe Photoshop cs6设计网站首页。如图 一平 图2-2网站首页效果图 3、制作第一个网站首页 (1)在创建的第一个站点中,点击“文件→新建”弹出“新建文档”对话框,如图2-3 样同临20m 2mm::解 恋,左、标和主 CaltraIn sE 文程典 □启用 ancantext teer 贴[画选参数4) 证和备内客 的)[彩c) 图2-3新建HIML文件 (2)在页面类型选项中选择HTM,然后点击“创建”按钮,将其命名为“ index.html”。 (3)根据首页效果图 index.png,分析网页布局,利用表格,完成网站代码的编写。 部分代码如下所示 stable bgcolor="#ffffff" border="o"cellpadding="0"cellspacing="0" align="center" <tr height=160"> 河南中医学院互联网应用技术研究所 本讲共计4页|当前第2页《Web 前端开发》实验教学指导 / 实验二：创建第一个网站 河南中医学院互联网应用技术研究所 本讲共计 4 页 | 当前第 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，分析网页布局，利用表格，完成网站代码的编写。 部分代码如下所示： <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" align="center" width="980"> <tr height="160"> 图 2-3 新建 HTML 文件 图 2-2 网站首页效果图