网站开发设计上机报告 - 李盼盼 - 图文

经济管理学院

网站开发技术课程设计

课程设计题目：网站开发技术课程设计报告（2） 专 业 班 级： 电子商务101班 学 生 姓 名： 李盼盼 李杨 学号： 100207124 100207125 指 导 教 师： 曹树贵

2012年 10 月 30 日

目 录

1界面设计……………………………………………………………………… 3 2知识或技能点总结…………………………………………………………… 9 2.1首页所用到的标签示例………………………………………………………9 2.2 left.html页所用到的标签…………………………………………………14 2.3关于我们页面用到的标签示例……………………………………………15 2.4新闻列表页用到的标签示例………………………………………………16 2.5新闻内容页用到的标签示例………………………………………………17 2.6产品列表页用到的标签示例…………………………………………………18 2.7产品页用到的标签……………………………………………………………19 2.8留言页用到的标签示例………………………………………………………20 3遇到的问题及解决方式………………………………………………………22 4人员分工 ………………………………………………………………………22 5待解决问题 ……………………………………………………………………22 6课程设计心得 …………………………………………………………………22

2

1 界面设计

图1 首页

3

图2 关于我们页

4

图3新闻列表页

5

图4 新闻页

6

图5 产品列表页

7

图6 产品页

8

图7 在线留言页

2 知识或技能点总结

2.1 首页所用到的标签示例：

网站标题 网站附加标题

{aspcms:sitetitle}{aspcms:additiontitle} 引用头部head.html的标签：

9

图1-1

{aspcms:top}

头部导航部分：

href=\首页

{aspcms:navlist}

