1． 要建立个人网站，首先必须要了解一下目前网页制作的基本语言HTML，入门即可，大概花个一二小时就可。
目前成都创新互联已为千余家的企业提供了网站建设、域名、雅安服务器托管、网站托管维护、企业网站设计、昌吉网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
2． 学会使用目前流行的网页制作软件，如Frontpage、Dreamweaver等一些功能强大，所见所得的软件，初步了解就可，不用全部掌握，一般是边用边学，不断提高使用水平。
3． 广泛的上网浏览各种网页，一开始最好能下载一些较简单的个人网页，因为他们所用到的技术较为简单，可用网页制作软件打开研究。然后推荐去浏览一些专业的网页设计网站，学习一些排版经验，同时可下载一些网页结构模版供自己套用。
4． 确定你的网站主题，我个人不主张开始就想建软件大全、书库等网上流行的为网站主题，因为第一你不够专业，网上已有太多的同类软件，别人不可能上你的网站下载。第二这类网站需要巨大的主页空间，不仅一开始你申请不到这么大的空间，而且你也不可能经常上载维护。网站主题最好是有你的个人特色，实在不能确定我建议自己做一个私人门户网站，将平时自己经常去的网站做一个较为综合的连结。
5． 网页最好不要用特别与众不同的颜色、字体，因为每个人使用的计算机各不相同，特别的颜色、字体别人不一定能看得到。
6． 网页要增加美观图片不可缺少，我建议如果你会用一些专业的作图软件最好自己制作，这会有自己的特色，放些私人照片也可以，但切记各种图片一定要作优化处理，减小它的存储尺寸。提醒一下每页不要放过多的图片，因为第一会使网页显得杂乱，第二会使你的网页显示速度过慢。制作图片的常用软件有Photoshop，Fireworks等。
7． 网页上可以用一些动画与特效增加你主页的美观与功能，动画可上网找，同样最好能自己制作，GIF格式的最常用，可用Ulead的Gig Animator软件制作，目前流行的是Flash动画，更多变化，尺寸更小，缺点是有些计算机上的浏览器缺省没有安装Flash浏览软件，有些计算机用户不能看到Flash。网上还有许多免费的Javascript等可供使用，与图片一样，我建议每页不要放太多的动画与特效。
8． 网页基本建成后，上网找免费的主页空间，以其主机的速度，提供的空间大小和有无基本的CGI功能及其提供的域名是否简单易记为考量依据，所谓CGI是指主机服务器上提供的程序，一般你可申请有免费计数器、留言板等。找到速度快，主页存放空间大，域名简单的网站存放你的网页。
9． 接下来是将网页上传至你申请的服务器上，具体上传的办法你在申请主页空间时就会了解，具体使用你制作网页的软件即可，我个人推荐使用CuteFTP Pro上传，这个软件功能强大，简单易用。
10． 好，现在你的网站已建立，你可通知你的朋友上去浏览，把个人网站印在你的名片上，还想推广你的网站？那你可去各大搜索网站登录你的新站，如雅虎、搜虎、新浪等知名网站。你还可与其它网站申请友情连结、去一些提供连结交换的网站申请广告交换，如太极链，酷站等。在做这一步时你需要做二个468X60和88X31尺寸的广告图片，动画最好，存储大小尽量控制在10k以下。
11． 如果你还想靠你的网站赚一些小钱，你可去一些商业网站申请广告连结，替他们做广告，一般以从你的网页点击到他们的网页次数算钱。
12． 最后我要提醒各位未来网主，你的网站千万不要放一些明显与国内政治相抵触的内容，这事关重大，不可儿戏，否则网站被关闭事小，坐牢也说不定哦。另外，网站内容与性有关可大大增加被浏览的数量，但黄色的内容不要放，虽说性质比不上反动内容，但也有问题。建议打打擦边球，提供一些性教育、性知识，情情爱爱的内容无伤大雅。
随着网络技术的不断发展，网络应用已经渗透到人类社会的各个角落。作为网络世界的支撑点的网站，更是人们关注的热点：政府利用网站宣传自己的施政纲领，日益成为与百姓交流的直通车；企业利用网站宣传自己的形象，挖掘无限商机；个人利用网站展示个性风采，创建彼此沟通的桥梁。越来越多的人希望拥有网站，开辟网络世界里的一片天地。如何设计一个出色的网站呢？关于这个问题，人们讨论的很多，可以讨论的内容也很多，加之网络技术的飞速发展，很难提出一个绝对权威和正确的设计思路，笔者不才，根据自己的设计体
会，总结出以下基本设计思路：
一、定位网站的主题和名称
网站的主题也就是网站的题材，网站设计开始首先遇到的问题。网站题材千奇百怪,琳琅满目，只要想的到，就可以把它制作出来。下面是美国《个人电脑》杂志(PC Magazine)评出的99年度排名前100位的全美知名网站的十类题材：
第1类：网上求职
第2类：网上聊天／即时信息/ ICQ
第3类：网上社区／讨论/邮件列表
第4类：计算机技术
第5类：网页/网站开发
第6类：娱乐网站
第7类：旅行
第8类：参考/资讯
第9类：家庭/教育
第10类：生活/时尚
每个大类都可以继续细分，比如娱乐类再分为体育/电影/音乐等小类，音乐又可以按格式分为MP3，VQF，Ra等，按表现形式分古典，现代，摇滚等。同时，各个题材相联系和交叉结合可以产生新得题材，例如旅游论坛(旅游+讨论)，经典入球播放(足球+影视)按这样分下去，题材可以有成千上万种。这么多题材，如何选择呢？遵循的原则如下：
1、主题要小而精
定位要小，内容要精。如果你想制作一个包罗万象的站点，把所有你认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有，却样样都很肤浅，因为你不可能有那么多的精力去维护它。网站的最大特点就是新和快，目前最热门的个人主页都是天天更新甚至几小时更新一次。最新的调查结果也显示，网络上的"主题站"比"万全站"更受人们喜爱，就好比专卖店和百货商店，如果我需要买某一方面的东西，肯定会选择专买店。
2、题材最好是你自己擅长或者喜爱的内容
比如：你擅长编程，就可以建立一个编程爱好者网站；对足球感兴趣，可以报道最新的战况，球星动态等。这样在制作时，才不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有热情，很难设计制作出优秀的网站。
3、题材不要太滥或者目标太高。
"太滥"是指到处可见，人人都有的题材；比如软件下载，免费信息。"目标太高"是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。
如果题材已经确定以后，就可以围绕题材给网站起一个名字。网站名称，也是网站设计的一部分，而且是很关键的一个要素。你来看，"电脑学习室"和"电脑之家"显然是后者简练；"迷笛乐园"和"MIDI乐园"显然是后者明晰；"儿童天地"和"中国幼儿园"显然是后者大气。我们都知道PIII的中文名称"奔腾"，如果改为"奔跑"，可能就没有今天这么"火"了。和现实生活中一样，网站名称是否正气，响亮，易记，对网站的形象和宣传推广也有很大影响。我的建议是：
1、名称要正
其实就是要合法，和理，和情。不能用反动的，色情的，迷信的，危害社会安全的名词语句。
2、名称要易记
最好用中文名称，不要使用英文或者中英文混合型名称。另外，网站名称的字数应该控制在六个字(最好四个字)以内，四个字的也可以用成语。字数少还有个好处，适合于其他站点的链接排版。
3、名称要有特色
名称平实就可以接受，如果能体现一定的内涵，给浏览者更多的视觉冲击和空间想象力，则为上品。例如：音乐前卫，网页陶吧，e书时空等。在体现出网站主题的同时，能点出特色之处。
二、定位网站的CI形象
所谓CI(corporate identity)，意思是通过视觉来统一企业的形象。一个杰出的网站，和实体公司一样，需要整体的形象包装和设计。准确的，有创意的CI设计，对网站的宣传推广有事半功倍的效果。具体的做法是：
1、设计网站的标志(logo)
就如同商标一样，标志是你站点特色和内涵的集中体现，看见标志就让大家联想起你的站点。标志的设计创意来自你网站的名称和内容：
(1)网站有代表性的人物、动物、花草等，可以用它们作为设计的蓝本，加以卡通化和艺术化，例如迪斯尼的米老鼠，搜狐的卡通狐狸等等。
(2)网站有专业性的，可以以本专业有代表的物品作为标志。比如中国银行的铜板标志，奔驰汽车的方向盘标志等等。
(3)最常用和最简单的方式是用自己网站的英文名称作标志。采用不同的字体，字母的变形，字母的组合可以很容易制作好自己的标志。
2、设计网站的标准色彩
网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。举个实际的例子就明白了：IBM的深蓝色，肯得基的红色条型，windows视窗标志上的红蓝黄绿色块，都使我们觉得很贴切，很和谐。"标准色彩"是指能体现网站形象和延伸内涵的色彩。一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。标准色彩要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色，要注意色彩的合理搭配。
江苏。
江苏重要的城市南京是省会，然后苏州，无锡，常州。镇江。其中苏锡常，江苏经济最发达的三个地方。还有泰州，南通，扬州，属于苏中地区。泰州的医药产业比较发达，有春兰集团，扬子江药业，南通的造船业，纺织业很强啊，南通大学的医学专业很强。苏北有连云港，盐城，淮安，宿迁，徐州，盐城是十三个地级市中地域最为宽广的，海岸线是江苏最长的，徐州是五省通衢，交通很发达呀，连云港的花果山，连岛度假去，自然景点很多呀，有山有海，旅游首选呀。
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /
title步步惊心/title
style
span#hd {
cursor:hand;
}
/style
script language="JavaScript"
!--
onload = function() {
var p1 = document.getElementsByTagName('p')[0];
p1.style.display = 'none';
var span = document.getElementsByTagName('span')[0];
span.onclick = function() {
if (span.innerText == '+')
{
span.innerText = '-';
p1.style.display = 'block';
}
else {
span.innerText = '+';
p1.style.display = 'none';
}
}
}
//--
/script
/head
body
div class="jq mb"h2电视剧《步步惊心》剧情介绍/h2
ulspan id="hd"+/spanp由吴奇隆,刘诗诗,郑嘉颖,袁弘,林更新领衔主演br
故事讲述繁华都市的一名普通白领张晓，因一脚踏空而穿越了时空隧道，带着对清史的洞悉进入风云诡变的宫廷。她知道自己不该卷入九王夺嫡的争斗中，可心不由己，因为这里有她所爱的，
也有爱着她的作为一个朝九晚五的普通白领，除了模样长得挺招人喜爱，现年二十多岁的张晓和周围其他忙忙碌碌的都市人基本没什么区别。张晓谈过几次无疾而终的恋爱，谈不上深刻却也对
她有点影响。做着一份不喜爱也不讨厌的工作，为了薪水再多一些位置再高一些，她也能整天乐呵呵地投入到与战争一样残酷的职场斗争中去。她按部就班地计划着自己的未来的人生房子，旅
游，恋爱。在张晓的前半生里，无论她做的还是她想的，几乎都与普通人一样，为了更好的生活奋斗着，乐此不疲。但张晓的内心总有着一种牵动，她自己也说不出个名堂来，只觉得冥冥之中
，似乎还存在着另一种生活那一天，张晓与男友黄棣在路上吵架，不料，在争吵中，张晓撞到了连着电线的广告板上，而这一撞击，也把她的灵魂撞进了清朝的宫廷中。就像铺天盖地的穿越小
说里写的那样，张晓的灵魂跨过时间的隧道，在一个叫马尔泰.若曦的十三岁清朝女孩的体内，重生了时年，康熙第四十三年。天下太平，但一场震动历史的九龙夺嫡正在暗潮涌动。权利的厮
杀，爱情的灼烧，在被无限放大的历史舞台上，张晓，不，是马尔泰若曦的命运无可避免的与众位亲王阿哥们交织在一起故事讲述繁华都市的一名普通白领张晓，因一脚踏空而穿越了时空隧道
，带着对清史的洞悉进入风云诡变的宫廷。她知道自己不该卷入九王夺嫡的争斗中，可心不由己，因为这里有她所爱的，也有爱着她的作为一个朝九晚五的普通白领，除了模样长得挺招人喜爱
，现年二十多岁的张晓和周围其他忙忙碌碌的都市人基本没什么区别。张晓谈过几次无疾而终的恋爱，谈不上深刻却也对她有点影响。做着一份不喜爱也不讨厌的工作，为了薪水再多一些位置
再高一些，她也能整天乐呵呵地投入到与战争一样残酷的职场斗争中去。她按部就班地计划着自己的未来的人生房子，旅游，恋爱。在张晓的前半生里，无论她做的还是她想的，几乎都与普通
人一样，为了更好的生活奋斗着，乐此不疲。但张晓的内心总有着一种牵动，她自己也说不出个名堂来，只觉得冥冥之中，似乎还存在着另一种生活那一天，张晓与男友黄棣在路上吵架，不料
，在争吵中，张晓撞到了连着电线的广告板上，而这一撞击，也把她的灵魂撞进了清朝的宫廷中。就像铺天盖地的穿越小说里写的那样，张晓的灵魂跨过时间的隧道，在一个叫马尔泰.若曦的
十三岁清朝女孩的体内，重生了时年，康熙第四十三年/p
pfont color="red"内容2，不需要隐藏br /p/ul
/div
!--/Footer--
/body
/html
我是写的+和-，你可以替换成2个图片。
一、通用的thymeleaf模板引擎通过returnmodel和view获取后台返回的数据。项目中的pom.xml文件引用了与thymeleaf相关的包。
二、在相应的controller方法中设置要返回的数据。
三、在HTML页面上引用thymeleaf标记。
四、引用controller在HTML标记中返回的数据。
五、返回的controller可以在JS中获取。
这样的情况建议用安全卫士电脑清理功能清理浏览器缓冲，然后重新打开就可以正常。
以下都是从你给的参考的网站剥离出
div class="calendar"
div class="outer clearfix" id="calendarcontainer" //日历控件容器
/div
/div
涉及到的js文件：
1.Calendar.js 地址 ：
2.jquery.js（这个要打开看看，里面的内容并不是jQuery） 地址：
3.jquery.validate.check.js 地址：
4.line.js（日历月显示调用函数就在这个里面） 地址：
5.myfocus-2.0.4.min.js 地址：
核心的调用代码如下（该函数可能还需要和另外的js配合使用。）：
CreateCalendar(c, y, m, a, b,d, f,fu)
参数说明： c:容器,
y:年,
m:月,
a:出发时间XML,
b:参团人群,
d:是否天天发团,
f:是否显示双日历,
fu:回调
使用例子：
1. CalendarPage('calendarcontainer',2014,4); //显示4、5月份日历
2.CalendarPage('calendarcontainer',2014,2); //显示2、3月份日历
function CreateCalendar(c, y, m, a, b,d, f,fu) {//c:容器,y:年,m:月,a:出发时间XML,b:参团人群,d:是否天天发团,f:是否显示双日历,fu:回调 LC[c] = [c, y, m, a, b, d,f, fu]; var today = new Date(Date.parse(webconfig('date').replace(/-/g, '/'))); today = new Date(today.getFullYear(),today.getMonth(),today.getDate()); if (y == 0 || m == 0) { y = today.getFullYear(); m = today.getMonth() + 1; };var dmin=Date.parse(a.first().attr('d').replace(/-/g, '/')),dmax =Date.parse(a.last().attr('d').replace(/-/g, '/')); var i1 = 0, i2 = 0, i3 = 0, d1 = new Date(dmin), d2; today = today.DateToParse(); if (Date.parse(d1.getFullYear() + '/' + (d1.getMonth() + 1) + '/1') Date.parse(new Date(y,m-1,1))) { y = d1.getFullYear(); m = d1.getMonth() + 1; } $('#' + c).html('');//农历//var ca=new Calendar();tmp='';for(var i=0;i=f;i++){d1=new Date(y,m-1+i);y=d1.getFullYear();m=d1.getMonth() + 1;tmp += 'table cellpadding="0"';tmp += 'tr class="month"th colspan="7"div class="clearfix"div class="prevMonth"';if(i==0){i1=Date.parse(y + '/' + m + '/1');d1 = new Date(dmin);if(Date.parse(d1.getFullYear() + '/' + (d1.getMonth() + 1) + '/1')i1){d1 = new Date(y,m-2-f,1);tmp += 'a class="prev" href="javascript:;" onclick="CalendarPage(\'' + c + '\',' + d1.getFullYear() + ',' + (d1.getMonth() + 1) + ');" title="上个月" /a';}else{tmp += 'a class="prev0" href="javascript:;" title="上个月" /a';}}tmp+='/div';tmp += 'div class="dates"em' + y + '/em年em' + m + '/em月/div';tmp+='div class="nextMonth"';if(i==f){i1=Date.parse(y + '/' + m + '/1');d1 = new Date(dmax);i2=Date.parse(d1.getFullYear() + '/' + (d1.getMonth() + 1) + '/1');if(i2i1){d1 = new Date(y,Date.parse(new Date(y,m+1,1))i2?m-f:m,1);tmp += 'a class="next" href="javascript:;" onclick="CalendarPage(\'' + c + '\',' + d1.getFullYear() + ',' + (d1.getMonth() + 1) + ');" title="下个月" /a';}else{tmp += 'a class="next0" href="javascript:;" title="下个月" /a';}}tmp += '/div/div/th/tr';tmp += ' tr class="week"';tmp += ' th class="weekEnd"星期日/th';tmp += ' th星期一/th';tmp += ' th星期二/th';tmp += ' th星期三/th';tmp += ' th星期四/th';tmp += ' th星期五/th';tmp += ' th class="weekEnd"星期六/th';tmp += ' /tr';var maxdays = (new Date(Date.parse(new Date(y,m,1)) - 86400000)).getDate(); //当前月的天数d1 = new Date(y,m-1); //要显示的日期i1 = d1.getDay(); //这个月的第一天是星期几for (var j = 1; j = 6; j++) {tmp += 'tr';for (var k = 1; k = 7; k++) {i2 = (j - 1) * 7 + k - i1;if (i2 1 || i2 maxdays) {tmp += 'td/td';} else {i3 = Date.parse(new Date(y,m-1,i2));d1=new Date(i3);//农历(ll的值为农历)/*var ll=ca.getlf(d1);if(ll==''){ll=ca.getsf(d1);if(ll==''){ll=ca.getst(d1);if(ll=='')ll=ca.getls(d1)[3];}}*/tmp+='td'if (today == i3){tmp+=' class="cur"'};if (i3 dmin || i3 dmax) {tmp += 'pem' + i2 + '/em/td';} else {tmp += ' week="' + (k - 1) + '" id="' + y + '-' + m + '-' + i2 + '"pem' + i2 + '/em/p/td';}}}tmp += '/tr';}tmp += '/table';} $('#' + c).append(tmp); var obj,crowdid=0;for(var i in currentLP.crowd){if(crowdid==0)crowdid=currentLP.crowd[i].id;}a.each(function(){obj=$('#'+$(this).attr('d'));var j={d:$(this).attr('d'),n:$(this).attr('n'),c:[]},k=0;$(this).children('c').each(function(i){if(crowdid==$(this).attr('i'))k=i;j.c.push({i:$(this).attr('i'),n:$(this).attr('n'),p:$(this).attr('p')});});obj.data('i',j).attr('v',1).append('pem class="money"'+(j.c[k].p==-1?'电询':'¥'+j.c[k].p)+'/em/pp余位'+(j.n==-1||j.n9?'em class="money"9/em':'em class="money"'+j.n+'/em')+'/p');}); if ($.isFunction(fu)){$('#' + c +' td[v]').click(function (){ fu(this); }).hover( function () {$(this).addClass("hover"); }, function () {$(this).removeClass("hover"); });}}
这样可以么？
