海阳网页制作源码

C. 哪有网页的原代码

一、安装和界面

Instant Source是专为IE开发的插件，所以，安装后你在开始菜单找不到启动它的程序。它整合在IE中，如果在你的IE浏览器工具栏上没有发现它的图标，可以通过“查看→工具栏→自定义”添加。

点击IE浏览器工具栏上的Instant Source图标，如图1所示，Instant Source会在IE窗口的下面露出它的真面目，Instant Source几乎所有的功能，都要通过整合在IE中的这个窗口才能完成。
二、查看源代码

Instant Source提供了多种源代码的查看方式，它可以查看整个页面的源代码，也可以查看选定文本的源代码，甚至还可以查看鼠标所指网页元素的源代码。点击工具栏上的“显示”按钮，如图2所示，在菜单上选择“鼠标所指元素”，这样,在IE中，鼠标所指网页元素的源代码就实时地显示在Instant Source窗口中了。
三、编辑源代码

首先需要说明的是，Instant Source对网页源代码的编辑，只适合于本地的HTML网页文件。

在IE中打开一个本地网页文件，在图2中选择“整个页面（原始）”，这时，你会发现，在Instant Source工具栏上的“应用”按钮已变为可用状态，现在，你就可以在Instant Source窗口中编辑该网页的源代码了。编辑完成后，点击“应用”，Instant Source会自动保存该网页并在IE中实时显示。这一功能，对于那些习惯于使用源代码编辑网页的朋友，无疑是一大福音。

四、保存外部对象

在IE中打开“新浪网”首面，在Instant Source工具栏上点击“对象”，打开“页面对象”对话框，你看到了什么？没错，“新浪网”首页中链接到的所有外部对象，包括图像、Flash电影、js脚本、样式表以及链接到的其它网页文件都一览无余
选定一个对象，点击对话框上的“查看”，可以在默认的浏览器中打开该对象；点击“保存”，可以在本地保存该对象，当然了，点击“保存全部”，可以保存所有对象；点击“复制URL”，可以把选定对象的绝对地址复制到剪贴板。不是有很多朋友老问我，怎样才能保存网页上的Flash动画吗，今天把这个软件介绍给你，希望再不要问我这样的问题。

在Instant Source的窗口中，我们可以复制选定的源代码，也可以点击工具栏上的“查找”，在网页源代码中查找你需要的内容。总之，Instant Source是一款对网页制作爱好者非常实用的工具，对于其它网民，你也可以利用它查找并保存网页上的资源

呵呵

D. 求一段网页源代码，谁能帮帮我

最偷懒制作网页的方法，到用www点guanlian8点com去下载《巨龙效果图自动切片生成Div+Css工具》吧，
你的问题也能解决哦，智能地自动切片并生成标准的可兼容性的DIV+CSS只需要导入效果图，拉框线就可
以，高级版本还能智动生成后台，带数据库。是网页制作，网页切片的最佳工具。

E. 求网页制作的代码，要有一个首页，二个二次页面，题材不限，谢谢大家，帮我一下

网站设计八步骤

由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

三、规划网站

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。 四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。

五、制作网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

六、上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者.
回答者：陈董事长 - 副总裁 十一级 3-30 10:23

