制作网站的步骤和方法
无论是开发软件还是创建网站，真正困扰我们的往往并非软件的使用问题，而是软件技术之外的一些东西，真正决定一个网站是否成功的要素是设计、定位、推广等非技术手段。
一、整理规划。
网站建设的开始就应该有一个整体的战略目标，即确定站点的目标。
首先要有一个总的目标，这个网站到底是要做什么。有的要显示自己的设计水平，这就要求页面美观；有的是为了求职而设计的求职网站，这就要求提供足够的信息让别人了解你的工作能力；有的是要为用户服务，这就要求网站有较强的互动性，而本站建设之初的主要目的就是为了本人更好的学习网络知识，只是兴趣而已，本站站名“网页教学网”让人一看就知道是有关介绍网页知识的站点。而申请域名也是相当重要的，，大家都知道web译为网、网页、网络等，j是jiao的第一个字母，x是xue的第一个字母，其实本站是web jiao xue的字母的缩写！当然大家申请注册域名时可以申请自己名字的拼音等！在这里不作过多介绍。
确定好目标之后，还要决定网站的目标观众。其中包括以下几种情况：
1.目标观众的访问速度。很多在线教育网站采用不同的软件制作在线课件，但是视频无论如何在现在是不适合目前中国浏览者的网络带宽，不过提高我们的网络带宽也是一种发展的趋势。
2.目标观众的计算机配置和浏览器版本。计算机硬件技术飞速发展，现在使用的计算机的配置都是比较高的！下面把访问本站的情况给大家帖到下面：
所以我们在设计网页时，其实已经不必要考虑计算机配置了。需要注意的是在设计中要在不同的浏览器中浏览自己的网页，看看有没有发生变化。
1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table
2. <body onselectstart="return false"> 取消选取、防止复制
3. onpaste="return false" 不准粘贴
4. oncopy="return false;" oncut="return false;" 防止复制
5. <link rel="Shortcut Icon" href=http:///htmldata/2005-06-05/"favicon.ico"> IE地址栏前换成自己的图标
6. <link rel="Bookmark" href=http:///htmldata/2005-06-05/"favicon.ico"> 可以在收藏夹中显示出你的图标
7. <input style="ime-mode:disabled"> 关闭输入法
8. 永远都会带着框架
<<I>script</I> language="java<I>script</I>"><!--
if (window == top)top.location.href = "<I>frame</I>s.htm"; //<I>frame</I>s.htm为框架网页
// --></<I>script</I>>
9. 防止被人<I>frame</I>
<<I>script</I> LANGUAGE=java<I>script</I>><!--
if (top.location != self.location)top.location=self.location;
// --></<I>script</I>>
10. <no<I>script</I>><<I>iframe</I> src=http:///htmldata/2005-06-05/*.html></<I>iframe</I>></no<I>script</I>> 网页将不能被另存为
11. <input type=button value=查看网页源代码
<I>onclick</I>="window.location = 'view-source:'+ 'http://www.111cn.net/<;I>&#</I>39;">
12. 怎样通过asp的手段来检查来访者是否用了代理
<% if Request.Server<I>v
广告空间（ad space） —— 网页中用来放置广告的地方。
ALT标签（ALT tag） —— 图片没有出现或者不能正常显示时，图片所在区域将显示 Alt Tag 指定的文本。
GIF动画（animated GIF） —— 利用一系列的静态图片生成的动画，格式为GIF文件。
书签（bookmark） —— 一种可以收藏在浏览器里的网址链接。
层叠样式表（cascading style sheets (CSS)） —— 层叠样式表CSS是对HTML的补充。CSS可以节省许多重复性的格式设定，可以定义一种字体是用字号还是像素设定，间距及缩进格式等等，将给你更多的选择以让你轻松设置文本的格式。
收藏夹图标（favicon） —— 浏览器收藏书签时所显示的小图标。
Flash —— Macromedia公司开发的一种可以互动的多媒体技术，而且文件的小巧。
框架（frames） —— 可以将页面分成几个独立部分的网页结构。
主页（home page） —— 一个网站的初始页面。
JAVA脚本（javascript） —— Netscape公司开发的一种可以生成互动网站的脚本语言。
出错链接页面（linkrot） —— 当在一个网站找不到一张页面，或该页面被删除无法显示，网站会自动指向默认网页（linkrot），告诉浏览者该页面无法显示。
导航（navigation） —— 帮助浏览者有效访问网站，不至于迷路。
购物车（shopping cart） —— 一种可以让在线消费者查看，添加，删除，在线订购货物的程序。
网站查询（site search） —— 可以查询本网站的信息。
醒目页面（splash page） —— 又称为过渡页，在标题广告与提供产品信息和链接的广告主站点间的过渡页，过渡页取代了许多的主页，尤其是和新闻相关的站点，扮演了网络内容的关口。它们就象一本杂志的封面一样，提供一个较大的“过渡”、更多的图片和实时更新的信息。
网页浏览器（Web browser） —— 一种可以浏览网页的应用软件。
网页设计（Web design） —— 选择和控制组件，生成网页的布局和结构。
网站可用性（Web site usability） —— 让浏览者更容易的访问网站。
在许多糟糕的网站中，我们可以找出100条错误。现在，让我们将问题集中到最严重的10条上。仅仅防止这些错误，你的网站将会远好于你的众多的竞争对手。
1、没有策划你的网站
在建立你的网站之前，应该确定你的网站目标。然后，根据这个目标，画出从主页开始到所有次页的网站流程。无论是为了宣传你提供的服务，还是销售你自己制造的产品，你的网站的目标都将指导网站和网页的设计。如果你在开始建设网站的时候就没有一个明确的主意，那么你建设成的网站一定显示给用户的是信息和链接的大杂烩。
2、没有把你的联系信息放在明显的地方
如果你要销售，你就要给浏览者提供多种和你联系的方式。最明智的方法是建一个“联系我们”链接，用它引导出全部的联系信息——电话号码、传真号码、邮政地址。即使没有人给你打电话，这些信息的出现也会给一些浏览者带来许多安慰。并且总是将电子邮件地址放在每一页网页的底部。
3、死链接
死链接是当点击了这样的超级链接后，它没有任何反应。任何浏览者都讨厌这种情况。每个星期检查一次你的网站，确保所有的链接工作正常。
4、过时的信息
除了网站管理者懒以外，没有任何理由可以解释由于网页长期不进行更换，而造成和事实不符的原因。当信息发生了变化，要及时地更改相应的网页——这意味着更改相应的任何相关信息。做为一个生意人，你是承担不起信誉度的损失的。
5、太多的字体和颜色
网页应该有统一、和谐的外观。但网站设计新手，在他们的网站中使用了他们的所有的字体和不同的颜色，使得网页成了五颜六色的大杂烩。在每个网页上最多使用两、三种字体和颜色。其目的是确保使浏览者感到统一和和谐，而不是让他们参观一个粗野的艺术品。
6、孤立的网页
记住：在你的网页上，每一页网页都需要一个链接返回起始页。为什么？有时用户将推荐网址给他的朋友，供他的朋友参观或了解更多的信息。但如果他的朋友所得到的是没有链接，他们就不能参观其他网页。将“首页”链接总是放置在每一页网页上，就能快速地解决这个问题。
7、错误的返回按钮
魔鬼网站制作者总是想办法破坏浏览者的返回按钮，以便当用户按下它们时，出现以下让人讨厌的事情：进入到不应该进入的地方；因为再找不到返回按钮浏览者只能停止；一个新窗口弹出并占满了整个屏幕。更糟糕的网址制作者会恶意地编制一些代码使浏览者仅有重新起动计算机才能摆脱一个状态——但是这个伎俩正在其他网站建设者中传播。我的建议：千万不要这样做。它只能给浏览者带来烦恼。
8、使用框架技术
从前，使用当浏览点击后，出现多框架结构显示内容是很“酷”的网站设计技术。现在，它却给浏览者带来的仅仅是烦恼，因为，它消耗了系统资源、减慢了计算机的响应及将浏览弄得复杂。的确，它是一个容易使用的工具。但还是不用的好。
9、下载时间太长
对于个人和非专业的网站，较慢的服务器响应是正常的，因为他们大多数的网站空间是免费的，一般他们是不会被抱怨的。但对一个专业的网站，服务器响应慢和网页的下载时间长是不能原谅的。它会使浏览者离去。如果你的服务器有这个嫌疑，还是另租赁一个吧。如果你的网页造成这样的责难，删除掉那里过多的图像和JAVA程序。
10、 使用太前卫的技术
太前卫的技术也是为了给所有的网站提供的技术吧？不是的，除非你被保证，无论浏览者何时浏览你的网站，都需要下载一个新软件，而不会丢失大部分浏览者。毫无疑问，Flash是一个很“酷”的网站，但是如果没有人能够看见它们，它们只能是废物。永远不要使用任何要求第三方网站下载程序才能浏览的技术。你的网页要具有在标准的和大众化的浏览器上的可阅读性。
网站地图干什么用的？方便蜘蛛爬的。以前用的专门的地图生成工具用起来都不怎么顺手，刚才在找免费的IIS防盗组件的时候无意间发现了"DirHtml"这么一个文件夹列表工具，试用了一下，发现可以用来做网站地图，前提是你要有自己的服务器，因为这程序只能在列出本机上的文件列表。当然你也可以在本地生成所有的下载页面，做好了地图传到网站上。
先下载dirhtml v4.56汉化版， http://www.gtocn.com/dirhtml.rar
解压缩后运行dirhtml.exe
假设我要给网站soft目录下的所有html页面做个地图（就是下载页面啦），网站的绝对目录为d:web。那么选择文件夹就填d:websoft。
文件过滤：要给HTM文件做地图，就填*.htm
输出文件：就是网站地图的文件，随便保存到那里
标题：网站地图的页面标题（TITLE）
跳过文件、文件夹：自己设置咯，在这里不用设置
自定义HTML文件：不用设置
然后选“杂项”,按图勾选就可以了
再点“递归，其他”
选择“在一个文件中显示所有链接”，其他的看自己喜好了
然后就可以按F3生成地图啦，效果如下
随便用个文字处理工具，比如写字版，editplus，notexpad什么的，打开生成的map.htm文件
把D:/Web/替换成你网站的玉米就可以了
比如说d:/web/替换成http://www.xxx.com/
这样链接就成了http://www.xxx.com/soft/xxx.htm
网站地图就做好了，你想再整理一下随你的便了。通过设置跳过文件夹和过滤文件可以一次生成全站地图。
SyntaxHighlighter.highlight();
相关文章
- 今天我来给大家介绍在php中跨网站请求伪造的实现方法与最后我们些常用的防止伪造的具体操作方法，有需要了解的朋友可进入参考。 伪造跨站请求介绍 伪造跨站请求...2016-11-25
php 中file_get_contents超时问题的解决方法
file_get_contents超时我知道最多的原因就是你机器访问远程机器过慢，导致php脚本超时了，但也有其它很多原因，下面我来总结file_get_contents超时问题的解决方法总结。...2016-11-25- php如何实现抓取网页图片，相较于手动的粘贴复制，使用小程序要方便快捷多了，喜欢编程的人总会喜欢制作一些简单有用的小软件，最近就参考了网上一个php抓取图片代码，封装了一个php远程抓取图片的类，测试了一下，效果还不错分享...2015-10-30
- 相信很多站长都遇到过这样一个问题，访问页面时出现408错误，下面一聚教程网将为大家介绍408错误出现的原因以及408错误的解决办法。 HTTP 408错误出现原因： HTT...2017-01-22
- 下面我们来看一篇关于Android子控件超出父控件的范围显示出来方法，希望这篇文章能够帮助到各位朋友，有碰到此问题的朋友可以进来看看哦。 <RelativeLayout xmlns:an...2016-10-02
- ps软件是现在非常受大家喜欢的一款软件，有着非常不错的使用功能。这次文章就给大家介绍下ps把文字背景变透明的操作方法，喜欢的一起来看看。 1、使用Photoshop软件...2017-07-06
- 获取网站icon，常用最简单的方法就是通过website/favicon.ico来获取，不过由于很多网站都是在页面里面设置favicon，所以此方法很多情况都不可用。 更好的办法是通过google提供的服务来实现：http://www.google.com/s2/favi...2014-06-07
intellij idea快速查看当前类中的所有方法(推荐)
这篇文章主要介绍了intellij idea快速查看当前类中的所有方法,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下...2020-09-02- 1.在没有设置默认值的情况下： 复制代码 代码如下:SELECT userinfo.id, user_name, role, adm_regionid, region_name , create_timeFROM userinfoLEFT JOIN region ON userinfo.adm_regionid = region.id 结果：...2014-05-31
js导出table数据到excel即导出为EXCEL文档的方法
复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta ht...2013-10-13- 批量更新mysql更新语句很简单，更新一条数据的某个字段，一般这样写：复制代码 代码如下:UPDATE mytable SET myfield = 'value' WHERE other_field = 'other_value';如果更新同一字段为同一个值，mysql也很简单，修改下where即...2013-10-04
- ps软件是一款非常不错的图片处理软件，有着非常不错的使用效果。这次文章要给大家介绍的是ps怎么制作倒影，一起来看看设计倒影的方法。 用ps怎么做倒影最终效果̳...2017-07-06
- 本文涉及的主题虽然很基础，在许多人看来属于小伎俩，但在JavaScript基础知识中属于一个综合性的话题。这里会涉及到对象属性的封装、原型、构造函数、闭包以及立即执行表达式等知识。公有方法 公有方法就是能被外部访问...2015-11-08
安卓手机wifi打不开修复教程，安卓手机wifi打不开解决方法
手机wifi打不开？让小编来告诉你如何解决。还不知道的朋友快来看看。 手机wifi是现在生活中最常用的手机功能，但是遇到手机wifi打不开的情况该怎么办呢?如果手机wifi...2016-12-21- 最近想自学PHP ，做了个验证码，但不知道怎么搞的，总出现一个如下图的小红叉，但验证码就是显示不出来，原因如下 未修改之前，出现如下错误； （1）修改步骤如下，原因如下，原因是apache权限没开， （2）点击打开php.int.， 搜索extension=ph...2013-10-04
- 单个字符分割 string s="abcdeabcdeabcde"; string[] sArray=s.Split('c'); foreach(string i in sArray) Console.WriteLine(i.ToString()); 输出下面的结果: ab de...2020-06-25
- javascript控制页面控件隐藏显示的两种方法，方法的不同之处在于控件隐藏后是否还在页面上占位 方法一： 复制代码 代码如下: document.all["panelsms"].style.visibility="hidden"; document.all["panelsms"].style.visi...2013-10-13
连接MySql速度慢的解决方法(skip-name-resolve)
最近在Linux服务器上安装MySql5后，本地使用客户端连MySql速度超慢，本地程序连接也超慢。 解决方法：在配置文件my.cnf的[mysqld]下加入skip-name-resolve。原因是默认安装的MySql开启了DNS的反向解析。如果禁用的话就不能...2015-10-21- 本篇文章是对C#方法进行了详细的总结与介绍，需要的朋友参考下...2020-06-25
- 步骤：Window -> PHP -> Editor -> Templates，这里可以设置（增、删、改、导入等）管理你的模板。新建文件注释、函数注释、代码块等模板的实例新建模板，分别输入Name、Description、Patterna)文件注释Name: 3cfileDescriptio...2013-10-04