动态网页如何制作

代码添加的，直接添加到导航下面 <div class="J_TWidget" data-widget-config="{'duration':0.1,'activeTriggerCls':'.tshop-psm-shop-ww-hover','interval':0.1,'effect':'scrollx','activeIndex':1,'navCls':'user-crzysj','contentCls':'user-crzysjii','autoplay':true}" data-widget-type="Carousel" style="position:relative;"> <ul class="user-crzysjii" style="display:none;width:999999px;left:0px;"> <li class="-_-switchable-panel-internal535 ks-switchable-panel-internal998" style="width:475px;height:800px;display:block;float:left;">  </li> </ul> <ul class="user-crzysj"> <li class="-_-switchable-trigger-internal534 ks-switchable-trigger-internal997 " style="width:475px;height:800px;right:50%;margin-right:505px;"> <embed allownetworking="all" allowscriptaccess="never" flashvars="scene=taobao_shop" height="1000" name="flashfirebug_1387778983714" src="http://img1.tbcdn.cn/tfscom/T1lmk2Fk8bXXXtxVjX.swf" type="application/x-shockwave-flash" width="475" wmode="transparent"></embed></li> </ul> </div> <div class="J_TWidget" data-widget-config="{'duration':0.1,'activeTriggerCls':'.tshop-psm-shop-ww-hover','interval':0.1,'effect':'scrollx','activeIndex':1,'navCls':'user-crzysj','contentCls':'user-crzysjii','autoplay':true}" data-widget-type="Carousel" style="position:relative;z-index:99;"> <ul class="user-crzysjii" style="display:none;width:999999px;left:0px;"> <li class="-_-switchable-panel-internal635 ks-switchable-panel-internal1108" style="width:475px;height:800px;display:block;float:left;">  </li> </ul> <ul class="user-crzysj"> <li class="-_-switchable-trigger-internal634 ks-switchable-trigger-internal1107 " style="width:475px;height:800px;left:50%;margin-left:505px;"> <embed allownetworking="all" allowscriptaccess="never" flashvars="scene=taobao_shop" height="1000" name="flashfirebug_1387778983652" src="http://img1.tbcdn.cn/tfscom/T1lmk2Fk8bXXXtxVjX.swf" type="application/x-shockwave-flash" width="475" wmode="transparent"></embed></li> </ul> </div>

怎样制作个人网页 如果你已经上网，为何不尝试一下在网上做一个完全属于自己的主页？有了自己的主页，全世界的人都可以随时找到你，你也可以向全世界宣传下自己，是非常有意义和有意思的。现在简单介绍一下制作主页的过程和方法： 一、准备材料 你首先做一个小计划,准备在主页上告诉人家什么？比如介绍三个方面：自我介绍,我的爱好,我的工作,那你就先起一个总目录（文件夹,比如d:\html）,来放你的所有文件，然后再在这个目录建立三个子目录：myself,interest，job。文件名你可以任意，但最好全部小写，因为有的主机要认大小写。然后将你的材料copy进相应的子目录。比如你要在你的主页里展示你的靓照，那就将你的照片扫描成JPG格式的文件，放在myself的目录下. 要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但你可以用图象软件进行转换，比如Office 97的照片编辑器。把你准备在你主页上出现的图象放进相应的目录里后,你就可以开始制作了。 二、开始制作 你无须去记复杂的HTML语言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选Edit Page,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页，你先写上“大家好，我是superboy，下面是我的照片：”这时要放图片了，只须点击Insert菜单，选取Image,在Choosefile里选取你的图象文件即可，然后把这个文件保存为myself.html文件，放在myself的目录下。好，现在必须做封面了，你在封面写：“欢迎来到superboy的主页”以下是“自我介绍，我的爱好，我的工作”。你的自我介绍要链接到下一页去，你只须用鼠标选“自我介绍”后按鼠标右键 ，再选create link，然后再选你myself目录下的myself.html，就将“自我介绍”链接到下一页了，以后在浏览器中一按，就可以跳到镶有你靓照的页面啦。 在你的封面做好了所有链接和图片后，记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的主页名称是index.制作主页其实很简单，只要多实际制作，工多艺熟。还可以拿来主义，在网上看到什么好的主页，用另存为功能保存为.html格式的文件，细细研究人家是如何做的。还可以借用网页模版来搞，我的就是~~~~~~ 三、将你制作好的安放在网上 要在网上安你自己的家，你必须先申请一个主页空间，即向某一个主机申请一快硬盘空间。现在有较多的主机提供免费主页空间，具体见实用链接栏目。这些主机不仅提供免费个人主页空间，并且还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可，具体方法，参考相关题目。申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了！ 需要注意的是，一定要保持网页的相对位置，否则会看不到网页的，有很多朋友都问我:为什么我的网页传上去了可是看不到,老是出现网页错误呢？其实他们都是因为位置的问题，只要把位置改动一下就可以的了