怎样制作网页？先说说目前网页制作流行的三类作法：
一、使用像Dreamweaver、Fontpage一样的所见即所得的网页编辑软件。Fontpage较容易些，会操作Word就会使用它。专业人士一般用Dreamweaver来做网页，用flash、firework等来美化网页，有兴趣的可以下载网页三剑客Dreamweaver、flash、firework来试试。
二、使用记事本修改网页Html代码，不推荐使用Fontpage等网页编辑软件修改的原因是：很多网页格式如果用网页编辑软件打开就会变形，所以直接使用记事本修改网页Html代码是最简洁有效的方法。当然可以去下载强化的HTML工具更好，例如： UltraEdit。
三、其实很多现成网页模版、网站系统已经做好了，而我们不必再次证明“牛顿定律”浪费我们的宝贵时间。就像php论坛程序现在别人做的挺好的（例如Discuz!，PHPwind），我们何苦再去编写一个论坛程序呢？简直是费力不讨好，并且Bug特别多。当然学习数据库编程开发的人例外。
怎么做网站呢？首先我们需要了解一下网站的页面组成，网站一般包括以下几部分：
首页：网站的门面，如同公司的形象，特别注重设计和规划。
次页：网站的主要导航结构页面，讲究风格的一致性，并于首页呼应。
普通页：网站主要的承载信息的页面，设计要求不高，但要求链接准确、文字无误、图文并茂，并沿袭网页的风格。
弹出页：一般用于广告、新闻、消息、到其他网站的链接等等，一般用的很少。
通过上面的分析，我们可以看出：
从功能上来看，首页主要承担着树立企业形象（当然不仅仅是首页）的作用，次页在导航方面起着重要的作用，比如各栏目内部主要内容的介绍，都可以在次页中体现再进入普通页，让浏览者能够迅速了解网站各栏目的主要内容，择其需要而浏览，而普通页则是主要的信息页面，也是网站的最终页面，对于大型网站，这种结构非常重要，而对于中小型企业，网站规模较小、页面数量不多，有时次页就起着普通页的作用，至于弹出页，建议您不是必要，最好不要用。下面详细介绍各页面的设计技巧：
一、首页设计技巧
网站首页是企业网上的虚拟门面，在此，提醒上网的企业注意自己门面的设计，决不能敷衍了事、马马虎虎。我们会经常看到印刷精美的产品目录或广告，当您屡屡看到那些印有产品目录或广告的精美印刷制品的时候，相信您或多或少会对有关的产品形成一种好感，即使您不会购买，也必然对这些产品形成一定程度的认同。而对于设计毛糙的宣传品，您肯定会怀疑其内容的真实性，从而对其产品或服务产生质疑。好，现在说说网站的设计，相信您会同意这种说法：网站的页面就好比是“无纸的印刷品”。既然如此，我们会因此而得出一个结论：精良和专业网站的设计，如同制作精美的印刷品，会大大刺激消费者（访问者）的购买欲望，反之，您公司所提供的产品或服务将不会给消费者（访问者）留下较好的印象。值得一提的是，除非您的企业有专业的网站规划、设计人员，否则您最好找专业公司或专业人员为您设计制作，一个优秀的专业设计人员会很快明白您的意图，并根据您的建站目的提出建设性的意见。
一般来说，网站首页的形式不外乎有两种，一种是纯粹的形象展示型，这种类型文字信息较少，图像信息较多，通过艺术造型和设计布局，利用一系列与公司形象和产品、服务有关的图像、文字信息，组成一幅生动的画面，向浏览者展示一种形象、一个氛围，从而吸引浏览者进入浏览。这需要设计者具有良好的设计基础和审美能力，能够努力挖掘企业深层的内涵，展示企业文化。这种类型的首页在设计过程中一定要明确要以设计为主导，通过色彩、布局给访问者留下深刻的印象，当然，我们不能为了设计而设计，我们的目的是营销，在设计过程中一定要牢记这一点！
另一种是信息罗列型，一般的大、中型企业网站和门户网站常用的方式，即在首页中就罗列出网站的主要内容分类、重点信息、网站导航、公司信息等等，这种风格比较适合网站信息量大，内容丰富的网站，因为是以展示信息为主，这是的设计就要在细微之处体现企业形象，建议设计人员最好仔细阅读企业的CI手册，熟悉企业标志、吉祥物、字体及用色标准，在网站的局部体现出来，往往平淡之中一个优美的符合企业特点的曲线就能够给人以深刻的印象，从而将企业形象印在浏览者的脑海里。设计人员在设计过程中要注意使用这些语言符号来表达一种独特的企业信息。
网页设计时注意事项：
1.不要花里胡哨。
2.要有风格，要突出行业的特点。比如娱乐业热烈活泼些，政府网站则要庄重些；收藏书画业要古朴典雅，策划时装业则要前卫些。
3.一张网页一般两屏到三屏就可以了，不要太长，会影响你的网页打开的速度。如果内容实在太多，应该分作几个页面，或者分为几个二级栏目。
对初次建站的用户来说，制作网页是件头疼的事情；对于由别人帮助建站的用户来说，网站的后期更新维护可能更令人头疼。缺乏专业人才及专业知识，让大家对建站望而生畏。推荐您选购‘自助建站专卖店’自助网站系统，由于不需要专业人员制作网站程序，且SOHO个人工作室不像公司那样牵扯分享利益的人多而成本高，我们所提供的网站建设价格在市场上具有很强的竞争力。我们更懂得每一个网站的制作质量都是下一个网站的广告。三大承诺，放心选择：“免费试用满意后再付款”“主机空间正式付款7天内无条件退款承诺”“100%网站及域名所有权”。为进一步免除您的后顾之忧，近期还计划安装支付宝等第三方网上支付手段，让大家放心购买。用户进入网站后台后，自己就可以在现有模板上对网站内容进行更新，不用再为如何制作网页担心，‘自助建站专卖店’销售数十种正版品牌建站软件，享受自动升级服务和相关的技术服务(定制模版+内容更新)
。
视频教程:手把手教你学Dreamweaver MX 200
参考资料：考资料： (摘选）

F. 怎么用代码制作一个网站

由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。
一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。
二、搜集材料
明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。 四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。
五、制作网页
材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。
六、上传测试
网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。
七、推广宣传
网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
八、维护更新

G. 跪求，网页制作成品，用HTML和CSS制作的，要有源代码，只为交作业，十万火急！！！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>新疆行知书</title>
<link href="20.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="container">
<div id="banner"><img src="banner.jpg"></div>
<div id="globallink">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">新疆简介</a></li>
<li><a href="#">风土人情</a></li>
<li><a href="#">吃在新疆</a></li>
<li><a href="#">路线选择</a></li>
<li><a href="#">自助行</a></li>
<li><a href="#">摄影摄像</a></li>
<li><a href="#">游记精选</a></li>
<li><a href="#">资源下载</a></li>
<li><a href="#">雁过留声</a></li>
</ul>
<br>
</div>
<div id="left">
<div id="weather">
<h3><span>天气查询</span></h3>
<ul>
<li>乌鲁木齐雷阵雨 20℃-31℃</li>
<li>吐鲁番多云转阴 20℃-28℃</li>
<li>喀什阵雨转多云 25℃-32℃</li>
<li>库尔勒阵雨转阴 21℃-28℃</li>
<li>克拉马依雷阵雨 26℃-30℃</li>
</ul>
<br>
</div>
<div id="today">
<h3><span>今日推荐</span></h3>
<ul>
<li><a href="#"><img src="tuijian1.jpg"></a></li>
<li><a href="#">喀纳斯河</a></li>
<li><a href="#"><img src="tuijian2.jpg"></a></li>
<li><a href="#">布尔津</a></li>
<li><a href="#"><img src="tuijian3.jpg"></a></li>
<li><a href="#">天山之路</a></li>
</ul>
<br>
</div>
</div>
<div id="middle">
<div id="ghost"><a href="#" title="魔鬼城探秘"><img src="ghost.jpg" border="0"></a></div>
<div id="beauty">
<h3><span>美景寻踪</span></h3>
<ul>
<li><a href="#"><img src="beauty1.jpg"></a></li>
<li><a href="#"><img src="beauty2.jpg"></a></li>
<li><a href="#"><img src="beauty3.jpg"></a></li>
<li><a href="#"><img src="beauty4.jpg"></a></li>
</ul>
<br>
</div>
<div id="route">
<h3><span>线路精选</span></h3>
<ul>
<li><a href="#">吐鲁番——库尔勒——库车——塔中——和田——喀什</a></li>
<li><a href="#">乌鲁木齐——天池——克拉马依——乌伦古湖——喀纳斯</a></li>
<li><a href="#">乌鲁木齐——奎屯——乔尔玛——那拉提——巴音布鲁克</a></li>
<li><a href="#">乌鲁木齐——五彩城——将军隔壁——吉木萨尔</a></li>
</ul>
<br>
</div>
</div>
<div id="right">
<div id="map">
<h3><span>新疆风光</span></h3>
<p><a href="#" title="点击看大图"><img src="map1.jpg"></a></p>
<p><a href="#" title="点击看大图"><img src="map2.jpg"></a></p>
</div>
<div id="food">
<h3><span>小吃推荐</span></h3>
<ul>
<li><a href="#">17号抓饭</a></li>
<li><a href="#">大盘鸡</a></li>
<li><a href="#">五一夜市</a></li>
<li><a href="#">水果</a></li>
</ul>
<br>
</div>
<div id="life">
<h3><span>宾馆酒店</span></h3>
<ul>
<li><a href="#">美丽华大饭店</a></li>
<li><a href="#">海德大饭店</a></li>
<li><a href="#">银都大饭店</a></li>
<li><a href="#">鸿福大饭店</a></li>
<li><a href="#">友好大酒店</a></li>
<li><a href="#">棉麻宾馆</a></li>
<li><a href="#">电信宾馆</a></li>
</ul>
<br>
</div>
</div>
<div id="footer">
<p>艾萨克 &;版权所有 <a href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
</body>
</html>
css为：
body{
background-color:#2286c6;
margin: 0px;
padding:0px;
text-align:center;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
#container{
position:relative;
margin:0px auto 0px auto;
width:780px;
text-align:left;
}
div br{
display:none;
}
#globallink{
margin:0px; padding:0px;
}
#globallink ul{
list-style:none;
padding:0px; margin:0px;
}
#globallink li{
float:left;
text-align:center;
width:78px;
}
#globallink a{
display:block;
padding:9px 6px 11px 6px;
background:url(button1.jpg) no-repeat;
margin:0px;
}
#globallink a:link, #globallink a:visited{
color:#004a87;
text-decoration:underline;
}
#globallink a:hover{
color:#FFFFFF;
text-decoration:underline;
background:url(button1_bg.jpg) no-repeat;
}

