自学htmlcss之仿搜狗主页

自学至今有25天左右,到目前为止html和css基础知识学的差不多了。

目前正在仿做静态页面之搜狗首页

这个原模仿网站首页

下面的这是目前为止我做的效果

今天从中午开始正式开始写,写到晚上9点,只完成了这么一点。

主要原因是效率太慢(总结了一下有几个一下原因)

  1.对基本一些的用法不太熟悉,单词的拼写(知道要用什么就是无法写出来,需要借助百度查)

  2.还有就是用基本语法不是理解的特别透彻

  3.还有就是对html+CSS布局理解和用的不是很透彻,像其中的position和float还有就是垂直居中和水平居中。

解决办法:

  1.明天 先把搜狗主页底部样式先完成了来,先别管自适应什么的,先把样子模仿出来了来,再去总结一下出了哪些问题,再想办法把他们解决,消化掉。

  2.明天把搜狗主页完成了,总结了,消化了,没理解的去解决了。 再争取完成百度首页的仿写。

  3.争取每天一个一个页面布局,直到自己决定差不多了,再进行,JS学习。 学JS前,必须先要完成一个复杂一点的页面仿写。

时间: 2024-11-07 10:24:31

自学htmlcss之仿搜狗主页的相关文章

仿微信主页的切换

0.效果                              1.创建首页的Activity public class MaintabActivity extends FragmentActivity implements OnTabChangeListener { private FragmentTabHost tabHost; //定义 每个Tab的 Tag --- start private final static String TAG_CHAT = "chat"; pr

一个简单的带缓存http代理

眼下1.0版模型非常easy.即对客户机发来的请求进行简单处理后,转发到server.转发之前先检查本地缓存.假设有.则直接回送给客户本地资源 程序流程大致例如以下图: 缓存是通过把文件保存到磁盘上,然后把索引记录在内存里实现,数据结构例如以下,兴许会考虑加入其它字段.比方时间戳等. typedef struct Cache_node { char name[MAX_LINE_SIZE]; char path[MAX_LINE_SIZE]; struct Cache_node * next; }

Android开源项目及库搜集

TimLiu-Android 自己总结的Android开源项目及库. github排名 https://github.com/trending,github搜索:https://github.com/search 目录 UI 卫星菜单 节选器 下拉刷新 模糊效果 HUD与Toast 进度条 UI其它 动画 网络相关 响应式编程 地图 数据库 图像浏览及处理 视频音频处理 测试及调试 动态更新热更新 消息推送 完整项目 插件 出名框架 其他 好的文章 收集android上开源的酷炫的交互动画和视觉

一个App完成入门篇-搭建主框架

通过第一课的学习,你已经掌握了如何通过debug调试器来跟PC上的设计器联调来实时查看UI设计效果.调试代码了,接下来通过一系列的demo开发教学你将很快上手学习到如何开发一个真正的App. 要开发App,最重要的就是确定主框架,好的主框架能起到减少工作量.简化代码的作用,而页面通常需要产品人员的UE设计和美工人员的UI设计,如下图所示,这两个步骤完成后才开始实现功能,由于篇幅限制,本教程不再赘述如何设计UI和UE,直接通过开发一个仿微信主页面的页面来做示范. 完整的demo请参考下载地址,可以

类似微信的ChattingUi

先看主页面布局 activity_imitate_weixin_main.xml <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="fill_parent" android:layout_height=&q

59.Android开源项目及库 (转)

转载 : https://github.com/Tim9Liu9/TimLiu-Android?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io#%E5%8D%AB%E6%98%9F%E8%8F%9C%E5%8D%95 目录 UI UI 卫星菜单 节选器 下拉刷新 模糊效果 HUD与Toast 进度条 UI其它 动画 网络相关 响应式编程 地图 数据库 图像浏览及处理 视频音频处理 测试及调试 动态更新热更新 消息推送

iOS 完整项目 学习 DEMO 动画整理

史上最热,最严CJ在魔都如火如荼进行中,小编也抓住机会,给大家带来不一样的分享(害羞捂脸,其实也没有拍啥,就拍MM) <ignore_js_op> <ignore_js_op> 好热,需要降温 .... 其实还有很多,但是领导说:“在搞什么东西,聊技术ok?”所以接下来就进正题吧- [一周精品源码][Swift]PullToMakeSoupPullToMakeSoup 是一个下拉刷新控件,自定义动画效果,效果如gif图所示,可以轻松的加在UIScrollView之上.http://

android开发常用组件和第三方库(二)

TimLiu-Android 自己总结的Android开源项目及库. github排名 https://github.com/trending, github搜索:https://github.com/search 目录 UI UI 卫星菜单 节选器 下拉刷新 模糊效果 HUD与Toast 进度条 UI其它 动画 网络相关 响应式编程 地图 数据库 图像浏览及处理 视频音频处理 测试及调试 动态更新热更新 消息推送 完整项目 插件 出名框架 其他 好的文章 收集android上开源的酷炫的交互动

webdriver高级应用- 启动带有用户配置信息的firefox浏览器窗口

由于WebDriver启动FireFox浏览器时会启用全新的FireFox浏览器窗口,导致当前机器的FireFox浏览器已经配置的信息在测试中均无法生效,例如已经安装的浏览器插件.个人收藏夹等.为了解决此问题,自动化测试脚本中需要使用指定的配置信息来启动FireFox浏览器窗口. 1.生成用户自定义的FireFox浏览器配置文件: 在CMD中使用cd命令进入firefox.exe文件所在目录(比如:C:\Program Files\Mozilla Firefox),并输入firefox.exe