点击顶部导航则切换到另一个内容
工具/原料
AdobeDreamweavercs5
方法/步骤
1、打开AdobeDreamweavercs5新建一个空白网页。切换到代码页面。
2、把</head>以上的代码修改成如下代码:
3、在<body></body>之间插入代码:<div罕铞泱殳class="稆糨孝汶;area-sub"><divid="layout-t"class="tab-producttab-sub-3ui-style-gradient"><h2class="tab-hd"><spanclass="tab-hd-con"><ahref="#">微博</a></span><spanclass="tab-hd-con"><ahref="#">发现</a></span><spanclass="tab-hd-con"><ahref="#">专题</a></span></h2><divclass="tab-bddom-display"><divclass="tab-bd-concurrent"><ulclass="m-listlist-tweet">
4、在上面的代码后面插入代码:(需要展现多少行文字就写多少行,标题改成自己的)
5、最后在</body>前面插入代码:
6、修改图片的地址:(在浅蓝色区域内修改)
7、切换到设计页面查看
8、预览。需要完整代码或者模板请投我一票,私信我从我的百度云盘下载。关注我有更多网页装修模板!