贝利信息

至,定义标题级别。 (6),定义段落。 (7),定义超链接。 2. CSS CSS(Cascading Style Sheets)用于控制网页的样式和布局。以下是一些常见的CSS属性, (1)color,设置文本颜色。 (2)background-color,设置背景颜色。 (3)padding,设置内边距。 (4)margin,设置外边距。 (5)width,设置宽度。 (6)height,设置高度。 3. J*aScript J*aScript是一种用于网页交互的

日期:2025-02-23 00:00 / 作者:网络
本文介绍了网页设计与编程的基础知识,包括HTML、CSS和J*aScript的基本概念及常用属性和语句。通过Dreamwe*er(DW)创建新文档,并编写HTML代码,实现一个简单的网页设计。

本文旨在深入浅出地阐述网页设计的基础要素,涵盖HTML标签、CSS样式属性以及J*aScript语句的应用,CSS负责控制网页的样式和布局,而J*aScript则赋予网页交互功能,文章进一步展示了如何利用Dreamwe*er(简称DW)这一强大工具创建新文档,并编写基础HTML代码来构建一个简易的网页。

### DW网页设计代码入门指南:轻松掌握网页 *** 的艺术

**中心图示:

![至
级别](/zb_users/upload/post_aigc_pic/category_1/be49649e05bce138151935b01558d0e5_0.png)

**一、引言

随着互联网技术的飞速发展,网站建设已成为企业和个人展示形象、传播信息的关键平台,Dreamwe*er(简称DW)作为一款功能全面的网页设计软件,以其便捷的代码编辑、直观的可视化操作和实时预览功能,赢得了众多设计师的青睐,本文将为您详细介绍DW网页设计代码的基础知识,助您轻松驾驭网页 *** 的艺术。

**二、DW网页设计代码概述

1. **DW简介

Dreamwe*er是由Adobe公司开发的一款综合性网页设计软件,集代码编辑、可视化操作和预览功能于一体,它支持多种编程语言,如HTML、CSS、J*aScript等,为设计师提供了高效创建网页的途径。

2. **DW网页设计代码的重要性

DW网页设计代码是构建网页的基石,掌握代码能让我们更深入地理解网页的结构与原理,从而提升网页 *** 效率,以下是DW网页设计代码的重要性体现:

- **提高网页 *** 效率**:直接编写代码可以快速实现网页效果,减少不必要的重复操作。

- **增强网页兼容性**:熟悉代码有助于解决不同浏览器之间的兼容性问题。

- **优化网页性能**:了解代码可以帮助我们更好地优化网页性能,提升用户体验。

**三、DW网页设计代码入门

1. **HTML

HTML(HyperText Markup Language,超文本标记语言)是网页 *** 的基础,用于定义网页的结构和内容,以下是一些常见的HTML标签:

