网页布局与设计 第1篇
《Web前端开发技术》课程网首页
一级导航菜单上盘旋时二级导航菜单效果页面
《Web前端开发技术》课程网首页(未应用样式)
文字素材:
一级导航菜单为“首页”“HTML基础”“CSS”“JavaScript”“HTML5&CSS3基础”“ HTML5高级应用”。二级导航菜单分别如下: HTML基础:“文本、段落与列表”“超链接与浮动框架”“图像与多媒体文件”“表格与表单”。 CSS:“CSS基础”“DIV+SPAN”“CSS样式属性”“DIV+CSS页面布局”。 JavaScript:“JavaScript基础”“事件分析”“DOM与BOM”。 HTML5&CSS3基础:“HTML5基础”“CSS3转换”“CSS3过渡”“CSS3动画”。 HTML5高级应用:“Web Storage”“Canvas”“Web Worker”。
网页布局与设计 第2篇
这是一个形象的说法,指页面上下各有一个广告条,左边是主菜单,右边是友情链接等,中间是主要内容。
这种布局的优点是页面充实、内容丰富、信息量大,是综合性网站常用的版式,特别之处是顶部中央的一排小图标起到了活跃气氛的作用。缺点是页面拥挤,不够灵活。也有将四边空出,只用中间的窗口型设计,例如网易壁纸站使用多帧形式,只有页面中央部分可以滚动,界面类似游戏界面。使用此类版式的有多维游戏娱乐性网站。
网页布局与设计 第3篇
DIV+CSS固定型页面布局之一
DIV+CSS固定型页面布局之二
DIV+CSS弹性页面布局
网页布局与设计 第4篇
所谓_T_结构布局,就是指网页上边和左边相结合,页面顶部为横条网站标志和广告条,左下方为主菜单,右面显示内容,这是网页设计中用得最广泛的一种布局方式。在实际设计中还可以改变_T_结构布局的形式,如左右两栏式布局,一半是正文,另一半是形象的图片、导航。或正文不等两栏式布置,通过背景色区分,分别放置图片和文字等。
这样的布局有其固有的优点,因为人的注意力主要在右下角,所以企业想要发布给用户的信,大都能被用户以最大可能性获取,而且很方便,其次是页面结构清晰,主次分明、易于使用。缺点是规矩呆板,如果细节色彩上不注意,很容易让人_看之无味_。