#left{
float:left;
width:200px;
background-color:#FFFFFF;
margin:0px;
padding:0px 0px 5px 0px;
color:#d8ecff;
}
#left div{
background-color:#5ea6eb;
margin:0px 5px 0px 5px;
}
#weather{
background:url(weather.jpg) no-repeat -5px 0px;
margin:0px 5px 0px 5px;
background-color:#5ea6eb;
}
div#left #weather h3{
font-size:12px;
padding:24px 0px 0px 74px;
color:#FFFFFF;
background:none;
margin:0px;
}
div#weather ul{
margin:8px 5px 0px 5px;
padding:10px 0px 8px 5px;
list-style:none;
}
#weather ul li{
background:url(icon1.gif) no-repeat 0px 6px;
padding:1px 0px 0px 10px;
}
#left div h3{
font-size:12px;
padding:4px 0px 2px 15px;
color:#003973;
margin:0px 0px 5px 0px;
background:#bbddff url(icon2.gif) no-repeat 5px 7px;
}
#today{
padding:0px 0px 10px 0px;
}
#today ul{
list-style:none;
margin:-5px 0px 0px 0px;
padding:0px;
}
#today ul li{
text-align:center;
}
#today ul li img{
border:1px solid #FFFFFF;
margin:8px 0px 0px 0px;
}
#today ul li a:link, #today ul li a:visited{
color:#d8ecff;
text-decoration:none;
}
#today ul li a:hover{
color:#FFFF00;
text-decoration:underline;
}

#middle{
background-color:#FFFFFF;
margin:0px 0px 0px 2px;
padding:5px 0px 0px 0px;
width:400px; float:left;
}
#middle div{
margin-left:5px;
margin-right:5px;
position:relative;
}
#middle h3{
margin:0px; padding:0px;
height:41px;
}
#middle h3 span{
display:none; /* 文字去掉，换成图片 */
}
#beauty{
margin:15px 0px 0px 0px;
padding:0px;
}
#beauty h3{
background:url(picture_h1.gif) no-repeat;
}
#beauty ul, #route ul{
list-style:none;
margin:8px 1px 0px 1px;
padding:0px;
}
#beauty ul li{
float:left;
width:97px;
text-align:center;
}
#beauty ul li img{
border:1px solid #4ab0ff;
}
#route{
clear:both; margin:0px;
padding:5px 0px 15px 0px;
}
#route h3{
background:url(route_h1.gif) no-repeat;
}
#route ul li{
padding:3px 0px 0px 30px;
background:url(icon1.gif) no-repeat 20px 7px;
}
#route ul li a:link, #route ul li a:visited{
color:#004e8a;
text-decoration:none;
}
#route ul li a:hover{
color:#000000;
text-decoration:underline;
}

#right{
float:left;
margin:0px 0px 1px 2px;
width:176px;
background-color:#FFFFFF;
color:#d8ecff;
}
#right div{
position:relative;
margin-left:5px;
margin-right:5px;
background-color:#5ea6eb;
}
#right div h3{
font-size:12px;
padding:4px 0px 2px 15px;
color:#003973;
margin:0px 0px 5px 0px;
background:#bbddff url(icon2.gif) no-repeat 5px 7px;
}
#map{
margin-top:5px;
}
#map p{
text-align:center;
margin:0px;
padding:2px 0px 5px 0px;
}
#map p img{
border:1px solid #FFFFFF;
}
#food{
padding-top:10px;
}
#food ul, #life ul{
list-style:none;
padding:0px 0px 10px 0px;
margin:10px 10px 0px 10px;
}
#food ul li, #life ul li{
background:url(icon1.gif) no-repeat 3px 9px;
padding:3px 0px 3px 12px;
border-bottom:1px dashed #EEEEEE;
}
#food ul li a:link, #food ul li a:visited, #life ul li a:link, #life ul li a:visited{
color:#d8ecff;
text-decoration:none;
}
#food ul li a:hover, #life ul li a:hover{
color:#000000;
text-decoration:none;
}
#life{
padding-top:10px;
padding-bottom:5px;
margin-bottom:5px;
}

#footer{
background-color:#FFFFFF;
margin:1px 0px 0px 0px;
clear:both;
position:relative;
padding:1px 0px 1px 0px;
}
#footer p{
text-align:center;
padding:0px;
margin:4px 5px 4px 5px;
background-color:#5ea6eb;
}
#footer p a{
color:#FFFFFF;
text-decoration:none;
}

H. 如何制作网页

网页制做入门 (1)
网页制做入门

我们天天与网页打交道，那些或界面精美，或内容丰富，或构思独特、风格各异的网页，不知道吸引了多少人的眼球了，它们的运行方式，制做方法，你说你说一点都不好奇，一点都不想知道，那肯定是假的，嘿嘿，我也一样，而且我的好奇心有时还不小～～～，可我的好奇心有是有了，因为网页制做没有真正当成吃饭的家伙，所以，，，当初的热度也只有三分钟，在这里，把以前的一些经验介绍给大家，强烈希望广大高手介入，来个你说，我说，大家说，集众人的智慧于此。因为大多数地方，是跟据我自己的做法，我自己的理解说的，难免有说错的地方，也请大家指正了。

第一讲 网页基本常识

我们平时常见的网页，基本可以分为两类，静态网页(htm,html等)和动态网页(asp、cgi、php等)。静态网页交互性不强，只是单纯的传输信息给客户浏览器，而动态的一般有很强的交互性，很多都在一定程度上结合了数据库，能进行资料的搜索等功能，常用于论坛，留言本，网上订单等。常用的网页脚本语言VBScript 、 JScript ，也是一种编程语言。下面这几点是在别的地方抄来的，就当看小说一样看下吧，只需大概知道下就行了。

一、什么是HTML？
网页的学名称作HTML文件，是一种可以在www网上传输，并被浏览器认识和翻译成页面显示出来的文件。www是“world wide web"的缩写；HTML的意思则是"Hypertext Markup Language",中文翻译为“超文本标记语言”。“超文本”就是指页面内可以包含图片，联接，甚至音乐，程序等非文字的元素。
网页就是由HTML语言编写出来的。
HTML语言只是一种排版语言，语法就类似于这样："页高8宽5，(1,2)处插入高1宽1的图片A..."
HTML语言发展很快，已经历经HTML1.0,HTML2.0和HTML3.0,html4.0多个版本，现在html5.0正在测试同时DHTML (动态)，VHTML(虚拟)，SHTML等也飞速发展。我们现在一般只要掌握HTML4.0就可以了。

二、什么是动态 HTML(DHTML) ？
动态HTML是一组技术，是一种新的思想方法，它被设计用来创造和显示更多的交互性网页，包括动态样式，动态内容，2D布局，数据捆梆和多媒体效果等等。
动态HTML (DHTML) 是一门令人兴奋的新技术，它完全克服了传统 HTML 的不足，极具发展前景。DHTML使用一个文件对象模型 (DOM) 来扩充 HTML 语言，使得 WEB 页面的所有元素及其属性都可以实时存取， 从而允许你使用脚本动态地修改页面元素，而这些都不需要 WEB 服务器的干预。使用 DHTML 完全能够设计出复杂的，动态的，交互式的 WEB 页面，使我们的WEB 页面将因此而变得更为生动和精彩。DHTML目前正在发展中，尚没有形成一个标准。Microsoft 和 Netscape 两大公司对 DHTML 各有自己的看法，尽管两大公司都使用了很多相同的技术术语，并引用相同的已发表和提议的标准集合，但在具体实现中，两者不能统一。Netscape 是增加一些新的标记(主要是Layer, Ilayer等)，而 Microsoft 是对现有的标记增加一些新的属性。由此引起的问题是在Internet Explorer上正常运行的动态网页，在 Netscape 上可能会不正确运行；反之亦然。W3C 目前正在努力开发一种标准使它能与所有的平台和浏览器兼容。

