空军总医院激挂号:网页制作百姓通：四页教材三小时就根本学会！

杨贵元打算向教育部申请做个教改试验：把现行的教材由三四百页缩减到三四页，把现行的每门课由讲一学期缩减到只讲两三个小时，把现行的教育由学一辈子都不会一门课程能力缩减到只两三小时就能掌握一门课程的根本应用能力。这四天连续发贴：电脑修理百姓通、电脑办公百姓通、网页制作百姓通、数据库制作百姓通，就以事实为证。这就是杨陈教学法，是把“主干知识”融于“主体实践”的“主干过程”中去教学，做完一件事情的主干过程（往往只需两三个小时）就根本培养了一门课程的应用能力，只用两三小时就让任何零基础的人都能根本掌握一门课程应用能力。只要能在全国推广，则全国中小学生书包沉问题就根本解决了，全国大学生毕业就等于失业问题就根本解决了，中国可持续发展一直普遍严重短缺基础人才、技术人才、懂行的管理人才问题就都根本解决了。

但问题是：教育部没让你搞的任何教改，你搞得再好都没人理你；还有，要想拿到教育部的教改课题，必须是应试高职教师才有资格。我这教改成果是潜心十年私下“偷偷”做成的，这两年，该找的渠道都找遍了，该想的办法都穷尽了，英雄无用武之地，怎么办？

序幕：

网页制作，是很专业，有两种教育观念：一是把简单事情复杂化、把具体东西抽象化，把大家都弄迷糊了就显得自己很专业、很高深：这就是当今中国教育的应试思维。二是把复杂事情简单化、把抽象东西具体化，把前沿理论、高科技成果及时普及应用到百姓日常生活与工作中：这就是杨陈教学法的百姓通思维。

网页制作百姓通的杨陈教学法思路：1、思路：先做好一张张独立的网页。然后全放在一个框架集中，就是用一个边框架来列出网页目录；然后对目录中的每个网页分别做一个链接，并且确定在主框架中打开。最后，把这框架集连同所有网页一起全部上传到网站中，就可让网民随处浏览了。2、考试：去给一个实际单位做一个静态网站。让人能从网上浏览知晓该单位的基本信息，就及格；还能让该单位满意，就是满分。3、这是“合订本”，以前以“杨贵元挑战复旦大学网络公开课”发过三个帖子（因考虑到论坛发贴一般对字数限定为两千），这里既把三个帖子合起来，又把省去了自学内容都加上，还讲了学习思路。

一、独立网页制作

三项准备：1、材料准备：为自己、单位或所喜欢的名人做一个网站。想好网站名称，搜集相关文字、图片等材料，先把文字整理汇编成五六篇文章。2、网页搜索（免费）下载Adobe DreamweaverCS4（或Adobe DreamweaverCS3）中文版，然后按照提示一步一步就能轻松安装到自己的电脑上，安装方法一般都是自动完成。3、在自己电脑硬盘的某个盘符如D盘中新建一个文件夹，取名为所拟定的网站名称（中文、英文都行）。

创建本地站点。1、打开程序。选择【开始】/【所有程序】/【Adobe DreamweaverCS4】菜单命令，就启动了程序，出现起始页对话框。2、创建本地站点。就是在自己电脑硬盘上先设置一个存放网页的专门地方。选择【站点】/【新建站点】菜单命令。把打开的对话框切换到【基本】窗口；⑴、在【您打算为您的站点取什么名字？】（What would you like to name your site?）文本框中，输入自定的站点名称（注意：用英文，或汉语拼音，不用汉字），单击【下一步】（Next）按钮，⑵、在确定是否使用服务器技术对话框中，选中【否，我不想使用服务器技术】（No,I do not want to use a server technology.）后，单击【下一步】；⑶、在【在开发过程中，您打算如何使用您的的文件？】单选中，选择【编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）】；在【您将把文件储存在计算机上的什么位置？】（Where on your computer do you want to store your files?）文本框后，浏览确定存放在所拟定的网站名称文件夹中，单击【下一步】；⑷、在链接方式对话框的【您如何连接到远程服务器？】（How do you connect to your remote server?）下拉列表框中，选中【无】（None）后，单击【下一步】，⑸、在完成站点创建的对话框中，直接单击【完成】（done）。3、若要删除站点，选择【站点】/【管理站点】菜单命令，选中打算要删除的站点，单击【删除】，再单击【完成】。

