dw动态网页制作

很简单：设置网站的优先级。比如设置index.html优先于 index.php。单独做一个“首页”页面（命名为index.html），并将您做好的FLASH放到这个页面中，同时在此页面中添加一个链接（网站真正首页的URL，比如index.php）。用户在查看网站时会首先进入index.html页面，当他点击FLASH页面中的链接时，就可以进入网站首页了（比如index.php）。相关建议：最好不要使用这个欢迎页面，原因见下面的相关知识中的解释。相关知识：网站首页是访问者访问网站时达到的第一个页面。网站首页有：引导页、综合首页、公司简介等多种表现形式。其中“引导页”又叫做“欢迎页”、“入口页”等。这种方式在2000年左右比较流行，如今由于它在用户体验和网站推广方面的劣势，已经被多数网站抛弃。它的优点是可以制作很炫酷的FLASH动画、大幅的幻灯片等作为首页，给人很好的视觉体验。但它的缺点是：1用户体验不好，用户每次进来都要看它一次，会觉得有点烦，而且增加了进入网站的层次，没那么方便。2.不利于网站推广：增加了网站的层次，不能把网站的新内容体现出来，不能把网站的主要栏目链接包含进来，都使得含引导页的网站在网站推广排名方面落后于其他网站。一些对视觉形象要求很高，又对网站推广效果不是那么重视的公司可以采用这种方式，比如：珠宝品牌、服装品牌、其他时尚用品设计公司等。综合首页，是如今网站首页最流行的表现形式，它往往采用大幅的FLASH BANNER、图片BANNER等突出视觉效果；同时调取网站的最新内容、热门内容和重要内容来充实版面：最新产品、产品分类、热门产品、最新消息、公司动态、优惠活动等等。