三、什么是HTTP？
Hypertext Transfer Protocol, WWW服务程序所用的协议。我们在用浏览器浏览网页时，使用的就是这个协议，所以在地址栏中都要输入http://……。

四、什么是FTP？
FTP是File Transfer Protocol（文件传输协议）的缩写。它是一种在UNIX类操作系统上使用的协议，现在已经被纳入TCP/IP协议中，被广泛的应用在Internet上。它的传输方式一般分为ASCII和BIN（二进制）两种。我们在说到Internet上的FTP时，通常是指一些使用FTP协议的站点和FTP的传输方式。

五、上传主页有哪几种方式？E-Mail方式维护主页是什么意思？
通常我们上传主页的方式是由提供主页空间的ICP来决定了。一般的上传方式有FTP、HTTP、和E-Mail三种。FTP是文件传输协议的英文缩写，光看字面意思，我们就应该知道传输文件是它的拿手好戏。好戏。HTTP方式是利用浏览器与服务器链接，向服务器端发送文件。E-Mail方式是指在维护主页的时候将要更新的内容用压缩软件压缩打包，用E-Mail发给主页空间所在网站的WebMaster。再由WebMaster将主页内容解压打开，完成更新工作。这三种上传的方式中，FTP以它的快速和良好的交互性，得到了大家的公认和推崇，现在已经是最流行的上传和下载方式了。而E-Mail上传方式的优点是安全性极高，不易被黑客乘虚而入。但是由于交互性和灵活性太差，已经很少使用了。

六、什么是CGI？
CGI 意思为 Common Gateway Interface，公共网关接口，一种基于浏览器的输入、在Web服务器上运行的程序方法。 CGI脚本 使你的浏览器与用户能交互，为了在数据库中寻找一个名词, 提供你写入的评论，或者从一个表单中选择几个条目并且能得到一个明确的回答. 如果你曾经遇到过在web上填表或进行搜索, 你就是用的CGI脚本。你那时也许没有意识到，因为大部分工作是在服务器上运行的，你看到的只是结果。作为一个网页设计者，你创建客户端的 CGI脚本，服务器端的程序用来处理用户输入，结果返回给用户。

七、什么是ASP？
Microsoft Active Server Pages 即我们所称的 ASP ，其实是一套微软开发的服务器端脚本环境， ASP 内含于 IIS 3.0 和 4.0 之中 , 通过 ASP 我们可以结合 HTML 网页、 ASP 指令和 ActiveX 元件建立动态、交互且高效的 WEB 服务器应用程序。有了 ASP 你就不必担心客户的浏览器是否能运行你所编写的代码，因为所有的程序都将在服务器端执行，包括所有嵌在普通 HTML 中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。 以下罗列了 Active Server Pages 所独具的一些特点：
1. 使用 VBScript 、 JScript 等简单易懂的脚本语言，结合 HTML 代码，即可快速地完成网站的应用程序。
2. 无须 compile 编译，容易编写，可在服务器端直接执行。
3. 使用普通的文本编辑器，如 Windows 的记事本，即可进行编辑设计。
4. 与浏览器无关 (Browser Independence), 用户端只要使用可执行 HTML 码的浏览器，即可浏览 Active Server Pages 所设计的网页内容。 Active Server Pages 所使用的脚本语言 (VBScript 、 Jscript) 均在 WEB 服务器端执行，用户端的浏览器不需要能够执行这些脚本语言。
5.Active Server Pages 能与任何 ActiveX scripting 语言相容。除了可使用 VBScript 或 JScript 语言来设计外，还通过 plug-in 的方式，使用由第三方所提供的其他脚本语言，譬如 REXX 、 Perl 、 Tcl 等。脚本引擎是处理脚本程序的 COM(Component Object Model) 物件。
6.Active Server Pages 的源程序，不会被传到客户浏览器，因而可以避免所写的源程序被他人剽窃，也提高了程序的安全性。
7. 可使用服务器端的脚本来产生客户端的脚本。
8. 物件导向（ Object-oriented ）。
9.ActiveX Server Components(ActiveX 服务器元件) 具有无限可扩充性。可以使用Visual Basic 、 java、Visual C++ 、COBOL等编程语言来编写你所需要的 ActiveX Server Component 。

八、JavaScript是什么？Java和JavaScript是一样的吗？
JavaScript是一种新的描述语言，此一语言可以被嵌入HTML的文件之中。透过JavaScript可以做到回应使用者的需求事件(如form的输入)而不用任何的网络来回传输资料。所以当一位使用者输入一项资料时，它不用经过传给服务器端(server)处理，再传回来的过程，而直接可以被客户端(client)的应用程序所处理，你也可以想象成有一个可执行程式在你的客端上执行一样。javascript虽然效果不错，但它在网络上的效果奇慢。
在JavaScript上，JavaScript和Java 很类似，但到底并不一样。Java是一种比JavaScript更复杂许多的程序语言。而JavaScript则是相当容易了解的语言，JavaScript创作者可以不那么注重程序技巧。所以许多Java的特性在JavaScript中并不支持。

九、常用的WEB图像格式有哪些？
1、PNG（Portable Network Graphic）
PNG格式是WEB图像中最通用的格式。它是一种无损压缩格式，但是如果没有插件支持，有的浏览器可能不支持这种格式。PNG格式最多可以支持32位颜色，但是不支持动画图。
2、GIF（Graphics Interchange Format）
GIF是Web上最常用的图像格式，它可以用来存储各种图像文件。特别适用于存储线条、图标和电脑生成的图像、卡通和其它有大色块的图像。GIF文件非常小，它形成的是一种压缩的8位图像文件，所以最多只支持256种不同的颜色。Gif支持动态图、透明图和交织图。
3、BMP（Windows Bitmap）
BMP格式使用的是索引色彩，它的图像具有极其丰富的色彩，可以使用16M色彩渲染图像。此格式一般用在多媒体演示和视频输出等情况下。
4、TIFF（Tag Inage File Format）
TIFF格式是对色彩通道图像来说最有用的格式，支持24个通道，能存储多于4个通道。TIFF格式的结果要比其它格式更大、更复杂，它非常适合于印刷和输出。
5、JPEG（Joint Photographic Experts Group）
JPEG是Web上仅次于GIF的常用图像格式。JPEG是一种压缩得非常紧凑的格式，专门用于不含大色块的图像。JPEG的图像有一定的失真度，但是在正常的损失下肉眼分辨不出JPEG和GIF图像的差别。，而JPEG文件只有GIF文件的1/4大小。JPEG对图标之类的含大色块的图像不很有效，不支持透明图和动态图。
6、TGA（Targa）
TGA格式与TIFF格式相同，都可以用来处理高质量的色彩通道图形。
另外，PDD、PSD格式也是存储包括通道的RGB图像的最常见的文件格式。

