理论教育 DIV+CSS3网页设计:图书网主页布局设计

DIV+CSS3网页设计:图书网主页布局设计

时间:2023-11-22 理论教育 版权反馈
【摘要】:可用PS或Word的绘图功能来实现,郑板桥的创新精神让我们认识到,不管什么类型的网页布局,都离不开创新,创新就是给予作品新的生命,延续作品的技术内涵与精髓,达到成功。图10.4.3网页布局结构绘制三⑤绘制底部友情链接与版权区域,效果如图10.4.4所示。图10.4.4网页布局结构绘制四请根据所学知识,设计并绘制一张“湖南红色基地”网站主页的布局结构草图。本任务用Word的绘图功能实现了图书网主页布局结构草图设计绘制。

DIV+CSS3网页设计:图书网主页布局设计

【案例引入】

郑板桥清代书画家、文学家,扬州八怪之一。他自幼爱好书法,立志掌握古今书法大家的要旨。他勤学苦练,开始时只是反复临摹名家字帖,进步不大,深感苦恼。据说,有次练书法入了神,竟在妻子的背上画来画去。妻子问他这是干什么,他说是在练字。他妻子嗔怪道:人各有一体,你体是你体;人体是人体,你老在别人的体上纠缠什么?郑板桥听后,猛然醒悟到:书法贵在独创,自成一体,老是临摹别人的碑帖,怎样行呢!从此以后,他力求创新,摸索着把画竹的技巧渗在书法艺术中,最后构成了自己独特的风格——板桥体。

【案例分析】

在开始制作网页之前就要设计好网页的排版布局,即网页元素摆放的结构与位置。可用PS或Word的绘图功能来实现,郑板桥的创新精神让我们认识到,不管什么类型的网页布局,都离不开创新,创新就是给予作品新的生命,延续作品的技术内涵与精髓,达到成功。

【主要知识点】

①打开Word程序,新建文档,将视图调为“单页”,使用插入菜单下面的形状工具条里面的矩形(填充为空),根据页面范围绘制一个长方形代表网页的大小。效果如图10.4.1所示。

图10.4.1 网页布局结构绘制一

②在网页范围内绘制Logo结构区域,再绘制好网站标志区域。

③在Logo结构区域下绘制Banner旗帜广告区域,再在下面绘制导航区域,效果如图10.4.2所示。

图10.4.2 网页布局结构绘制二(www.daowen.com)

④绘制左中右内容区,效果如图10.4.3所示。

图10.4.3 网页布局结构绘制三

⑤绘制底部友情链接与版权区域,效果如图10.4.4所示。

图10.4.4 网页布局结构绘制四

【课堂互动】

请根据所学知识,设计并绘制一张“湖南红色基地”网站主页的布局结构草图。

【任务总结】

本任务用Word的绘图功能实现了图书网主页布局结构草图设计绘制。根据此草图,就可以制作网页的排版布局了。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