电子商务101王春燕 网站开发技术模板建站.docx

上传人:b****8 文档编号:9277024 上传时间:2023-02-04 格式:DOCX 页数:20 大小:7.11MB
下载 相关 举报
电子商务101王春燕 网站开发技术模板建站.docx_第1页
第1页 / 共20页
电子商务101王春燕 网站开发技术模板建站.docx_第2页
第2页 / 共20页
电子商务101王春燕 网站开发技术模板建站.docx_第3页
第3页 / 共20页
电子商务101王春燕 网站开发技术模板建站.docx_第4页
第4页 / 共20页
电子商务101王春燕 网站开发技术模板建站.docx_第5页
第5页 / 共20页
点击查看更多>>
下载资源
资源描述

电子商务101王春燕 网站开发技术模板建站.docx

《电子商务101王春燕 网站开发技术模板建站.docx》由会员分享,可在线阅读,更多相关《电子商务101王春燕 网站开发技术模板建站.docx(20页珍藏版)》请在冰豆网上搜索。

电子商务101王春燕 网站开发技术模板建站.docx

电子商务101王春燕网站开发技术模板建站

《WEB软件设计》上机总结(ASPCMS模板建站部分)

姓名:

__王春燕_、_吴红娜学号:

_100207129、_100207133_

指导教师:

曹树贵成绩:

___________________

一、界面设计

图1主页

图2产品中心

图3我们的产品

图4展会信息

图5资料下载

图6在线留言

图7关于我们

图8新闻中心

图9行业新闻

图10企业新闻

图11新闻详细页

图12友情链接

图13联系我们

图14技术中心

二、知识和技能点总结

1.主页所用到的标签示例

1.1{aspcms:

top}引入头部

{aspcms:

foot}引入脚部

1.2首页-行业新闻

图14首页显示及后台样式

代码:

产品中心

