自己动手写网站

自己动手写网站

1、什么叫Web开发？通俗点说：做网站的开发就是Web开发。网站不是天上掉下来的，是开发人员一行行代码、美工人员一张张图片做出来的。

2、Web开发需要两种技术人员，一种是程序员，一种是美工。程序员是开发网站的功能的人，而美工是使网站好看的人。

我们是计算机专业的学生，不懂美工、没有美术基础，不要沉迷于做好看的网站、网页美化、网页特效，专业的网站都有自己的美工人员，这不是我们的强项。

3、这门课是、php、jsp等后续课程的基础。

4、Web的原理

服务器不是直接把网页的显示的样子传给客户端，而是只是返回一个网页的描述文件，比如哪个地方有一个按钮，哪个地方有个图片，浏览器（比如IE）就解析这个文件，然后把网页的内容显示给浏览者。描述文件就是HTML 格式的。

标识一台服务器是要靠IP地址的，这样的域名并不能唯一标识一台服务器。把网站服务器想象成你的一个借你钱的人，你向催债公司说“上杨中科家催债去”，催债公司和你都不知道杨中科住哪，那么这时候就需要去问公安局。公安局就是DNS服务器，DNS服务器就是提供了根据域名查询服务器IP地址的功能。

注：在命令行下运行“ping ”查服务器ip地址。

5、DNS深入挖掘

（1）如果我访问一个不存在的网站，那么浏览器就会报告“找不到服务器或DNS 错误”

（2）DNS服务器并不是全球只有一个，而是有很多个。

（3）DNS劫持的原理：黑客控制了DNS服务器，然后把所有的解析请求都故意解析到一个恶意网站服务器上去，那么访问者就访问了恶意网站。中国电信、中国网通都大义凛然的搞过：比如咱们通过ADSL上网通的宽带，使用的就是网通的DNS服务器，默认的行为就是你访问一个错误的域名，DNS服务器就告诉你没有这个服务器，然后你浏览器就会显示“服务访问”；如果浏览者访问了一个不存在的域名，那么就导航到自己想推的网站，比如就是网通的网站；比如说大家访问的时候，90%的几率都是直接导航到咱们的网站，10%的几率是导航到网通的网站。

6、什么是HTML？HTML就是描述网页长什么样子、有什么内容的一个文本文件。

7、什么是浏览器？IE就是浏览器吗？浏览器就是接收浏览者者的操作（点击一个链接、点击一个按钮），然后帮浏览者去Web服务器请求网页内容，然后展现成人眼能够看得懂的可视化页面的软件。IE是浏览器的一种，还有FireFox、Opera、Chrome等等，注意遨游（MYIE2/Maxthon）、世界之窗、腾讯浏览器（TT）等并不是一种独立于IE的浏览器，其内核还是IE的内核，只不过换了一个外壳而已，所以用遨游的不能嘲笑用IE的，否则就露怯了。

8、怎么查看网页的描述文件（HTML）？使用InternetExplorer浏览器的话，在网页上点击右键，选择“查看源文件”

9、回忆一下咱们在C#的课程中开发的那个自己的浏览器，用的WebBrowser控件就是Ie的核心，这是和Maxthon、TT这样的浏览器一样的。

10、Dreamweaver介绍。

网页三剑客：Fireworks、Flash、Dreamweaver。Fireworks做图片用的，Flash做Flash动画用的，Dreamweaver做网页用的。三者结合。Fireworks已经被后娘Adobe抛弃了。

也可以用手写写HTML，但是非常麻烦。以前网页开发是Dreamweaver、FrontPage双寡头垄断，但是微软已经放弃FrontPage。但是对于开发人员来讲，手写HTML是一个基本要求。

11、浏览器兼容性问题

描述文件是一个统一的，但是就像口语翻译一样，不同的翻译翻译出来的东西也是不一样的。最初原因就是Web 刚起步的时候没有一个统一的HTML标准，后来虽然有了标准的W3C组织提出的HTML标准，但是各个浏览器厂商还是各自为政，没有完全遵守这个标准。

不同浏览器品牌对HTML的支持是有差异的，所以一个网页在IE上和在FireFox上看起来可能长得不一样，最明显的就是QQ空间上的页面在FireFox上显示就有问题（前一阵子新闻说QZone开始支持FireFox了），甚至有的页面在IE6和IE7上长的也不一样。因此Web开发过程中的一个重要的也是最头疼的问题就是浏览器的兼容。12怎么让我的网站让所有的人看？怎么做一个网站。

申请域名（可选，可以用二级域名）、申请空间（用虚拟主机或者自己买服务器）、做内容。关于这个问题以后会有专题论述。

13、开发第一个网页

（1）代码、拆分、设计。