独立网页制作，单击【新建】栏中的【HTML】（为静态网页），就打开了程序窗口。1、新建文本网页。⑴文本的添加有两种简捷方法：一是直接输入，就是在网页上直接打字。二是把事先准备好的（一篇）文章复制，拿过来粘贴到空白网页上。注意，在网页中编辑最好用键盘操作【Ctrl+C】复制，【Ctrl+V】粘贴。⑵文本编辑，注意两点：一是文本的换行与分段。按【Enter】为分段，段距宽；按【Shif+Enter】为换行，行距窄，所有连续换行的各行都仍属一段。二是按住【Ctrl+Shift】敲【空格】键为添加空格。⑶保存网页。按【Ctrl+S】保存，在弹出【另存为】对话框中，在【文件名】文本框中写上网页名称，按【保存】确定，就自动保存在刚创建的本地站点中（到右边【文件】浮动面板中，就能找到刚保存文件的名称）。⑷预览网页。按【F12】键，就看到自己的网页了，标题栏上有网页标记“e”，就制作成功了独立网页！⑸继续新建独立网页。选择【文件】/【新建】菜单命令，在弹出的【新建文档】对话框中，选择【空白页】/【HTML】/【无】菜单命令，单击【创建】按钮，就新建了一个空白网页；把事先准备的其它文章分别复制过来粘贴保存为网页。按【F12】键预览网页。

自学内容。1、在网页上插入图像。先确定在网页的什么位置插入图像。鼠标光标定位，选择【插入记录】/【图像】菜单命令；在打开对话框中浏览选择所需图像后，单击【确定】；在打开的【图像标签辅助功能属性】对话框的【替换文本】文本框中写上图像名称（在网页浏览中当光标滑上图像时，就会显示名称），再单击【确定】。然后在网页下面的属性面板中对图像【高】、【宽】文本框中的数字进行改写设置等（注意，一是要在网页上选中图像，才到属性面板上进行设置；二是网页尺寸一般用像素，如果不习惯，可选择【查看】/【标尺】/【厘米】菜单命令，转换成厘米标尺）。2、AP Div。类似于Word文档中的插入文本框。⑴将鼠标光标定位，选择【插入】/【布局对象】/【AP Div】菜单命令，就创建了一个AP Div，在其中写上文字，可随意拖动。把文字、图像等内容装入多个AP Div，如把网页标题的每一个字依次分别装入每一个AP Div，就可通过改变AP Div大小、移动AP Div位置来对网页多样化布局。⑵选择AP Div或其中内容，在【行为】面板上，单击【添加行为】（一个“+”号右下角带一个向下的实心三角）按钮，在打开的菜单中选择【效果】(Effects)，在打开的子菜单中可具体选择【显示/渐隐】(Appear/Fade)，【遮帘】(Blind)，【增大/收缩】(Grow/Shink)，【高亮颜色】(Highlight)，【晃动】(Shake)，【挤压】(Squish)等，并进行相关设置即可。⑶在编辑区选中被设置对象后，在行为面板上找到设置的效果项目，鼠标光标滑到上面单击右键，在弹出的快捷菜单中就可选择编辑或删除了；用鼠标光标单击效果项目左边的【onClick】，就出现一个下拉按钮，单击按钮在打开的下拉列表中可选择不同行为，如【onClick】（单击时触发），【onLoad】（载入网页时触发）、【onMouseOver】（当鼠标光标移入指定元素范围时触发）、【onMouseOut】（当鼠标光标移出指定元素范围时触发。3、锚链接。若是内容很长的一个网页，在页首做一个连接各部份标题的目录，就可随心所欲地直接翻到任何地方。第一、先到正文中对各部份内容标题创建锚记。将鼠标光标定位到内容标题前面，选择【插入】/【命名锚记】菜单命令，在打开对话框的【锚记名称】文本框中写上锚记名称如【1】，单击【确定】按钮关闭对话框，在鼠标光标处将出现一个锚标记，同理，依次把正文的其它内容标题前做上【2】、【3】等锚记。第二、再回到页首把标题目录与文中的命名锚记链接起来，这样才使锚链接成为一个完整的链接。在标题目录中选中第一个标题，在【属性】面板的【链接】文本框中写上其正文中对应的锚记名称【1】加上前缀如【#】即【#1】，同理，以【#2】、【#3】等来完成目录中的其它链接。保存网页并在浏览器中进行预览，将鼠标光标移到标题目录单击，相应的正文内容就直接翻到眼前。

