中山大学政治与公共事务管理学院-中山大学政治与公共事务管理学院
基于HTML+DW技术的校园创客网站设计与制作
陆振南 乔艳
吴世洋 倪丹
（徐州医科大学医学影像学院，江苏 徐州
221004）
【摘
要】
根据目前流行的网站
制作技术，设计并制作了校园创客网站，
网站设计的简朴，大方，规范，功能健全，具有
一定的使用价值，能实
现大众的需求。对HTML和DW
[1]
的充分利用，为网站制作的成功奠定了
基础，并拥有实践理论基
础。在网页制作的各个环节中遇到了问题，一
步一步的实践，设计，解决了问题，使理论
知识得到充分实践、验证和
应用，对网页制作的各个流程熟络于心。
【关键词】
HTML；DW；网页制作；网络化
创客是学校众多当中比较重要的工作室，但是是为数不少的科
研
室，汇聚了具有创新的学生，是学校对外骄傲的工作室，每当专家来
< br>访，就会去创客空间，对外也会在网上，学校官网上展示。使用网络发
布信息，广
纳人才是新时代的潮流。创客网站采用静态网页制作技术
后，会在远程计算机上对服务器
上的网站进行日常信息的更新和维护，
就能实现此功能。
作者结
合清华大学和徐州医科大学的网站的制作，构建框架，总结
网站制作的基本经验和技巧，
为了更好设计出理想的网站。
1
、
网站 的策划和设计
[2]
网站的整体策划是经过创客工作人员的共同
商讨决定的，依照创客从创
建到现在的成绩做的，当然还有一些学校的要求，一切以学校
为中心，
创客网站上有学校近期的事件。网站的风格，功能要求，模块设计均是
创客元老明确下来的。
参照学校官网的网页制作效果，使用
PS
裁剪图片，完善网站内容，功
能，网络途径，设计出来的网页效果
就出来了，含有首页，二级页面，
其余的是按照学校的网页做的，有达到三级页面。在设
计过程中，依据
前辈的建议和网页的特点，例如网页的大小是按照宽
10 00
像素，高
768
像素设计，借鉴其他学校的网页制作
效果，导航栏在离页面顶端约
59
像
素处，上面是滑动的
文字特效，导航栏下面是学校的大事件图片展播特
效，再下面是由表格分割成块的分栏，
整体风格统一。
根据网站具体功能，将网站分为六个模块，分别为创客要闻、通知公
告、学术动态、专题网站、快速通道、新媒体平台。
2
、
网页的制作