【网络技术】小白基础教学H5编辑静态页面学成在线网页教程-网络技术论坛-网络技术-几喵资源网

【网络技术】小白基础教学H5编辑静态页面学成在线网页教程

 

文件布局

首先我们要创建2个或3个文件一个用来存放照片(images),一个用来编写写(学成在线.html),一个用来编写(style.css

头部部分

分为4个模块

  • logo(图片)
  • 导航栏(无序列表)
  • 搜索(文本输入框、button按钮)
  • 用户(图片)

80943a8cf8130147

头部区域编写代码如下

第三部分

3ec9b81974130235

导航栏部分代码如下:

第四部分

课程区域:

图片[3]-【网络技术】小白基础教学H5编辑静态页面学成在线网页教程-网络技术论坛-网络技术-几喵资源网

底部区域

下载区域模块和网站信息模块

图片[4]-【网络技术】小白基础教学H5编辑静态页面学成在线网页教程-网络技术论坛-网络技术-几喵资源网

侧边

最后我们可以给侧边加个小广告模块

图片[5]-【网络技术】小白基础教学H5编辑静态页面学成在线网页教程-网络技术论坛-网络技术-几喵资源网

css区域

这里css我直接在编写页面上面直接写了,你们也可以建一个css编写页面进行编写

下面是源码下载【最好自己搭建一下看下源码】

 

请登录后发表评论

    没有回复内容