（2）超链接不仅可以导航到另外一个网站，还可以导航到本地的一个网页。

（3）

大家学word的时候图片插入的两种方式：嵌入；链接。很显然嵌入的方式你的文件无论移动到哪里，你的图片都能看，哪怕源文件删了都能看；而链接式的，一旦文件拷贝到别人的电脑里，别人就看不了了，而且原文件删了也会有这个问题。

通过查看的首页的html内容我们得知：网页里的图片都是链接的。

大家学word的时候图片插入的两种方式：嵌入；链接。很显然嵌入的方式你的文件无论移动到哪里，你的图片都能看，哪怕源文件删了都能看；而链接式的，一旦文件拷贝到别人的电脑里，别人就看不了了，而且原文件删了也会有这个问题。

（4）超链接（Target）、插入图片、修改字体颜色、插入表格。

（5）课后作业用Dreamweaver重写163注册页面。

1、同学们可以把自己做到网站发给我，然后我们会把你的网站放到上，这样你的网站就可以被所有

人访问到了，：）

2、空颜色和黑色是不一样的

3、背景要做成别的颜色的``就像

现在这个uc上面背景有两个小孩，怎么做到？

主菜单【修改】→【页面属性】→背景颜色/背景图片

4、去银行里边开户，你需要到柜台去填一张表，然后递给银行工作人员，由银行工作人员根据你填的信息来

进行后续的处理，你本人不能直接去操作银行的系统去自己开户。

对于网站同样是这样的原理：163邮箱注册来说，你在注册页面里也是填一张表：用了什么用户名、密码是什么。点击【注册账号】按钮以后，IE浏览器会将这个表格提交给163的后台服务器进行处理。

你填完表单后，要指定把表单提交给谁。银行里是这样，在Web也是这样的。

表单提交上去后，你就别管了，进行处理后会把处理结果告诉你。对于开户来说，就是是否开户成功；对于申请163邮箱来说，有可能是暂停申请、你申请的帐号已经被别人用了。

5、这就是B/S(Browser/Server，浏览器/服务器)开发的特点：客户端只有优先的展现，而很多后台处理是由服

务器来完成的。

6、

开发网站程序的程序员分成两种人：开发前台界面和开发后台处理程序。

前台就是HTML网页代码，就像咱们用Dreamweaver开发一样。而后台则使用C#、ASP、Java、PHP之类的语言进行后台的处理程序编写。

咱们的《自己动手写网站入门篇》主要就是讲前台程序的开发。

2、1、在网页上点击右键，选择“编码”→“简体中文（GB2312）”不乱码了。

2、两个编码的问题：文件的编码；网页的编码；

（1）创建一个文本文件，写入“联通”两个字，然后保存，再用记事本打开，看到的就是乱码，这就是传说中的“微软抵制联通”。

（2）对于英文字母、数字组成的文章，保存的默认都是ASCII码。ASCII码范围就是0-255，汉字不在ASCII 码范围之内。怎么保存汉字就涉及到编码的问题。“老A是我”，中文一个字符用两个字节表示，A算什么呢？

怎么来保存中文是一个老问题，历史问题，比如微软它有自己的解决方案，信产部搞了一套方案，清华也搞了一套方案，ISO标准组织也想统一这些方案搞一套方案。GBK、Big5、GB2312、UTF8、UTF16等等很多很多的编码解决方案，而且还是共存的。就造成了乱码问题。比如我用GBK保存了一个中文文章，然后UTF8打开了，这时候就出现了乱码问题，保存的时候、加载的时候用的不是一套方案。所以有的时候Linux的人发一个文本文件给你，你就有可能用windows打开乱码。

（3）因为HTML开始几段都是英文字符，所以就在网页的开头用一段描述性的文字自我说明“我用的是什么编码方案”，后边的中文IE就用它自我描述的编码方案来打开。

（4）用记事本打开网页文件，然后点击主菜单的【文件】→【另存为】，在对话框的最底端有一个“编码”，他显示的就是当前文件的编码，如果你修改以后，点击【保存】文件就用新编码方案来保存。

（5）把网页文件用UTF8编码重新保存就ok了（记得文件类型选“全部”）。大家手写网页的时候尽量还是用Dreamweaver来修改，不要用记事本来修改，哪怕是直接改HTML。Dreamweaver会自动保证网页的编码自我描述部分和文件真正保存的编码一致。

（6）专业人员打开“显示后缀”。资源管理器里【工具】→【选项】，“查看页”把“隐藏已知文件类型的扩展名”

取消掉。

（7）单选按钮不是在页面内唯一互斥的。最经典的就是“学历”和“性别”同时存在。

区分两组单选按钮的属性是“name”名字。所有名字相同的单元按钮互斥，和不同名字的没有直接关系。单选按钮是分组的。