河工大电商 网页设计报告
网页设计期末实训总结报告
一、引言随着互联网的飞速发展，网页设计已成为一种热门的职业技能。
为了提升自己的网页设计能力，我参加了本学期的网页设计期末实训。
通过这次实训，我对网页设计有了更深入的了解，掌握了更多的设计技巧，同时也发现了自身的不足。
以下是我在实训过程中的总结与反思。
二、实训目标与内容1. 实训目标通过本次实训，我期望达到以下目标：（1）掌握网页设计的基本流程和规范；（2）熟悉常用的网页设计软件，如Photoshop、Dreamweaver等；（3）提高网页设计审美能力，培养良好的设计思维；（4）提升网页前端开发技能，实现网页功能与美观的统一。
2. 实训内容（1）网页设计理论：了解网页设计的基本概念、原则、发展趋势等；（2）网页设计软件：学习Photoshop、Dreamweaver等软件的使用方法；（3）网页布局与排版：掌握网页布局技巧，提高网页视觉效果；（4）网页设计实战：完成个人网页设计与开发，实现实训目标。
三、实训过程与收获1. 理论学习在实训初期，我重点学习了网页设计的相关理论知识。
通过阅读教材、上网查找资料等方式，我对网页设计有了更全面的认识。
同时，我还关注了网页设计领域的最新动态，以便在实训过程中紧跟时代步伐。
2. 软件学习实训过程中，我学习了Photoshop、Dreamweaver等软件的使用。
通过反复练习，我掌握了软件的基本操作，能够熟练运用这些工具进行网页设计。
3. 实战演练在实战环节，我按照实训要求，完成了个人网页的设计与开发。
在构思网页主题、收集素材、设计布局、编写代码等过程中，我遇到了许多问题，但通过查阅资料、请教老师和同学，我逐渐克服了困难。
4. 收获与反思（1）提高网页设计能力：通过本次实训，我掌握了网页设计的基本流程和规范，学会了运用设计软件进行网页设计，提高了自己的审美能力和设计思维。
（2）增强团队协作意识：在实训过程中，我与同学们相互交流、共同进步，学会了在团队中发挥自己的优势，为团队的整体发展贡献力量。
网页设计情况汇报
网页设计情况汇报
最近一段时间，我们团队在网页设计方面取得了一些进展，我将在本文中对此
进行汇报。
首先，我们团队在网页设计方面进行了深入的研究和探讨，针对用户体验和界
面设计进行了多方面的优化。
我们通过对用户行为和需求的分析，不断调整和改进网页的设计，以提高用户的满意度和使用体验。
在此过程中，我们采用了一些新的设计理念和技术手段，例如响应式设计、无限滚动、卡片式布局等，以确保网页在不同设备上都能够呈现出良好的效果。
其次，我们对网页的视觉设计进行了全面的升级。
我们注重色彩搭配、排版规
范和图片素材的选择，使整个网页看起来更加美观和专业。
同时，我们还对网页的动画效果和交互设计进行了优化，增加了一些微交互和过渡动画，以提升用户的使用体验。
另外，我们在网页的内容呈现和信息架构方面也进行了一些改进。
我们重新梳
理了网页的内容结构，优化了信息的组织和呈现方式，使用户能够更加快速和直观地找到他们需要的信息。
同时，我们也对网页的文字内容进行了精心的编排和排版，以提高内容的可读性和吸引力。
最后，我们还对网页的性能进行了一些优化。
我们对网页的加载速度和响应速
度进行了测试和调整，确保用户能够在最短的时间内获取到所需的信息。
同时，我们也对网页的兼容性和安全性进行了全面的检查和改进，以确保网页能够在不同的浏览器和设备上正常运行，并且能够保障用户的信息安全。
总的来说，我们团队在网页设计方面取得了一些进展，但也还存在一些问题和
不足之处，需要进一步改进和完善。
我们将继续努力，不断提升我们的网页设计水平，以提供更好的用户体验和服务质量。
感谢大家的支持和配合！。
电子商务网站设计实验报告书范文
西安邮电大学电子商务网站设计上机报告书系部名称：电子商务系学生姓名：李鹏专业名称：电子商务班级：商务1001时间：2012/9/6西安邮电大学教学实习报告书网站设计——实践者：李鹏2. 具体实施过程1）导航条绘制主窗体界面，实现导航条，要求导航条中有用户管理、商品管理，用户管理包括用户注册，商品管理包括：商品添加和商品查询。
(1)对于导航条的制作，先定义好布局框架，代码：(2)二级下拉菜单就依葫芦画瓢，在一级的里面嵌套两个标签，利用css样式修饰，效果如下：西安邮电大学教学实习报告书网站设计——实践者：李鹏具体过程描述：第一步：先建立菜单的结构如上。
第二步：隐藏li的默认样式。
因为看起来不好看，菜单通常都不需要li默认的原点，我给ul定义了一个样式来消除这些圆点，为了便于更好的控制整个菜单，把菜单放在了一个div标签里。
第三步：设置基本的链接效果，通过css来设置链接的样式，分别定义：link ：visited ：hover的状态。
第四步：将链接以块级元素显示为了让菜单链接的背景色填满整个li的宽度，在样式定义中增加了display：block ，使链接以块级元素显示。
2）用户注册页面绘制用户注册页面，要求用户注册页面中的各个字段用javascript进行校验。
对于注册页面：第一步：先设计好数据表。
第二步：做好注册页面register.html，可以让用户输入注册信息的表单文件。
第三步：通过javascript校验用户输入的数据。
如用户名输入时不能为空，以邮箱的地址格式输入用户名，密码在7~12位之间。
代码如下：页面效果如下：西安邮电大学教学实习报告书网站设计——实践者：李鹏代码：页面效果：代码：页面效果：3）商品添加页面完成商品添加页面，在商品添加页面中能实现商品的动态增加与删除。
商品添加页面的制作过程：第一步：进行框架的构建。
代码：页面效果：第二步：对添加删除操作功能进行编写：代码如下：西安邮电大学教学实习报告书网站设计——实践者：李鹏4）商品结算页面完成商品结算页面，实现在商品结算页面中能实现商品的全选与全不选，同时，页面要求美观大方。
网页设计电商实验报告
网页设计电商实验报告1. 引言本实验旨在设计一个电子商务网页作为在线购物平台。
通过该实验，我们将学习和掌握网页设计的基本原理和技术，同时了解电商网页的特点和需求。
本报告将详细介绍我们设计的网页的结构、功能和实施过程，并对实验结果进行评估和讨论。
2. 网页设计概述2.1 设计目标本次实验的设计目标是创建一个用户友好、具有吸引力的电商网页，以提供用户优质的购物体验。
网页的设计需要具备以下特点：- 简洁明了的页面布局- 直观易懂的导航栏和页面结构- 高质量的产品图片和文字描述- 灵活的搜索功能- 顺畅的购物流程和支付过程- 友好的用户反馈机制2.2 技术选择为了实现设计目标，我们选择了以下技术来开发电商网页：- HTML：用于创建网页的结构和内容- CSS：用于美化网页的样式、字体和颜色- JavaScript：用于实现网页的交互功能- PHP：用于处理用户数据和实现购物车、支付等功能3. 网页设计与实施3.1 网页结构我们设计的电商网页采用经典的三栏布局，包含以下主要组成部分：- 顶部导航栏：包含网页的Logo、搜索框、用户登录/注册和购物车等功能链接。
- 左侧边栏：包含商品分类、推荐商品、热卖商品等导航链接。
- 中间内容区域：显示具体商品信息列表、商品详情、用户评论等内容。
- 右侧边栏：显示商品推荐、促销信息、广告等内容。
- 底部导航栏：包含网页的页脚信息、帮助中心、联系我们等链接。
3.2 网页功能我们的电商网页具备以下主要功能：- 用户注册和登录功能：用户可以创建账号并登录以进行购物。
- 商品搜索功能：用户可以根据关键字搜索商品，得到相关的搜索结果。
- 商品分类功能：商品按照不同的分类进行展示，方便用户浏览和筛选。
- 商品详情查看功能：用户可以查看商品的详细信息，包括图片、描述、价格等。
- 购物车功能：用户在选择商品后可以将其添加至购物车，随时查看和管理购物车内的商品。
- 结算和支付功能：用户可以选择购买的商品并进行结算和支付过程。
2024网页设计实习报告总结（三篇）
2024网页设计实习报告总结____网页设计实习报告总结一、实习背景及目的本次实习是在____年暑假期间，在某知名网络科技公司进行的网页设计实习。
通过参与公司的实际项目，我得以接触到真实的工作环境和工作流程，深入了解了网页设计的相关知识和技能。
本次实习的目的主要是掌握网页设计的基本原理和技能，锻炼分析和解决问题的能力，提升自己在这个领域的实践经验。
通过实习的学习和实践，我将网页设计与用户体验相结合，提出了一些建议和改进措施，希望能对公司的网页设计工作有所帮助。
二、实习内容及经历在实习期间，我主要参与了公司一个正在进行的网页设计项目。
该项目是一个电商平台的网页设计项目，主要涉及到用户界面的优化和功能的添加。
具体的工作内容包括与产品经理和开发团队进行沟通，了解项目需求和用户需求；负责设计网页的布局和样式，以及添加交互功能；与开发团队进行协作，进行网页的编码和调试；与用户进行交流和反馈，根据用户反馈进行网页的改进等。
在实习期间，我逐渐熟悉了公司的工作流程和设计规范，学习了各种网页设计的工具和软件的使用，提升了自己的设计能力和技术水平。
通过与产品经理和开发团队的沟通，我了解到了用户需求的重要性，学会了从用户的角度思考问题，并且能够提出一些改进建议。
在与开发团队的协作中，我学会了与他人合作和沟通，能够更好地理解他们的思想和需求，并提供有效的解决方案。
三、实习收获和体会通过这次网页设计实习，我学到了很多知识和技能，收获了很多宝贵的经验和体会。
首先，我掌握了网页设计的基本原理和技能，学会了如何设计具有吸引力和易用性的网页界面。
其次，我了解了用户体验的重要性，学会了从用户角度思考问题，并且能够提出一些改进建议，为公司的网页设计工作提供一些参考和帮助。
最后，通过与产品经理和开发团队的沟通和协作，我学会了与他人合作和沟通，锻炼了自己的团队合作能力和解决问题的能力。
这次实习让我更加深入地理解了网页设计这个领域的复杂性和挑战性。
电子商务专业网页制作实验报告
《网页设计与制作》实验报告院系名称：管理学院专业班级：电子商务 10级02班学生姓名：相栓霞学号： 2010469006292012年 5 月11 日实验一：HTML语言实验一、实验目的1、掌握利用HTML语言编写网页的能力；2、掌握利用HTML语言编写表格的能力；3、掌握利用HTML语言编写表单的能力。
二、实验课时2学时三、实验内容1、表格实验的结果（1）实验步骤编制代码如下：<html><head><titel>表格示例</titel><body><table border="1"><tr><td bgcolor="#ff0000" width="200" height="50" rowspan="2" colspan="2">A</td><td width="100" height="25">B</td><td width="100" height="25" align="center">C</td></tr><tr><td colspan="2" align="center">D</td></tr><tr><td rowspan="2" align="right">E</td><td rowspan="2" align="right">F</td><td rowspan="2">G</td><td>H</td></tr><tr><td>I</td></tr></body></head></html>（2）运行结果：2、表单实验的结果（1）实验步骤编制代码如下：<html><head><title>表单</title></head><body><form method="POST" action="URL"> <table border="1"><p><tr> <td width="100" height="30" align="center">姓名：</td> <td width="200" height="30" ><input type="text" name="xingming" size="20"></td></tr></p><p><tr> <td width="100" height="30" align="center"> 密码：</td><td width="200" height="30" ><input type="password"name="mima" size="20"></td></tr></p><p><tr> <td width="100" height="30" align="center">性别：</td><td width="200" height="30" ><input type="radio" name="xingbie" value="remale" checked >女<input type="radio" value="male" name="xingbie">男</td></tr></p><p><tr> <td width="100" height="30" align="center">爱好：</td><td width="200" height="30" ><input type="checkbox" name="checkbox" value="basketble" checked>篮球<input type="checkbox" name="aihao" value="footble">足球<input type="checkbox" name="aihao" value="pingpang">乒乓</td> </tr></p><p><tr> <td width="100" height="30" align="center">籍贯：</td><td width="200" height="30" ><select size="1" name="jiguan"><option selected>开封</option><option>郑州</option><option>驻马店</option><option>信阳</option></select></td> </tr></p><p><tr> <td width="100" height="30" ></td><td width="200" height="30" ><input type="submit"value="提交" name="tijiao"><input type="reset" value="重置" name="chongzhi"></td></tr></p></table></form></body></html>（2）运行结果：四、实验小结通过本次试验让我感觉到实践的重要性，书本知识固然重要，但如果不把它转化为实践，就会成为一纸空谈。
河工大电商 网页设计报告
《网页设计与制作课程设计》实验报告2015年06 月一、实验目的本实验属于设计性实验，目的是在学完《网页设计与制作》课程的基本知识之后，通过使用CSS+DIV制作一个简单的网站，进一步熟悉和领悟HTML语言、CSS样式表和JAVASCRIPT语言的语法结构，通过实验学习网页制作的步骤与方法，任务是设计一个简单的网站。
二、实验步骤1、确定网站结构，形成实验思路。
2、设计网站的栏目和主页，主页切图。
3、利用CSS+DIV制作网站主页和弹出式导航条菜单，并利用JavaScript制作动态效果。
4、设计并利用CSS+DIV制作列表页，利用JavaScript制作动态效果。
5、完成设计制作并进行检查和修改。
三、网站设计思路1 、定位网站的主题和名称：网站主题是大型机械设备生产销售公司。
名称是“大河重工”网站。
2、定位网站的CI形象：设计网站的logo及文字，设定总体标准色彩。
3、确定网站的栏目：“首页。
产品展示。
新闻动态。
留言板。
关于我们。
联系我们。
”共六个大栏目。
4、确定网站的目录结构：（1）首页。
（2）产品展示。
下设“建筑破碎”、“矿山破碎”、“工业制粉”、“破碎筛分”四个子栏目。
（3）新闻动态。
下设“企业新闻”、“行业新闻”、“专题报道”三个子栏目。
（4）留言板。
（5）关于我们。
（6）联系我们。
5、确定网站的链接结构：树状链接结构6、资料的收集与整理：利用Firework切图获得相关的图片资料；收集需要的文字资料信息。
7、选择网页的设计方法：利用记事本文档写代码制作网页，并进行相应的调整。
四、网站的核心代码<!DOCTYPE HTML><html xmlns="/1999/xhtml" class="g_html"><head><title>大河重工-公司介绍</title><meta name="renderer" content="webkit"><link rel='canonical' href='/col.jsp?id=101'><link type="text/css" href="/css/base.min.css?v=201506231344"rel="stylesheet" /><link type="text/css" href="/css/template/5002.min.css?v=201504271715"rel="stylesheet" id="templateFrame" class="templateFrameClass"/><link type="text/css" href="/css/searchBoxStyle1.min.css?v=201506151725"rel="stylesheet"><link type="text/css" href="/css/edit.min.css?v=201506181932"rel="stylesheet" /><link type="text/css" href="/css/comm/jquery/poshytip/tip-yellowsimple.min.c ss?v=201410081739" rel="stylesheet" /><link type="text/css" href="/css/faiFloatPanel.min.css?v=201503311033"rel="stylesheet" /><link type="text/css" href="/css/site/mCustomScrollbar.min.css?v=20140722164 3" rel="stylesheet" /><style id='stylemodule'>#module327 {border:none;}#module327 {padding:0px;}#module327 .formMiddle327{border:none;}#module327 .formMiddle327{padding:0px;}#module327 .formMiddle327 .formMiddleCenter327{border:none;}#module327 .formMiddle327 .formMiddleCenter327{padding:0px;}#module327 .formTop327{display:none;}</style><style id='styleHeaderTop' type='text/css'></style><style id='stylefooter' type='text/css'></style><style id='styleWebSite' type='text/css'></style><style id='stylenav' type='text/css'></style><script type="text/javascript" language="javascript" >document.domain = '';</script></head><body class="g_body g_locale2052 " ><div id="sitetips" class="sitetips sitetips_new"><div class="keepcenter_tipbar"><div class="tiptext"></div><div class="tiptoolbtn"></div></div></div><div id="siteTipsDemoTemplate" class="siteTipsDemoTemplate"><iframe id="siteTipsDemoTemplateFrame" frameborder="0" width="100%" height="205px" scrolling="auto"></iframe></div><div id="g_main" class='g_main g_col101 ' style='top:31px' ><div id="web" class="g_web "><table class="webTopTable" cellpadding="0" cellspacing="0"><tr><td align="center"><div id="webTop" class="webTop"></div></td></tr></table><table class="absTopTable" cellpadding="0" cellspacing="0"><tr><td align="center"><div id="absTopForms" class="forms sideForms absForms"><div style="position:absolute;"></div><!-- for ie6 --><div id='module327' _indexClass='formIndex1' class='form formIndex1 formStyle62' title='' style='position:absolute;top:40px;left:714px;width:250px;' _side='0' _inTab='0' _inMulMCol='0' _inFullmeasure='0' _autoHeight='1' _global='true' _independent='false' ><table class='formTop formTop327' cellpadding='0' cellspacing='0'><tr><td class='left'></td><td class='center'></td><td class='right'></td></tr></table><table class='formMiddle formMiddle327' style='' cellpadding='0' cellspacing='0'><tr><td class='formMiddleLeft formMiddleLeft327'></td><td class='formMiddleCenter formMiddleCenter327' valign='top'><div class='formMiddleContent formMiddleContent327 '><div class='searchBox searchBoxStyle37'><div class='searchBoxContainer'><input class='g_itext' placeholder='' value='' _nSL='[]' maxlength='100' /><a class='g_btn searchBoxBtn' href='javascript:;' onclick='Site.searchInSite(327);return false;'><span>搜索</span></a></div></div><div class='recommandKeyBox'><div class='linkKeys'><a class='recommandKey' href='javascript:;' onclick='Site.searchInSiteByKey(327,"");return false;'><span></span></a></div></div></div></td><td class='formMiddleRight formMiddleRight327'></td></tr></table><table class='formBottom formBottom327' cellpadding='0' cellspacing='0'><tr><td class='left left327'></td><td class='center center327'></td><td class='right right327'></td></tr></table><div class='clearfloat clearfloat327'></div></div></div></td></tr></table><table class="webNavTable" cellpadding="0" cellspacing="0"><tr><td align="center"><div id="webNav" class="webNav webNavDefault"></div></td></tr></table><table class="webHeaderTable" cellpadding="0" cellspacing="0" id="webHeaderTable"><tr><td align="center" class="webHeaderTd"><div id="webHeader" class="webHeader"><table class='headerTable' cellpadding='0' cellspacing='0'><tr><td class='headerCusLeft'></td><td class='headerCusMiddle' align='center' valign='top'><div class='headerNav'><div id='nav' class='nav nav2'><div class='navMainContent'><table class='navTop' cellpadding='0' cellspacing='0'><tr><td class='navTopLeft'></td><td class='navTopCenter'></td><td class='navTopRight'></td></tr></table><table class='navContent' cellpadding='0' cellspacing='0'><tr><td class='navLeft'></td><td class='navCenterContent' id='navCenterContent' valign='top' align='left'><div id='navCenter' class='navCenter' style='width:528px;'><div class='itemContainer'><table title='' class='item itemCol2 itemIndex1' cellpadding='0' cellspacing='0' colId='2' id='nav2' onclick='window.open("/", "_self")' _jump='window.open("/", "_self")' ><tr><td class='itemLeft'></td><td class='itemCenter'><a hidefocus='true' style='outline:none;' href='/' target='_self' onclick='return false;'><span class='itemName0'>首页</span></a></td><td class='itemRight'></td></tr></table><div class='itemSep'></div><table title='' class='item itemCol12 itemIndex2' cellpadding='0' cellspacing='0' colId='12' id='nav12' onclick='window.open("/pr.jsp", "_self")' _jump='window.open("/pr.jsp", "_self")' ><tr><td class='itemLeft'></td><td class='itemCenter'><a hidefocus='true' style='outline:none;' href='/pr.jsp' target='_self' onclick='return false;'><span class='itemName0'>产品展示</span></a></td><td class='itemRight'></td></tr></table><div class='itemSep'></div><table title='' class='item itemCol21 itemIndex3' cellpadding='0' cellspacing='0' colId='21' id='nav21' onclick='window.open("/nr.jsp", "_self")' _jump='window.open("/nr.jsp", "_self")' ><tr><td class='itemLeft'></td><td class='itemCenter'><a hidefocus='true' style='outline:none;' href='/nr.jsp' target='_self' onclick='return false;'><span class='itemName0'>新闻动态</span></a></td></tr></table><div class='itemSep'></div><table title='' class='item itemCol9 itemIndex4' cellpadding='0' cellspacing='0' colId='9' id='nav9' onclick='window.open("/msgBoard.jsp", "_self")' _jump='window.open("/msgBoard.jsp", "_self")' ><tr><td class='itemLeft'></td><td class='itemCenter'><a hidefocus='true' style='outline:none;' href='/msgBoard.jsp' target='_self' onclick='return false;'><span class='itemName0'>留言板</span></a></td><td class='itemRight'></td></tr></table><div class='itemSep'></div><table title='' class='item itemCol101 itemIndex5' cellpadding='0' cellspacing='0' colId='101' id='nav101' onclick='window.open("/col.jsp?id=101", "_self")' _jump='window.open("/col.jsp?id=101", "_self")' ><tr><td class='itemLeft'></td><td class='itemCenter'><a hidefocus='true' style='outline:none;' href='/col.jsp?id=101' target='_self' onclick='return false;'><span class='itemName0'>关于我们</span></a></td><td class='itemRight'></td></tr></table><div class='itemSep'></div><table title='' class='item itemCol102 itemIndex6' cellpadding='0' cellspacing='0' colId='102' id='nav102' onclick='window.open("/col.jsp?id=102", "_self")' _jump='window.open("/col.jsp?id=102", "_self")' ><tr><td class='itemLeft'></td><td class='itemCenter'><a hidefocus='true' style='outline:none;'href='/col.jsp?id=102' target='_self' onclick='return false;'><span class='itemName0'>联系我们</span></a></td><td class='itemRight'></td></tr></table></div><div class='itemNext'></div></div></td><td class='navRight'></td></tr></table><table class='navBottom' cellpadding='0' cellspacing='0'><tr><td class='navBottomLeft'></td><td class='navBottomCenter'></td><td class='navBottomRight'></td></tr></table></div></div></div></td><table cellpadding='0' cellspacing='0' class='formBannerTitle formBannerTitle308'><tr><td class='titleLeft titleLeft308' valign='top'></td><td class='titleCenter titleCenter308' valign='top'><div class='titleText titleText308'><span>在线客服</span></div></td><td class='titleRight titleRight308' valign='top'></td></tr></table></td><td class='right right308'></td></tr></table><table class='formMiddle formMiddle308' style='' cellpadding='0' cellspacing='0'><tr><td class='formMiddleLeft formMiddleLeft308'></td><td class='formMiddleCenter formMiddleCenter308' valign='top'><div class='formMiddleContent formMiddleContent308 '><div id='serOnline-container308' class='serOnline-container'><div class='serOnline-service'><div class='serOnline-list-h lineH-21 '><a hidefocus='true'href='/msgrd?v=3&uin=100000&site=qq&menu=yes'target='_blank'><span class='serOnline-img qqImg' > </span>客服一</a></div><div class='serOnline-list-h lineH-21 lastData'><a hidefocus='true' href='/msgrd?v=3&uin=100000&site=qq&menu=yes'target='_blank'><span class='serOnline-img qqImg' > </span>客服一</a></div></div><div class='serOnline-separation-line g_separator'></div><div class='serOnline-worktime'><div class='marBL-10'><span class='worktime-header-img'> </span><span style='font-size:15px;'><b>工作时间</b></span></div><div class='serOnline-list-h '><span>周一至周五：8:30-17:30</span></div><div class='serOnline-list-h lastData'><span>周六至周日：9:00-17:00</span></div></div></div></div></td><td class='formMiddleRight formMiddleRight308'></td></tr></table><table class='formBottom formBottom308' cellpadding='0' cellspacing='0'><tr><td class='left left308'></td><td class='center center308'></td><td class='right right308'></td></tr></table><div class='clearfloat clearfloat308'></div></div><div id='module302' _indexClass='formIndex2' class='form form302 formIndex2 formStyle1' title='' style='' _side='0' _inTab='0' _inMulMCol='0' _inFullmeasure='0' _autoHeight='1' _global='true' _independent='false' ><table class='formTop formTop302' cellpadding='0' cellspacing='0'><tr><td class='left'></td><td class='center'></td><td class='right'></td></tr></table><table class='formBanner formBanner302' cellpadding='0' cellspacing='0'><tr><td class='left left302'></td><td class='center center302' valign='top'><table cellpadding='0' cellspacing='0' class='formBannerTitle formBannerTitle302'><tr><td class='titleLeft titleLeft302' valign='top'></td><td class='titleCenter titleCenter302' valign='top'><div class='titleText titleText302'><span>联系方式</span></div></td><td class='titleRight titleRight302' valign='top'></td></tr></table></td><td class='right right302'></td></tr></table><table class='formMiddle formMiddle302' style='' cellpadding='0' cellspacing='0'><tr><td class='formMiddleLeft formMiddleLeft302'></td><td class='formMiddleCenter formMiddleCenter302' valign='top'><div class='formMiddleContent formMiddleContent302 '><div class='richContent richContent0'><p>联系人：李先生</p><p>电话：0371-********</p><p>邮箱：123456789@</p><p>地址：郑州市高新技术开发区</p></div></div></td><td class='formMiddleRight formMiddleRight302'></td></tr></table><table class='formBottom formBottom302' cellpadding='0' cellspacing='0'><tr><td class='left left302'></td><td class='center center302'></td><td class='right right302'></td></tr></table><div class='clearfloat clearfloat302'></div></div></div><div class="containerFormsLeftBottom"></div></td><td valign="top" id="containerFormsCenter" class="containerFormsCenter"><div id="centerTopForms" class="column forms mainForms centerTopForms" ><div id='module309' _indexClass='formIndex1' class='form form309 formIndex1 formStyle1' title='' style='' _side='0' _inTab='0' _inMulMCol='0' _inFullmeasure='0' _autoHeight='1' _global='false' _independent='false' ><table class='formTop formTop309' cellpadding='0' cellspacing='0'><tr><td class='left'></td><td class='center'></td><td class='right'></td></tr></table><table class='formBanner formBanner309' cellpadding='0' cellspacing='0'><tr> <td class='left left309'></td><td class='center center309' valign='top'><table cellpadding='0' cellspacing='0' class='formBannerTitle formBannerTitle309'><tr><td class='titleLeft titleLeft309' valign='top'></td><td class='titleCenter titleCenter309' valign='top'><div class='titleText titleText309'><span>关于我们</span></div></td><td class='titleRight titleRight309' valign='top'></td></tr></table><td class='right right309'></td></tr></table><table class='formMiddle formMiddle309' style='' cellpadding='0' cellspacing='0'><tr><td class='formMiddleLeft formMiddleLeft309'></td><td class='formMiddleCenter formMiddleCenter309' valign='top'><div class='formMiddleContent formMiddleContent309 '><div class='richModuleSlaveImgContainer textImg1'><img class='richModuleSlaveImg' alt='大河重工' title='大河重工' src='大河重工.jpg' style='width:310px;height:401px;' /><div class='richEditPic' _onMouseIn='0' onclick='Site.changeRichPic(309);return false;'><a class='edit' id='uploadButton' ></a></div></div><div class='richContent richContent1'><p style="line-height:2em;"> 成立于1992年的大河科技是一家专业生产大中型破碎、制砂、磨粉设备，研、产、销三位一体的股份制企业。
电子商务网页制作实训报告
一周的网站规划实训又结束了，在这短短的一周实训中，我们每一个学生都受益匪浅。
时间过得真快呀，这也是这学期我们最后一次在学校里的实训，每一个同学都怀着饱满的热情，都在积极紧张的实训，我也一样，只是多了一种不舍得感觉，虽然我们在实训中也有些苦痛和烦恼，但是我会努力的克服自己所遇到的任何困难以及在老师热心的帮助下我们很快的解决了自己遇到的一些困难。
总的来说：我在实训中不仅学到了课本上面没有的知识，而且还学到了坚持不懈，不抛弃，不放弃的一种学习的精神。
这次实训让我增长了很多关于网站制作的知识，也让我体会到了做网站并不是我想象中的那么简单。
网页设计与制作综合实训是我们学习过程中重要的实践性学习环节。
它是根据我们学习计划的要求，在老师的指导下对我们进行网页制作专业技能的训练,培养我们综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的培养过程.因此加强实践学习环节,搞好实训教学,对实现我们专业的培养目标,提高我们的综合素质有着重要的作用。
通过这次实训，我学到了很多有价值的东西。
我独立的完成网站设计的全过程，把设计中散乱的网页链接成框架体系，使平时学到的知识点有了很高的提高，并且合理的在试验中进行了实践。
在这次实验的过程中，我搜集了大量的素材和网页设计制作的知识，增加知识面，给我在以后的设计过程中能博采众长，制作出好的网页打下了基础。
通过短短几天的网站规划实训，我从中学到了很多的知识。
每一个同学都在认认真真的实训，都在认真的做网页。
尽管在实训中遇到了许多不少的问题，通过自己上网查阅资料和老师的耐心教导，我们每一个同学都解决了自己在实训中遇到的困难。
有的同学还互相帮助和积极讨论遇到的问题，同样在学习的良好氛围之下解决了遇到的困难。
在这次网站规划中，我们学到了课本上没有的知识，不仅开拓了我们的视野，而且增加了我们设计制作网站的能力。
虽然实训也有些苦痛和烦恼，但是我们每一个人都怀着一颗学习的心，不怕困哪和苦痛，认真的完成了网站规划的实训。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页设计与制作课程设计》实验报告2015年06 月一、实验目的本实验属于设计性实验，目的是在学完《网页设计与制作》课程的基本知识之后，通过使用CSS+DIV制作一个简单的网站，进一步熟悉和领悟HTML语言、CSS样式表和JAVASCRIPT语言的语法结构，通过实验学习网页制作的步骤与方法，任务是设计一个简单的网站。
二、实验步骤1、确定网站结构，形成实验思路。
2、设计网站的栏目和主页，主页切图。
3、利用CSS+DIV制作网站主页和弹出式导航条菜单，并利用JavaScript制作动态效果。
4、设计并利用CSS+DIV制作列表页，利用JavaScript制作动态效果。
5、完成设计制作并进行检查和修改。
三、网站设计思路1 、定位网站的主题和名称：网站主题是大型机械设备生产销售公司。
名称是“大河重工”网站。
2、定位网站的CI形象：设计网站的logo及文字，设定总体标准色彩。
3、确定网站的栏目：“首页。
产品展示。
新闻动态。
留言板。
关于我们。
联系我们。
”共六个大栏目。
4、确定网站的目录结构：（1）首页。
（2）产品展示。
下设“建筑破碎”、“矿山破碎”、“工业制粉”、“破碎筛分”四个子栏目。
（3）新闻动态。
下设“企业新闻”、“行业新闻”、“专题报道”三个子栏目。
（4）留言板。
（5）关于我们。
（6）联系我们。
5、确定网站的链接结构：树状链接结构6、资料的收集与整理：利用Firework切图获得相关的图片资料；收集需要的文字资料信息。
7、选择网页的设计方法：利用记事本文档写代码制作网页，并进行相应的调整。
四、网站的核心代码<!DOCTYPE HTML><html xmlns="/1999/xhtml" class="g_html"><head><title>大河重工-公司介绍</title><meta name="renderer" content="webkit"><link rel='canonical' href='/col.jsp?id=101'><link type="text/css" href="/css/base.min.css?v=201506231344"rel="stylesheet" /><link type="text/css" href="/css/template/5002.min.css?v=201504271715"rel="stylesheet" id="templateFrame" class="templateFrameClass"/><link type="text/css" href="/css/searchBoxStyle1.min.css?v=201506151725"rel="stylesheet"><link type="text/css" href="/css/edit.min.css?v=201506181932"rel="stylesheet" /><link type="text/css" href="/css/comm/jquery/poshytip/tip-yellowsimple.min.c ss?v=201410081739" rel="stylesheet" /><link type="text/css" href="/css/faiFloatPanel.min.css?v=201503311033"rel="stylesheet" /><link type="text/css" href="/css/site/mCustomScrollbar.min.css?v=20140722164 3" rel="stylesheet" /><style id='stylemodule'>#module327 {border:none;}#module327 {padding:0px;}#module327 .formMiddle327{border:none;}#module327 .formMiddle327{padding:0px;}#module327 .formMiddle327 .formMiddleCenter327{border:none;}#module327 .formMiddle327 .formMiddleCenter327{padding:0px;}#module327 .formTop327{display:none;}</style><style id='styleHeaderTop' type='text/css'></style><style id='stylefooter' type='text/css'></style><style id='styleWebSite' type='text/css'></style><style id='stylenav' type='text/css'></style><script type="text/javascript" language="javascript" >document.domain = '';</script></head><body class="g_body g_locale2052 " ><div id="sitetips" class="sitetips sitetips_new"><div class="keepcenter_tipbar"><div class="tiptext"></div><div class="tiptoolbtn"></div></div></div><div id="siteTipsDemoTemplate" class="siteTipsDemoTemplate"><iframe id="siteTipsDemoTemplateFrame" frameborder="0" width="100%" height="205px" scrolling="auto"></iframe></div><div id="g_main" class='g_main g_col101 ' style='top:31px' ><div id="web" class="g_web "><table class="webTopTable" cellpadding="0" cellspacing="0"><tr><td align="center"><div id="webTop" class="webTop"></div></td></tr></table><table class="absTopTable" cellpadding="0" cellspacing="0"><tr><td align="center"><div id="absTopForms" class="forms sideForms absForms"><div style="position:absolute;"></div><!-- for ie6 --><div id='module327' _indexClass='formIndex1' class='form formIndex1 formStyle62' title='' style='position:absolute;top:40px;left:714px;width:250px;' _side='0' _inTab='0' _inMulMCol='0' _inFullmeasure='0' _autoHeight='1' _global='true' _independent='false' ><table class='formTop formTop327' cellpadding='0' cellspacing='0'><tr><td class='left'></td><td class='center'></td><td class='right'></td></tr></table><table class='formMiddle formMiddle327' style='' cellpadding='0' cellspacing='0'><tr><td class='formMiddleLeft formMiddleLeft327'></td><td class='formMiddleCenter formMiddleCenter327' valign='top'><div class='formMiddleContent formMiddleContent327 '><div class='searchBox searchBoxStyle37'><div class='searchBoxContainer'><input class='g_itext' placeholder='' value='' _nSL='[]' maxlength='100' /><a class='g_btn searchBoxBtn' href='javascript:;' onclick='Site.searchInSite(327);return false;'><span>搜索</span></a></div></div><div class='recommandKeyBox'><div class='linkKeys'><a class='recommandKey' href='javascript:;' onclick='Site.searchInSiteByKey(327,"");return false;'><span></span></a></div></div></div></td><td class='formMiddleRight formMiddleRight327'></td></tr></table><table class='formBottom formBottom327' cellpadding='0' cellspacing='0'><tr><td class='left left327'></td><td class='center center327'></td><td class='right right327'></td></tr></table><div class='clearfloat clearfloat327'></div></div></div></td></tr></table><table class="webNavTable" cellpadding="0" cellspacing="0"><tr><td align="center"><div id="webNav" class="webNav webNavDefault"></div></td></tr></table><table class="webHeaderTable" cellpadding="0" cellspacing="0" id="webHeaderTable"><tr><td align="center" class="webHeaderTd"><div id="webHeader" class="webHeader"><table class='headerTable' cellpadding='0' cellspacing='0'><tr><td class='headerCusLeft'></td><td class='headerCusMiddle' align='center' valign='top'><div class='headerNav'><div id='nav' class='nav nav2'><div class='navMainContent'><table class='navTop' cellpadding='0' cellspacing='0'><tr><td class='navTopLeft'></td><td class='navTopCenter'></td><td class='navTopRight'></td></tr></table><table class='navContent' cellpadding='0' cellspacing='0'><tr><td class='navLeft'></td><td class='navCenterContent' id='navCenterContent' valign='top' align='left'><div id='navCenter' class='navCenter' style='width:528px;'><div class='itemContainer'><table title='' class='item itemCol2 itemIndex1' cellpadding='0' cellspacing='0' colId='2' id='nav2' onclick='window.open("/", "_self")' _jump='window.open("/", "_self")' ><tr><td class='itemLeft'></td><td class='itemCenter'><a hidefocus='true' style='outline:none;' href='/' target='_self' onclick='return false;'><span class='itemName0'>首页</span></a></td><td class='itemRight'></td></tr></table><div class='itemSep'></div><table title='' class='item itemCol12 itemIndex2' cellpadding='0' cellspacing='0' colId='12' id='nav12' onclick='window.open("/pr.jsp", "_self")' _jump='window.open("/pr.jsp", "_self")' ><tr><td class='itemLeft'></td><td class='itemCenter'><a hidefocus='true' style='outline:none;' href='/pr.jsp' target='_self' onclick='return false;'><span class='itemName0'>产品展示</span></a></td><td class='itemRight'></td></tr></table><div class='itemSep'></div><table title='' class='item itemCol21 itemIndex3' cellpadding='0' cellspacing='0' colId='21' id='nav21' onclick='window.open("/nr.jsp", "_self")' _jump='window.open("/nr.jsp", "_self")' ><tr><td class='itemLeft'></td><td class='itemCenter'><a hidefocus='true' style='outline:none;' href='/nr.jsp' target='_self' onclick='return false;'><span class='itemName0'>新闻动态</span></a></td></tr></table><div class='itemSep'></div><table title='' class='item itemCol9 itemIndex4' cellpadding='0' cellspacing='0' colId='9' id='nav9' onclick='window.open("/msgBoard.jsp", "_self")' _jump='window.open("/msgBoard.jsp", "_self")' ><tr><td class='itemLeft'></td><td class='itemCenter'><a hidefocus='true' style='outline:none;' href='/msgBoard.jsp' target='_self' onclick='return false;'><span class='itemName0'>留言板</span></a></td><td class='itemRight'></td></tr></table><div class='itemSep'></div><table title='' class='item itemCol101 itemIndex5' cellpadding='0' cellspacing='0' colId='101' id='nav101' onclick='window.open("/col.jsp?id=101", "_self")' _jump='window.open("/col.jsp?id=101", "_self")' ><tr><td class='itemLeft'></td><td class='itemCenter'><a hidefocus='true' style='outline:none;' href='/col.jsp?id=101' target='_self' onclick='return false;'><span class='itemName0'>关于我们</span></a></td><td class='itemRight'></td></tr></table><div class='itemSep'></div><table title='' class='item itemCol102 itemIndex6' cellpadding='0' cellspacing='0' colId='102' id='nav102' onclick='window.open("/col.jsp?id=102", "_self")' _jump='window.open("/col.jsp?id=102", "_self")' ><tr><td class='itemLeft'></td><td class='itemCenter'><a hidefocus='true' style='outline:none;'href='/col.jsp?id=102' target='_self' onclick='return false;'><span class='itemName0'>联系我们</span></a></td><td class='itemRight'></td></tr></table></div><div class='itemNext'></div></div></td><td class='navRight'></td></tr></table><table class='navBottom' cellpadding='0' cellspacing='0'><tr><td class='navBottomLeft'></td><td class='navBottomCenter'></td><td class='navBottomRight'></td></tr></table></div></div></div></td><table cellpadding='0' cellspacing='0' class='formBannerTitle formBannerTitle308'><tr><td class='titleLeft titleLeft308' valign='top'></td><td class='titleCenter titleCenter308' valign='top'><div class='titleText titleText308'><span>在线客服</span></div></td><td class='titleRight titleRight308' valign='top'></td></tr></table></td><td class='right right308'></td></tr></table><table class='formMiddle formMiddle308' style='' cellpadding='0' cellspacing='0'><tr><td class='formMiddleLeft formMiddleLeft308'></td><td class='formMiddleCenter formMiddleCenter308' valign='top'><div class='formMiddleContent formMiddleContent308 '><div id='serOnline-container308' class='serOnline-container'><div class='serOnline-service'><div class='serOnline-list-h lineH-21 '><a hidefocus='true'href='/msgrd?v=3&uin=100000&site=qq&menu=yes'target='_blank'><span class='serOnline-img qqImg' > </span>客服一</a></div><div class='serOnline-list-h lineH-21 lastData'><a hidefocus='true' href='/msgrd?v=3&uin=100000&site=qq&menu=yes'target='_blank'><span class='serOnline-img qqImg' > </span>客服一</a></div></div><div class='serOnline-separation-line g_separator'></div><div class='serOnline-worktime'><div class='marBL-10'><span class='worktime-header-img'> </span><span style='font-size:15px;'><b>工作时间</b></span></div><div class='serOnline-list-h '><span>周一至周五：8:30-17:30</span></div><div class='serOnline-list-h lastData'><span>周六至周日：9:00-17:00</span></div></div></div></div></td><td class='formMiddleRight formMiddleRight308'></td></tr></table><table class='formBottom formBottom308' cellpadding='0' cellspacing='0'><tr><td class='left left308'></td><td class='center center308'></td><td class='right right308'></td></tr></table><div class='clearfloat clearfloat308'></div></div><div id='module302' _indexClass='formIndex2' class='form form302 formIndex2 formStyle1' title='' style='' _side='0' _inTab='0' _inMulMCol='0' _inFullmeasure='0' _autoHeight='1' _global='true' _independent='false' ><table class='formTop formTop302' cellpadding='0' cellspacing='0'><tr><td class='left'></td><td class='center'></td><td class='right'></td></tr></table><table class='formBanner formBanner302' cellpadding='0' cellspacing='0'><tr><td class='left left302'></td><td class='center center302' valign='top'><table cellpadding='0' cellspacing='0' class='formBannerTitle formBannerTitle302'><tr><td class='titleLeft titleLeft302' valign='top'></td><td class='titleCenter titleCenter302' valign='top'><div class='titleText titleText302'><span>联系方式</span></div></td><td class='titleRight titleRight302' valign='top'></td></tr></table></td><td class='right right302'></td></tr></table><table class='formMiddle formMiddle302' style='' cellpadding='0' cellspacing='0'><tr><td class='formMiddleLeft formMiddleLeft302'></td><td class='formMiddleCenter formMiddleCenter302' valign='top'><div class='formMiddleContent formMiddleContent302 '><div class='richContent richContent0'><p>联系人：李先生</p><p>电话：0371-********</p><p>邮箱：123456789@</p><p>地址：郑州市高新技术开发区</p></div></div></td><td class='formMiddleRight formMiddleRight302'></td></tr></table><table class='formBottom formBottom302' cellpadding='0' cellspacing='0'><tr><td class='left left302'></td><td class='center center302'></td><td class='right right302'></td></tr></table><div class='clearfloat clearfloat302'></div></div></div><div class="containerFormsLeftBottom"></div></td><td valign="top" id="containerFormsCenter" class="containerFormsCenter"><div id="centerTopForms" class="column forms mainForms centerTopForms" ><div id='module309' _indexClass='formIndex1' class='form form309 formIndex1 formStyle1' title='' style='' _side='0' _inTab='0' _inMulMCol='0' _inFullmeasure='0' _autoHeight='1' _global='false' _independent='false' ><table class='formTop formTop309' cellpadding='0' cellspacing='0'><tr><td class='left'></td><td class='center'></td><td class='right'></td></tr></table><table class='formBanner formBanner309' cellpadding='0' cellspacing='0'><tr> <td class='left left309'></td><td class='center center309' valign='top'><table cellpadding='0' cellspacing='0' class='formBannerTitle formBannerTitle309'><tr><td class='titleLeft titleLeft309' valign='top'></td><td class='titleCenter titleCenter309' valign='top'><div class='titleText titleText309'><span>关于我们</span></div></td><td class='titleRight titleRight309' valign='top'></td></tr></table><td class='right right309'></td></tr></table><table class='formMiddle formMiddle309' style='' cellpadding='0' cellspacing='0'><tr><td class='formMiddleLeft formMiddleLeft309'></td><td class='formMiddleCenter formMiddleCenter309' valign='top'><div class='formMiddleContent formMiddleContent309 '><div class='richModuleSlaveImgContainer textImg1'><img class='richModuleSlaveImg' alt='大河重工' title='大河重工' src='大河重工.jpg' style='width:310px;height:401px;' /><div class='richEditPic' _onMouseIn='0' onclick='Site.changeRichPic(309);return false;'><a class='edit' id='uploadButton' ></a></div></div><div class='richContent richContent1'><p style="line-height:2em;"> 成立于1992年的大河科技是一家专业生产大中型破碎、制砂、磨粉设备，研、产、销三位一体的股份制企业。