<![CDATA[iawsky 网页制作基础]]> http://hi.baidu.com http://hi.baidu.com http://img.baidu.com/img/logo-hi.gif http://hi.baidu.com/iawsky zh-cn www.baidu.com 5 <![CDATA[与大家分享几个网页制作经验]]> 网页制作经验.包括内容有:网站色调的选择,网站内容的建设,网站字体与字号

        色调的选择

        色彩的搭配选择,是一个网站的主题表现.选择自己网站的色彩时,要突出自己的主题.如以IT科技类的以蓝为主,像:网站制作教程网;如果是健康类网站,可以选择绿色等,如365减肥网.

        搭配色彩时,要注意的是.使用的色彩不要太多.主色最好一个页面不要超过三种.再加几种辅助色.如果色彩太多.反而让人产生乱的感觉.

        内容为王

        网站内容是一个网站的生命.不管你的网页制作多么漂亮.色彩搭配多么合理.都要有好的内容.不然只是空有虚表而留不住任何访问者.

        字体和字号

        没有特殊要求,网页字体尽量做到统一,有一个规范.一般文章阅读正文最好使用12PX或14PX的字号.这样最有益于访问者阅读.

        出自网页制作教程:http://www.web2bar.cn/Article/3298.aspx

阅读全文
类别：建站经验 查看评论]]> 2009-01-19 22:58 http://hi.baidu.com/iawsky/blog/item/b9a4804e55e47c0eb2de05d1.html <![CDATA[网站策划要素]]>       网站制作不像很多人想得那样,直接可以写代码或程序搞好就行的.在做网站时.最重要的是要做好策划.

       制作一个网站都要做哪些基础策划呢?

　　1.网站类型及服务策划

　　这是制作网站最先要考虑的事情.因为这一步没有决定好.后面的工作无法开展.

　   考虑一个网站的类型与服务:如365减肥网是一个提供减肥方法的文章资讯类网站.而像温州制卡公司这样的网站就是一个提供产品销售的制卡企业网站.　

　　当然,对于个人网站来说,内容不用考虑太全面.但一定要专.这样以后比较好管理与发展.

　　2类型与服务已经定下来后,就是要选一套程序

        像上面说的365减肥网这样的文章站,完全可以选择PHPCMS等内容管理系统进行建站.如果要建一个论坛或交流的网站,就可以选择像Discuz等程序.

       当然,如果你有技术或技术团队.又没有找着适合自己的程序,可以自己开发一个程序.如:网页制作教程网就是自己开发的程序

　　3选择了一套程序后,要根据自己网站提供的内容或服务来制定网站色调或分格等.这个期段包括网站LOGO的设计.模板的选择等工作.

      4.最后就是要制定一个推广方案及内容建设方案.

       首发地址:http://www.web2bar.cn/Article/3296.aspx

阅读全文
类别：建站经验 查看评论]]> 2009-01-16 20:03 http://hi.baidu.com/iawsky/blog/item/d7e93dc49111e4ae8326ac29.html <![CDATA[建设网站大厦的基石HTML]]> HTML是制作网页的基础,但是很多学习者初十分不重视HTML.理由是Dreamweaver可以很快做出一个网页而不需要会HTML.网上更有“花个两三天学习下HTML教程就可以制作网页”的说法。更有初学者死命学习Dreamweaver教程而不学习HTML.

正是这样的理论这样的思想，导致学习HTML的人都不把它当回事，认为HTML仅仅只是诸如“加粗用<B />标签，斜体用<I />标签”之类的应用。这样的思想尤其是在初学者当中流传，而一旦真正深入的了解学习HTML之后，才会发现HTML远非想像中的那么简单。

而随着WEB标准大潮的席卷互联网，更多的人索性就差不多抛弃HTML众多标签般的只用DIV，似乎DIV+CSS就是WEB标准的核心。这个错误的理论与HTML超简单的理论被绑在了一起，在互联网中传播着。思想产生行动,最后导致学习网页制作去不能随心所欲控制布局.做出的网页十分不灵活,一个小改动要全体变化等.

对于一些老手有了这样的思想,WEB标准推行当然就有困难重重