二、框架网页制作

用框架布局网页。1、创建框架集。⑴选择【文件】/【新建】菜单命令，打开【新建文档】对话框。⑵选择【示例中的页】/【框架集】/【上方固定，左侧嵌套】菜单命令，单击【创建】按钮。⑶在打开的【框架标签辅助功能属性】对话框中，直接单击【确定】，就完成创建。⑷在各框架中相应写上上框架、左框架、右框架，一定要写上字。2、保存命名框架集。⑴选择【文件】/【保存全部】命令，首先命名保存的是这整个框架集，可命名为站点名称；⑵然后边看着是哪个框架被自然选中（其边框一定有明显变化，如变为粗黑虚线），就以其中的文字来命名保存，依次保存各框架。3、在框架集中布局网页。⑴在上框架中写上网站名称；⑵在左框架中，做上各网页目录；每选中一个，就到下面的【属性】面板上，先【链接】上此网页，后在【目标】中选择【主框架】（mainFrame）作为网页浏览窗口。保存，按【F12】后，在预览网页中单击左框架的目录，就在主框架中显示其网页了。

检查网页的标题、打开方式。1、怎样打开网页文件?⑴、有两种方法：一是选择【文件】/【打开】菜单命令，在弹出的【打开】对话框中，就列出本站点内的全部文件，可从中选定文件打开；二是选择【窗口】/【文件】菜单命令，就在编辑区右边浮动面板组中出现【文件】，在其【本地文件】的【站点】下面就列出本站点内的全部文件，可从中选定文件打开（附带说一句，再选择【窗口】/【文件】菜单命令，就关闭了【文件】面板；其实，程序设计往往都有这样一个潜规则，从菜单栏中单击就打开菜单，再单击就关闭）。⑵、站点内网页文件可分为两类：一是框架集；二是独立网页，包括框架集中的各个框架网页。2、网页文件名与网页标题的区别：我们每个人往往都有两个名，一是小时候的乳名，是家人叫的；二是上学时的学名，是让大家叫的。网页也一样有两个名，一是文件名，就像我们的乳名一样，是网络制作人员叫的，是对内的，显示在程序窗口右边的【文件】浮动面板上；二是网页的标题，就像我们的学名一样，是让网民们叫的，才是对外的，按【F12】键预览时显示在浏览网页的标题栏中，并且前面带着正式网页标记“e”。3、网页【标题】的命名与修改。⑴独立网页的【标题】命名与修改：先看清网页工具栏上的【标题】文本框中写的是什么，按【F12】键预览就可看到这个标题直接显示为浏览网页的标题了；然后在网页工具栏上的【标题】文本框中，写上或修改此网页的标题，保存，按【F12】键预览就能看到浏览网页标题栏上的网页标题发生了相应变化。⑵框架集标题的命名与修改：打开框架集，选择【窗口】/【框架】菜单命令，就在编辑区右边浮动面板组中出现【框架】，单击【框架】浮动面板中框架集的最外边框线（强调是最外边框，是边框线而不是边框内）选中整个框架集，在工具栏【标题】文本框中写上或修改此框架集标题，保存，按【F12】键预览就能看到框架集的网页标题发生了相应变化。3、网页打开方式：⑴凡在框架集的框架中打开的任何独立网页，都一律直接对外显示该框架集的标题，而不显示独立网页的标题；⑵在框架集中，凡【目标】打开选择【blank】、【top】与【parent】的独立网页，才对外显示独立网页的标题。⑶除【blank】是新开窗口打开与【self】是在同一框架中打开外，其余都是在原框架集窗口上打开。

三、网站发布

检查网页链接。（从程序窗口）打开网页文件，按【F12】键预览；先在浏览窗口中对网页上所做的链接一一单击检查，凡是正常的链接都能一单击就显示被链接的内容，凡是断掉的链接则是一单击就不能显示被链接的内容，并且还会弹出意思是无法找到该文件的提示框；记住这个断掉的链接，回到程序窗口，把该链接重新接上。就这样对网页的每个链接一一检查，就这样对每个网页一一检查。

