新闻类-仿搜狐页面小demo
大概用了一天时间仿了一个搜狐静态页面的小demo,页面上的新闻是10月1号祖国生日这天的,这种静态页面就是传统意义上的新闻类页面,因为还没学框架什么的所以所有代码布局都是一个一个敲出来的,然后我得出的结论就是布局很重要,DIV很重要,html和css的基础很重要,不能怕麻烦,一定要多写多练,这样如果前端设计师给你一个手稿的话你就能立马知道怎样布局,以下就是我做出的页面了:
里面主要用到了一些盒子模型、列表、浮动等相关的知识点,其实页面还是有一丢丢粗糙的,因为要不停调整,里面的图片也是从搜狐页面上截的,希望搜狐可不要告我侵权啊哈哈。大家不要觉得做页面这种就是个页面仔啥的,我觉得在前期打基础时多做做这种优秀网站是能提高很多的,潜移默化的就能记住很多标签和用法,根本不需要可以去记,所以我认为一定要多写多练,还有一些其他的门户网站也可以去练练,例如旅游网站、娱乐网站等。
这个搜狐页面的源代码我也稍后会上传到我的github上,我们大家相互学习。
github链接:sohu-demo
新闻类-仿搜狐页面小demo相关推荐
- jquery仿搜狐投票动画代码
体验效果:http://hovertree.com/texiao/jquery/21/ 这是一款基于jquery实现的仿搜狐投票动画特效源码,运行该源码可见VS图标首先出现在中间位置,紧接着随着投票比 ...
- 搜狐html源码,仿搜狐视频分享源码,红色大气模板,整站带数据
仿搜狐视频分享源码测试过,完整无错,可以伪静态,功能非常不错. 程序是二次开发于大型系统,性能超稳定,缓存机制强大. 可以添加本地视频,也可以转发去广告的优酷视频 支持批量采集优酷视频,单条采集优酷视 ...
- 迅雷非善类,搜狐需谨慎,浅析迅雷发家史
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! writ ...
- 搜狐html源码,使用css和html模仿搜狐页面
最近在有学习了下css+html,利用css+html写模仿写下了搜狐布局的一部分 首先创建一个html文件,命名为sohu.html 代码如下: sohu.html 登录部分 设为首页 超链接 导航 ...
- 使用html+css仿搜狐网址页面布局
html代码为: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww ...
- cocos 时间函数需要什么引用_Cocos实战篇[3.4]——仿COC的一个小Demo总结
[唠叨] 今天结束了本学期任务最为艰巨的项目实训课程,由于项目组里其他成员基本都已经找到实习了,然后他们都去实习了.只留下我和一个小伙伴在一起搞项目实训的小游戏.经过一个月与小伙伴的配合开发,做了一个 ...
- 前端微信小程序资讯类仿今日头条微信小程序
需求描述及交互分析设计思路和相关知识点新闻频道滑动效果设计首页新闻内容设计首页新闻详情页设计我的界面列表式导航设计系统设置二级界面设计 设计思路(1)设计底部标签导航,准备好底部标签导航的图标和建立相 ...
- html实现视频网站,仿爱奇艺,搜狐,迅雷看看(附源码)
文章目录 1.功能模板 1.1 仿爱奇艺 1.2 仿搜狐视频 1.3 仿迅雷看看 1.4 视频播放 1.5 影视公司官网 2.效果和源码 2.1 源代码 2.2 模板目录 源码下载 作者:xcLeig ...
- 自媒体们的新战场:搜狐新闻客户端
种种迹象表明,以微博草根大号.微信公众号.媒体人为代表的自媒体人群,即将迎接自己的第三个阵地:新闻客户端;与此同时,新闻客户端也有望成为"类微信APP"的一员,跻身移动互联网第三大 ...
最新文章
- git ignore linux,为什么说.gitignore不能忽视
- 如何在centos7下tomcat中安装https
- 最新猪肉价格走势分析,2021又会是一个吃不起猪肉的春节吗?
- IOS-关闭(退)键盘事件--转
- Win7下Anaconda3+Tensorflow
- 上海理工大学第二届“联想杯”全国程序设计邀请赛 - Little Witch Academia(矩阵快速幂)
- 7-3 树的同构 (25 分)(思路加详解)来呀baby!!!!!!!!
- Objects.equals(a, b)
- ubuntu系统下Jenkins和tomcat的安装与配置
- 还没休年假的小伙伴注意了...事关你的合法权益
- 前端大佬们都在使用的JavaScript工具函数宝典-内含95个工具函数方法
- 语音信号预处理3——计算原始chirp信号与滤波后chirp信号的相关性
- 20个经典模拟电路(详细图文)
- 2022年PMP考试应该注意些什么?
- 网易云音乐API-本地node开启
- iPhone、iPad屏幕分辨率尺寸对比
- 微信公众号前端40163解决办法
- boost入门(三):Asio简单示例
- JavaScript随手笔记---保留小数位
- 点击highcharts下钻柱状图更改其他柱子图