网页设计期中测验.docVIP

网页设计综合实验 操作内容 定义站点。 利用CSS布局创建网页。 制作图文并茂的网页 创建并使用模板 建立链接。 操作步骤及具体要求 定义站点 在D盘建立一个文件夹，以自己的学号命名，并把这个文件夹定义为一个本地站点，站点命名为“我们的学院”。在文件夹中创建image文件夹，将所有图片放入image文件夹中。 制作首页 根据所给素材，制作如图1所示的网站主页index.html 图1 布局要求：利用CSS布局创建页面，网页总布局规划大小为800px×520px，采用基于浮动的固宽布局进行设计，各div位置及命名如图2所示。 图2 属性设置要求 #box方框：800×520， 通过设置margin属性使布局居中 #top方框：宽×高为800×80，text-align为居中，padding-bottom为10 #daohang方框：800×30，text-align为居中 #left方框：宽×高为230×300；padding为20、20、10、20；float为靠左 #right方框：宽×高为430×300；padding为20、100、10、0；float为靠右 #bottom方框：宽×高为800×55；padding为5、0、0、0；clear为both；背景色为#efefef 参照效果图在各div中插入图片、输入文字。其中bottom部分的xxx为你自己的学号姓名。 注意：#