河工大电商 网页设计报告
- 格式:doc
- 大小:200.00 KB
- 文档页数:15
一、引言随着互联网的飞速发展,网页设计已成为一种热门的职业技能。
为了提升自己的网页设计能力,我参加了本学期的网页设计期末实训。
通过这次实训,我对网页设计有了更深入的了解,掌握了更多的设计技巧,同时也发现了自身的不足。
以下是我在实训过程中的总结与反思。
二、实训目标与内容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网页设计实习报告总结____网页设计实习报告总结一、实习背景及目的本次实习是在____年暑假期间,在某知名网络科技公司进行的网页设计实习。
通过参与公司的实际项目,我得以接触到真实的工作环境和工作流程,深入了解了网页设计的相关知识和技能。
本次实习的目的主要是掌握网页设计的基本原理和技能,锻炼分析和解决问题的能力,提升自己在这个领域的实践经验。
通过实习的学习和实践,我将网页设计与用户体验相结合,提出了一些建议和改进措施,希望能对公司的网页设计工作有所帮助。
二、实习内容及经历在实习期间,我主要参与了公司一个正在进行的网页设计项目。
该项目是一个电商平台的网页设计项目,主要涉及到用户界面的优化和功能的添加。
具体的工作内容包括与产品经理和开发团队进行沟通,了解项目需求和用户需求;负责设计网页的布局和样式,以及添加交互功能;与开发团队进行协作,进行网页的编码和调试;与用户进行交流和反馈,根据用户反馈进行网页的改进等。
在实习期间,我逐渐熟悉了公司的工作流程和设计规范,学习了各种网页设计的工具和软件的使用,提升了自己的设计能力和技术水平。
通过与产品经理和开发团队的沟通,我了解到了用户需求的重要性,学会了从用户的角度思考问题,并且能够提出一些改进建议。
在与开发团队的协作中,我学会了与他人合作和沟通,能够更好地理解他们的思想和需求,并提供有效的解决方案。
三、实习收获和体会通过这次网页设计实习,我学到了很多知识和技能,收获了很多宝贵的经验和体会。
首先,我掌握了网页设计的基本原理和技能,学会了如何设计具有吸引力和易用性的网页界面。
其次,我了解了用户体验的重要性,学会了从用户角度思考问题,并且能够提出一些改进建议,为公司的网页设计工作提供一些参考和帮助。
最后,通过与产品经理和开发团队的沟通和协作,我学会了与他人合作和沟通,锻炼了自己的团队合作能力和解决问题的能力。
这次实习让我更加深入地理解了网页设计这个领域的复杂性和挑战性。
《网页设计与制作》实验报告院系名称:管理学院专业班级:电子商务 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年的大河科技是一家专业生产大中型破碎、制砂、磨粉设备,研、产、销三位一体的股份制企业。
一周的网站规划实训又结束了,在这短短的一周实训中,我们每一个学生都受益匪浅。
时间过得真快呀,这也是这学期我们最后一次在学校里的实训,每一个同学都怀着饱满的热情,都在积极紧张的实训,我也一样,只是多了一种不舍得感觉,虽然我们在实训中也有些苦痛和烦恼,但是我会努力的克服自己所遇到的任何困难以及在老师热心的帮助下我们很快的解决了自己遇到的一些困难。
总的来说:我在实训中不仅学到了课本上面没有的知识,而且还学到了坚持不懈,不抛弃,不放弃的一种学习的精神。
这次实训让我增长了很多关于网站制作的知识,也让我体会到了做网站并不是我想象中的那么简单。
网页设计与制作综合实训是我们学习过程中重要的实践性学习环节。
它是根据我们学习计划的要求,在老师的指导下对我们进行网页制作专业技能的训练,培养我们综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的培养过程.因此加强实践学习环节,搞好实训教学,对实现我们专业的培养目标,提高我们的综合素质有着重要的作用。
通过这次实训,我学到了很多有价值的东西。
我独立的完成网站设计的全过程,把设计中散乱的网页链接成框架体系,使平时学到的知识点有了很高的提高,并且合理的在试验中进行了实践。
在这次实验的过程中,我搜集了大量的素材和网页设计制作的知识,增加知识面,给我在以后的设计过程中能博采众长,制作出好的网页打下了基础。
通过短短几天的网站规划实训,我从中学到了很多的知识。
每一个同学都在认认真真的实训,都在认真的做网页。
尽管在实训中遇到了许多不少的问题,通过自己上网查阅资料和老师的耐心教导,我们每一个同学都解决了自己在实训中遇到的困难。
有的同学还互相帮助和积极讨论遇到的问题,同样在学习的良好氛围之下解决了遇到的困难。
在这次网站规划中,我们学到了课本上没有的知识,不仅开拓了我们的视野,而且增加了我们设计制作网站的能力。
虽然实训也有些苦痛和烦恼,但是我们每一个人都怀着一颗学习的心,不怕困哪和苦痛,认真的完成了网站规划的实训。
网页设计实训报告总结一、引言网页设计实训是大学课程中的一项重要任务,旨在培养学生的设计能力和技术实践能力。
在这次实训中,我们学习了网页设计的基本原理和技巧,并且通过实践项目提升了我们的设计水平。
本文将对这次实训进行总结和归纳,介绍所学知识和经验。
二、设计理念与目标在网页设计实训中,我们首先学习了设计理念与目标的重要性。
一个成功的网页设计需要有明确的目标和清晰的理念。
通过设定目标,我们可以更好地定位和设计网页的内容、布局和功能。
同时,设计理念也是网页的灵魂,它可以让网页与众不同、独具风格,吸引用户的注意力。
三、用户体验与界面设计用户体验是一个好的网页设计的核心。
在实训中,我们了解了用户体验的重要性,并学习了一些提升用户体验的方法。
例如,通过精简页面内容、合理设置导航栏、优化页面加载速度等,可以提高用户的满意度和留存率。
此外,我们还学会了运用色彩、图像和字体等元素进行界面设计,创造出具有吸引力和舒适感的网页。
四、交互设计与响应式布局交互设计是指用户与网页之间的互动体验,包括用户界面的设计、交互的形式以及用户操作的导引。
在实训中,我们学习了交互设计的原则和技巧,并在项目中实践了一些交互效果,如点击动画、下拉菜单等。
同时,响应式布局也是现代网页设计中的重要技术,通过适配不同终端设备,确保网页在各种分辨率和屏幕尺寸下都能良好展示。
五、网页优化与SEO在设计完成后,我们还需要对网页进行优化,以提高其在搜索引擎中的排名和曝光度。
在实训中,我们学习了一些基本的SEO(Search Engine Optimization)技巧,如关键词优化、网页标记和链接策略等。
通过合理运用这些技巧,我们可以使网页更容易被搜索引擎收录,并在搜索结果中获得更好的排名。
六、项目实践与经验总结在这次实训中,我们根据所学知识和技术,完成了一个完整的网页设计项目。
通过实际操作,我们不仅巩固了之前学到的理论知识,还发现了一些实践中的问题和解决方案。
一、实训背景随着互联网的快速发展,网页设计已经成为现代企业、个人展示自身形象和推广产品的重要手段。
为了提高我的网页设计能力,我参加了为期一个月的网页设计实训。
本次实训旨在通过实际操作,掌握网页设计的基本技巧,提高自己的综合素质。
二、实训目的1. 熟悉网页设计的基本流程和原则;2. 掌握网页设计工具的使用方法;3. 学会运用网页设计技巧进行页面布局和美化;4. 提高自己的审美能力和创新意识;5. 培养团队协作精神。
三、实训内容1. 网页设计基础知识实训过程中,我学习了网页设计的基本概念、网页设计原则、网页设计流程等知识。
通过对这些知识的掌握,我了解到网页设计不仅仅是视觉上的美观,更重要的是要满足用户需求,提高用户体验。
2. 网页设计工具的使用实训期间,我熟练掌握了Dreamweaver、Photoshop等网页设计工具的使用方法。
通过这些工具,我能够实现网页的布局、美化、动画等效果。
3. 页面布局与美化在实训过程中,我学习了如何根据网页内容进行合理的页面布局,并运用色彩、字体、图片等元素进行美化。
通过实践,我掌握了以下技巧:(1)页面布局:遵循“上重下轻、左重右轻”的原则,合理安排页面元素的位置;(2)色彩搭配:运用色彩理论,选择合适的色彩搭配方案,使页面更具视觉冲击力;(3)字体运用:根据网页内容选择合适的字体,提高可读性;(4)图片处理:运用Photoshop等工具对图片进行编辑,提高图片质量。
4. 网页动画制作实训期间,我学习了如何使用Flash等工具制作网页动画。
通过动画,可以增强网页的动态效果,提高用户体验。
5. 网页优化与SEO为了提高网页的搜索引擎排名,我学习了网页优化和SEO的相关知识。
掌握了以下技巧:(1)关键词优化:合理设置关键词,提高网页在搜索引擎中的排名;(2)网站结构优化:优化网站结构,提高用户体验和搜索引擎收录;(3)页面加载速度优化:减少页面元素,提高页面加载速度。
四、实训成果通过本次实训,我取得以下成果:1. 掌握了网页设计的基本流程和原则;2. 熟练掌握了Dreamweaver、Photoshop等网页设计工具的使用方法;3. 学会了运用网页设计技巧进行页面布局和美化;4. 提高了审美能力和创新意识;5. 培养了团队协作精神。
网页设计实训报告总结网页设计实训报告总结本次实训是一次非常有意义的学习和实践的机会,通过实际动手设计了一个网页,更加深入地了解了网页设计的一些基本原则和技巧。
在实践中,我发现了自己在网页设计方面的一些不足之处,同时也意识到了自己在这个领域的潜在能力和发展空间。
在实践中,我首先进行了网页的需求分析和规划。
通过与客户的沟通和了解,我了解到了网页的主题和目标受众,进而确定了网页的整体风格和色彩搭配。
接下来,我进行了网页的线框图绘制和页面布局设计。
在设计过程中,我注重页面的结构清晰和布局简洁,同时也考虑了用户的使用习惯和体验。
然后,我开始进行网页的视觉设计。
在这一阶段,我选择了适合主题的配色方案,并使用了一些合适的图片和图标来增强页面的视觉效果。
我注重了页面的整体美感和视觉吸引力,同时也尽量保持页面的简洁和干净。
在网页的制作过程中,我运用了HTML和CSS等相关技术,实现了网页的结构和样式。
我还学习了响应式设计的一些基本原理和方法,使网页在不同设备上都能正常显示和使用。
同时,我尝试了一些基本的交互效果,如按钮的样式变化和导航菜单的下拉效果,提升了用户的体验和互动性。
在实践过程中,我遇到了一些问题和困难,但通过查找资料和与同学交流,我解决了这些问题,并对网页设计的一些重要知识点有了更深入的理解。
我还参考了一些优秀的网页设计作品,学习了它们的设计思路和技巧,进一步提高了自己的设计水平。
通过本次实践,我深刻体会到了网页设计的重要性和影响力。
一个好的网页设计可以提升用户的体验和品牌形象,吸引更多的访问和转化率。
同时,网页设计也需要考虑用户的习惯和需求,通过合理的布局和交互设计来提高用户的满意度和使用效果。
在未来的学习和实践中,我会继续深入学习网页设计的相关知识和技术,不断提高自己的设计水平和创造力。
我会多关注行业的最新动态和趋势,并不断学习和尝试新的设计方法和技巧。
同时,我也会参与更多的实践项目,提升自己的实际操作能力和项目管理能力。
一、前言随着互联网技术的飞速发展,网页设计已经成为当今社会不可或缺的一部分。
为了提高自己的专业技能,我参加了为期一个月的网页设计实训课程。
通过这段时间的学习和实践,我对网页设计有了更深入的了解,以下是我对本次实训的总结。
二、实训背景本次实训课程旨在培养学生掌握网页设计的基本原理、技能和方法,提高学生的实际操作能力。
实训内容主要包括网页设计软件的使用、网页布局与排版、色彩搭配、动画效果制作、网页优化等。
通过本次实训,我希望能够掌握网页设计的基本技能,为今后的工作打下坚实的基础。
三、实训过程1. 理论学习在实训初期,我们学习了网页设计的相关理论知识,包括网页设计的基本概念、网页设计的发展历程、网页设计的原则等。
通过学习,我对网页设计有了初步的认识,了解了网页设计的基本要素。
2. 软件学习实训过程中,我们主要使用了Dreamweaver、Photoshop、Flash等网页设计软件。
通过学习,我们掌握了这些软件的基本操作,能够独立完成网页的设计与制作。
3. 实践操作在实训过程中,我们按照老师的要求,独立完成了多个网页设计项目。
以下是我参与的两个项目:(1)企业官网设计该项目要求我们设计一个企业官网,包括首页、产品展示页、新闻动态页、联系我们页等。
在设计过程中,我们注重了网页的布局、色彩搭配、动画效果等,力求使网页美观、实用。
(2)个人博客设计该项目要求我们设计一个个人博客,包括首页、文章列表页、文章详情页、评论页等。
在设计过程中,我们充分发挥了自己的创意,使博客具有独特的个性。
4. 项目评审与反馈在实训过程中,我们定期向老师汇报项目进度,并接受老师的指导和反馈。
通过老师的点评,我们发现了自己在设计过程中的不足,并及时进行了改进。
四、实训收获1. 理论与实践相结合通过本次实训,我深刻体会到理论与实践相结合的重要性。
只有将所学知识应用于实际项目中,才能真正提高自己的专业技能。
2. 提高审美能力在实训过程中,我们学习了色彩搭配、排版布局等知识,使自己的审美能力得到了提高。
网页设计的实训报告总结1. 引言实训报告的目的是对本次网页设计实训进行总结,反思实训过程中的困难和挑战,总结经验和教训,并提出改进的建议。
本次实训的目标是掌握网页设计的基本原理和技巧,并能够独立完成一个简单的网页设计项目。
2. 实训内容和方法实训内容包括学习网页设计的基本理论知识,如HTML、CSS和JavaScript等;学习网页设计的工具和流程,如Photoshop、Illustrator 和Dreamweaver等;以及完成一个自己设计的网页项目。
实训方法主要是理论学习和实践操作相结合,通过教师讲解、示范和指导,以及学生自学和实践练习的方式进行。
3. 实训过程和结果实训过程中,我首先进行了网页设计的理论学习,通过学习HTML、CSS和JavaScript等基本知识,了解了网页的结构、样式和交互等方面的内容。
然后,我学习了网页设计的工具和流程,如使用Photoshop进行图片处理和设计,使用Illustrator进行矢量图形设计,以及使用Dreamweaver进行网页布局和制作等。
在实践操作中,我先是仿制了一些经典的网页设计作品,以此加深对网页设计原理和技巧的理解和掌握;然后,我独立设计了一个属于自己的网页项目,包括网页的整体结构、颜色和字体的搭配、布局和排版、以及交互效果等方面的内容。
通过实训的学习和实践,我对网页设计的基本原理和技巧有了更深入的理解和掌握,能够独立完成一个简单的网页设计项目。
我的设计作品在网页的结构、颜色和字体的搭配、布局和排版等方面相对较好;但是在交互效果方面还有待改进,需要进一步学习和实践。
4. 反思和总结经验在实训过程中,我遇到了一些困难和挑战。
首先,我对网页设计的基本理论和技巧理解不够深入,在实践操作中遇到了一些问题;其次,我对网页设计的工具和流程不够熟悉,使用起来比较困难;最后,我在设计过程中花费了较多的时间和精力,没有很好地把握时间和进度。
通过反思,我认识到需要加强理论学习,深入了解网页设计的基本原理和技巧。
网页设计期末报告网页设计期末报告经过一个学期的学习和实践,我对网页设计有了更深入的理解和掌握。
在这个期末报告中,我将总结我在网页设计方面的学习和经验,并介绍我设计的一个网页的具体过程和效果。
首先,我学习了网页设计的基本原理和技巧。
我了解了网页的结构和布局,学会了使用HTML和CSS来进行网页的设计和排版。
我还学习了响应式设计的原理和方法,以及一些网页设计的最佳实践。
在学习的过程中,我通过观察和分析各种优秀的网页设计,提高了自己的审美能力和设计能力。
在实践中,我设计了一个个人博客的网页。
首先,我对个人博客的需求进行了分析和调研,确定了设计的目标和主题。
然后,我开始进行网页的结构设计和布局设计。
我使用了HTML来定义网页的结构,并利用CSS来进行网页的排版和样式设计。
我注重网页的整体性和一致性,使得网页的各个部分有机地相互联系,并使用合适的字体、颜色和图片来增强网页的视觉效果。
在设计的过程中,我还注意了网页的用户体验。
我通过进行用户调研和界面设计,确保网页的导航清晰、操作简单、内容丰富。
我还添加了一些交互元素,如按钮、链接和表单,以增加用户的参与和反馈。
通过不断的测试和改进,我提高了网页的用户可用性和易用性。
最后,我评估了我的网页设计的效果。
我邀请了一些用户进行测试和反馈,收集了他们对网页设计的意见和建议。
根据他们的反馈,我进行了一些改进和调整,提高了网页设计的质量和用户满意度。
我还利用网页分析工具来进行数据分析和流量统计,了解用户的浏览习惯和偏好,为网页的优化提供依据。
通过这个网页设计的实践,我对网页设计的理论和实践有了更深入的了解和认识。
我不仅提高了自己的设计能力和技巧,还学会了团队合作和项目管理。
我相信在将来的工作和学习中,这些经验和技能将会对我有很大的帮助。
在结束的时候,我希望能够继续学习和探索网页设计的更多知识和技术,不断提高自己的设计水平和创造力。
我相信通过不断地学习和实践,我会成为一个优秀的网页设计师,为用户创造更好的网页体验。
随着互联网技术的飞速发展,电子商务已经成为我国经济发展的重要驱动力。
为了更好地理解和掌握电子商务网页的设计与开发,我们组织了一次为期两周的电子商务网页实训。
本次实训旨在通过实际操作,加深对电子商务网页设计理论的理解,提高网页设计与开发能力。
二、实训目的1. 理解电子商务网页设计的基本原理和流程。
2. 掌握HTML、CSS、JavaScript等网页设计相关技术。
3. 学会使用Dreamweaver、Photoshop等网页设计工具。
4. 提高团队协作能力和沟通能力。
三、实训内容1. 网页设计基础理论- 学习电子商务网页设计的基本概念、原则和流程。
- 分析电子商务网页的设计风格、布局和色彩搭配。
2. HTML、CSS、JavaScript技术- 学习HTML的基本语法和常用标签。
- 学习CSS的样式设置和布局技巧。
- 学习JavaScript的基本语法和常用函数,实现网页交互效果。
3. 网页设计工具- 使用Dreamweaver进行网页设计与编辑。
- 使用Photoshop进行网页美工设计。
4. 项目实践- 以小组为单位,设计并开发一个电子商务网页。
- 网页内容涵盖产品展示、购物车、订单管理、客户服务等功能。
1. 理论学习- 首先进行电子商务网页设计理论的学习,了解网页设计的基本概念、原则和流程。
- 学习HTML、CSS、JavaScript等网页设计相关技术。
2. 工具学习- 学习使用Dreamweaver进行网页设计与编辑。
- 学习使用Photoshop进行网页美工设计。
3. 项目实践- 以小组为单位,设计并开发一个电子商务网页。
- 确定网页主题和功能模块。
- 使用HTML、CSS、JavaScript等技术实现网页功能。
- 使用Dreamweaver和Photoshop进行网页设计和美工。
4. 团队协作与沟通- 小组成员分工合作,共同完成网页设计和开发。
- 定期召开团队会议,讨论项目进度和遇到的问题。
电子商务网页设计实训报告网页设计或网页制作对于我们来说,多少会有点难度的,制作网页是很精力和时间的,毕竟要求比较高。
要制作好一张好的网页得会熟练使用Photoshop,Flash,和用于制作网页的Dreamweaver软件。
Potoshop和Flash软件我们上个学期学了一点皮毛,或者说连皮毛也没能学好,原因或者是双向的。
由于我Photoshop是我自学的,所以会好一点,处理图片相比较他人我会更擅长,但Flash却成了我的短板。
一直都没花时间自学,连制作一个简单的小动画都成了问题。
Dreamweaver是我们这个学期刚开的课,所以了解的也不是很多,对于网页制作我们只有过一次的经历。
就是模仿乡村旅游网的首页来做一张网页。
对于这两周的实训我们做两张网页,并且要求学会分析电子商务网页模板,使用Dreamweaver和DIV+CSS的方法布局电子商务网页,掌握运用JavaScript 控制电子商务网页行为的能力,这无疑对我们是个挑战。
因为我对JavaScript 语言根本不懂,毕竟我学的时间有限。
刚开始的时候,实训指导老师包金龙老师就让我们写好实训规划,并且要用坐标轴表示出来,每天需要做哪些东西,包括完成情况等,都得表示出来。
我的计划是:第一天选好题目,并且做好网页规划;第二,三天用PS制作规划效果图;第四天制作简单Flash和图片素材;第五天完成效果图制作;第六七天完成Div布局,第七八天开始制作网页,剩余时间开始完善。
开始的规划和实际的完成情况多少是有差距的,实际操作的时候制作的速度还是比较快的,所以完成的时间大大缩短了。
但是在做的过程中,还是有许许多多的疑问和不懂在里面。
尤其在制作Flash的时候遇到的麻烦很多,毕竟我不会。
还有就是网页的布局,老师让CSS+Div层加样式布局,但是我到现在都不明白是怎么回事,但是只沿着步骤走下去。
还有就是常遇到网页布局错位现象,以至于多次布局好的网页都因为错位问题而不得不重做,因为我的知识还没有达到,自由修改的程度,所以我的路还很长。
电⼦商务⽹站设计实训报告实验报告(华⽂中宋⼩初字居中,字间加⼀个空格)课程名称:电⼦商务课程设计系部名称:经济管理学院专业班级:市场营销12-1 学⽣姓名:赵泽威学号: 20121153指导教师:李崇超、姜晓丽⿊龙江⼯程学院教务处制2、“实验仪器设备”⼀栏:设计性实验根据实验条件对实验仪器设备提出具体要求;3、“实验内容或步骤”⼀栏:设计性实验需填写设计⽅案。
附件电⼦商务课程设计成果⽬录:第⼀部分:Macromedia Flash 8.0软件的学习与操作;第⼆部分:Macromedia Fireworks 软件的学习与操作;第三部分:以shypost企业管理系统⽹站搭建⿊龙江中道农业科技发有限公司⽹站主页;第四部分:实训中遇到的问题及解决办法;第五部分:对本次实训的⼼得体会。
软件操作及⽹站设计过程:第⼀部分Macromedia Flash 8.0软件的学习与操作⼀、Flash制作知识简介:Flash是功能强⼤的⽮量动画制作软件,它采⽤时间轴和舞台的设计⽅式,能够⽀持和处理多种类型的媒体(⾳频、视频、⽮量图形、⽂本等),并能⽣成体积⼩、传输和播放速度快的⾼质量动画,特别适合创作⽹络多媒体课件。
元件:元件是FLASH的基本,⼀个个动画,其都是有元件组成,元件的功能⾮常多,可以说,没有元件,就没有动画,越复杂的动画,元件越多。
制作界⾯:界⾯称之为场景,元件就是舞者⼆、实例——简单升旗动画制作过程:1、打开软件并进⼊Flash制作界⾯2、点击插⼊选项卡插⼊⼀个元件并命名为“旗帜”类型为“影⽚剪辑”;3、利⽤左侧的⼯具栏和颜⾊设置配合使⽤栏设计出⼀⾯旗帜;4、旗帜的图⽚设计完成后,点击右上⾓的的场景回到动画制作页⾯,然后在库中找到我们之前制作的元件,将制作好的旗帜图案拖拽到当前的制作页⾯,调整旗帜的⼤⼩并将其放在最低端;5、在页⾯的顶部有时间轴的设置框,我们选择第50帧点击⿏标右键添插⼊关键帧,创建成功后,可以发现,第1帧和第50帧中间变灰了,然后在第1帧和第50帧变灰⾊帧之间选择⼀处单击⿏标右键,选择创建补间动画,如果灰⾊变成粉⾊了则说明创建成功,然后再在第1 帧和第50帧之间根据预想的图⽚运⾏轨迹选取部分关键点分别插⼊关键帧;6、上述过程完成后,我们可以在页⾯最顶部的“控制”选项卡中选择“测试影⽚”可以看到旗帜按照预定的设计的轨迹慢慢上升,⼀个最简单的FLASH动画制作成功了!第⼆部分 Macromedia Fireworks软件的学习操作⼀、Macromedia Fireworks简介:利⽤该软件可以制作出⼗分动感的GIF动画,还可以轻易地完成⼤图切割、动态按钮、动态翻转图等,借助于Macromedia Fireworks 8,您可以在直观、可定制的环境中创建和优化⽤于⽹页的图像并进⾏精确控制。
《网页设计与制作课程设计》实验报告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年的大河科技是一家专业生产大中型破碎、制砂、磨粉设备,研、产、销三位一体的股份制企业。