站点的申请。1、选择网站商：网页搜索【主页空间申请】，根据实际需要挑选一个网站商来申请。2、申请流程一般有三步：⑴、申请注册会员，同申请博客、邮箱等一样。⑵、申请虚拟主机。第一、什么叫虚拟主机？台式电脑都有两个必不可少的组成部分，一是显示屏，二是机箱，这机箱就叫主机；通常只有放进网站商主机上的网页文件才能被大家浏览，我们申请网站就相当于租用网站商主机硬盘上的一个房间，这个房间就是我们的虚拟主机。第二、怎样申请虚拟主机？也同申请博客、邮箱等程序大致相同：先会员登录，进入会员管理中心；然后选择虚拟主机型号，填写相关材料，提交申请；如果申请成功，网站商就给我们开通虚拟主机，就相当于同意租给我们一间房，给我们房间号即主机IP地址与访问网址（网民输入或点击网址就可访问我们的网站）。3、我们从站点申请中获得四件宝：会员名、密码、主机IP地址与访问网址。

站点的发布。1、设置默认主页：⑴、每个网站都用一个主页来把站点内的所有网页都直接与间接地连在一起，以便于网民点击网站（就先）打开网站主页而可浏览站点内的一切内容，我们的主页就是所做的框架集。（我们初做的）主页是静态网页，就在本地站点文件夹中把它的【文件名】改为【index.html】。⑵、进会员管理中心，从【虚拟主机管理】进入【默认主页设置】，设置为【index.html】,通通删除其它；使得网站默认主页与我们的主页名称一样，这样，网站就能自动显示我们的主页了。2、上传文件。⑴、下载FTP软件如CUTEFTP、LEAFTP与 FlashFxp等来上传文件，只要根据提示一步一步操作就能上传成功。⑵、上传连接。这些专业上传软件不是网站商的，要用软件商的软件传到网站商的主机里，就要输入会员名、密码、IP地址（或网址）才能把我们自己的电脑主机与我们的虚拟主机连接得上。注意，有的上传软件还要填写【远程站点】，就在其文本框中写上【\wwwroot】，请不要勿略了wwwroot前面还有一右斜线。⑶、上传文件。连接成功后，可把自己本地站点的文件或文件夹上传到【wwwroot】文件夹中，也可直接拖入【wwwroot】，上传完成后，双击打开【wwwroot】，看看文件是否都传上去了。要特别注意两点：第一、凡是网页文件都要以文件上传，而不是以文件夹上传；第二、一定要上传放入虚拟主机的【wwwroot】文件夹中。⑷、用网址就可成功浏览自己的网站了。3、网页修改。⑴、我们制作的静态网页标志为【.html】，一般都是在家修改好，再往上传。⑵、若修改，就把之前的清空后（连接成功后打开【wwwroot】文件夹，把其中内容全部删除）重新上传。若有不会，请用QQ直接与网站商客服联系，客服都会非常耐心地教会你成功发布站点，这就是市场经济下的商家服务。

余音袅袅：三层次是杨陈教学法教案兼教材的永恒活力：杨陈法教案兼教材内容分为三层次：必学内容是供教师课堂教学的，自学内容是供学生课后自学的，开拓内容是让学生在实践中自主开拓创新的。教案兼教材上不含第三部分内容，只含前两部分内容，并且以第一部分内容为主，第二部分仅仅为辅。1、必学内容，就是只含主体实践的主干过程及其根本道理，相当于把树的主根主干都保障了。只要有了这个根本，其他的枝叶问题，都可随环境等自然解决。其实，这部分内容，对于有实践主动性的学生来说，大多都是可以自学的；但因我国应试已让学生普遍不具实践能力、更不具实践主动性，这就要求老师教学必须要把学生带出书本、必须要带到社会实践中去。2、自学内容，相当于树的主枝或特别枝。只要根本掌握了必学内容，就有了自学的根本基础，照着教案兼教材，就完全能够自学操作。特别提醒，自学内容是学生开拓创新的自然过渡，要完全留给学生自学，千万不要教，教了等于是在直接扼杀学生的创新。3、学生自主开拓内容，这是不写上教案兼教材的，是学生在实践应用中遇到什么问题（往往多是枝叶性问题）就立即去翻书、去网络查询、去问身边的同事朋友、或者动脑筋自己琢磨，往往都能及时解决，让人常常都能有成就感。老师最好的教学，就是培养出学生人生成就感的创造源。

杨贵元（大连市，辽宁师范大学管理学院，邮箱yangguiyuanchenke@163.com）