标签归档：HTML

【顶】Web开发入门不得不看

发表于 2012/01/15 由 前端开发-武方博  519 views

引 如今，各种互联网的Web应用程序层出不穷，那么如何快速入门，成长为一个优秀的Web开发工作者呢？ 这个问题不容易回答，几乎所有的培训机构都不能清晰地解答。 所以对于Web开发刚刚入门的菜鸟们，我觉得只有通过去做，去实验，学会Web开发，可能是学着学着，实验着实验着就会了。 没有人告诉你如何去做。我学习的时候，我的导师只是给了我一堆视频，一堆文档。我们从明确一个目标开始：“哦，这个阶段，我要独立完成一个简单的Web应用程序，例如新闻发布系统”。 或许学会如何开发Web应用程序只是在完成这个Web应用程序过程中产生的副产品而已。你可以管它叫项目驱动，也可以认为这只是学习任何语言的一个非常有效的方法。       一、分析与设计 无论做一个传统的桌面应用程序，还是做一个Web应用程序，前期的分析与设计是不可避免的。 分析：需求分析，你必须了解你要做的是什么，你的客户到底想要的是什么，在做新闻发布系统的时候，我就......查看更多>>

发表在 前端开发 | 标签为 , , , , , , , , | 留下评论

纯div+css仿QQ空间投票效果

发表于 2011/05/04 由 前端开发-武方博  844 views

去年给大河报做96211的一个投票系统时候用到的代码，纯div+css仿QQ空间投票效果，请看下效果图 演示地址：http://www.wufangbo.com/demo/css/05/index.html 下载地址：http://www.wufangbo.com/demo/css/05/05.rar   html代码   <div class="pool_wrap"><div class="pool"> <div class="pool_tit"><h3>每个人都有喜欢闻的怪味，你都个人都有喜欢闻的怪味，你都个人都有喜欢闻的怪味，你都个人都有喜欢闻的怪味，你都喜欢哪些？</h3><span>(最多选9项)</span></div> <ul class="poll_view">     <li class="list_item_01"><span class="list_name">1.油漆味</span><div class="plan"><div class="plan_l" style="width:16%;"><div class="pl......查看更多>>

发表在 css, 前端开发 | 标签为 , , , , , , , , , , | 留下评论

纯div+css投票票数百分比柱状效果实现

发表于 2011/05/04 由 前端开发-武方博  864 views

  css实现投票百分比统计效果，去年在一个医生评价的投票项目里面用过，先上下效果图吧！ 演示地址：http://www.wufangbo.com/demo/css/04/index.html 下载地址：http://www.wufangbo.com/demo/css/04/04.rar   html代码 <div id="graphbox">   <div class="little_box"> <div class="percent"> 25.0% (1/4)</div> <div class="graph"> <span class="color1" style="width:25.0%;">&nbsp;</span></div> <div class="itemname font1">非常满意   </div> </div>   <div class="little_box"> <div class="percent"> 25.0% (1/4)</div> <div class="graph"> <span class="color2" style="width:25.0%;&quo......查看更多>>

发表在 css, 前端开发 | 标签为 , , , , , , , , | 留下评论

HTML字符实体和转义字符串

发表于 2011/05/03 由 前端开发-武方博  798 views

为什么要用转义字符串？ HTML中<，>，&等有特殊含义（<，>，用于链接签，&用于转义），不能直接使用。这些符号是不显示在我们最终看到的网页里的，那如果我们希望在网页中显示这些符号，该怎么办呢？ 这就要说到HTML转义字符串（Escape Sequence）了。 转义字符串（Escape Sequence）也称字符实体(Character Entity)。在HTML中，定义转义字符串的原因有两个：第一个原因是像“<”和“>”这类符号已经用来表示HTML标签，因此就不能直 接当作文本中的符号来使用。为了在HTML文档中使用这些符号，就需要定义它的转义字符串。当解释程序遇到这类字符串时就把它解释为真实的字符。在输入转 义字符串时，要严格遵守字母大小写的规则。第二个原因是，有些字符在ASCII字符集中没有定义，因此需要使用转义字符串来表示。 转义字符串的组成 转义字符串（Escape Sequence），即字符实体（Character Entity）分成三部分：......查看更多>>