十、域名
由于IP地址全是些的数字，为了便于用户记忆，Internet上引进了域名服务系统DNS（Domain Name System）。当您键入某个域名的时候，这个信息首先到达提供此域名解析的服务器上，再将此域名解析为相应网站的IP地址。完成这一任务的过程就称为域名解析。
以机构区分的最高域名原来有7个：com（商业机构）、net（网络服务机构）、gov（政府机构）、mil（军事机构）、org（非盈利性组织）、e（教育部门）、int（国际机构）。1997年又新增7个最高级标准域名：firm（企业和公司）、store（商业企业）、web（从事与WEB相关业务的实体）、arts（从事文化娱乐的实体）、REC（从事休闲娱乐业的实体）、info（从事信息服务业的实体）、nom（从事个人活动的个体、发布个人信息）。这些域名的注册服务 由多家机构承担， CNNIC也有幸成为注册机构 之一； 按照ISO－3166标准制定的国家域名，一般 由各国的NIC(Network Information Center， 网络信息中心 )负责运行。
以地域区分的最高域名有：AQ（南极洲）、AR（阿根廷）、AT（奥地利）、AU（澳大利亚）、BE（比利时）、BR（巴西）、CA（加拿大）、CH（瑞士）、CN（中国）、DE（德国）、DK（丹麦）、ES（西班牙）、FI（芬兰）、FR（法国）、GR（希腊）、IE（、爱尔兰）、IL（以色列）、IN（印度）、IS（冰岛）、IT（意大利）、JP（日本）、KR（韩国）、MY（马来西亚）、NL（荷兰）、NO（挪威）、NZ（新西兰）、PT（葡萄牙）、RU（俄罗斯）、SE（瑞典）、SG（新加坡）、TH（泰国）、TW（中国台湾）、UK或GB（英国）、US（美国）（一般可省略）等。
从域名的结构上来看，域名可分为一级域名、二级域名、三级域名等。以电脑报网站为例www.cpcw.com是个一级域名，在一级域名的下一级bbs.cpcw.com就是一个二级域名，如果要在bbs.cpcw.com下面设立xxx.bbs.cpcw.com则是三级域名了。我们见到的免费域名通常是二级域名。

网页制做入门 (2)
作者：

第二讲 初识代码

我的网页之路是从洪恩网站里的DW教程开始的，从零到现在这个半调子水平。那里的很多教程都是从最基础的开始，很合适广大初学者，所以建议大家也从那里开始了。洪恩网站的学习网址：http://www.hongen.com/pc/homepage/index.htm

在这里，基本上不讲软件的具体使用，只讲总结性的东西，要注意的技巧吧，在最后，也会写一两个用DW做的简单特效实例。

随便打开一个网页，点击查看，再点源代码，一般都可以看到这个网页的代码，做网页说白了，也就是把文字、图象等多媒体效果有机的结合在一起，DW和FP等只是书写代码的利器，只要你知道代码，用记事本也一样能做出精美的网页（真正的高手据说就是用记事本做网页），但对我们初学者来说，没有必要去记代码，只需知道利用DW或FP，能实现哪些操作，就象用WORD一样，画一条线就有一条线，画一个表格就有一个表格，在软件的演示窗口里，有着同WORD一样所见即所得的最后效果察看。因此，可以说，做网页入门很简单！可后面还有半句话：做好网页不简单！因为，一个好的网页，不单单是代码书写，更重要的是美工设计，内容的充实。虽然很多代码不需要一一手工书写，可有些代码的基本组织结构了解一些，还是对做网页大有帮助的。我们可以这样学习、研究代码：在用DW或FP中做了某一个操作，把效果与上面的代码窗口比较一下，就可以知道什么代码是实现什么效果的，还可以通过查看别人的网页的源代码分析学习。想学ASP网页的朋友们，有些基本代码是非记不可的。

现在很多做网页的人，都是用借鸡生蛋的办法做的网页，做法是从网上下载现成的网页模板，对模板稍加更改，替换下内容成了。当然，这也是新手们做网页速成的一种好办法。模板在很多有提供空间的网站都有下载。很多以前收录的网址，现在打开都没有用了，在这里，能提供给大家的，只有这些了。
1.源代码下载：要下载ASP源代码的可以到“中国站长站”去，网址：http://www.chinaz.com/download/，这是个比较权威的源代码下载点，在这里下到动网源码，说不定可以下到动网7.0 for SQL Server版本（excelhome的论坛就是用这个版本）。
2.网页图片及音乐等素材：http://www.dabaoku.com/sucai/shejilei/bj/
3.网页特效代码：推建一个小工具：“水晶情缘网页特效专家”，有1M，本来想发上来，太大了，算了，要的话，留下邮箱，我发过去。如，下雪的效果，鼠标滑动效果等，这里都有。

下面我把一些常用的写下来，以供大家参考：

DREAMWEAVER常用标记：（都是以前记的一些笔记了）
标记一般成对出现，一个表示特定代码部分的开始，另一个表示特定代码部分的结束(表示结束的前面带"/"符号)，但也不是绝对的，比如，<br>标记。基本的HTML标记：html、head和body必不可少。

1. <head>和</head>标记中仅包含网页标题(如<title>我的网页</title>)和程序脚本。

2. <body></body>标记中包含网页的全部内容。是网页的主体部分。

3. <center>和</center>：是中间内容居中标记；

4. <h2>和</h2>：从h1~h6，将文本标注为标题，通常要比正文粗大，h1最大；

5. <p>和</p>：段落标记，在行与行之间添加额外的空白行；

6. <br>：强行换行标记，插入单行，不需要封闭标记

7. 图象标记：<img src="aaa\\bbb.gif" width="500" height="198" align="center">

align水平对齐(left、right或center)，valign垂直对齐(top，bottom或middle)，border边框宽度

alt="鼠标放在图片上时出现的提示文字"

8. <p><font size="3"><b>本行字符将以粗体显示</b></font></p>

9. <p><font size="3"><i>本行字符将以斜体显示</i></font></p> (<i>等效于<em>)

10.<p><font size="3" face="宋体" color="#RRGGBB">本行字符将宋体显示</font></p>

11. <a href="test.htm">点击此处文字打开链接的网页</a> ：该处文字有下划线标示

12. <HR>显示一长灰色细线，分割网页为上下两部分。可以只用单边。完整的如下：

<HR align=center width="100%" SIZE=1>显示一灰色矩形，SIZE为1时，宽为1(很细，可看作一直线)

13.<LI>在文字前出现一个圆点的项目符号</LI>，可单个使用，也可结合<br>使用

14.<OL type=2 start=1><li>标记</li><li>区段</li></ol>：控制项目序号及显示方式，如1,2,3

15.<UL>使该段文字首行和下面都缩进约两个字符</UL>

