网页制作之HTML
gjpdeyx
Enjoy the life!
展开
-
标准的网站title、keywords、description写法
第一天我们说一下SEO的一个入门知识,标准的网站title、keywords、description写法。 一、title keywords description的作用 title,也就是标题,他显示在浏览器上框,一般方便用户了解这个页面的内容,而在搜索引擎来说,这里就是他们判定你网页内容的主要根据。 keywords,我们称他为关键词,他与title不同的是,title是可以原创 2009-11-03 19:53:00 · 706 阅读 · 0 评论 -
buttons need type="submit" to submit in IE
<br />In a typical round of doing Internet Explorer clean up at the end of a project, I had to figure out why my <button>Submit</button> wasn't submitting a form in IE.<br />I did a search on "html button" and went to the w3c HTML 4.01 specifications转载 2010-07-07 15:10:00 · 598 阅读 · 0 评论 -
HTML教程拾零1
尽管HTML的基础是纯文本,但我们还是需要多一些东西才能使纯文本文件变成合法的HTML文件。标签HTML基本的构成包含标签,标签围绕着内容,赋予内容某些意义。转载 2010-05-28 18:02:00 · 341 阅读 · 0 评论 -
动静之别
动态网页的最大特征是可以和浏览者交互信息 比如 你是网站的站长 你可以在后台发布信息 而浏览者看到你的信息后可以在你的网站上给你留言,交流 这就是交互 index.htm.index.html.default.htm.default.html只是个文件名什么都代表不了 ,只能说明这页是静态的,动态的网站可以包括静态的网页 qq问问肯定是动态的,它有庞大的数据库,为了安全及其他原因,用动态教本语言生成了静态页面,就是我们所看到的 一个网友问过我这么一个问题,那个网站的动画好漂亮,做这样的动态网转载 2010-06-02 18:11:00 · 348 阅读 · 0 评论 -
为什么在头部加上标签以后里面的href属性会影响到页面显示效果
今天在做网页,看到别人页面上有个好东西,整了下来,但是太“专业”了,把别人的头部的base标签也弄了下来,然后出现的情况就是我的页面出现了相当神奇的变化,好像不是我的。这就是在网上搜到的结果。这才知道这是我的做到页面引用了网上的页面。所以会出现完全不像我的页面的原因。----------------------------------------------------------------页面的头部标记之基底网址标记■基底网址标记它的作用有点类似超链接...可以用它来设定URL地址,一般常用来设原创 2010-06-06 14:07:00 · 676 阅读 · 0 评论 -
Zen Cart模板目录结构
<br /><br />用Zen Cart系统做网店,模板是个大问题。很多朋友对网上能够找到的Zen Cart免费模板不满意,想进行修改,但觉得难以入手。其实只要懂得一点HTML,css,和简单的PHP知识,修改Zen Cart模板并不困难。但是也不会像小学算术那样简单,首先呢,要对Zen Cart的模板目录结构有清楚的认识。<br />一般情况下,一个Zen Cart模板目录里包含下列几个文件夹,其功能的简单介绍如下:<br />buttons:模 板用到的按钮文件夹,包括加入购物原创 2010-06-08 14:19:00 · 817 阅读 · 0 评论 -
怎样制作网站标题栏ICO图标工具及步骤
<br /> <br /><br />网站标题栏ICO图标制作方法<br />看到别人网站在浏览器的网址前面和收藏夹里有一个自已网站的图标,你是不是也想要一个?下面给大家带来两种方法。<br /><br />第一种:用软件来制作<br />打开软件,按照操作就可以了,这是一款绿色软件,使用起来非常的方便,载入图片,调整图标的尺寸就可以了,而且是中文。<br /> <br /><br />第二种:哈哈最近发现的一个网站帮你制作ico图标,用起来更方便了!<br />网站地址是:http://www.h转载 2010-06-10 11:07:00 · 799 阅读 · 0 评论 -
HTML中用div标签包含Marquee实现文字走马灯滚动效果
使用Marquee结合DIV实现一个符合W3C标准的文字滚动效果,这里你只需赋给marquee一个id就可以控制文字了。 onmouseout="scrollText.start();" scrollAmount="2" direction="left" > 大胡子村(www.xueit.com)提供漫画类的书籍的浏览和观看。欢迎您经常来逛逛,看看我们一直在努力。 然后为类名为scroll的div 写个样式,让它出现在页面中的指定位置就好。原创 2010-08-08 13:32:00 · 6722 阅读 · 0 评论 -
表格边框/单元格之间分隔线的隐藏实现方法
<br />点评:表格边框的显示与隐藏,是可以用frame参数来控制的。请注意它只控制表格的边框图,而不影晌单元格。<br /> <br />只显示上边框 <table frame=above> <br />只显示下边框 <table frame=below> <br />只显示左、右边框 <table frame=vsides> <br />只显示上、下边框 <table frame=hsides> <br />只显示左边框 <table frame=lhs> <br />只显示右边框转载 2010-06-11 16:58:00 · 2367 阅读 · 0 评论 -
Iframe和FRAME的区别分析
<br />一、Iframe标记的使用 <br />提起Iframe,可能你早已将之扔到“被遗忘的角落”了,不过,说起其兄弟Frame就不会陌生了。Frame标记即帧标记,我们所说的多帧结构就是在一个浏览器窗口中显示多个HTML文件。现在,我们遇到一种很现实的情况:如有一个教程,是一节一节地上,每页末尾做一个“上一节“、“下一节“的链接,除了每节教程内容不同之外,页面其它部分内容都是相同的,如果一页一页地做笨页面,这似乎太让人厌烦了,这时突发奇想,如果有一种方法让页面其它地方不变,只将教程做成一页一页的转载 2010-06-11 17:32:00 · 473 阅读 · 0 评论 -
什么是动态页空间?什么静态空间?
<br /> <br />动态页面是指的动态交互式网页..比如ASP.PHP..NET.JSP.CGI页面..这些页面需要在服务器端进行处理后再发送给浏览者.<br />而静态页面是指不涉及到编程..也无需在服务器端进行处理的页面..其后缀名一般是HTML.HTM等...<br />动态空间指的是支持动态交互式页面的空间.<br />而静态空间是指仅支持纯HTML格式的空间..转载 2010-06-21 17:30:00 · 880 阅读 · 0 评论 -
在线生成软件网站用的ico图标文件
<br />在线生成软件或者网站用的ico图标文件,有三种规格,分别为16*16像素、32*32像素、48*48像素。<br />一般情况下这三种规格应用于以下情况:<br />网站的ico图标(16*16像素居多)、应用程序软件的exe图标(48*48像素居多),应用软件的ico图标(跟网站的位置一样,位于窗口栏左边)<br />在线生成这三种规格图标的链接地址:<br />http://api.xy176.com/ico/转载 2010-06-23 17:38:00 · 591 阅读 · 0 评论 -
Web UI设计命名规范
1. Container “container“ 就是将页面中的所有元素包在一起的部分,这部分还可以命名为: “wrapper“, “wrap“, “page“. 2. Header “header” 是网站页面的头部区域,一般来讲,它包含网站的logo和一些其他元素。这部分还可以命名为:“page-header” (或 pageHeader). 3. Navbar转载 2010-07-04 17:08:00 · 515 阅读 · 0 评论 -
网站优化技巧:关键词该放在网页的什么地方 网页教学网出处
绝大多数的网站和商业站点所寻求的一个共同点都是站点流量,每个网络编辑都知道最好的流量类型是自然的有机的搜索引擎流量,有两个重要的原因:(1) 目标点很明确。 (2) 免费的。 1. 首先是Meta 标签 可能这个已经众所周知或已经在使用的,但是如何才是有效的使用呢?在此说两点。一是title标签,另外就是描述标签,而关键词标签我们不做说明,因为现在搜索引擎已经不太重视这点,甚至有些争论转载 2009-11-02 18:50:00 · 372 阅读 · 0 评论 -
SEO优化技巧:16个方法优化网页中的图片
图片的SEO是网站搜索引擎优化中的最重要的部分之一。对网站的图片进行搜索引擎优化/SEO不仅会给网站带来更多额外的流量,还能带给访问者更好的用户体验。本文中总结了在图片优化中需要注意的16个技巧。 1. 在图片的alt标签(替换文字)中加入关键字,这是图片SEO中的最重要的一点。 2. 标准的图片嵌入代码应当包含的5个关键性标签:src、width、height、alt和title。替转载 2009-11-02 18:57:00 · 765 阅读 · 0 评论 -
HTTP调试工具:Fiddler介绍
这个工具我已经使用比较长时间了,对我的帮助也挺大,今天我翻译的微软的文章,让更多的朋友都来了解这个不错的工具,也是我第一次翻译文章,不恰当之处请大家大家多多指正。介绍:你是不是曾经疑惑过你的web程序和IE是如何交互的?你是不是遇到过一些奇怪的而你又无法解决的性能瓶颈?你是不是对那些发送给服务器端的cookie 和那些你下载下来的被标记为可缓存的内容感到好奇?Fiddler官方网站及下转载 2009-11-02 13:15:00 · 655 阅读 · 0 评论 -
W3C标准工具:对比度分析器(Contrast Analyser)2.0版本
W3C基于W3C的WCAG的Guideline 1.4.4: Contrast (增强型) - WCAG 2 (May 2007 draft) ,文字(包括图片中的文字)对比度至少7:1,除了那些纯装饰用的文字以外。大字号的文字对比度至少为5:1(AAA级别)。另外,Guideline 1.4.2: Contrast (最低值)- WCAG 2 (May 2007 draft)规定,文字对原创 2009-11-02 13:58:00 · 1187 阅读 · 0 评论 -
白金译作 Web开发工具大集合——每个浏览器都有份的!
网站开发者的一大苦恼,就是有太多的浏览器要应付。幸亏世界上有一些聪明的人,能够研究出一大些方便编辑和调试网页代码的好工具。不过,要从不计其数的小工具里面找出合适的可真不容易。这篇文章列出了几个最好用的web开发工具,并指导你快速地激活、安装、使用他们。译言联合3G门户推出无线官网,手机看译言,登录wap.yeeyan.com网站开发者的一大苦恼,就是有太多的浏览器要应付。幸亏世界上有一些聪转载 2009-11-02 14:04:00 · 737 阅读 · 1 评论 -
SEO基础:网页的h1、h2、h3和strong标签
有很多同行交流的seo的时候非常频繁的提到一个方法,那就是文章题目一定要用h1标签。为什么h1标签如此重要呢?今天我们就从全局的角度来审视一下。 h1、h2、h3 和 strong 对当前网页的内容起强调作用,作用由高到低:h1 > h2 > h3 > strong 1、强调标签的使用误区 h1切勿使用过度-虽然这些标签对内容都是起强调作用,但是只要出现关键词的地方就用h1的做法原创 2009-11-02 18:59:00 · 709 阅读 · 0 评论 -
有title属性的HTML元素
label 的title属性相当于tooltip,鼠标放上去会显示title属性的值title,label,entitle,name的区别title 题目,标题label (商品/产品)标签entitle 动词,给...称号,给...权利name 姓名,名称 alt属性和title属性原文:http://www.456bere转载 2010-04-14 14:12:00 · 1918 阅读 · 0 评论 -
SEO中HTML标签权重
网上流传很久的一份资料《SEO中HTML标签权重》,这里做一份备份。HTML标签权重分值排列内部链接文字:10分标题title:10分域名:7分H1,H2字号标题:5分每段首句:5分路径或文件名:4分相似度(关键词堆积):4分每句开头:1.5分加粗或斜体:1分文本用法(内容):1分title属性:1分 (注意不是title转载 2010-04-20 17:57:00 · 445 阅读 · 0 评论 -
Dreamweaver8创建自定义代码片段的方法
<br />一个好的“偷懒”方法,就好比充满困难的路途中出现一盏明灯,简化了好多繁杂的工作,让你有更多精力做其他事情,做的更顺手。<br /><br />DW作为网页制作的辅助工具之一,已经被人们逐渐掌握并灵活使用,它本身集成了好多实用的东西,给我们的工作带来了很多便利,每当有朋友问我“如何开始学做网页,要看什么书,从哪里入手?”我都会推荐他看DW“帮助”中的“Dreamweaver 入门”,这是最实用的,同时也是离你最近的教程(假设你已经打开DW)。<br /><br />其实很简单,在右栏中找到转载 2010-06-25 15:55:00 · 597 阅读 · 0 评论 -
用Dreamweaver合理为为网页进行优化
我们为了优化网页、加快网页下载速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化。在网页编织过程中如能充分利用编辑工具,也可以在网页制作中达到优化目的。 下面是Dreamweaver中的一些优化技法: 合理调用CSS 进行网页设计时,运用<br /> 我们为了优化网页、加快网页下载速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化。在网页编织过程中如能充分利用编辑工具,也可以在网页制作中达到优化目的。<br /> 下面是Dreamweaver中的一些优化技法:<br转载 2010-06-25 16:35:00 · 433 阅读 · 0 评论 -
学习使用DWCS4心得
------------------------------2010.5.6----------------------------------- 1.发现Adobe Dreamweaver cs4很占内存,打开这个大家伙,我的浏览器都打不开了。以后要是设计页面就麻烦了。 2.发现《精彩网页设计 Dreamweaver cs4中文版 商业网站篇》这本书很好,很详细。而且有很多提示和原创 2010-05-06 10:48:00 · 1071 阅读 · 0 评论 -
网页设计中应注意的细节问题
<br /> 网页设计其实和制作像平面一样,毕竟前台有时间也是通过平面设计之后再切图生成html网页的,因此也有自己的规则,以下是需要注意的一些问题、我强掉,细节很重要。 <br /> <br />1、配色问题 一个网页的色彩最好不要超过3种,一面视觉效果混乱,用色柔和,对比度强的色彩不能应用于一般网站,时尚网站使用还可以。一般不好搭配的颜色,用灰度搭配。 <br /> <br />2、字体问题 很重要的一个问题,用标准字标准色,这是一个规范,行距一般控制在20px左右,不要太小,也转载 2010-06-24 15:55:00 · 455 阅读 · 0 评论