发表在 xhtml, 前端开发 | 标签为 , , , , , , , , , , , , , , , , , | 评论关闭

HTML5标签用法及描述

发表于 2011/04/30 由 前端开发-武方博  1,436 views

  2000 年底，国际 W3C 织组织公布发行了 XHTML 1.0 版本，到现在已经有 10 年了。这 10 年里， Web 飞速发展，XHTML 1.0 显得“力不从心”，已经跟不上时代的发展了，于是 HTML 5 孕育而生。W3C 在 2010 年 1 月 22 日发布了最新的 HTML 5 工作草案。和以前的版本不同，HTML 5 并非仅仅用来表示 Web 内容，它的使命是将 Web 带入一个成熟的应用平台，在这个平台上，视频，音频，图象，动画，以及同电脑的交互都被标准化。尽管 HTML 5 的实现还有很长的路要走，但 HTML 5 正在改变 Web。 HTML 5 作为新一代的超文本标记语言，增加了许多标签。这些标签不但更有语义，而且功能强大。具体有以下标签：         <article> 定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。 <aside> 定义页面内容之......查看更多>>

发表在 css3 html5, 前端开发 | 标签为 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | 留下评论

(X)HTML Strict 下的嵌套规则

发表于 2011/04/25 由 前端开发-武方博  691 views

  下面是一份在 HTML 4 Strict 和 XHTML 1.0 Strict 下必须遵守的标签嵌套规则，比如你不能在 <a> 里面再嵌入一个 <a> 这样的约定。 说明： 为了方便读者阅读，本文中的标签使用了大写（根据 XHTML 的规则，元素名必须小写，比如 <html> 而不应是 <HTML>） 小写的单词表明一组或一系列 HTML 标签 每一项条目（标签）后都跟随一组标签列表，如果没有这个列表，那么表明该条目（标签）内部不允许包含任何标签。这意味着该条目内部只能包含纯文本内容（#PCDATA，见下文）。如果注明 (empty)，这意味着该条目内部不允许包含任何形式的内容。对于 flow，inline，block，OBJECT 和 BODY，其内部允许包含的内容在文中会单独给出。 #PCDATA 的意思是“parsed character data”，即纯文本内容（不包括任何 HTML 标签，但是转义内容可以存在，比如 &auml;和 &#228......查看更多>>

发表在 xhtml, 前端开发, 前端开发规范和经验 | 标签为 , , , , , , , , , , , , , , | 留下评论

Web开发ABC

发表于 2011/03/22 由 前端开发-武方博  802 views

  Web开发经常会是非常复杂的事情。今天，针对初学者，我希望向你介绍26个概念和技术，每个都对应英文字母的一个字母。听起来很奇怪吧，那让我们开始吧。 A——AJAX AJAX是异步JavaScript和XML的意思，它是近些年你使用的所有流畅的Web应用背后的主要驱动力。 AJAX作为一项技术来说，使用已经很普遍了。Gmail，Flickr等，你甚至还可以在WordPress的管理员面板里找到它。那么它到底是什么以及它如何实现的呢？ 说到底它的核心是XMLHttpRequest，这允许在页面完全渲染之后发送请求并接收返回，而无需关联页面其它部分。这意味着web程序不需要为每一个操作而刷新整个页面。这提供了非常流畅，动感的类似桌面应用的用户体验。 相关阅读 How to Make AJAX Requests With Raw Javascript 24 Best Practices for AJAX Implementations Submit A Form Without Page Refresh using jQuery   B——Browser（浏览器） 浏览器是能......查看更多>>

发表在 前端开发, 前端开发规范和经验 | 标签为 , , , , , , , , , , , , , , , , , , | 留下评论