纯静态的网站是没有后台的，一般也不需要后台。动态网站需要后台，以方便管理维护。常见的是动态转静态。为了有利于搜索引擎收录，促进网站排名，增加网站访问速度，一般需要使动态网页进行静态生成，或通过伪静态规则实现伪静态。不同的网站程序的实现方式是不同的，如果是cms系统，一般都带有静态生成插件。建议使用各种cms系统来制作网站并进行静态生成。

　　一、使用像Dreamweaver、Fontpage一样的所见即所得的网页编辑软件。Fontpage较容易些，会操作Word就会使用它。专业人士一般用Dreamweaver来做网页，用flash、firework等来美化网页，可以下载网页三剑客Dreamweaver、flash、firework去做。　　二、使用记事本修改网页Html代码，不推荐使用Fontpage等网页编辑软件修改的原因是：很多网页格式如果用网页编辑软件打开就会变形，所以直接使用记事本修改网页Html代码是最简洁有效的方法。可以去下载强化的HTML工具更好，例如： UltraEdit。　　首先需要了解一下网站的页面组成，网站一般包括以下几部分：　　首页：网站的门面，如同公司的形象，特别注重设计和规划。　　次页：网站的主要导航结构页面，讲究风格的一致性，并于首页呼应。　　普通页：网站主要的承载信息的页面，设计要求不高，但要求链接准确、文字无误、图文并茂，并沿袭网页的风格。　　弹出页：一般用于广告、新闻、消息、到其他网站的链接等等，一般用的很少。　　各页面的设计技巧：　　一、首页设计技巧　　网站首页是企业网上的虚拟门面。一般来说，网站首页的形式不外乎有两种，一种是纯粹的形象展示型，这种类型文字信息较少，图像信息较多，通过艺术造型和设计布局，利用一系列与公司形象和产品、服务有关的图像、文字信息，组成一幅生动的画面，向浏览者展示一种形象、一个氛围，从而吸引浏览者进入浏览。这需要设计者具有良好的设计基础和审美能力，能够努力挖掘企业深层的内涵，展示企业文化。这种类型的首页在设计过程中一定要明确要以设计为主导，通过色彩、布局给访问者留下深刻的印象。另一种是信息罗列型，一般的大、中型企业网站和门户网站常用的方式，即在首页中就罗列出网站的主要内容分类、重点信息、网站导航、公司信息等等，这种风格比较适合网站信息量大，内容丰富的网站，因为是以展示信息为主，这是的设计就要在细微之处体现企业形象，建议设计人员最好仔细阅读企业的CI手册，熟悉企业标志、吉祥物、字体及用色标准，在网站的局部体现出来，往往平淡之中一个优美的符合企业特点的曲线就能够给人以深刻的印象，从而将企业形象印在浏览者的脑海里。设计人员在设计过程中要注意使用这些语言符号来表达一种独特的企业信息。　　网页设计时注意事项： 1.不要花哨。 2.要有风格，要突出行业的特点。比如娱乐业热烈活泼些，政府网站则要庄重些；收藏书画业要古朴典雅，策划时装业则要前卫些。 3.一张网页一般两屏到三屏就可以，不要太长，会影响网页打开的速度。如果内容实在太多，应该分作几个页面，或者分为几个二级栏目。

首先，准备一些需要更换的动态图标文件，推荐使用gif文件也可使用其他动态图片格式。动态图标可以去网上下载也可以自己动手制作。如果自己制作的话可以在图标的下面加上相应的文字（例如：腾讯QQ），也更接近系统默认的桌面图标显示方式。然后寻找一款使用熟练的网页编辑工具（例如：FrongtPage、Dreamweaver）。 第一步：在网页编辑工具中，建立一个空白页面，设置网页背景为你喜爱的桌面图片。可以参照桌面原有图标布局在相应的位置插入制作好的图标文件，当然也可以按照个人喜好将图标放置在喜欢的位置。熟悉网页制作的朋友可以用表格之类的来定位，不会也不要紧，用空格来调整位置也是可行的。第二步：为这些图标添加超链接。例如：将表示QQ的图标链接到QQ的安装目录下的QQ.exe文件。对于系统默认的图标（例如：我的电脑/资源管理器）在建立超级链接时，需要在地址栏里输入Explorer.exe的绝对路径。保存文件、更换桌面背景和勾选桌面锁定第三步：将所有的图标都链接完毕后，把文件保存为HTML网页文件，将所使用的图片放置在同一文件夹中。第四步：在桌面上，鼠标右键点击桌面选择“属性”。在桌面选项卡中选择“浏览”，选择刚才制作好的HTML网页文件。 第五步：再在桌面选项卡中选择“自定义桌面”。在桌面项目的WEB选项卡中，钩选“锁定桌面项目”并确定。取消显示桌面图标这样，制作好的html文件就变成了电脑的桌面，但是制作的图标和桌面原有的图标重叠在一起看起来一团糟。所以我们需要把原来的图标屏蔽掉。 第六步：在桌面上，鼠标右键点击桌面选择“排列图标”，取消掉“显示桌面图标”前面的勾。这样漂亮的动态桌面图标就完成了，是不是很简单！