真正的WEB标准应该是推崇以更合适的语义标签来制作网页结构，完全不是在整个页面写满DIV就是符合WEB标准。与此相同的道理是，HTML远远不是你所想像中的那么简单。


一个网站在浏览器中呈现效果的好坏，视觉因素占一半的比重，而另一半的比重就在于网页的结构上。

我们可以在网上看到很多整个页面都是由DIV架构的网页，这些DIV结构的页面在配合上CSS时，整个页面在浏览器中呈现的也许很正常，并看不出什么问题。可是如果用户禁用掉CSS之后呢？浏览器还能否正确的理解网页结构并呈现出来，就成了判断这个网页结构好坏的很重要的一个标准。而对于这些完全由DIV结构组成的页面，很显然的，在CSS被禁用之后，浏览器就很难呈现出一个结构清晰明了的页面来，而用户自然也很难从结构上去判断哪些内容是标题，哪些内容是真正的内容。

而如果在页面中采用了更符合语义的HTML标签的话，即使CSS样式在被禁用之后，浏览器依然可以根据<h />标签来显示成标题，根据<p />标签来显示成段落，最终仍然可以为用户呈现出结构清晰明了的页面。

如果把网站建设比喻成是建造一栋大厦，那么HTML无疑就是这栋大厦的基石，如果基石不够坚稳的话，那么这栋大厦就很有可能会面临倾倒的危险。

从深层次理解并学习HTML的标签语义，从思想上重视HTML，别忘了，整个网站都是基于HTML结构来呈现的。

如果你要学习制作网页,请别在问要不要学习HTML了.

原文地址:http://www.web2bar.cn/Article/3098.aspx

阅读全文
类别：建站入门课 查看评论]]> 2008-12-14 21:29 http://hi.baidu.com/iawsky/blog/item/490536fe9fd0df365d600889.html <![CDATA[HTML之字符编码和命名空间]]> HTML教程:HTML之字符编码和命名空间

        网络是互通的,网络上的任何二个或多个网页文档都有可能会发生数据交互,然而XML语言是可以用户自己定义标签的,这就出现一个问题.可能二个要交互的文档中出现相同的标签,出现冲突.这时就要用命名空间区分了.

        XHTML做为HTML向XML过渡的一种语言，并不能实现XML语言中的用户自定义标签，所以XHMTL文档中的命名空间都是相同的：

        <html xmlns=”http://www.w3.org/1999/xhtml”>

        xmlns即是XHTML namespace的缩写，也就是所谓的“命名空间”。与DOCTYPE声明一样，xmlns也属于一种声明。与HTML文档中仍然存在DOCTYPE声明不一样的是，在HTML文档是不存在xmlns的，我们平常所见到的xmlns都是出现在XHTML文档中的。

        在制作一个网页的时候，除了在开始的时候声明DOCTYPE（文档类型）之外，如果是XHTML文档还需要声明命名空间，而第三个需要声明的就是网页文档的字符编码类型：

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

        为了能被浏览器正确的解释以及通过W3C验证，每个XHTML文档都应该声明所使用的字符编码。很多时候网页文档出现乱码大部分都是由于字符编码不对而引起的。

        utf-8是unicode的一种变长度的编码表达方式，做为一种全球通用型的字符编码正越来越多的网页文档所使用，使用utf-8字符编码的网页可最大程度的避免不同区域的用户访问相同网页时因字符编码不同而导致的乱码现象。

        但是当我们打开国内的大多数网站看，特别是门户型的大型网站，关于字符编码的声明却并非是utf-8，而是gb2312：

