【教学视频】自己动手写网站1教学录像和板书

太狠太残忍

http://player.youku.com/player.php/sid/XNDQ4NzkyNTY=/v.swf

清晰版下载地址：http://down1.rupeng.com/download/webdev/web1.rar
高清版下载地址：暂不提供

板书：
1、什么叫Web开发？通俗点说：做网站的开发就是Web开发。网站不是天上掉下来的，是开发人员一行行代码、美工人员一张张图片做出来的。
2、 Web开发需要两种技术人员，一种是程序员，一种是美工。程序员是开发网站的功能的人，而美工是使网站好看的人。
我们是计算机专业的学生，不懂美工、没有美术基础，不要沉迷于做好看的网站、网页美化、网页特效，专业的网站都有自己的美工人员，这不是我们的强项。
3、这门课是asp.net、php、jsp等后续课程的基础。
4、Web的原理

下载 (17.42 KB)

2008-9-30 13:41

服务器不是直接把网页的显示的样子传给客户端，而是只是返回一个网页的描述文件，比如哪个地方有一个按钮，哪个地方有个图片，浏览器（比如IE）就解析这个文件，然后把网页的内容显示给浏览者。描述文件就是HTML格式的。
         标识一台服务器是要靠IP地址的，jsj321.com这样的域名并不能唯一标识一台服务器。把网站服务器想象成你的一个借你钱的人，你向催债公司说“上杨中科家催债去”，催债公司和你都不知道杨中科住哪，那么这时候就需要去问公安局。公安局就是DNS服务器，DNS服务器就是提供了根据域名查询服务器IP地址的功能。
注：在命令行下运行“ping www.jsj321.com”查服务器ip地址。
5、DNS深入挖掘
         （1）如果我访问一个不存在的网站，那么浏览器就会报告“找不到服务器或 DNS 错误”
（2）DNS服务器并不是全球只有一个，而是有很多个。
（3）DNS劫持的原理：黑客控制了DNS服务器，然后把所有的解析请求都故意解析到一个恶意网站服务器上去，那么访问者就访问了恶意网站。中国电信、中国网通都大义凛然的搞过：比如咱们通过ADSL上网通的宽带，使用的就是网通的DNS服务器，默认的行为就是你访问一个错误的域名，DNS服务器就告诉你没有这个服务器，然后你浏览器就会显示“服务访问”；如果浏览者访问了一个不存在的域名，那么就导航到自己想推的网站，比如就是网通的网站；比如说大家访问JSJ321.com的时候，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）


下载 (15.77 KB)

2008-9-30 13:41
大家学word的时候图片插入的两种方式：嵌入；链接。很显然嵌入的方式你的文件无论移动到哪里，你的图片都能看，哪怕源文件删了都能看；而链接式的，一旦文件拷贝到别人的电脑里，别人就看不了了，而且原文件删了也会有这个问题。
         通过查看jsj321.com的首页的html内容我们得知：网页里的图片都是链接的。
大家学word的时候图片插入的两种方式：嵌入；链接。很显然嵌入的方式你的文件无论移动到哪里，你的图片都能看，哪怕源文件删了都能看；而链接式的，一旦文件拷贝到别人的电脑里，别人就看不了了，而且原文件删了也会有这个问题。
（4）       超链接（Target）、插入图片、修改字体颜色、插入表格。
（5）课后作业用Dreamweaver重写163注册页面。