1)首先你要注册一个域名(例如:www.***.com),现在也有免费的二级域名可以申请,到百度搜索一下:免费的二级域名申请,可以找到. (2)你得去申请一个空间(就是你放网页的地方),同样有免费申请的(有WEB和FTP两种上传方式),但是一般免费空间都会在你申请的空间里放他们的广告的,挺烦人的.空间分为:静态空间和动态空间,静态的是只支持html格式的网页,动态的几乎所有的文件格式都可以支持.但是静态的比较不容易受到黑客的攻击,就是编辑时麻烦点. (3)申请完空间就会获得相应的IP地址一个,把域名解析到这个IP上,再把空间跟域名绑定一下(两边都要绑定哦,要不就打不开你的网站了. (4)下载一个网页编辑器编写自己的网页内容(例如:Frongpage.DW2004等) (5)编辑完自己的网页,接下来就是要把他放到自己的空间里了,那么就得找一个上传工具(例如:LEAPFTP等)上传到空间里就OK了(注意:首页的文件名必须为:index.htm或者index.asp等,具体请根据你所使用的语言). (6)告诉朋友你的网址,一起分享网络带来的快乐吧. BB这是需要掌握的技术步骤 第一讲 创建网站步骤 ①在D：盘新建一个文件夹（比如：Myweb） ②单击“开始”→“程序”→“Microsoft FrontPage ” ③单击“文件”→“打开站点”，选择查找范围(比如： Myweb) ④在屏幕窗口右边输入文本或插入图片，然后单击“文件”→“保存”，保存时文件名为index.htm（提示：主页文件名约定为Index.htm） ⑤新建其他网页，请单击“文件”→“新建”→“空白网页”或直接单击工具栏上新建按钮。 注意，除主页以外的其它网页文件名可以自定义，但尽量用英文。 如果已经退出FrontPage，请重复第②～③步，然后双击文件夹列表中的相应文件名可以继续编辑修改。 创建为网站的文件夹 普通文件夹 当前位置 主页>>网页设计与制作>>FrontPage 第二讲 网页的基本编辑 ?? 设置文本格式：在网页视图模式下，使用鼠标左键拖动选择要设置其格式的文本，单击鼠标右键，在所弹出的快捷菜单中选择“字体”命令项，或单击“格式”→“字体”。 插入图片：将光标置于网页编辑区中要插入图片处，单击“插入”→“图片”。 ?? 插入水平线：将光标置于网页编辑区中要插入水平线处，单击“插入”→“水平线”。若需要修改水平线颜色或宽度，请双击网页上的水平线 ?? 插入滚动字幕：将光标置于网页编辑区中要插入字幕处，单击“插入”→“组件”→“字幕”。然后，输入要滚动出现的文本内容（提示：字幕效果必须经过预览才能实现） ?? 这里是滚动字幕演示 网页背景：在网页视图模式下，在网页编辑区中单击鼠标右键，选择快捷菜单中的网页属性命令。出现对话框后，选择背景。 当前位置 主页>>网页设计与制作>>FrontPage 第三讲 表格操作 ?? 创建表格：将光标置于网页编辑区中要插入表格处，单击“表格”→“插入”→“表格”。 ?? 设置表格属性：选中表格后，单击“表格”→“属性”→“表格”。 ?? 设置单元格属性：选中单元格后，单击“表格”→“属性”→“单元格”。 ?? 插入新的单元格：将光标置于单元格中，选菜单栏中的“表格”→“插入”→“单元格” ?? 拆分单元格：选择要拆分的单元格，选菜单栏中的“表格”→“拆分单元格” ?? 合并单元格：选择要合并的一列、一行或一组相邻的单元格，选菜单栏中的“表格”→“合并单元格” 当前位置 主页>>网页设计与制作>>FrontPage 第四讲 创建超级链接 ?? 创建指向站点内的网页或文件的超级链接：在网页视图模式下，键入或选中要用作超级链接的文本，选择菜单栏中的“插入”→“超链接”。 ?? 创建指向一个书签的超级链接：在网页视图模式下，首先在网页内指定的位置插入一个书签，方法是选择菜单栏中的“插入”→“书签”。然后，键入或选中要用作超级链接的文本，选择菜单栏中的插入→超链接。出现创建超链接对话框，在书签框上，选择要将其作为目标的书签。 ?? 使用导航栏：创建导航结构等同于创建超级链接，基本思路是首先创建导航结构，然后在需要的位置插入导航栏，如此同样实现网页之间的链接。具体步骤如下： 第一步，在导航视图模式下，选中文件夹列表里的网页，拖曳导向要起放置的位置，若重命名网页标题，可单击鼠标右键，选重命名； 第二步，在网页视图模式下，将光标置于网页中需要插入导航栏的地方，单击菜单栏“插入”→“导航栏”。 使用共享边框：共享边框内，包含了想要显示在共享边框的每一个网页上的项目。在网页视图模式下，选择菜单栏中的“格式”→“共享边框” 使用主题：选择菜单栏中的“格式”→“主题” CC这是网页运做的步骤 一、复杂方法 在手工制作个人网站的时代，我们可以总结出的网站制作步骤基本为：设计、切割、代码生成、发布。而在此之前，应该规划出网站的结构，包括页面数、栏目设置等。 1.设计 进行页面总体规划，包括风格、布局等。网站制作要有整体风格，各部分要保持协调，整个页面看起来才不显得凌乱。然后用平面设计软件制作整个页面，常用的软件有Adobe Photoshop、CorelDraw、Macromedia Fireworks等。Photoshop是平面设计的大拿，笔者也一直用它做页面设计，它从6.0版开始特别增强了对网页制作的支持，显得非常方便。现在流行的Fireworks是Macromedia网页制作三剑客的重剑手，由于它与Dreamweaver及Flash无缝集成，越来越受到网站制作人的欢迎。 2.切割 做完第1步，我们得到的只是一个图片文件，还没集成网页上应该有的元素。接下来要将图片按制作需求切割成小图。切割功能前面提到的两个设计软件中已经集成了（如Photoshop中提供的切片工具），不需要专门的软件来处理。 3.代码生成 这是整个制作过程中最重要的一环。我们要用HTML语言将切割下来的组件按整体设计“拼装”回去。众所周知，HTML语言是一种标记型语言，不须要编译就可以直接在浏览器中执行。所以理论上，我们可以用记事本等文本编辑工具来写代码。手写代码虽然被看作是一种很“酷”的行为，但是很耗时间，而且很难精确地控制格式。这时，便该专门的HTML编辑软件出场了。 HTML编辑软件大体上可分为两类：一类是代码型，典型代表为Homesite、Hotdog等；一类是所见即所得型，典型代表为Frontpage。也有两者兼具的，就是大名鼎鼎的Macromedia Dreamweaver。代码型实际上就是一个文本编辑器，不同的是，它可以有专门的代码提示功能，用起来比较方便。所见即所得是目前大家最推崇的方式，因为可视化的编辑基本丢弃了代码，方便快捷。 说到Dreamweaver，笔者就不多介绍了，我相信大部分的网站制作人都使用它在工作。Dreamweaver提供了代码编写模式和设计模式（即所见即所得），并且首次将“层”概念引入网页制作。Dreamweaver几乎可以满足所有人的需求，甚至还提供了ASP、PHP等脚本语言的代码提示。 4.发布 将制作好的页面放到服务器上，以便的人能浏览。发布通常采用FTP的方式，将文件上传到服务器。目前的网页制作工具基本上都有发布工具，可以通过各种方式发布你的页面，如Dreamweaver中的“站点管理器”。用户亦可使用FTP客户端软件进行这步操作。

<div id="apDiv2"> <table width="539" border="0"> <form id="form1" name="form1" method="post" action=""> <tr> <td width="8"> </td> <td width="111"> </td> <td width="367"> </td> </tr> <tr> <td> </td> <td height="30"><div align="right" class="STYLE4">你的名字 ：</div></td> <td><label> <input name="textfield" type="text" class="logininput" id="textfield" /> </label></td> </tr> <tr> <td> </td> <td><div align="right"><span class="STYLE4">你的QQ  ：</span></div></td> <td height="30"><label> <input name="textfield2" type="text" class="logininput" id="textfield2" /> </label></td> </tr> <tr> <td> </td> <td><div align="right"><span class="STYLE4"><span class="STYLE4"></span>你的邮箱 ：</span></div></td> <td height="30"><label> <input name="textfield3" type="text" class="logininput" id="textfield3" /> </label></td> </tr> <tr> <td height="120"> </td> <td><div align="right"><span class="STYLE4"><span class="STYLE4"></span>给我留言 ：</span></div></td> <td><label> <textarea name="wenben02" cols="40" rows="6" id="wenben02"></textarea> </label></td> </tr> <tr> <td> </td> <td> </td> <td height="50"> <label> <input name="button" type="submit" class="anniu" id="button" value="确 定" /> </label>     <label> <input name="button2" type="reset" class="anniu" id="button2" value="重 置" /> </label> </form> </td> </tr> </table></div>

dw中可以用组图轮播的方式实现动态展示图片。 参考：在DW中插入一个图片，然后回车 重复步骤1直到所有图片添加完成 选择所有图片，格式菜单－〉列表－〉项目列表，制作一个图片列表 然后再插入一个div，id命名为“LunBoNum”，在div内写入代码如下

1234567891011121314151617181920<html><style type="text/css">img{width: 200px;height: 200px;}</style><script language="JavaScript" type="text/javascript">function fn(n){var nextn;if(n==3){nextn=1;}else{nextn=n+1;}document.getElementById("img"+n).style.display="none";document.getElementById("img"+nextn).style.display="block";}</script><img id="img1" src="0.jpg" onclick="fn(1)" style="display:block;"/><img id="img2" src="1.jpg" onclick="fn(2)" style="display:none;"/><img id="img3" src="2.jpg" onclick="fn(3)" style="display:none;"/></html>以上代码中src路径改为自己真实的图片路径即可~简单的切换效果：多张图片，鼠标点击一下就会更换另一张图片，循环更换