<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />

        当然，除了gb2312外还有一些网站使用gbk或者是gb18030编码，这三种字符编码都是属于简体中文字符集。也就是说，如果一台电脑没有安装简体中文字符集时，当它访问字符编码为gb2312的中文网页时，则显示出来的是乱码。

        既然使用gb2312字符编码时会因为不同区域的用户访问而可能出现乱码现象，那为何不使用utf-8呢？

        其中一个原因可能历史遗留的原因，而另一个更重要的原因应该是由于两种编码的存储方式不同而造成的文档体积不同。

        使用gb2312字符编码集时，一个汉字是占用2个字节的大小，而一个汉字在utf-8编码中所占的字节数却往往都是在3个字节，甚至是3个以上的字节。所以对于同一个中文文档来说，使用gb2312字符编码来进行存储的体积是要小于utf-8编码所存储的文档大小的。

        而对于文字多访问量大的中文网站来说，使用gb2312编码的网页文档在下载传输上可以节省下不小的流量，再者是因为中文网站的用户群体基本上都锁定在中文用户上，这些也就是很多网站使用gb2312编码而不是utf-8编码的原因。

        但是文字多访问量大的网站，国内并不多，再加上可能成对的乱码问题，所以在制作网页的时候推荐使用utf-8编码。

        当然，不管用何种编码，最重要的是整站使用的编码要统一。

        对于字符编码的声明除了上面的方式，还可能看到另一种声明方式：

<meta http-equiv=”Content-Language” content=”gb2312″ />

<meta http-equiv=”Content-Language” content=”zh-CN” />

        这种声明方式是针对老版本的浏览器的，在浏览器已经普遍更新换代的今天已经不推荐使用这种声明方式。

原文地址:http://www.web2bar.cn/Article/3095.aspx

阅读全文
类别：建站入门课 查看评论]]> 2008-12-14 21:28 http://hi.baidu.com/iawsky/blog/item/752f7fec1de7002063d09f89.html <![CDATA[让自己的网页也支持QQ直接点击交流效果]]> 很多企业站,以网页的最下面,会显示客服QQ在不在线,在线可以直接点击进行交流.其实要实现这个效果,非常简单.只需求以下代码就可以.

<a target="_blank" HREF="/"><img src="http://wpa.qq.com/pa?p=1:16844470:1" border="0"></a>
<br>
<br>
===============================================================
你要做的就是,把以上代码复制到你的网页,然后把代码里的16844470改成你的QQ号就行了.

还不快试试.希望你继续关注网站制作教程网

原文来身网站制作教程网,详细地址:http://www.web2bar.cn/Article/3082.aspx

阅读全文
类别：默认分类 查看评论]]> 2008-12-07 13:21 http://hi.baidu.com/iawsky/blog/item/6b43d92427348a34c99559ef.html <![CDATA[网页基础HTML教程(共十章)]]> 最近发现本站访问者对HTML的基础教程比较感兴趣,特整理的网页基础教程HTML,一共十章供大家学习:

HTML网页制作教程第一章：概述与基本结构

HTML网页制作教程第二章：主体标签及属性、颜色的设定

HTML网页制作教程第三章：文字版面的编辑

HTML网页制作教程第四章：建立超链接

HTML网页制作教程第五章：建立列表

HTML网页制作教程第六章：图像的处理显示

HTML网页制作教程第七章：TABLE表格

HTML网页制作教程第八章：网页的动态、多媒体效果

HTML网页制作教程第九章：多视窗口框架

HTML网页制作教程第十章：表单的设计

网页制作编写HTML容易范的几个错误总结

如果你已经认真学习了以上的内容，那么你已经可以制作出一般的静态网站了。如果你还想学习动态网站程序编写技术，请阅读下面的内容：

动态网站制作技术ASP教程（共十课）

注：动态技术有很多，现在使用比较多的有ASP asp.net php JSP等，下面是ASP教程，本人感觉学习ASP比起其他语言要简单点，适合初学者学习。

原文来自网站制作教程网,详细地址:http://www.web2bar.cn/Article/2717.aspx

阅读全文
类别：建站入门课 查看评论]]> 2008-12-07 13:19 http://hi.baidu.com/iawsky/blog/item/f13a07c890149a107e3e6fee.html <![CDATA[学习网页制作到底要学习什么技术]]> 看这文章的,大多应该是新手或入门不久的网页制作新人.本文和大家说说,学习网页制作到底要学什么东西.为什么要说这个呢?因为这段时间我发现很多新手走入误区,总以为学习网页制作就是学一个Dreamweaver这样的工具软件.其实这仅仅是一个工具,以下的内容更为重要.

        HTML 4.01

　　HTML是Web的语言，每一个Web开发者都需要对它拥有基本的了解。

　　HTML 4.01是重要的Web标准，它与HTML 3.2的差异非常之大。

