自写网站入门阶段之二:熟练运用各种标签

转学html/css已有3个多月,经过之前编写一个网页的练手后大概熟悉了部分标签的作用,看着做完的页面跟同学给的源页面相差无几的时候心里充满了成就感。但当同学一针见血的指出我css类的各种定义重复、不符语义化、排序混乱及浏览器的不兼容时我才觉得web前端之路任重道远。于是我又问同学要了2个更为复杂的教育类网站,先按自己的想法写一遍,再参照他的代码改进自己的不足,在边学边模仿中逐渐的改良自己的代码,缩减样式表,优化排版等等。

经过半个来月的自写-参照-修改,这两个网站共计24个页面也一并完成了。对于大部分标签的运用也算是比较熟练了。当然,里面的jq特效我还是写不来的。同学告诉我要想自己写还得先学js,但捷径也有,就是“先抄再改”。于是我便先照搬他封装好的的jq代码,然后稍作修改里面的类名和些许数据,再搬入我的网页中,这样下来也算是“动态网页”了~~~

然后小结如下:

1.上阶段提到的背景的引用、padding和margin的运用、清除浮动的clear问题都已经过重复的手写、询问同学及查询博客园大神帖子解决了(干得漂亮!);

2.关于js互动、jq特效等的,目前还不能自写,但已学会基本的沿用和修改,相信在慢慢的自学路程中会逐渐熟练起来(我以后可是想主攻js的人呐);

3.什么时候用什么标签?以目前的我来讲,先做到能写出效果来,代码尽量精简,然后符合语义化,还要兼容浏览器。暂时就先这样了;

4.所以,接下来的主要任务就很明朗了:继续编写网站,兼容主流浏览器,熟练“抄袭、修改”简单jq特效!

最后,来家公司把我收了吧,米不多了~~~哦米拖佛!

自写网站入门阶段之二:熟练运用各种标签,布布扣,bubuko.com

时间: 2024-10-24 15:52:07

自写网站入门阶段之二:熟练运用各种标签的相关文章

自写网站入门阶段之三:兼容大战与jq初探

自上一次作小结至今已整整一个月,在忙乎了半个月的工作之后闲下来的一个下午我终于可以再次作这个阶段的小结了.首先庆幸的是在同学的推荐下我顺利的找到了工作并于月初3号正式上班,这一点非常感谢他,让我免去了钱袋瘪涩的苦恼和到处应聘的奔波.然后回到正题,这一个月的前半月就是在做两件事: 第一件是在家里收集一些简单的jq特效诸如banner淡出淡入.nav条随鼠标移动.block内容随鼠标更换.图片左右轮显等等,然后把它们做在一个页面里以方便调用.当然,这基本全属于抄袭.拿来即用,基本只能修改数字和少量参

自写网站阶段之:终结篇

想不到,眨眼间就过去了一年.这一年来,经常混迹于各大前端技术论坛搜索资料,下载样例,发帖求助等等,也包括博客园这里.但却未曾停留下来写写感想.做做总结,使得自己的小博略显苍凉.其实归根结底就一个“忙”字.经历了几十个示范校,历练了十几个软件项目,通宵过十几天,加班过几十天,这一年下来,受益良多,但身体素质也下降了不少,果真如大家所说,是用生命在写代码. 现如今,已入门前端,不用再担心被职场淘汰而努力自写网站,所以重返博客园,来终结“自写网站”的阶段性前端生涯,给自己从菜鸟阶段迈向老鸟境界而杨帆起

【自己动手写神经网络】小白入门连载(二)--机器人时代必须得有人工神经(不是神经病)

[自己动手写神经网络]小白入门连载(一) 在上一章中,我们已经介绍了神经网络的基本概念.思想,并提及了有关人工神经元模型的部分内容.在本章中,将对人工神经元模型做更多的介绍. 图2.1 多输入生物神经元示意图 在上一章中提到了一个简单的神经元模型,并且该模型只有一个输入p.这意味着只能有一个额外的神经元与之相连接,这显然是不够的.因此,一个实用的神经元必须是可以接受多个输入的,如图2.1所示,神经元拥有3个输入p1.p2和p3.其中,w和b是根据网络情况不断进行调整的,而传入函数s和传输函数f是

