一 : 10个最吃香的网站开发技术
尽管美国经济出现危机，但是网站开发领域还是很繁荣的，因为不论是现在或者将来，网络必定是人们日常生活中不可缺少的组成部分。NETTUTS上列出10个最吃香的网站开发技术。作为网站开发工程师，如果你精通这些技术，即便在经济不景气的时候，仍然很容易找到一份好工作。
1. Framework knowledge （架构知识）
架构是大型网站开发的重要部分。开发者已经从Rails， Django等公司提供的网站架构工具中收益，因为架构工具可以帮助完成那些需要一定编程知识的重复性的任务。如果你拥有领先的架构技术（像Rails， Django， CakePHP， Symfony等），你的择业面将非常广阔。
2. Widget Development （窗体小部件开发）
窗体小部件（Widgets）是一个嵌入网页的迷你应用程序，通常也可以下载到Windows或者Mac桌面下运行。它让数据变得便与携带而且更具交互性。比较出名的像Yahoo Widgets 和AOL Music Widgets。窗体小部件开发除了需要掌握网络应用程序开发所需的语言知识，还需要精通Javascript和Flash知识。
3. Custom CMS themes （内容管理系统主题定制）
如今越来越多人开始使用CMS（内容管理系统，例如Wordpress和Drupal）来构建他们的网站。可以想象不可能大家都用CMS提供的默认主题，为了让自己的CMS网站在外观设计上独树一帜，就需要一些专门给CMS开发主题的技术人员。
4. CMS Customizations and plugin development （内容管理系统的定制以及插件开发）
同样随着CMS的流行，对CMS的功能定制以及插件开发的需求也越来越大。
5. PSD to XHTML services （PSD转换XHTML的服务）
在建站中，许多公司是先用Photoshop设计好网站的外观原图，然后再转换成XHTML。这需要很强的CSS/HTML知识。
6. Javascript Plugin creation（Javascript的插件开发）
Javascript的Framework非常流行，因为它使Javascript的代码开发变得简单。就比如说现在流行的Javascript Framework - jQuery，如果你在它的基础上开发优秀的插件，那么你的插件也会跟着流行起来。
7. Facebook/MySpace applications （Facebook/MySpace 应用程序开发）
Facebook/MySpace两大社交网站在美国红遍半边天。给他们开发应用程序，不用说一定是相当热门的。
8. iPhone applications （iPhone 应用程序开发）
同样给iPhone开发应用程序，也一直都可以被大量下载，因此也是很赚钱的活。
9. E-commerce integration （电子商务一体化）
如今电子商务网站（像Ebay，Amazon）与在线银行服务系统（像Paypal和Google Checkout的）之间的配合越来越紧密，因此电子商务交易平台的开发也是相当有前途的。
10. Flash and Actionscript Knowledge （Flash和Actionscript知识）
越来越多的公司采用Flash来制作自己的网站、展现自己的产品，因为精美的动画总是容易吸引人们的眼球。因此Flash动画技术也必然迅速发展。
二 : 杂谈24则CSS网页布局开发小技巧
在CSS网页布局开发中，会有很多小技巧，div-css.net相关的文章也有很多，但新手朋友往往对此很不熟悉。在某一两个小问题上，或许纠缠很长时间才能搞明白，虽然在的文档中，多次提及过这方面的内容，但依然有很多朋友在这些问题上犯错。我们今天看看这些CSS技巧，认真读一读，或许您并不能完全理解，您可以在进行搜索，扩展您所想要得到的知识，相信您会有很多收获！
一、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。
二、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次。对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为id的权重要比class大。
三、一个兼容性调整（IE和Mozilla）的笨办法：初学可能会碰到这样一个情况：同样一个标签的属性在IE设置成A显示是正常的，而在Mozilla里必须要设成B才能正常显示，或者两个倒过来。
临时解决方法：选择符{属性名：B ！important；属性名：A} 或许有时候并没有效果。你可以在搜索更多的BUG解决方法。
四、如果一组要嵌套的标签之间需要些间距的话，那就留给位于里面的标签的margin属性吧，而不要去定义位于外面的标签的padding。
五、li标签前面的图标推荐使用background-image，而不是list-style-image。
六、IE分不清继承关系和父子关系的差别，全部都是继承关系。
七、在给你的标签疯狂加选择符的时候，别忘了在CSS里给选择符加上注释。等你以后修改你的CSS的时候就知道为什么要这么做了。另外提醒您，不要太疯狂了。
八、如果你给一个标签设置了一个深色调的背景图片和亮色调的文字效果。建议这个时候给你的标签再设置一个深色调的背景颜色。因为图片丢失了，也可以保持文字的可读性。
九、定义链接的四种状态要注意先后顺序： Link Visited Hover Active。
十、与内容无关的图片请使用background.时刻记住表现与内容分离。
十一、定义颜色可以缩写#8899FF=#89F。
十二、table在某些方面还是有用武之地的，在遇到内容为数据表格时，不要对它产生憎恨的心理。
十三、<script>没有language这个属性，应该写成这样：<script type="text/javascript">
十四、完美的单象素外框线表格（在IE5、IE6、IE7及FF1.0.4以上中均可通过测试）
table{ border-collapse: collapse; } td{ border: #000 solid 1px; }
十五、margin取负值可以在标签使用绝对定位的时候起到相对定位的作用，在页面居中显示时，使用绝对定位的层不适合使用left：XXpx这个属性。把这个层放到一个要相对定位的标签旁，然后使用margin的负值是个好方法。
十六、绝对定位时使用margin值定位可以达到相对于本身所在位置的定，这与top，left等属性相对与窗口边缘的定位不同。绝对定位的优势在于可以让其它元素忽略它的存在。
十七、如果文字过长，则将过长的部分变成省略号显示：IE5，FF无效，但可以隐藏，IE6有效
<DIV STYLE="width: 120px; height: 50px; border: 1px solid blue; overflow: hidden; text-overflow: ellipsis">
<NOBR>就是比如有一行文字，很长，表格内一行显示不下。</NOBR>
十八、在IE中可能由于注释带来的文字重复问题时可以把注释改为：
<!–[if !IE]>Put your commentary in here…<![endif]–>
十九、如何用CSS调用外部字体语法：
@font-face{font-family：name；src：url（url）；sRules}
取值：name：字体名称。任何可能的 font-family 属性的值url（url）：使用绝对或相对 url 地址指定OpenType字体文件sRules：样式表定义。
二十、如何让一个表单中的文本框中的文字垂直居中？
如果用行高与高度的组在FF中是没有效果的，办法就是定义上下补白就可以实现想想的效果了。
二十一、定义A标签要注意的小问题：当我们定义a{color：red；}时，它代表了A的四种状态的样式，如果此时要定义一个鼠标放上的状态只要定义a：hover就可以了，其它三种状态就是A中所定义的样式。只定义了一个a：link时，一定要记得把其它三种状态定义出来！
二十二、并不是所有样式都要简写：当样式表前定义了如p{padding：1px 2px 3px 4px}时，在后续工程中又增加了一个样式上补白5px，下补白6px.我们并不一定要写成p.style1{padding：5px 6px 3px 4px}.可以写成p.style1{padding-top：5px；padding-right：6px；}，你可能会感觉这样写还不如原来那样好，但你想没想过，你的那种写法重复定义了样式，另外你可以不必去找原来的下补白与左补白的值是多少！如果以后前一个样式P变了话，你定义的p.style1的样式也要变。
二十三、网站越大，CSS样式越多，开始做前，请做好充分的准备和策划，包括命名规则。页面区块划分，内部样式分类等。
二十四、固定宽度汉字截断：overflow：hidden；text-overflow：ellipsis；white-space：nowrap；（不过只能处理文字在一行上的截断，不能处理多行。）（IE5以上）FF不能，它只隐藏。
如果您有很多不明白的，没关系，记录下这些技巧，常来div-css.net看看，您一定有所收获。您也可以在左侧的搜索框输入你感兴趣的内容进行搜索。欢迎您发表评论，补充CSS技巧。
三 : CSS网页布局开发小技巧
在CSS网页布局开发中，会有很多小技巧，新手朋友往往对此很不熟悉。在某一两个小问题上，或许纠缠很长时间才能搞明白，虽然在webjx.com的文档中，多次提及过这方面的内容，但依然有很多朋友在这些问题上犯错。我们今天看看这些CSS技巧，认真读一读，或许您并不能完全理解，您可以在webjx.com进行搜索，扩展您所想要得到的知识，相信您会有很多收获！
一、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。
二、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次。对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为id的权重要比class大。
三、一个兼容性调整(IE和Mozilla)的笨办法：
初学可能会碰到这样一个情况：同样一个标签的属性在IE设置成A显示是正常的，而在Mozilla里必须要设成B才能正常显示，或者两个倒过来。
临时解决方法：选择符{属性名:B !important;属性名:A} 或许有时候并没有效果。你可以在webjx.com搜索更多的BUG解决方法。
四、如果一组要嵌套的标签之间需要些间距的话，那就留给位于里面的标签的margin属性吧，而不要去定义位于外面的标签的padding
五、li标签前面的图标推荐使用background-image，而不是list-style-image。
六、IE分不清继承关系和父子关系的差别，全部都是继承关系。
七、在给你的标签疯狂加选择符的时候，别忘了在CSS里给选择符加上注释。等你以后修改你的CSS的时候就知道为什么要这么做了。另外提醒您，不要太疯狂了。
八、如果你给一个标签设置了一个深色调的背景图片和亮色调的文字效果。建议这个时候给你的标签再设置一个深色调的背景颜色。因为图片丢失了，也可以保持文字的可读性。
九、定义链接的四种状态要注意先后顺序: Link Visited Hover Active
十、与内容无关的图片请使用background。时刻记住表现与内容分离。
十一、定义颜色可以缩写#8899FF=#89F
十二、table在某些方面还是有用武之地的，在遇到内容为数据表格时，不要对它产生憎恨的心理。
十三、<script>没有language这个属性，应该写成这样:<script type=”text/javascript”>
十四、完美的单象素外框线表格（在IE5、IE6、IE7及FF1.0.4以上中均可通过测试）
table{ border-collapse:collapse; }
td{ border:#000 solid 1px; }
十五、margin取负值可以在标签使用绝对定位的时候起到相对定位的作用，在页面居中显示时，使用绝对定位的层不适合使用left:XXpx这个属性。把这个层放到一个要相对定位的标签旁，然后使用margin的负值是个好方法。
十六、绝对定位时使用margin值定位可以达到相对于本身所在位置的定，这与top，left等属性相对与窗口边缘的定位不同。绝对定位的优势在于可以让其它元素忽略它的存在。
十七、如果文字过长,则将过长的部分变成省略号显示：IE5,FF无效，但可以隐藏，IE6有效
<DIV STYLE=”width:120px;height:50px;border:1px solid blue;overflow:hidden;text-overflow:ellipsis”>
<NOBR>就是比如有一行文字，很长，表格内一行显示不下.</NOBR>
十八、在IE中可能由于注释带来的文字重复问题时可以把注释改为：
<!–[if !IE]>Put your commentary in here…<![endif]–>
十九、如何用CSS调用外部字体
语法：
@font-face{font-family:name;src:url(url);sRules}
取值：
name：字体名称。任何可能的 font-family 属性的值
url(url)：使用绝对或相对 url 地址指定OpenType字体文件
sRules：样式表定义
二十、如何让一个表单中的文本框中的文字垂直居中？
如果用行高与高度的组在FF中是没有效果的，办法就是定义上下补白就可以实现想想的效果了。
二十一、定义A标签要注意的小问题：
当我们定义a{color:red;}时，它代表了A的四种状态的样式，如果此时要定义一个鼠标放上的状态只要定义a:hover就可以了，其它三种状态就是A中所定义的样式。只定义了一个a:link时，一定要记得把其它三种状态定义出来！
二十二、并不是所有样式都要简写：
当样式表前定义了如p{padding:1px 2px 3px 4px}时，在后续工程中又增加了一个样式上补白5px，下补白6px。我们并不一定要写成p.style1{padding:5px 6px 3px 4px}。可以写成p.style1{padding-top:5px;padding-right:6px;},你可能会感觉这样写还不如原来那样好，但你想没想过，你的那种写法重复定义了样式，另外你可以不必去找原来的下补白与左补白的值是多少！如果以后前一个样式P变了话，你定义的p.style1的样式也要变。
二十三、网站越大，CSS样式越多，开始做前，请做好充分的准备和策划，包括命名规则。页面区块划分，内部样式分类等。
二十四、固定宽度汉字截断：overflow:hidden;text-overflow:ellipsis;white-space:nowrap;(不过只能处理文字在一行上的截断，不能处理多行。)（IE5以上）FF不能，它只隐藏。
四 : ASP网页开发过程中的几个小技巧
ASP是Microsoft公司推出的一种用以取代通用网关接口的技术，英文全称Active Server Pages。它是一个Web服务器端的运行环境。ASP本身包含了VBScript和javascript引擎，使得脚本可以直接嵌入HTML中。现将我们在ASP运用过程中的几个小技巧与大家分享。
一、新闻栏
大多数网页上有新闻栏，用以显示最近新闻的主题，点击此主题即可查看详细报道。倘若每天都一条条写在网页上，再依次建立链接太过麻烦。如何让其可以根据文件自动更新呢？
1．预备工作：
1）建一个文件夹，起名为"news"，假设存于D:/ASP/目录下；
2）把每条新闻的详细内容写入文件，且此文件的命名形式为：x (newstime).htm。其中x为此条新闻的主题，newstime为此条新闻发布的时间（按年-月-日顺序写）。为什么要这样写呢？看了下面的算法思想和源程序就知道了。
2．算法思想：对于news文件夹中的文件，依据它们文件名中新闻发布的时间（即括号内的内 容），从大到小排序。这样一来，最新的新闻排在最上面，只要在网页相应位置显示 news文件夹中最上面的若干个文件名，因为文件名的命名方式如1中所述，就可以在新闻栏中显示最新新闻了。
3．源程序段(用VBScript编写的)
| 以下为引用的内容： <% Dim fs, f, f1, fc, filenum dim count dim i,j,t1,t2 dim file(100) dim mystr(100) '标志文件中日期的字符串 count=0 Set fs = CreateObject("Scripting.FileSystemObject") Set f = fs.GetFolder("D:/ASP/news ") Set fc = f.Files for each f1 in fc count=count+1 '计文件个数 file(count)=fs.getbasename(f1) '标记文件基名 mypos=InStr(1, file(count), "(") ')在文件基名中的位置 '文件基名中的日期字符串 mystr(count) = Mid(file(count), mypos + 1, Len(file(count)) - (mypos + 1)) next for i=1 to count for j=1 to count-i if mystr(j)<mystr(j+1) then t1=file(j) file(j)=file(j+1 file(j+1)=t1 t2=mystr(j) mystr(j)=mystr(j+1) mystr(j+1)=t2 end if next next j=1 if count<10 then '新闻栏中共显示10条新闻 temcount=count else temcount=10 end if do while j<=temcount%> <a href="file:///D:/ASP/news/<%=file(j)%>.htm" target="new_window"><%=file(j)%> </a> <% j=j+1 loop %> |
只要养成良好的书写习惯，使得新闻的名称遵照1的要求，再把写好的文件存入news文件夹，新闻栏就会自动显示出最新的10条新闻了。
二、公告栏
除了新闻栏之外，较常用的就是公告栏了，公告栏主要用来显示一些重要的通知。当然这些通知是要经常变化的。让用户每次更改公告内容时都到源程序里去修改吗？当然不行，我们必须提供一个维护的界面给用户，使得用户只要输入通知，网页上的公告栏里自然就会显示通知内容了。
1.解决这一问题的关键在于灵活应用FileSystemObject对象和TextStream对象。在实际应用中，你无需自行建立TextStream对象，因为只要利用FileSystemObject对象打开了文件，系统便自动建立TextStream对象。也就是说，一旦调用OpenTextFile或CreateTextFile方法，便会传回TextStream对象。
2.所需相关文件有三个：更新.asp、公告.asp、维护文本.txt，把它们存入d:/ASP/maintain目录下。
3．三个文件的主要功能和源程序段：
1）更新.asp
主要功能是让用户输入欲显示的公告，检验输入内容是否为空，若不为空，则提交给”公告.asp”程序处理。
| 以下为引用的内容： <html> |
语句①中的action="公告.asp"部分，指出了在form提交后要启动的程序为“公告.asp”。
2）公告.asp
通过FileSystemObject对象和TextScream对象对"维护文本.txt"文件进行读写操作，使得此文件最上面5行的内容为要在公告栏里显示的公告。
| 以下为引用的内容： <% |
3）维护文本.txt
此文件开始为空，从”更新.asp”显示的界面输入公告后，此文件内容被自动写入。
4．在主页文件（通常是default.asp）欲显示公告位置的代码段中加入如下代码，即可显示出更新后的公告。
| 以下为引用的内容： <marquee scrollamount="2" scrolldelay="50" direction="up" width="223" height="133" id="a" onmouseover="a.stop()" onmouseout="a.start()">'公告栏上下滚动 |
上述两个小技巧举一反三，可以解决很多此类问题。网页设计爱好者们不妨一试。
本文标题：网页游戏开发技术-10个最吃香的网站开发技术61阅读| 精彩专题| 最新文章| 热门文章| 苏ICP备13036349号-1