16.<BLOCKQUOTE>使该段文字整体都缩进约两个字符，可以多重使用<BLOCKQUOTE>

17.<SUP>这是上标字</SUP>，<SUB>这是下标字</SUB>，<U>这是加下划线字</U>

18.<TT>这是Windows的等宽字</TT>

19.<FONT SIZE=+1>字体放大一级</FONT>

20.<DL><DT>语言<DD>基础要素</DL>:“语言”显示为列表标题，“基础要素”显示为列表内容，自动缩进。

21.<DIV Align="Right">这是右对齐的段落一<P>这是右对齐的段落二<P></DIV>默认为左对齐方式。

表格及其标志：Align:水平，Valign:垂直。Align或Valign写在<TR >中时表该行的几个列都用同一方式。

22<BLINK>闪烁</BLINK>:标记中的文字实现闪烁效果，但并不适用于所有的浏览器。

23.<TABLE BORDER=1> <TR><TD>第一列第一栏</TD><TD>第一列第二栏</TD></TR>

<TR BgColor="yellow"><TD >第二列的第一栏</TD><TD>第二列的第二栏</TD></TR>

<TR><TD Align="Left" Valign="Center">水平:左对齐<br>垂直:居中</TD></TR></TABLE>

BgColor可写在<TABLE>、<TR>、<TD>中，分别为整个表格、整行、单一单元格的背景颜色设置。

以上是我以前笔记中收录的一些常用的标记，今天看到lfspecter大虾也发了一些关于网页的帖子，可以两边对照着看，侧重点各有不同，也许更有利于初学者的理解，链接如下：http://club.excelhome.net/dispbbs.asp?boardID=100&;ID=78021&page=1

技巧篇：
1. 在<BODY>标签中可以规定整个文档的一些基本属性：
"bgcolor":指定html文档的背景色。
"text":指定html文档中文字的颜色。
"link":指定html文档中待连接超链接对象的颜色。
"alink":指定html文档中连接中超链接对象颜色。
"vlink":指定html文档中以连接超链接对象颜色。
"background":指定html文档的背景文件。 有两种方式表示颜色对象： <body bgcolor="green">或<body bgcolor="#00FF00">。文档主体部分可用颜色列表：black 黑色 Red 红色 Line 石灰色 Maroon 栗色 Gray 灰色 Silver 银白色 Navy 海军蓝 Olive 橄榄绿 Purple 紫色 Yellow 黄色Aqua 浅绿色 Blue 蓝色 Green 绿色 Fuchsia 紫红色 White 白色 Teal 暗蓝绿

2. 浏览器的状态列提示文字控制
(1).鼠标经过:<a href="tpage.htm" onMouseOver="window.status=\'相关提示\'; return true">页面上鼠标经过的文字<a>
(2).改变状态栏提示文字：打开"Behaviors"行为编辑窗，单击"＋"按钮，选择"Set Text Set"下的"Text Of Status Bar"选项，然后在方框中输入自己的文字，例如"欢迎来到我的主页"等，单击"确定"即可。

3.链接控制：
a. 返回前页：使用OnClick="history.go(-1)"
返回主页：使用OnClick=\'top.location.href="../index.html"\'
b. 链接提示:在链接语句中增加,如：去哪儿？ (在点击链接前注意看状态行显示的变化)
OnMouseOver="window.status=\'这里是 ...\'; return true" OnMouseOut="window.status=\'\'; return true"
c. 链接的不同方式:
在帧里显示：在链接处加target="main"语句，其中main为帧名
整页显示：在链接处加target="_top"语句
开新窗口：在链接处加target="resource window"语句，如<A HREF="index.htm" TARGET="resource window"></A>
d. 强制主页每次都不进行缓存，而从服务器上重读
在Head部分加<MEAT HTTP-EQUIV="Pragma" CONTENT="no-cache">
e. 自动刷新
定时刷新：<META HTTP-EQUIV="Refresh" content="10; URL=http://自己的URL">
幻灯片效果：语句类似上面，但在页面1中URL指向页面2，而页面2指向页面3 ... 页面n指回页面1，即可实现循环显示页面的效果。
f. 在某一个时间内自动链接到其他主页，这只需在〈title〉######〈/title〉之后加入下面这一行即可：
〈meta http-equiv="refresh" content="20; url=otherpage.htm"〉（"20"代表二十秒后连到另一个主页）
h. 在打开指定网页的同时打开另一指定网页\'next.htm，只需在指定网页的body中加入指令onload：
<html><body onload="parent.banner.location.href=\'next.htm\'">指定打开的一个网页内容</body>

4. 设置"添加到收藏夹"链接：
选中"添加到收藏夹"文字，在属性面板中的链接（Link）中输入："javascript :window.external.AddFavorite (\'http://www.excelhome.net\',\'学习之家\')"。点击此链接时会弹出对话框，可以将你的主页地址加到收藏夹中。

5.文字移动动态效果：
1) 文字从右移到左边：<marquee><b>大家好</b>欢迎您经常光临！</marquee>
2) 让文字在固定的区域内出现从下到上的滚动效果：
例1:<table height=542 cellspacing=0 cellpadding=0 width=800 border=0>
<tr><td valign=center align=middle width=316 height=405>
<marquee scrollamount=1 scrolldelay=140 direction=up width=382 height=403><center>谨以此网站送给xxx
<font color=#ff0000></font></center><br>此处为长篇大论!</marquee></td></tr></table>
例2:<body><div align="center"><p><marquee aligh=left bgcolor=#FFFED7 direction=up behavior=scroll height=100
hspace=1 scrollamount=2 Scrolldelay=1 width=250 VSpace=1 loop=-1>
<font color="#FF0000" size="5" face="方正大黑简体">望 岳</font><br> <br>
<font color="#FF0000">岱宗夫如何，齐鲁青未了。<br>造化钟神秀，阴阳割昏晓。<br>汤胸生层云，决眦入归鸟，<br>会当凌绝顶，一览众山小。<br></font></marquee></p></div></body></html>
3) 在指定宽度内移来移去的文字代码：<TD height=20><P align=center><MARQUEE scrollDelay=120 direction=right
behavior=alternate width=150 height=12>产品导航</MARQUEE></P></TD>

6.E-mail链接：
选中字或图片，在属性中设置Alt为"给我来信"，链接为"mailt [email protected]"，在浏览器中单击此图，就会启动发送邮件窗口。在链接地址前加"#"符号，可以在网页中不打开实际链接。

7.动画背景为透明：
选中Flash(gif)，在源代码</object></p>前加入代码：<param name="wmode" value="transparent">。或文件属性栏里 "参数"输入wmode,value="transparent"。

8.浮动背景图象(主页内容向下滚动而背景图象不动的效果)：
(1).<body backgroud="image.jpg" bgproperties="fixed">
(2).在Dreamweaver中用“Text”-“Custom Style”-“Edit Style Sheet”-“New”-Redefine HTML Tag中选择Body，然后在Background中的Attachment里选fixed