【自己动手写神经网络】小白入门连载(二):机器人时代必须得有人工神经(不是神经病)

[自己动手写神经网络]小白入门连载(一) 在上一章中,我们已经介绍了神经网络的基本概念.思想,并提及了有关人工神经元模型的部分内容.在本章中,将对人工神经元模型做更多的介绍. 图2.1 多输入生物神经元示意图 在上一章中提到了一个简单的神经元模型,并且该模型只有一个输入p.这意味着只能有一个额外的神经元与之相连接,这显然是不够的.因此,一个实用的神经元必须是可以接受多个输入的,如图2.1所示,神经元拥有3个输入p1.p2和p3.其中,w和b是根据网络情况不断进行调整的,而传入函数s和传输函数f是

Maven入门指南(二)

转载自并发编程网 – ifeve.com本文链接地址: Maven入门指南(二) Maven目录结构 Maven有一个标准的目录结构.如果你在项目中遵循Maven的目录结构,就无需在pom文件中指定源代码.测试代码等目录. Maven的目录结构布局,参考Maven标准目录结构介绍 以下为最重要的目录: - src - main - java - resources - webapp - test - java - resources - target src目录是源代码和测试代码的根目录.mai

SharePoint 2013开发入门探索(二)- 列表操作

我们如何用代码对SharePoint列表做些例如增删改查的操作呢?如果您的程序可以部署到服务器上,就可以使用 服务器对象模型,因为服务器对象模型提供的功能最多,限制最少:否则可能要选择客户对象模型等其他方式,这可能会遇到一些功能限制:另外还有一些其他的访问方式,例如Web服务等.如何在 SharePoint 2013 中选择正确的 API 集请参考链接 http://msdn.microsoft.com/zh-cn/library/jj164060.aspx. 我们首先研究下服务器对象模型.使用

然后我就去网上搜索“如何写网站SEO优化方案

这段时间属于网站的策划阶段,网站的定位.网站的布局以及关键词的选定 首先,需要确定自己建设一个什么样的网站.,我们当然是企业网站,然后,确定网站的关键词,确定关键词可以参考自己的竞争对手,也可以通过关键词挖掘工具选择合适的关键词,选出的关键词一定符合用户的搜索习惯,并且有一定的搜索量.最好是能够有明确转化意向的关键词. 关键词确定后,需要设计网站的整体布局,比如说首页应该放置哪些板块,你的客户最关心的是哪些内容?最想了解的是哪些信息?,这时就需要对你的客户进行分析了,比如我们做的是工业品,客户比

JavaScript网站设计实践(二)实现导航栏当前所选页面的菜单项高亮显示

一.(一)中的代码还可以修改的地方. 在(一)中,如果是运行在服务器下,如apache等,可以把head和navigation的div抽取出来,放置在另一个html文件里,然后在页面中,include进来.这样,当要对导航栏进行修改时,只需要修改一个文件,而不用修改所有相关的页面文件.不过,我这里没有这样做,没有抽取出来. 二.实现当前页面的标识+不同页面的head头部背景图片的改变 现在在(一)实现的基础之上,来实现导航栏当前所选页面的菜单项高亮显示,让访问者一路了然知道"我正在这里"

Grunt入门教程之二 —— concat插件

Grunt入门教程之二 Concat插件 concat是grunt中用来做文件连接的常用插件,比如说你写了一个类库,有三大模块,如: a.js b.js c.js 当你的项目准备发布的时候,你可能需要将这三个模块合并成一个大的模块all.js,这样做可以减少HTTP请求,增快页面的响应速度. 如果我们每次发布的时候又要连接这三个模块,并测试all.js,确保大模块无BUG之后再发布,就显得很蛋疼了.一种好的方式是,每当你修改了其中一个小模块,他都会自动连接成all.js,并且你的项目在开发的时候