dw中可以用组图轮播的方式实现动态展示图片。参考：在DW中插入一个图片，然后回车重复步骤1直到所有图片添加完成选择所有图片，格式菜单－〉列表－〉项目列表，制作一个图片列表然后再插入一个div，id命名为“LunBoNum”，在div内写入代码如下：<span class="CurrentNum">1</span><span>2</span><span>3</span><span>4</span><span>5</span>插入一个新id为“LunBo”的div，并包含如上全部内容，代码如下：<div class="LunBo"><ul><li class="CurrentPic"><img src="images/1.png" width="490" height="170"></li><li><img src="images/2.jpg" width="490" height="170"></li><li><img src="images/3.jpg" width="490" height="170"></li><li><img src="images/4.jpg" width="490" height="170"></li><li><img src="images/5.png" width="490" height="170"></li></ul><div class="LunBoNum"><span class="CurrentNum">1</span><span>2</span><span>3</span><span>4</span><span>5</span></div></div>在网页的<head></head>代码间加入jQuery框架链接<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>编写JS代码如下<script type="text/javascript" language="javascript">var PicTotal = 5;// 当前图片总数var CurrentIndex;// 当前鼠标点击图片索引var ToDisplayPicNumber = 0;// 自动播放时的图片索引$("div.LunBo div.LunBoNum span").click(DisplayPic);function DisplayPic() {// 测试是父亲的第几个儿子CurrentIndex = $(this).index();// 删除所有同级兄弟的类属性$(this).parent().children().removeClass("CurrentNum")// 为当前元素添加类$(this).addClass("CurrentNum");// 隐藏全部图片var Pic = $(this).parent().parent().children("ul");$(Pic).children().hide();// 显示指定图片$(Pic).children("li").eq(CurrentIndex).show();}function PicNumClick() {$("div.LunBo div.LunBoNum span").eq(ToDisplayPicNumber).trigger("click");ToDisplayPicNumber = (ToDisplayPicNumber + 1) % PicTotal;setTimeout("PicNumClick()",1000);}setTimeout("PicNumClick()",1000);</script>链接CSS文件，文件内容如下* {margin: 0px;padding: 0px;font-size: 14px;}div.LunBo {position: relative;list-style-type: none;height: 170px;width: 490px;}div.LunBo ul li {position: absolute;height: 170px;width: 490px;left: 0px;top: 0px;display: none;}div.LunBo ul li.CurrentPic {display: block;}div.LunBo div.LunBoNum {position: absolute;left: 374px;bottom: 11px;width: 83px;text-align: right;background-color: #999;padding-left: 10px;}div.LunBo div.LunBoNum span {height: 20px;width: 15px;display: block;line-height: 20px;text-align: center;margin-top: 5px;margin-bottom: 5px;float: left;cursor: pointer;}div.LunBo div.LunBoNum span.CurrentNum {background-color: #3F6;

“静态页+数据库=动态页”是错的。静态页面应该是指单纯的html标记，静态页面是可以直接浏览的，不需要服务器。但是动态页面就不一样了，必须要服务器。例如asp.net做的aspx的页面吧。运行原理就是：用户访问请求，服务器运行之后将结果传送给客户，传送的就是单纯的标记，所以必须要服务器。静态页面就不一样了，你可以点开直接浏览，不需要服务器。有时候既是没有数据库的asp.net应用程序也叫动态页面，因为它都是在服务器上运行后将结果送给客户。专业制作asp.net网站使用的工具是：visual studio 2010， Expression4，sql server 2008这些在网上都有下的，msdn上有下的，也可以去买盗版碟（5元一张，但是建议有钱人买正版）。 所以动态页面不是看有没有数据库来判断的。简单的动态页面很好做，打开vs之后创建一个asp.net的项目，拖个按钮进去，这就叫动态页面了！

1、个人认为不是网页显示的问题。2、制作动态GIF图片后,保存时格式选的不对.你先在系统中点击图片看看效果。3、你的ie浏览器设置有问题。4、打开ie--工具--internet。5、选项--高级--勾选播放网页中的动画。

鼠标悬停用a:hover伪类啊,然后a用一个背景图,hover用一个背景图啊. 背景图可以大小变化，而且附近的图标也可以做不同大小的渐进变化，这又是怎么实现的？ 这个用js吧 源代码里看不出来啊 我没看