9.滚动条换颜色：
默认的网页滚动条是灰色，在网页代码<head></head>里插入一对<style></style>标签，标签里写入下面的代码：
body {SCROLLBAR-FACE-COLOR:#3333FF;(立体滚动条凸出部分的颜色)
SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滚动条空白部分的颜色)
SCROLLBAR-SHADOW-COLOR:#fc2400;(立体滚动条阴影的颜色)
SCROLLBAR-ARROW-COLOR:#666666;(上下按钮上三角箭头的颜色)
SCROLLBAR-BASE-COLOR:#333333; (滚动条的基本颜色)
SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48} (立体滚动条强阴影的颜色)
后面的16位颜色值你可以随意更改，括号内是解释说明，在输入时请不要插入。

10.背景音乐:
body中加入以下任一个代码（建议为midi格式的）：
显示操作面板：在相应地方加:
<embed src="aladdin.mid" width="140" height="35" autostart=true controls="middleconsole">
不显示操作面板：在页中任意地方加<embed src="aladdin.mid" hidden=true autostart=true loop=true>
<bgsound src=音乐路径 loop=次数>－1为无数次
<embed src=音乐路径 width=0 height=0>

11.在Dreamweaver中轻松设置行间距：
用层叠样式表（CSS）来实现，在Dreamweaver中编辑层叠样式表不用编写代码，具体操作方法如下：
（1）在快速启动栏中点击层叠样式表按钮（"show css styles"按钮），在弹出的CSS Styles面板上双击（none）；
（2）此时，可看到弹出的Edit Style Sheet 面板，在该面板上按New按钮；
（3）再在弹出的New Style 面板上点取Redefine HTML Tag（重新定义HTML标记），再在Tag中选择"body"标记后按OK按钮；
（4）这时可看到弹出的Style dehinition for body 的对话框，在此对话框中可以设置"body"标记的许多属性，可以按你的意愿设置，但我们这里主要是要设置行距，所以在line属性输入框中填上行距的像素点数，现在流行的九号字，行距一般用12，按OK按钮返回到Edit Style Sheet 面板，此时已把"body"的行距设置好了；
（5）由于"body"中定义的行距对表格不起作用，所以再在Edit Style Sheet 面板上再按New按钮；
（6）再在弹出的New Style

I. 制作网页的所有代码和代码意思

这个最全 http://ke..com/view/692.htm [编辑本段]HTML规范 一、 HTML 头： 1、针对日文环境： <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-JP"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>yourtitle</title> </head> 2、针对中文环境： <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>yourtitle</title> </head> 我们建议的编码格式是utf-8，它支持多语种，并且可以避免出现乱码的情况。 二、html中javascript的书写： <head>….. <script type="text/javascript"> <!—…..--> </script> </head> 当然我们不希望你是这样内嵌教本，而是从一个外部文件进行引用，并且只把它放在文档的头部。 <script src="path/to/script.js" language="javascript" type="text/javascript"></script> 三、html中元素的书写： 1、 元素属性值必须包含在双引号中； <font color=”#000000” size=”3” face=”Arial”> 2、 form 中必须加action属性，并且不能为空。 <form action=”/r/add.cgi” method=”post”> 如果不需要使用action属性，也必须定义： <form action=”no” > 3、 img的alt属性不可以缺少； <img src="/q/img/btn_style.gif" border="0" alt="Select”> 4、 head与</head>之间必须有title； <head> …… <title>your title </title> …… </head> 5、 tr、td必须定义在table之间； 6、 button按钮必须定义在form之间，否则netscape不支持； <form action=”……” method=”post”> <input type=”button” name=”but” value=”back”> </form> 7、 在javascript中的字符串中出现的“/”前要用转义符“\”： <script type=”text/javascript”> <!— function check(str) { var str=”\/r\/add.cgi”; …… } --> </script> 8、 onclick 属性必须和 onkeypress 成对写( onmousedown + onkeydown、onmouseup + onkeyup) mm 9、 用URL传值时直接写&是不可以的，可用&替换： 四、缩近规则： 中,等必须保持严格的缩近规则，以"Tab"键为准： 五、为了检验您的HTML代码是否合法，您可以到W3的HTML Validator工具中进行检验，支持URI输入，上传文件和直接输入代码三种方式进行检验 http://validator.w3.org/ [编辑本段]HTML元素参考手册 （HTML Elements Referencea） 表示超链接的起始或目的位置。 acronym 表示取首字母的缩写词。 address 表示特定信息，如地址、签名、作者、文档信息。 applet 在页面上放置可执行内容。 area 定义一个客户端图像映射中一个超级链接区域的形状、坐标和关联 URL。 b 指定文本应以粗体显示。（不建议使用） base 指定一个显式 URL 用于解析对于外部源的链接和引用，如图像和样式表。 basefont 设置显示文本时作为默认字体的基础字体值。（不建议使用） bdo 允许作者为选定文本片断禁用双向法则。 bgsound 使页面能够带有背景声音或配音。 big 指定所含文本要以比当前字体稍大的字体显示。 blockquote 表示文本中的一段引用语。 body 指明文档主体的开始和结束。 br 插入一个换行符。 button 指定一个容器，其中所含的 HTML 会被显示为一个按钮。 caption 表格的标题，对表格的简单描述。 center 将指定文本和图像居中显示。（不建议使用） cite 用斜体显示标明引文。（不建议使用） code 表示代码范例。 col 说明基于列的表格缺省属性。 colgroup 说明表格中一列或一组列的缺省属性。 comment 表示不可见的注释。防止所包含的文本或者HTML源代码被浏览器解析和显示。 dd 在定义列表中表示定义。定义通常在定义列表中缩进显示。 del 表示文本已经从文档中删除。 dfn 表示术语的定义。（不建议使用） dir 表示目录列表。（不建议使用） div 表示一块可显示 HTML 的区域 dl 表示定义列表。 dt 在定义列表中表示定义术语。 em 强调文本，通常以斜体显示。 embed 允许嵌入任何类型的文档。 fieldset 在字段集包含的文本和其它元素外面画一个方框。 font 用于说明所包含文本的新字体、大小和颜色。 form 说明所包含的控件是某个表单的组成部分。 frame 在FRAMESET 元素内表示单个框架。 frameset 表示一个框架集，用于组织多个框架和嵌套框架集。 head 提供了关于文档的无序信息集合。 h1-h6 这实际上是6个标签，他们以标题样式显示文本，h1最大，h6最小。 hr 水平线。 html 表明文档包含 HTML 元素。 i 指定文本应以斜体显示。（不建议使用） iframe 创建内嵌漂浮框架。 img 在文档中嵌入图像或视频片断。 input 创建各种表单输入控件。 input type=button 创建按钮控件。 input type=checkbox 创建复选框控件。 input type=file 创建文件上载控件，该控件带有一个文本框和一个浏览按钮。 input type=hidden 传输关于客户/服务器交互的状态信息。 input type=image 创建一个图像控件，该控件被点击后将导致表单立即被提交。 input type=password 创建与 INPUT type=text 控件类似的单行文本输入控件，不过并不显示用户输入的内容。 input type=radio 创建单选钮控件。 input type=reset 创建一个按钮，点击该按钮后，将重置表单控件回其初始值。 input type=submit 创建一个按钮，点击该按钮后，即提交表单。 input type=text 创建一个单行的文本输入控件。 ins 表示插入到文档中的文本。 isindex 使浏览器显示一个对话框，提示用户输入单行文本。（不建议使用） kbd 以定宽字体显示文本。（不建议使用） label 为页面上的其它元素指定标签。 legend 在fieldSet 对象绘制的方框内插入一个标题。 li 表示列表中的一个项目。 link 允许当前文档和外部文档建立连接。 listing 以固定宽度的字体显示文本。 map 包含客户端图像映射的坐标数据。 marqueee 创建一个滚动的文本字幕。（不建议使用） menu 创建一个无序列表。 meta 向服务器和客户端传达关于文档的隐藏信息。 nobr 不换行显示文本。 noframes 包含对于那些不支持 FRAMESET 元素的浏览器使用的 HTML。 noscript 指定在不支持脚本的浏览器中显示的 HTML。 object 在HTML 页面中插入对象。 ol 编制排序列表。 optgroup 允许作者对 select 元素中的选项进行逻辑分组。 option 表示SELECT 元素中的一个选项。 p 表示一段。 param 设置APPLET、EMBED 或 OBJECT 元素的属性初始值。 pre 以固定宽度字体显示文本。 q 分离文本中的引语。 s 带删除线方式显示文本。（不建议使用） samp 表示代码范例。 script 指定由脚本引擎解释的页面中的脚本。 select 表示一个列表框或者一个下拉框。 small 指定内含文本要以比当前字体稍小的字体显示。 span 指定内嵌文本容器。 strike 带删除线显示文本。（不建议使用） strong 以粗体显示文本。 style 指定页面的样式表。 sub 说明内含文本要以下标的形式显示，比当前字体稍小。 sup 说明内含文本要以上标的形式显示，比当前字体稍小。 table 说明所含内容组织成含有行和列的表格形式。 tbody 指明哪些行作为表格的主体。 td 指定表格中的单元格。 textarea 多行文本输入控件。 tfoot 指明哪些行作为表尾。 th 指定标题列。标题列将在单元格中居中并以粗体显示。 thead 指定哪些行作为表头。 title 文档的标题。 tr 指定表格中的一行。 tt 以固定宽度字体显示文本。（不建议使用） u 带下划线显示文本。（不建议使用） ul 表示不排序的项目列表。 var 定义程序变量，通常以斜体显示。 wbr 向一块 NOBR 文本中插入软换行。