　　当类似font的标签和color属性被添加到HTML 3.2后，它就逐渐成为开发人员们的一场噩梦。开发那些必须把字体信息加入每个单独页面的网站，其过程成为了一种漫长而昂贵的折磨。

　　通过HTML 4.01，所有的格式化信息可以被移出HTML文档，转而放入一个独立的样式表中。

　　HTML 4.01之所以重要，另外一个原因是由于XHTML 1.0，这个最新的HTML标准是作为一种XML应用被重新表达的HTML 4.01。在您的页面中使用HTML 4.01可以确保在未来将HTML轻松升级到XHTML。

　　请确保您使用了最新的HTML 4.01标准。

　　层叠样式表（Cascading Style Sheets - CSS）

　　样式可定义HTML元素如何被显示，类似font标签在HTML 3.2中所起到的作用。样式通常被保存在HTML文档之外的文件中。外部样式表使您有能力仅仅通过编辑一个简单的CSS文档来改变网站内所有页面的外观和布局。如果您曾经尝试过进行某些改变，比如同时改变站内所有网页标题的字体或颜色，您就会明白CSS如何能够达到事半功倍的效果。

　　XHTML - HTML的未来

　　XHTML指可扩展超文本标记语言（Extensible HyperText Markup Language）。

　　XHTML 1.0是源自W3C的最新的HTML标准。它于2000年1月26日成为正式的推荐标准（Recommendation）。W3C Recommendation意味着其规范的稳定性，同时其规范目前已成为一种Web标准。

　　XHTML是一种使用XML进行重构的HTML 4.01，并可以通过遵循一些简单的指导方针立即在现有的浏览器中投入使用。

　　XML - 用于描述数据的工具

　　扩展标记语言（XML）并不是HTML的替代品。在未来的web开发中，XML会被用来描述和存储数据，而HTML会被用来显示数据。

　　我们对XML最合适的描述是，一个跨平台的、独立与软硬件的，信息存储和传输工具。

　　我们相信XML的重要性不亚于HTML对于web的基础性地位，并且XML将会成为最重要的数据处理和传输工具。

　　XSLT - 用户转换数据的工具

　　XSLT（可扩展的样式表语言转换，Extensible Stylesheet Language Transformations），是用于转换XML的语言。

　　未来的网站将不得不向不同的浏览器并向其他web服务器以不同的格式传递数据。而XSLT则是一种将XML数据转换为不同格式的新的W3C标准。

　　XSLT可以把XML文件转换为浏览器可识别的格式，比如HTML，或者WML - 一种用于许多手持设备的标记语言。

　　XSLT还可以添加元素，并对元素进行删除、重新排列及排序，测试并确定显示哪些元素，等等。
　客户端脚本

　　客户端脚本脚本是一种有关因特网浏览器行为的编程。您应该学习JavaScript，这样才能有能力传递更多的动态网站内容：

　　JavaScript是为HTML设计者提供的一种的编程工具

　　HTML的创作者通常都不是程序员，但是JavaScript是一种语法非常简单的脚本语言！几乎任何人都能够把某些JavaScript的代码片断放入他们的HTML页面中。

　　JavaScript可以在HTML页面中放入动态的文本

　　像这样的一条JavaScript语言可以在HTML页面中写入可变的文本：document.write("h1" + name + "/h1")

　　JavaScript能够对事件进行反应

　　可以把JavaScript设置为在某事件执行时发生，比如当页面加载完毕或当用户点击某个HTML元素时。

　　JavaScript可读取并修改HTML元素

　　JavaScript能够读取并修改HTML元素的内容

　　JavaScript可被用来验证数据

　　可使用JavaScript在表单被提交到服务器前对表单数据进行验证，这样可确保服务器进行正确的数据处理。

　　服务器端脚本

　　服务器端脚本和因特网服务器编程有关。您应该学习服务器端脚本，这样才能有能力传递更多的动态网站内容。通过服务器端的编程，你可以：

　　动态地编辑、修改或添加网页内容

　　对用户从HTML提交的查询或数据进行响应

　　访问数据或数据库，并把结果返回浏览器

　　访问文件或XML数据，并把结果返回浏览器

