结构
3。4网站首页的设计与制作
首先在网站根目录下创建首页文件i
dexhtml,在设计视图状态下,打开i
dex。html开始对首页进行布局。
341网站首页的布局设计
首页的布局方案如下(1)整个页面分为9个区域,从上往下依次为:表格1、页面区域1、页面区域2、页面区域3、表格2、表格3、页面区域4、页面区域5、页面区域6。(2)表格1为1行1列(760×120),用于插入flash动画和Logo标志;表格2和表格3为1行3列页面区域1为760×22,为导航栏;页面区域2为760×20,为导航栏,页面区域3为760×20,当前位置标识;页面区域4为760×33,图片型友情链接页面区域5为760×22,文字型友情链接;页面区域6:760×66,文字型导航菜单与版权信息区。(3)表格2的第一列插入表格214行1列),第二列插入表格22(5行2列第三列插入表格234行1列);表格21中第4行插入表格211(18行2列);表格22中第二列插入表格221(16行2列);表格23中第4行插入表格23118行2列。4)表格3的结构与表格2相同。网站首页的布局示意图如图1713所示。
图1710网站首页的布局示意图
※注意※页面中的间隔线是将表格中有些单元格的背景设置网状点所致。
17
f个人收集整理勿做商业用途
342编辑CSS样式文件
新建一个CSS样式文件“style1。css”,其主要代码代码如下所示:
bodyfo
tsize:12pxfo
tfamily:”宋体