设为首页收藏本站在线充值

中原工学院论坛

 找回密码
 立即注册

扫一扫,访问微社区

QQ登录

只需一步,快速开始

查看: 1006|回复: 0

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

[复制链接]

111

主题

568

帖子

5

积分

新手上路

以陌生为名

Rank: 3Rank: 3Rank: 3

积分
5

新人进步奖

发表于 2011-8-16 16:36:49 | 显示全部楼层 |阅读模式

马上注册,享用更多功能!灵感论坛,推动创造力的社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
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注册页面。


QQ|小黑屋|手机版|Archiver|中原工学院论坛 ( 豫ICP备11003946号 ) 百度统计

GMT+8, 2024-11-6 09:44 , Processed in 0.083492 second(s), 31 queries .

© 2010-2017 中原工学院团委 | 中工灵感论坛

请将您的想法告诉我们,帮助我们改进服务 请将您的想法告诉我们,帮助我们改进服务

快速回复 返回顶部 返回列表