J. 能制作一个简单的网页制作作业，有源代码的。不需太复杂的网页制作作业！

我自己做的。
<HTML><HEAD>
<META name=GENERATOR content="MSHTML 9.00.8112.16441"></HEAD>
<BODY bgColor=#ffffff>
<DIV style="BORDER-BOTTOM: #f08080 6pt double; BORDER-LEFT: #f08080 6pt double; BORDER-TOP: #f08080 6pt double; BORDER-RIGHT: #f08080 6pt double">
<DIV style="BACKGROUND-COLOR: #ffff00; WIDTH: 100%; HEIGHT: 100%">
<P align=center><SPAN style="FONT-SIZE: large"><SPAN style="LINE-HEIGHT: 80px"><SPAN style="FONT-SIZE: 55px"><FONT color=#0000ff><STRONG>机电科信息显示屏</STRONG></FONT> </SPAN></P>
<P>
<TABLE style="WIDTH: 724px; HEIGHT: 72px" border=1 width=724 align=center>
<TBODY>
<TR>
<TD>
<P align=center><STRONG><SPAN style="FONT-SIZE: 40px"><FONT color=#ff0000 face=幼圆>值班<br>科长</FONT></SPAN></STRONG></P></TD>
<TD><STRONG><SPAN style="FONT-SIZE: 40px">
<P align=center><FONT color=#ff0000><STRONG><FONT face=幼圆>值班</FONT></STRONG><STRONG><FONT face=幼圆>技术员</FONT></STRONG></FONT></SPAN></STRONG></P></TD>
<TD><STRONG><SPAN style="FONT-SIZE: 40px">
<P align=center><STRONG><FONT color=#ff0000 face=幼圆>值班组长</FONT></STRONG></SPAN></STRONG></P></TD>
<TD>
<P align=center><STRONG><FONT face=幼圆><FONT color=#ff0000><SPAN style="FONT-SIZE: 40px">值班调度员</SPAN></FONT></FONT></STRONG></P></TD>

</TR>
<TR>
<TD><SPAN style="FONT-SIZE: 30px"><FONT face=隶书><SPAN style="FONT-SIZE: 30px"><FONT style="BACKGROUND-COLOR: #ffff00" face=隶书><SPAN style="FONT-SIZE: 30px"><FONT style="BACKGROUND-COLOR: #ffff00" face=隶书><SPAN style="BACKGROUND-COLOR: #ffcc99"><SPAN style="FONT-SIZE: 30px"><FONT style="BACKGROUND-COLOR: #ffff00" face=隶书><SPAN style="BACKGROUND-COLOR: #ffcc99">
<P style="MARGIN-RIGHT: 0px" dir=ltr align=center><SPAN style="FONT-SIZE: 30px"><FONT style="BACKGROUND-COLOR: #ffff00" face=隶书></FONT></SPAN></P></SPAN></FONT></SPAN></SPAN></FONT></SPAN></SPAN></FONT></SPAN></FONT></SPAN></TD>
<TD>
<P style="MARGIN-RIGHT: 0px" dir=ltr align=center><FONT face=隶书><SPAN style="FONT-SIZE: 30px"></SPAN></FONT></P></TD>
<TD>
<P style="MARGIN-RIGHT: 0px" dir=ltr align=center><SPAN style="FONT-SIZE: 30px"><FONT face=隶书></FONT></SPAN></P></TD>
<TD>
<P style="MARGIN-RIGHT: 0px" dir=ltr align=center><FONT face=隶书><SPAN style="FONT-SIZE: 30px"></SPAN></FONT></P></TD>

</TR></TBODY></TABLE></P>
</SPAN></SPAN><SPAN style="FONT-SIZE: 60px"><FONT color=#ff0000></FONT></SPAN><SPAN style="FONT-SIZE: 60px"><FONT face=隶书><FONT color=#ff0000>☆盯岗信息☆</FONT><FONT color=#ff0000></FONT> </SPAN>

<MARQUEE><SPAN style="FONT-SIZE: 50px"><FONT face=隶书><FONT color=#006600>盯岗信息</FONT></SPAN></MARQUEE>
</SPAN></SPAN><SPAN style="FONT-SIZE: 60px"><FONT color=#ff0000></FONT></SPAN><SPAN style="FONT-SIZE: 60px"><FONT face=隶书><FONT color=#ff0000>※重要通知※</FONT><FONT color=#ff0000></FONT> </SPAN>

<MARQUEE><SPAN style="FONT-SIZE: 50px"><FONT face=隶书><FONT color=#990066>暂无信息</FONT></SPAN></MARQUEE></P></DIV></DIV></BODY></HTML>