• href=\{/aspcms:navlist}

  幻灯片的调用标签：{aspcms:slide} 网站终极目录 默认模板

  {aspcms:sitepath}/Templates/{aspcms:defaulttemplate} 首页关于我们调用的标签：

  图1-2

  {aspcms:about sort=131}

  [about:title]

  10

  src=\t.jpg\

  align=left>[about:info]{/aspcms:about} 首页左边栏关于我们下面调用的代码：

  图1-3

  {aspcms:content sort=131 num=3}

  11

  图1-4

  {aspcms:content sort=10 num=3}{/aspcms:content}

  height=108 src=\

  href=\ [content:content]

  href=\

  src=\

  12

  .gif\首页右边栏调用的代码：

  图1-5

  成功案例

  {aspcms:content sort=137 num=10 order=id}

  src=\

  13

  li.jpg\

  首页底部调用标签及foot.html的标签化：

  图1-6

  {aspcms:foot}

  xxx

  有限责任公司
  公司热线：

  {aspcms:companyphone}
  公司邮箱：{aspcms:companyemail} 地 址：{aspcms:companyaddress}
  总 机：（010） 888888888
  传真：{aspcms:companyfax}
  

  2.2 left.html页所用到的标签(以关于我们图片左侧为例)：

  下图是关于我们左边栏，其它页面都可用{aspcms:template src=left.html}代码调用。

  图1-7

  14

  {aspcms:sortname}

  {aspcms:navlist type={aspcms:topsortid}}

  {/aspcms:navlist}

  联系我们

  地址：{aspcms:companyaddress}
  邮编：{aspcms:companypostcode}
  电话：{aspcms:companyphone}
  传真：{aspcms:companyfax}
  e-mail:{aspcms:companyemail}

  2.3 关于我们页面用到的标签示例：

  {aspcms:template src=left.html}

  href=\

  首

  页

   » {aspcms:position}[position:link] {/aspcms:position} {aspcms:foot}

  2.4 新闻列表页用到的标签示例：

  15

  图1-8

  {aspcms:list size=10 order=id}

  [list:date style=yy-m-d] {/aspcms:list}

  2.5 新闻内容页用到的标签示例：

  16

  图1-9

  [news:title]

  class=time>[news:date]

  点

  击

  ：

  [news:visits]

  来

  自:[news:source]admin

  [news:info]

  上一篇：{aspcms:prev}

  下一篇：{aspcms:next}

  2.6 产品列表页用到的标签示例：

  17

  图1-10

  {aspcms:list size=4}

  • height=240 src=\

    [list:content]

    src=\e.gif\

    18

    2.7 产品页用到的标签：

    href=\

    {aspcms:position} » [position:link] {/aspcms:position}

    

    描述：[news:info]

    详细介绍 [news:info]

    19

    首页

    2.8 留言页用到的标签示例：

    图1-11

    {aspcms:gbooklist size=5 order=time}

    style=\

    姓

    名

    ：

    [gbooklist:name]

    [[gbooklist:wdate style=yy-m-d]]

    {if:[gbooklist:status]}

    回复内容：[gbooklist:rinfo] [[gbooklist:rdate

    style=yy-m-d]] {end if}

    {/aspcms:gbooklist}

    [gbooklist:pagenumber len=5]

    3 遇到的问题及解决方式

    20

    表1 静态防站遇到的问题及解决方式

    序号 问题描述 1 到 解决方式 -Internet选项-设置中查找曾经浏览过的图片 2 制作head.html时从首页根据源代码中的注李杨 中摘取代码时，摘得过多释，一步一步地摘取或过少 3 代码 10月22日 10月21日 解决人 解决时间 10月18日 首次仿站时有些图片找不在浏览器的工具李杨 完成productlist.html将标签改为div标李盼盼 时,标签签然后修改样式，或无法换行 是添加标签 设置图片所在层为李杨 显示然后用{spcms:slide }标签使其显示 4 横幅幻灯片不能出现 10月20日 5 摘取foot部分时，在css样式表中给李盼盼 foot_left部分的字往左其添加相关样式 边跑 10月24日 6 productlist.html页面因为添加的李盼盼 标签样式标签在页面中显示方式不为左浮动，所以将其对 设置为左浮动 10月26日 7 后台中添加产品时，添加可能会出现这样的李盼盼 不上 问题，将后台重新打开基本就可以避免 在以前的form标签李杨 基础上引用[list:pagenumber len=5]标签 10月30日 8 列表页中不能实现分页 11月2日 9 产品列表页图片显示样式将各图片间的距离李盼盼 不理想 在样式表中进行设11月5日 21

    定 10 首页中的内容没有在后台调用的标签错误，改李杨 调用 正后就对了 11月5日

    4 人员分工

    小组成员：李盼盼；李杨

    李杨：主要负责仿站，将原网站相关路劲修改 李盼盼：主要负责各网页标签化，相关样式修改 报告总结两人合力负责

    5 待解决问题

    （1）news和products页面中调用后台内容的{aspcms:next}和{aspcms:prev}标签不知道按怎样的顺序调用，一条内容在后台中前面本来有但网页中显示没有了。

    （2）同样的网页在搜狗浏览器中可以显示完好，但在IE5中却不能正确显示，不能很好的解决浏览器的兼容问题。

    6 课程设计心得

    通过这次做课程设计的过程我们收获很多，首先它锻炼了我们每个人的耐心，让我们在以后的生活中，学习中都能淡定、平静的做任何事情，都能耐心地去处理所面对的困难。同时我个人也是非常喜欢网站设计的，能够有机会学校模版建站技术，我也非常开心。

    在学习这项课程的过程中，我们还学到了很多其它的相关技术，如：怎样注册自己的免费空间，怎样用上传工具上传自己的东西等。还有一个很重要的收获就是学会了独立的思考问题，不再像以前一样，总是等待老师讲解，等待老师帮我们解决问题。通过现在的自己先学习，然后老师指点模式，增强了我们的自学能力和理解能力，使我们能够更好的适应以后竞争日益激烈的社会。

    最后再次感谢曹老师给了我们这样一个很好的锻炼机会。

    22

    指导教师评语及成绩

    指导教师评语 成 绩 签字： 年 月 日 23

    24

    本文来源：https://www.bwwdw.com/article/8ng7.html