　　把XML转换为HTML，并把结果返回到浏览器

　　为不同的用户定制页面，提高页面的可用性

　　对不同的网页提供安全和访问控制

　　为不同类型的浏览器设计不同的输出

　　最小化网络流量

　　使用SQL管理数据

　　结构化查询语言（SQL）是对诸如下列数据库进行访问的通用标准：SQL Server、Oracle、Sybase以及Access。

　　对于那些希望从数据库存储和提取数据的人们来说，有关SQL的知识是极具价值的。

　　任何web管理员都应当明白，SQL对于web上的数据库来说，是一种真正切合的引擎。

当然XML与XSLT可以先不学.到后来你会慢慢接触到的.

阅读全文
类别：建站入门课 查看评论]]> 2008-12-01 19:22 http://hi.baidu.com/iawsky/blog/item/bd09012ab9d2622ad52af1e0.html <![CDATA[认识网站制作]]> 网站制作的人群中，最常听到的就是制作网站这个词. 但具体什么叫制作网站呢，是不是拿一个discuz搭一个论坛，用cms改一个系统就叫制作网站呢 ，我相信很多人的理解就是这样的，我原来也是这么理解的。但现在我对做网站这个词有了新的理解。

        制作网站实际上是在为网友提供一种产品和服务，比如论坛让网络灌水，聊天，网站制作教程网www.web2bar.cn为网站初学者提供一些入门网页制作教程.视频网站让用户在线看电影等等。

        所以，我们制作网站第一步要考虑的就是，网友的需求是什么，我们能为网友和用户提供什么样的产品和服务,因为你只有提供了产品和服务才能收钱，制作网站才能赢利。

        不要为了制作网站而且制作网站，能通过网站为网友提供什么样的产品和服务才应该是你做站时经常要思考的问题

阅读全文
类别：建站经验 查看评论]]> 2008-11-02 11:31 http://hi.baidu.com/iawsky/blog/item/93f3478f57d500fd503d9256.html <![CDATA[不错的网页设计教程]]> 看过很多网页设计教程文章，要么是说得理论非常高深,对我们实际设计没有多大用处,要么就是东拼西凑,一篇看下来不知所云.最近在网上看到这篇文章，觉得不错，就转来以便能让更多的人看到

⒈ 网页设计理念

⑴ 内容决定形式
先把内容充实上，再分区块，再定色调，再处理细节。

⑵ 先整体，后局部，最后回归到整体。
全局考虑，把能填上的都填上，占位置。然后定基调，分模块设计。最后调整不满意的几个局部细节。

⑶ 功能决定设计方向
看网站的用途，决定设计思路.商业性的就要突出赢利目的；政府型的就要突出形象和权威性的文章；教育性的，就要突出师资和课程。

⒉ 网页制作配色基本概念

⑴ 白纸黑字是永远的主题，谁都说不出不好来。

⑵ 网页最常用流行色
兰色——蓝天白云，沉静整洁的颜色。
绿色——绿白相间，雅致而有生气。
橙色——活泼热烈，标准商业色调。
暗红——宁重、严肃、高贵，需要配黑和灰来压制刺激的红色，

⑶ 颜色的忌讳
忌脏——背景与文字内容对比不强烈，灰暗的背景令人沮丧！
忌纯——艳丽的纯色对人的刺激太强烈抗议，缺乏内涵。
忌跳——再好看的颜色，也不能脱离整体。脱离群众是自取其辱！
忌花——要有一种主色贯穿其中，主色并不时面积最大的颜色，而是最重要，最能揭示和反映主题的颜色，就象领导者一样，虽然在人数上居少数，但起决定作用。
忌粉——颜色浅固然显的干净，但如果对比过弱，整得苍白无力了，就象病夫一样无可救药。
蓝色忌纯，绿色忌黄，红色忌艳

⑷ 几种固定搭配
蓝白橙——蓝为主调。白底，蓝标题栏，橙色按钮或ICON做点缀。
绿白兰——绿为主调。白底，绿标题栏，兰色或橙色按钮或ICON做点缀。
橙白红——橙为主调。白底，橙标题栏，暗红或桔红色按钮或ICON做点缀。
暗红黑——暗红主调。黑或灰底，暗红标题栏，文字内容背景为浅灰色。