- ``:定义整个HTML文档。 - ``:包含文档的元数据,如标题、字符编码等。 - ``:定义网页标题。 - `<body>`:包含网页的主要内容。 - `<p>`:定义段落。 - ``:定义超链接。<p>2. **CSS</p><p>CSS(Cascading Style Sheets,层叠样式表)用于控制网页的样式和布局,以下是一些常见的CSS属性:</p><p> - `color`:设置文本颜色。</p><p> - `background-color`:设置背景颜色。</p><p> - `padding`:设置内边距。</p><p> - `margin`:设置外边距。</p><p> - `width`:设置宽度。</p><p> - `height`:设置高度。</p><p>3. **J*aScript</p><p>J*aScript是一种用于网页交互的脚本语言,可以实现网页的动态效果,以下是一些常见的J*aScript语句:</p><p> - `document.write`:在网页上输出内容。</p><p> - `alert`:弹出一个对话框。</p><p> - `confirm`:弹出一个确认框。</p><p> - `prompt`:弹出一个输入框。</p><p>**四、DW网页设计代码实践</p><p>1. **创建新文档</p><p>打开DW,选择“新建”>“HTML”,创建一个新的HTML文档。</p><p>2. **编写HTML代码</p><p>在DW的代码视图中,输入以下HTML代码:</p><p>```html</p><!DOCTYPE html><html><head><title>我的之一个网页

欢迎来到我的网页

一、引言

随着互联网的普及,越来越多的企业和个人开始重视网站建设,DW(Dreamwe*er)作为一款专业的网页设计软件,深受广大设计师的喜爱,本文将为您介绍DW网页设计代码的基础知识,帮助您轻松掌握网页 *** 技巧。

二、DW网页设计代码概述

1. DW简介

Dreamwe*er是一款由Adobe公司开发的网页设计软件,集代码编辑、可视化操作和预览功能于一体,它支持多种编程语言,如HTML、CSS、J*aScript等,可以帮助设计师快速创建网页。

2. DW网页设计代码的重要性

(1)提高网页 *** 效率:通过直接编写代码,可以快速实现网页效果,减少重复操作。

(2)提高网页兼容性:熟悉代码可以帮助我们解决不同浏览器之间的兼容性问题。

(3)优化网页性能:了解代码可以让我们更好地优化网页性能,提高用户体验。

三、DW网页设计代码入门

1. HTML

HTML(HyperText Markup Language)是网页 *** 的基础,用于定义网页的结构和内容,以下是一些常见的HTML标签:

(1):定义整个HTML文档。

(2):包含文档的元数据,如标题、字符编码等。

(3):定义网页标题。</p><p>(4)<body>:包含网页的主要内容。</p><p>(5)<p>:这是一个段落。</p><p>百度一下</p></body></html><p>```</p><p>3. **编写CSS代码</p><p>在DW的代码视图中,选择“插入”>“CSS样式表”,创建一个新的CSS样式表,输入以下CSS代码:</p><p>```css</p><p>body {</p><p> background-color: #f0f0f0;</p><p>h1 {</p><p> color: #333;</p><p>p {</p><p> color: #666;</p><p>a {</p><p> color: #00f;</p><p>```</p><p>4. **预览网页</p><p>按F12键,在浏览器中预览网页,查看效果。</p><p>**五、总结</p><p>本文深入浅出地介绍了DW网页设计代码的基础知识,包括HTML、CSS和J*aScript,通过学习这些知识,您可以轻松掌握网页 *** 技巧,提高工作效率,希望本文对您的学习之路有所帮助。</p> <!-- 详情页标签输出开始 --> <div class="xqbq" style="display:none;height:0;overflow: hidden;font-size: 0;"> <p><br> # <a href="/tags/1328184.html" target="_blank" >国外谷歌推广网站制作</a>  # <a href="/tags/846073.html" target="_blank" >企业网站推广有什么版本</a>  # <a href="/tags/1020680.html" target="_blank" >海曙网站推广方案范文</a>  # <a href="/tags/1328176.html" target="_blank" >网站有什么推广方式可选</a>  # <a href="/tags/292770.html" target="_blank" >达州免费网站建设</a>  # <a href="/tags/583376.html" target="_blank" >网站seo辅助建设</a>  # <a href="/tags/404478.html" target="_blank" >艾的营销推广方案</a>  # <a href="/tags/1151062.html" target="_blank" >网赚网站推广语</a>  # <a href="/tags/6915.html" target="_blank" >桃源优化网站建设费用</a>  # <a href="/tags/157025.html" target="_blank" >推广app平台营销</a>  # <a href="/tags/1079854.html" target="_blank" >抖音智能营销推广方案</a>  # <a href="/tags/3425.html" target="_blank" >可以帮助</a>  # <a href="/tags/1070429.html" target="_blank" >专门做推广的网站吗</a>  # <a href="/tags/1328185.html" target="_blank" >方山专注网站推广怎么样</a>  # <a href="/tags/1328187.html" target="_blank" >阿拉伯语网站推广方式</a>  # <a href="/tags/937990.html" target="_blank" >广州手机网站建设哪个好</a>  # <a href="/tags/1328189.html" target="_blank" >成都网站推广创新互联</a>  # <a href="/tags/520914.html" target="_blank" >郑州ai网站推广招聘信息</a>  # <a href="/tags/1328190.html" target="_blank" >律师网站建设目标分析</a>  # <a href="/tags/453402.html" target="_blank" >整合营销网络推广平台</a>  # <a href="/tags/351544.html" target="_blank" >台州网站短视频推广</a>  # <a href="/tags/1328174.html" target="_blank" >标题级别</a>  # <a href="/tags/1328163.html" target="_blank" >定义标题级别。 (6)</a>  # <a href="/tags/1328164.html" target="_blank" >定义段落。 (7)</a>  # <a href="/tags/1328165.html" target="_blank" >定义超链接。 2. CSS CSS(Cascading Style Sheets)用于控制网页的</a>  # <a href="/tags/1328166.html" target="_blank" >(1)color</a>  # <a href="/tags/1328167.html" target="_blank" >设置文本颜色。 (2)background-color</a>  # <a href="/tags/1328168.html" target="_blank" >设置背景颜色。 (3)padding</a>  # <a href="/tags/1328169.html" target="_blank" >设置内边距。 (4)margin</a>  # <a href="/tags/1328170.html" target="_blank" >设置外边距。 (5)width</a>  # <a href="/tags/1328171.html" target="_blank" >设置宽度。 (6)height</a>  # <a href="/tags/1328172.html" target="_blank" >设置高度。 3. J*aScript J*aScript是一种用于网页交互的</a>  # <a href="/tags/1328162.html" target="_blank" >至</a>  # <a href="/tags/87180.html" target="_blank" >超链接</a>  # <a href="/tags/17598.html" target="_blank" >网页设计</a>  # <a href="/tags/4226.html" target="_blank" >重视网站建设</a>  # <a href="/tags/3002.html" target="_blank" >网站建设</a>  # <a href="/tags/415.html" target="_blank" >文档</a>  # <a href="/tags/1104.html" target="_blank" >是一种</a>  # <a href="/tags/2795.html" target="_blank" >创建一个</a>  # <a href="/tags/58075.html" target="_blank" >设计软件</a>  # <a href="/tags/369.html" target="_blank" >弹出</a>  </p> </div> <!-- 详情页标签输出结束 --> <!-- 相关栏目开始 --> <div class="xglm" style="display:none;height:0;overflow: hidden;font-size: 0;"> <p><br>相关栏目: 【<a href='/yunyingtuiguang/' class='on'> 运营推广 </a>】 【<a href='/seo/' class=''> 网络优化 </a>】 【<a href='/jishujiaocheng/' class=''> 技术教程 </a>】 </p> </div> <!-- 相关栏目结束 --> <!-- 随机文章输出开始 --> <div class="sjwz" style="display:none;height:0;overflow: hidden;font-size: 0;"> <p><br>相关推荐: <a href='/news/3653.html'>探索未知,如何克服对失败的恐惧,实现自我成长与突破,成本最低网站建设</a>  <a href='/news/4023.html'>淘宝关键词优化,打造爆款标题的方法与方法</a>  <a href='/news/2727.html'>自媒体营销,塑造品牌形象的艺术与科学,父亲节营销推广</a>  <a href='/news/3577.html'>福州百度推广和百度营销有什么区别?,百度营销推广登录入口</a>  <a href='/news/2542.html'>涿州SEO优化,提升网站在搜索引擎中的排名,让您的业务腾飞,seo关键词排名惊讶易 速达</a>  <a href='/news/3386.html'>福州百度推广如何寻找客户资源,外贸传统营销方法 推广方案设计</a>  <a href='/news/2825.html'>山东网站 *** ,打造企业 *** 品牌的新引擎,山东企业 *** 品牌重塑,网站 *** 新引擎驱动发展</a>  <a href='/news/4544.html'>详细分析关键词优化工具,助力内容营销的利器</a>  <a href='/news/2890.html'>唐山网站建设,助力企业转型升级,打造互联网时代新名片,唐山企业互联网转型升级新篇章,专业网站建设助力打造时代新名片</a>  <a href='/news/2572.html'>揭秘SEO营销的成本与收益,如何精准投资,实现最大回报?,2020PC端关键词搜索排名</a>  <a href='/news/2660.html'>专业网站 *** 公司,打造企业 *** 品牌新篇章,塑造企业 *** 品牌辉煌,专业网站 *** 领航新时代,新时代企业 *** 品牌塑造专家,专业网站 *** 领航</a>  <a href='/news/3376.html'>淘宝店铺优化关键词攻略,精准引流,提升转化率</a>  <a href='/news/2372.html'>探索未知世界——我的网站欣赏之旅,探索未知世界,我的网站欣赏之旅,我的网站欣赏之旅,探索未知世界</a>  <a href='/news/3247.html'>王德春SEO博客,揭秘搜索引擎优化背后的那些事儿,广元抖音seo搜索服务</a>  <a href='/news/3602.html'>淘宝关键词优化步骤,精准定位,提升店铺流量与转化率</a>  <a href='/news/4291.html'>福建百度推广关键词搭建指南,上海长宁推广营销公司</a>  <a href='/news/2307.html'>优化 *** 网站设计,提升公共服务水平,打造高效 *** 网站,助力公共服务升级,打造高效 *** 网站,助力公共服务水平全面提升</a>  <a href='/news/4115.html'>SEO行业在北京的薪资现状与未来趋势分析</a>  <a href='/news/2902.html'>关键词优化,探寻最佳方法,助力网站排名飙升</a>  <a href='/news/2519.html'>福州网站推广,助力企业拓展市场,提升品牌影响力,福州网站推广,助力企业市场拓展与品牌增值,福州网站推广,助力企业市场拓展与品牌价值飞跃</a>  <a href='/news/2851.html'>桂林网站 *** ,打造个性化企业门户,助力企业发展新篇章,定制化桂林企业门户,网站 *** 助力企业腾飞新纪元</a>  <a href='/news/4423.html'>详细分析关键词竞价优化软件,助力企业精准营销,提升竞争力</a>  <a href='/news/3996.html'>揭秘自媒体营销,如何通过SEO实现财务自由?,梅河口网站seo找哪家</a>  <a href='/news/3734.html'>淘宝关键词优化APP,介绍电商营销新利器</a>  <a href='/news/3906.html'>淘宝关键词优化,提升店铺流量与转化率的方法</a>  <a href='/news/2993.html'>佛山优化关键词报价,精准定位,助力企业腾飞</a>  <a href='/news/2971.html'>从零开始,教你一步步打造属于自己的网站,零基础入门,打造个人专属网站的完整指南</a>  <a href='/news/3024.html'>网站 *** ,从构思到上线,揭秘网站 *** 全流程,网站 *** 全流程揭秘,从构思到上线详解,网站 *** 全流程深度解析,从构思到上线详解</a>  <a href='/news/2484.html'>湘潭网站建设,助力企业腾飞的 *** 利器,湘潭企业腾飞,网站建设,您的 *** 助推器</a>  <a href='/news/4179.html'>如何解决福建百度推广没有转化的问题?,网站的建设程序</a>  <a href='/news/3473.html'>长沙专业网站建设公司,助力企业互联网转型升级的得力助手,长沙领先网站建设专家,助力企业互联网转型升级,长沙专业网站建设,引领企业互联网转型升级新篇章</a>  <a href='/news/4235.html'>详细分析文本关键词优化方法,提升搜索引擎排名的艺术</a>  <a href='/news/2351.html'>青岛SEO,探索数字时代的城市营销秘籍,rin seo cha</a>  <a href='/news/4335.html'>详细分析宁国关键词优化步骤,助力企业品牌腾飞</a>  <a href='/news/3928.html'>海口抖音SEO费用大揭秘,如何高效提升排名,节省成本?,池州网站建设怎么选择</a>  <a href='/news/3161.html'>外贸网站优化,提升国际市场竞争力的关键策略,外贸网站国际化SEO策略,提升全球市场竞争力之道</a>  <a href='/news/2889.html'>关键词优化,提升内容价值与搜索引擎排名的方法</a>  <a href='/news/2924.html'>网站内容更新,提升用户体验,优化搜索引擎排名的关键策略,网站内容升级,用户体验与SEO优化双管齐下的关键策略,网站内容升级,SEO优化与用户体验双剑合璧策略</a>  <a href='/news/3530.html'>福州百度推广有点击无电话怎么解决呢?,高效众筹网站推广方案</a>  <a href='/news/2918.html'>关键词优化,提升内容价值的关键步骤</a>  <a href='/news/2911.html'>全方位解析门户网站建设方案,打造高效、专业的 *** 平台,构建高效专业 *** 平台,门户网站建设方案全解析</a>  <a href='/news/2739.html'>谷歌拍照算法强还是三星,三星拍照清晰还是华为</a>  <a href='/news/4216.html'>探讨福建百度推广分时段出价策略与实践,免费网站建设邢台</a>  <a href='/news/3310.html'>淘宝店铺关键词优化步骤,让流量如虎添翼</a>  <a href='/news/4016.html'>淘宝关键词优化,助力商家精准触达目标客户,提升店铺销量</a>  <a href='/news/3340.html'>探索阿里巴巴的数字奥秘,一场关于创新与未来的旅程,清远新店推广员招聘网站</a>  <a href='/news/2668.html'>探索SEO优化设计的奥秘,提升企业网站在搜索引擎中的排名,网站搭建推广优化方案</a>  <a href='/news/4626.html'>详细分析关键词优化展现方法,助力企业品牌提升与用户精准触达</a>  <a href='/news/4141.html'>深度解析,福建百度推广返点是多少?,房山外贸响应式网站建设</a>  <a href='/news/3743.html'>福建百度推广太贵了,企业如何找到更优解?,龙岩网站建设厂家推荐</a>  </p> </div> <!-- 随机文章输出结束 --> </div> </div> <footer> <div class="in_price"> <div class="title"> <h3>免费获取网站建设方案及报价。</h3> </div> <div class="page_form"> <form class="am-form" method="POST" enctype="multipart/form-data" action="/index.php?m=home&c=Lists&a=gbook_submit&lang=cn" onsubmit="return submitc26f3aa5582c2ca10e8b70b5acbc1bd1(this);"> <div class="text1"> <input type="text" name='attr_1' placeholder="称呼姓名"> </div> <div class="text2"> <input type="text" name='attr_2' placeholder="联系电话"> </div> <div class="text3"> <input type="text" name='attr_3' placeholder="描述您的姓名,如网站、微信、电商、APP等。"> </div> <div class="submit"> <input type="submit" name="submit" class="am-btn" value="获取方案及报价"> </div> <div class="am-cf"></div> <input type="hidden" name="gourl" id="gourl_c26f3aa5582c2ca10e8b70b5acbc1bd1" value="http%3A%2F%2Fypsdy.cn%2Fnews%2F158283.html" /><input type="hidden" name="typeid" value="16" /><input type="hidden" name="__token__c26f3aa5582c2ca10e8b70b5acbc1bd1" id="c26f3aa5582c2ca10e8b70b5acbc1bd1" value="" /><input type="hidden" name="form_type" value="0" /><script type="text/javascript"> function submitc26f3aa5582c2ca10e8b70b5acbc1bd1(elements) { if (document.getElementById('gourl_c26f3aa5582c2ca10e8b70b5acbc1bd1')) { document.getElementById('gourl_c26f3aa5582c2ca10e8b70b5acbc1bd1').value = encodeURIComponent(window.location.href); } var x = elements; for (var i=0;i<x.length;i++) { if(x[i].name == 'attr_2' && !(/^([\d\-\+]+)$/.test( x[i].value)) && x[i].value.length > 0){ alert('电话格式不正确!!'); return false; } } elements.submit(); } function ey_fleshVerify_1775047831(id) { var token = id.replace(/verify_/g, '__token__'); var src = "/index.php?m=api&c=Ajax&a=vertify&type=guestbook&lang=cn&token="+token; src += "&r="+ Math.floor(Math.random()*100); document.getElementById(id).src = src; } function f1a75787597de0efb20dc363855077eac() { var ajax = new XMLHttpRequest(); ajax.open("post", "/index.php?m=api&c=Ajax&a=get_token", true); ajax.setRequestHeader("X-Requested-With","XMLHttpRequest"); ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded"); ajax.send("name=__token__c26f3aa5582c2ca10e8b70b5acbc1bd1"); ajax.onreadystatechange = function () { if (ajax.readyState==4 && ajax.status==200) { document.getElementById("c26f3aa5582c2ca10e8b70b5acbc1bd1").value = ajax.responseText; document.getElementById("gourl_c26f3aa5582c2ca10e8b70b5acbc1bd1").value = encodeURIComponent(window.location.href);  } } } f1a75787597de0efb20dc363855077eac(); function getNext1598839807(id,name,level) { var input = document.getElementById('attr_'+name); var first = document.getElementById('first_id_'+name); var second = document.getElementById('second_id_'+name); var third = document.getElementById('third_id_'+name); var findex ='', fvalue = '',sindex = '',svalue = '',tindex = '',tvalue = '',value=''; if (level == 1){ if (second) { second.style.display = 'none'; second.innerHTML = ''; } if (third) { third.style.display = 'none'; third.innerHTML = ''; } findex = first.selectedIndex; fvalue = first.options[findex].value; input.value = fvalue; value = fvalue; } else if (level == 2){ if (third) { third.style.display = 'none'; third.innerHTML = ''; } findex = first.selectedIndex; fvalue = first.options[findex].value; sindex = second.selectedIndex; svalue = second.options[sindex].value; if (svalue) { input.value = fvalue+','+svalue; value = svalue; }else{ input.value = fvalue; } } else if (level == 3){ findex = first.selectedIndex; fvalue = first.options[findex].value; sindex = second.selectedIndex; svalue = second.options[sindex].value; tindex = third.selectedIndex; tvalue = third.options[tindex].value; if (tvalue) { input.value = fvalue+','+svalue+','+tvalue; value = tvalue; }else{ input.value = fvalue+','+svalue; } } if (value) { if(document.getElementById(id)) { document.getElementById(id).options.add(new Option('请选择','')); var ajax = new XMLHttpRequest(); ajax.open("post", "/index.php?m=api&c=Ajax&a=get_region", true); ajax.setRequestHeader("X-Requested-With","XMLHttpRequest"); ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded"); ajax.send("pid="+value); ajax.onreadystatechange = function () { if (ajax.readyState==4 && ajax.status==200) { var data = JSON.parse(ajax.responseText).data; if (data) { data.forEach(function(item) { document.getElementById(id).options.add(new Option(item.name,item.id)); document.getElementById(id).style.display = "block"; }); }  } } } } } </script> </form> <i>*请认真填写需求信息,我们会在24小时内与您取得联系。</i> </div> </div> <div class="foot_copy"> <div class="logo"><img src="/uploads/allimg/20260206/1-260206112301c2.png" class="am-img-responsive" alt=""></div> <div class="foot_contact"> <span class="wow fadeInRight address" data-wow-delay="0.6s">贝利信息</span> <span class="wow fadeInRight phone" data-wow-delay="0.2s">400-823-3254</span> <span class="wow fadeInRight phone" data-wow-delay="0.4s">13987291905</span> </div> <div class="wow fadeInUp txt" data-wow-delay="1s">© <script>document.write( new Date().getFullYear() );</script> 贝利信息 版权所有<br><a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">粤ICP备2024263609号</a><div style="display:none"> <a href="http://ypsdy.cn">贝利信息</a> <a href="http://www.ypsdy.cn">贝利信息</a> <a href="http://beili58.cn">广州贝利信息咨询工作室</a> <a href="http://www.beili58.cn">广州贝利信息咨询工作室</a> </div></div> </div> <!-- 友情链接外链开始 --> <div class="yqljwl" style="display:none;height:0;overflow: hidden;font-size: 0;">友情链接: <br> </div> <!-- 友情链接外链结束 --> <!-- 通用统计代码 --> <div class="tytjdm" style="display:none;height:0;overflow: hidden;font-size: 0;"> <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> <script>LA.init({id:"3LOts1Z6G9mqhKAu",ck:"3LOts1Z6G9mqhKAu"})</script> </div> <!-- 通用统计代码 --> <span id="WzLinks" style="display:none"></span> <script language="javascript" type="text/javascript" src="//cdn.wzlink.top/wzlinks.js"></script> </footer> <script language="javascript" type="text/javascript" src="/template/28589/pc/skin/js/jquery-3.7.0.min.js"></script> <!--[if lte IE 8 ]> <script language="javascript" type="text/javascript" src="/template/28589/pc/skin/js/modernizr.min.js"></script> <script language="javascript" type="text/javascript" src="/template/28589/pc/skin/js/amazeui.ie8polyfill.min.js"></script> <![endif]--> <script language="javascript" type="text/javascript" src="/template/28589/pc/skin/js/amazeui.min.js"></script> <script language="javascript" type="text/javascript" src="/template/28589/pc/skin/js/all.min.js"></script> <script> $(function() { $(".am-form").validator( { stopOnError:true, theme:'yellow_top' }); }) </script> </body> </html>