{aspcms:

1navlisttype=1}

  • href="[1navlist:

    link]">[1navlist:

    name]

  • {aspcms:

    2navlisttype=[1navlist:

    sortid]}

    link]">[2navlist:

    name]

    {/aspcms:

    2navlist}

    {/aspcms:

    1navlist}

    -------运用无限级联菜单,调出产品中心下各级子栏目

    1.3首页-行业新闻

    图15后台样式

    图16首页显示

    代码:

    {aspcms:

    contentsort=7num=6order=order}

  • href="[content:

    link]">[content:

    titlelen=14]

    {/aspcms:

    content}

    ------大标题和六条栏目代码

    {aspcms:

    contentsort=7num=1}

    pic]">{/aspcms:

    content}

    ------下面的图片代码

    {aspcms:

    aboutsort=110}

    href="[about:

    link]">更多[about:

    title]

    {/aspcms:

    about}

    ------对“更多”进行标签化及超链接

    1.4首页-关于我们

    图17首页显示

    主要代码:

    {aspcms:

    aboutsort=19len=250}

    href="[about:

    link]">更多[about:

    title]

    10px"

    alt=""align=left

    src="{aspcms:

    sitepath}/Templates/{aspcms:

    defaulttemplate}/

    images/pic1.gif">[about:

    info]

    {/aspcms:

    about}

    -------载入内容

    1.5首页-我们的产品

    图18首页显示

    图19后台样式

    主要代码:

    {aspcms:

    contentsort=128num=3order=order}

    150px"id=tuijian

    float:

    left>-------图片左浮动实现横向排列

    href="[content:

    link]">

    src="[content:

    pic]"width=150height=150>

    href="[content:

    link]">[content:

    title]

    {/aspcms:

    content}

    ------加载图片及链接

    --------用于换行

    {aspcms:

    contentsort=129num=3order=order}

    150px"id=tuijian

    float:

    left>

    -------图片左浮动实现横向排列

    href="[content:

    link]">

    src="[content:

    pic]"width=150height=150>

    href="[content:

    link]">[content:

    title]

    {/aspcms:

    content}

    ------加载图片及链接

    2.头部页所用到的标签

    图20头部导航

    {aspcms:

    navlist}

    href="[navlist:

    link]">[navlist:

    name]

  • {/aspcms:

    navlist}

    -------顶层栏目标签

    {aspcms:

    slide}

    ---------载入幻灯片

    3.底部页及首页-联系我们所用到的标签

    图21底部

     

    图22后台参数

    {aspcms:

    linklisttype=pic}

    link]"

    target=_blank>

    pic]">

    {/aspcms:

    linklist}-------图片样式超链接

    版权所有:

    {aspcms:

    companyname}

    地址:

    {aspcms:

    companyaddress}

    邮编:

    {aspcms:

    companypostcode}

    总机:

    {aspcms:

    companyphone}

    电话:

    {aspcms:

    companyphone}

    传真:

    {aspcms:

    companyfax}

    Email:

    {aspcms:

    companyemail}

    4.left.html页所用到的标签

    图22左侧

    {aspcms:

    sortname}-------分类名称

    {aspcms:

    navlistlen=10type={aspcms:

    topsortid}}

  • link]">[navlist:

    name]

  • {/aspcms:

    navlist}

    -------分类条目内容

    5.产品中心页、我们的产品页用到的标签

    {aspcms:

    templatesrc=left.html}

    --------调出左侧栏目

    您现在的位置:

    sitepath}{aspcms:

    languagepath}">首页{aspcms:

    position}[position:

    link]{/aspcms:

    position}

    --------显示当前所在的页面

    [list:

    pagenumberlen=5]---------显示页标

    6.资料下载页用到的标签

    {aspcms:

    listsize=5order=order}

  • downurl]">图册下载...

    -------下载地址

    浏览[list:

    visits]次

    -------浏览次数

    [list:

    datestyle=yy-m-d]

    --------日期

  • {/aspcms:

    list}

    7.在线留言页用到的主要标签

    {aspcms:

    gbooklistsize=5order=time}

    添加留言

    class=look-liuyan>{aspcms:

    aboutsort=18}

    href="[about:

    link]">查看留言>>{/aspcms:

    about}

    {/aspcms:

    gbooklist}

    ..”名称”...

    name=companysize=30>

    {aspcms:

    listsize=10order=id}

    共[list:

    i]个记录

    {/aspcms:

    list}

    ------显示记录个数

    二、遇到的问题及解决方式

    序号

    问题描述

    解决方式

    解决人

    解决时间

    1

    幻灯片位置太过靠左

    重新做了一遍,发现代码错误,问题解决了部分

    吴红娜

    11月2日

    2

    首页的产品中心栏目出现级联菜单,因为不能写出正确代码,以至于条目显示不正常,链接无效

    在老师的指导下,认真了解无限级联菜单代码的运用方法,写出了正确代码

    曹老师

    王春燕

    11月15日

    3

    产品页列表右下角页码内容不能显示,只显示代码

    将{aspcms:

    content}类代码改写为列表类{aspcms:

    list}代码后显示正常

    曹老师

    王春燕

    11月15日

    4

    首页联系我们栏目下的内容整体紧贴左侧边缘,显示不正常

    找出原始页面和对应的样式,发现在标签化的过程中误删了标签,将误删部分恢复

    吴红娜

    11月2日

    5

    首页背景宽度显示较窄,背景图片不能完全显示,页面两侧内容超出了背景

    对照原始页面检查代码,将错误删除的代码恢复

    吴红娜

    11月2日

    6

    首页我们的产品板块的产品图像在设置了float:

    left后仍然不能正确显示,总显示在一行上

    对照原始代吗将图片分为了两个部分,每部分三张图片,利用..标签实现了换行使图片分两行显示

    王春燕

    11月2日

    7

    资料下载页,由于对标签运用不熟,找不到正确的运用标签的方法,以至于页面显示不出理想效果

    多次尝试利用各种方法运用各种标签,最终达到理想效果

    吴红娜

    11月10日

    8

    点击每一个页面的list项后,不能正确显示详细页的内容,仅出现一些代码

    将原来命名的news、product等页面的名字改为newslist、

    Product,详细页正确显示。

    页面的命名要与后台的列表生成目录、内容生成目录相对应

    王春燕

    11月10日

    9

    关于我们页面的字体显示不正确

    对照首页将utf-8的字体改为gb2312后字体显示正常,以后要注意课上老师强调的内容

    吴红娜

    11月10日

    10

    在线留言页面想利用老师讲过的代码进行编辑,但始终显示不正确

    参照其他模板,修改原始代码及对应的样式,最终实现正确显示

    王春燕

    11月10日

    11

    首页“我们的产品“五个字在该模块不能居左,栏目过宽且多出三个黑点

    对照标签修改样式表样式,实现“我们的产品”五个字居左,查看标签发现多出一些空格符号,删去后正确显示

    王春燕

    11月11日

    12

    ...

    4人员分工

    5待解决问题

    6课程设计心得

     

    展开阅读全文
    相关资源
    猜你喜欢
    相关搜索
    资源标签

    当前位置:首页 > 解决方案 > 工作计划

    copyright@ 2008-2022 冰豆网网站版权所有

    经营许可证编号:鄂ICP备2022015515号-1