⒊ 如何快速高效的完成设计工作
虽说是天下文章一大抄。 但抄也要抄得有特色!

阅读全文
类别：建站入门课 查看评论]]> 2008-11-02 11:30 http://hi.baidu.com/iawsky/blog/item/b0cf51943dfb7519d31b7055.html <![CDATA[你是否对HTML还不是很了解?]]>
网页制作教程之HTML基础
你是否在学习了一些HTML基础教程过,对HTML还不是了解.本文对HTML做一个介绍.
什么是 HTML 文件？
  • HTML 指超文本标签语言。
  • HTML 文件是包含一些标签的文本文件。
  • 这些标签告诉 WEB 浏览器如何显示页面。
  • HTML 文件必须使用 htm 或者 html 作为文件扩展名。
  • HTML 文件可以通过简单的文本编辑器来创建。

做个实验如何？

第一步：如果您使用 Windows，请启动记事本。

如果您使用 Mac，请启动 SimpleText。

（在 OSX 中请使用 TextEdit，并设置一下参数：在参数设置中选择 Plain text 字体替代 Rich text 字体，然后选择“在 HTML 文件中忽略 rich text 命令”。这一点很重要，因为不这样的话，HTML 代码也许不能正常工作。）

第二步：键入以下文本：

<html>
<head>
<title>页面的标题</title>
</head>
<body>
<p>这是我的第一个页面。<b>这是粗体文本。</b></p>
</body>
</html>

第三步：将这个文件存为 "mypage.html"。

第四步：启动您的浏览器。在浏览器的文件菜单中选择“打开”或者“打开页面”。这时会弹出一个对话框。单击“浏览”或者“选择文件”，找到您刚才创建的文件 - "mypage.html"，选定它然后打开，现在您会看到对话框中有一行地址，比如："D:\mypage.html"。单击确定按钮，浏览器就会显示这个页面。

例子解释：

HTML 文件中的第一个标签是 <html>。这个标签告诉浏览器这个 HTML 文件的开始点。文件中最后一个标签是 </html>。这个标签告诉您的浏览器，这是 HTML 文件的结束点。

位于 <head> 标签和 </head> 标签之间的文本是头信息。头信息不会显示在浏览器窗口中。

<title> 标签中的文本是文件的标题。标题会显示在浏览器的标题栏。

<body> 标签中的文本是将被浏览器显示出来的文本。

<b> 和 </b> 标签中的文本将以粗体显示。

为什么我们要使用小写的标签？

我们刚才讲到：HTML 标签对大小写是不敏感的：<b> 和 <B> 的作用的相同的。当您在网上冲浪时，您会发现大多数教程在他们的例子中都使用大写的 HTML 标签。而我们总是使用小写。原因何在呢？

如果您希望为使用下一代 HTML 而做好准备，您就应该使用小写标签。万维网联盟 (W3C) 的标准是：建议在 HTML 4 中使用小写标签，而在 XHTML（下一代 HTML）中，必须使用小写标签。

HTM 还是 HTML 扩展名？

当您将一个 HTML 文件存盘时，您即可以使用 HTM 也可以使用 HTML 作为扩展名。我们刚才使用了 .htm 作为上面那个例子的扩展名。不过这样做也许是一个坏习惯，习惯于这样做的人也许是因为使用某些过时的软件而养成了这个坏习惯，这些软件只允许三个字母作为扩展名。

如果您使用新近的软件，我们认为使用 .html 是相当安全的做法。

关于 HTML 编辑器的注意事项:

您可以使用所见即所得的编辑器而不是纯文本编辑器，这样会更轻松的编辑 HTML 文件。比方说 FrontPage, Claris Home Page, 或者 Adobe PageMill，甚至更高阶的 Dreamweaver。

但是，如果您希望成为一名熟练的开发人员，我们强烈推荐您使用纯文本编辑器来学习我们的《HTML 基础教程》。

欢迎你继续访问网站制作教程网.

阅读全文
类别：建站入门课 查看评论]]> 2008-10-25 14:28 http://hi.baidu.com/iawsky/blog/item/c0ff9dfb36305d62024f56b1.html