电子商务专业网页制作实验报告

合集下载

大学生电子商务实习报告工作总结范文(4篇)

大学生电子商务实习报告工作总结范文这一周我们电子商务专业进行了网页优化的实训，实训的内容主要是在已做好的100张网页上网基础上完成的。

我们组五个成员共同完成了修斯鞋城整个网站的制作。

在这一周的实训里，我们需要对整个网站进行完善与整合优化。

这样的任务相对来说还是挺重的，不过还好我们的团队都很团结、积极，在集体力量的推动下我们顺利的完成了。

在这次的实训中收获的不少东西，体味到了探索新事物的乐趣，团队协作的精神。

在实训中，我们的任务主要有：1、学习sitemap的创建方式，并在自己的网站中建一个sitemap。

Sitemap的创建方式有多种，在这次实训中我们用到的是根据sitemap协议创建sitemap。

创建一个文本文件，输入代码并将其转化为带。

____ml扩展名保存。

通过建立sitemap协议可以帮助搜索引擎更好的抓取我们的网站，有利于搜索引擎对我们的网站更友好的收录，不让给网站的收录有漏洞或者收录不全。

提交sitemap可以方便我们我们在以后进行下一步的工作，比如对网站的外部链接和内链错误进行更好的调整。

2、配置IIS，创建web站点，测试web站点的主页。

配置与管理web站点，能够对数据进行备份与还原，还有站点访问权限的设置。

3、建立一个robots。

t____t保存在本站点的根本目录下，而且文件名必须全部小写。

这是一个纯文本文件，通过在这个文件中声明本网站中不想被robots访问的部分，这样，该网站的部分或全部内容就可以不被搜索引擎收录了，或者指定搜索引擎只收录指定的内容。

在robots中输入纪录代码，如果包含一条或更多的记录，这些记录通过空行分开（以CR，CR/NL，orNL作为结束符）。

User—agent：在“robots。

t____t”文件中，如果有多条User—gent记录说明有多个robot会受到“robots。

t____t“的限制，对该文件来说，至少要有一条User—agent纪录。

电子商务网站建设实验报告五

一、实验名称ASP内置对象的使用二、实验目的及要求1.掌握ASP内置对象的含义及主要方法；2.熟练掌握ASP内置对象的使用。

三、实验环境操作系统：Windows XP professional实验软件：记事本、IIS四、实验内容1．设计3个页面，实现图形面积计算。

其页面功能如下：（1）a.htm。

负责由用户指定所需计算面积的图形类型，包括：三角形，圆形，矩形。

（2）b.asp。

根据所选择的图形类型，分别提供相应参数输入界面。

如：若选择三角形，则设计两个文本框，分别用来输入三角形的底和高。

（3）c.asp。

跟据所选择的类型及输入的参数，计算图形面积。

2．实现一个简单的登录页面，功能要求如下：（1）login.htm。

登录页面，包含三个输入内容：用户名、密码、权限（分管理员和普通用户两种权限）。

（2）login.asp。

根据输入的用户名、密码和权限进行身份校验（假定：普通用户用户名和密码均为：user，管理员用户名和密码均为：admin）。

若身份正确，要求使用两组session（如session(“username”)用来存储用户名，session(“role”)用来存储权限）,并实现页面跳转到“main.asp”（3）在main.asp中，校验两组session是否有值，如有，则分别输出：“欢迎您，管理员admin！”或“欢迎您，普通用户user”（“管理员”和“普通用户”由session(“role”)读取，“admin”和“user”由session(“username”)读取)；若没有，则提示，对不起，您还未登录。

五、实验步骤及代码描述具体代码，并将页面结果截图。

一、a.html代码如下：<html><body><form method=post action=b.asp><select name=t1><option value=三角形>三角形</option><option value=圆形>圆形</option><option value=矩形>矩形</option></select><input type=submit value=提交></form></body></html>a.html的截图如下：二、b.asp的代码如下：<form method=post action=c.asp><%t1=request("t1")session("t1")=t1if(t1="三角形") thenresponse.write "底：<input type=text name='di'><br>"response.write "高:<input type=text name='gao'><br>"elseif(t1="圆形") thenresponse.write "半径：<input type=text name='banjin'><br>"elseif(t1="矩形") thenresponse.write "长：<input type=text name='chang'><br>"response.write "宽：<input type=text name='kuan'><br>" end if%><input type=submit value=计算></form>b.asp的截图如下三、c.asp的代码如下：<%if(session("t1")="三角形") thendi=request("di")gao=request("gao")s=di*gao/2response.write session("t1")&"d的面积为："&s elseif(session("t1")="圆形") thenbanjin=request("banjin")s=3.14*banjin*banjinresponse.write session("t1")&"d的面积为："&s elseif(session("t1")="矩形") thenchang=request("chang")kuan=request("kuan")s=chang*kuanresponse.write session("t1")&"d的面积为："&s end if%>c.asp的截图如下：四、Login.htm的代码如下：<html><body><form method=post action=login.asp><table border=0.5><tr><td align=right>用户名：</td><td><input type=text name=t1></td></tr><tr><td align=right>密码：</td><td><input type=password name=t2></td></tr><tr><td align=right>用户权限：</td><td><select name=t3><option value=管理员>管理员</option><option value=普通用户>普通用户</option></select></td></tr><tr><td align=center><input type=submit value=提交内容 ></td></tr></form></body></html>Login.htm的截图如下：五、Login.asp的代码如下：<%t1=request("t1")t2=request("t2")t3=request("t3")if ((t3="普通用户" and t1="user" and t2="user") or (t3="管理员" and t1="admin" and t2="admin")) thensession("username")=t1session("role")=t3response.redirect "main.asp"elseresponse.write ("<script> alert('用户名或密码错误');window.location='login.htm'</script>")end if%>login.asp的截图如下：六、Main.asp的代码如下：<%if(session("username")<>empty and session("role")<>empty) thenresponse.write "欢迎您,"&session("role")&session("username")elseresponse.write("<script> alert('对不起，您还未登录');window.location='login.htm'</script>")end if%>main.asp的截图如下：六、总结对上机实践结果进行总结，上机的心得体会及改进意见。

HTML实验报告

2、<HEAD>...</HEAD>首部标记，首部标记<HEAD>...</HEAD>用于提供与Web页有关的各种信息。在首部标记中，可以使用<TITLE>...</TITLE>标记来指定网页的标题，<STYLE>和</STYLE>标记来定义CSS样式表，使用<SCRIPT>和</SCRIPT>标记来插入脚本，等等。
按照属性的作用，可以大致将属性分为以下几类：
表现属性：用来控制页面内容的表现效果，如高度、宽度、边框等。
事件属性：用来添加行为，一般要结合JavaScript来实现，如onmouseover、onclick等。
标记属性：用来标记某个标签，如id、name等。
级联样式属性：是指使用级联样式表，如style、class等。
<head>标签用于定义文档的头部，它是所有头部元素的容器。<head>中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
<title>元素是用来定义文档的标题。
<body>元素定义文档的主体。body元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）
<meta>元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
点击链接可以从一张页面跳转到另一张页面。
几乎可以在所有的网页中找到链接。
（二）
（
（）
实验报告成绩（百分制）__________实验指导教师签字：__________
武夷学院实验报告
课程名称：电子商务网站设计与开发_ 项目名称：_基于HTML的网页设计

《电子商务网站设计》实验报告三

四、创建交互动画
在flash中新建文件，选择“插入”，新建元件，在新建元件对话框中，选择按钮，进入元件设计页面，首先点击弹起动作，新建方形图形，添加文本“开始”。然后按住f6，复制到指针经过动作设计页，设计背景颜色，在按f6，复制到“按下”页，删除文本。同样的方法可以制作暂停按钮。
五、创建有声动画
在创建补件动画过程中，可以添加声音文件，新建图层。先把音乐文件导入到库，然后拖入图层。，可以根据动画效果，对声音文件进行编辑。
4、掌握影片的测试、发布与导出；
二、实验内容
1、创建帧帧动画；
2、创建动作补间动画；
3、创建形状补间动画；
4、创建交互式动画；
5、创建有声动画；
三、使用仪器、材料
1．计算机网络
四、实验步骤
（仅介绍关键的步骤）
一、创建帧帧动画
打开flash文件。新建文件设置舞台大小为300*225，导入歌手图片，然后在图层一的位置ቤተ መጻሕፍቲ ባይዱ，右击选择插入关键帧，导入第二张图片，同样在第三张的位置插入图片。如果速度过快可以设置，帧的频率为3.完成后“Ctrl+enter”预览。
《电子商务网站设计》实验报告三
开课实验室：商学院金融实验室2016年11月20日
学院
商学院
班级
电商131
学号
1304022126
姓名
仲娜娜
成绩
课程
名称
电子商务网站设计
实验项目
名称
Flash软件的使用
指导教师
苏辉
一、实验目的
1、熟悉flash常用控制面板；
2、掌握flash中动画的制作流程；
3、掌握帧帧动画、动作补间动画、形状补间动画、交互式动画及有声动画的制作方法；

网页制作实训报告

网页制作实训报告第一篇：网页制作实训报告《网站设计与制作》实训报告X学院XX班XXX号一．实训时间：2010年6月7日到2010年6月13日二．实训地点：XXX学院XXX班级三．实训组员：XXX、XXX四．实训目标：运用网页设计方法，设计一个网站，提高综合应用所学知识的能力，积累Web网站的制作经验，培养团队协作精神。

本次实训的具体目标为:了解网站制作的一般流程;熟练使用网页制作工具Dreamweaver、Flash、Fireworks设计网页;能灵活运用表格、层和框架布局页面;熟练使用CSS样式表美化网页;正确使用JavaScript添加网页特效;灵活使用模板和库来制作网页；学会申请免费域名空间和正确上传站点的方法。

五．实训策划：这一周，我们要进行《网站设计与制作》实训，我们认为做网站前最主要的是确定主题、框架和标题栏的设计。

因此我们相互讨论之后，确定制作以“婚纱”为主题的“喜多坊时尚婚纱网”。

在之后的资料收集和网页的框架的建设中，我们发现了许多问题，某些关键点无法做出心中的效果，这让我们有些遗憾。

通过自身及组员的共同探索，我们已尽权利将以下是我们的策划内容：1.确定主题。

制作网页,首先是确定主题，冬天很冷,却冷得很幸福，刚刚过去的圣诞的热闹劲还在心头。

于是我们从幸福出发，想到了结婚-婚纱，建立一个简单的介绍婚纱的网站并取名喜多坊时尚时尚婚纱,专业介绍一些喜多坊婚纱的特色等。

我们本次间的网站基本以粉红为基点，粉红是可爱清纯的颜色，粉红代表着幸福温馨，所以本站以粉红为风格，让整个网站充满爱的力量。

2.设计主页。

主页的设计是整个网站的灵魂，构思导航栏的分类，然后是整体规划，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，我们构思大致分几部分，首页，关于我们，婚纱礼服，量体裁衣，婚纱选购，公司门市，与我联系，在线论坛8大板块，每一板块又分几小部分，内容比较充分，多样。

确定导航栏的各个分类标题之后对于建立二级子网尤为重要，我们运用Photoshop CS3技术来设计出导航栏，制作切片，建立导航栏，将整体的主页效果建立起来。

网页制作实验报告

网页制作实验报告一、实验目的。

本实验旨在通过实际操作，掌握网页制作的基本原理和技术，了解网页设计的基本要求和规范，培养对网页设计的兴趣和能力。

二、实验内容。

1. 学习HTML和CSS基础知识；2. 制作一个简单的静态网页，包括文本、图片和超链接等元素；3. 掌握网页布局和样式设计的基本方法。

三、实验步骤。

1. 学习HTML和CSS基础知识。

在实验开始前，我首先对HTML和CSS进行了系统的学习。

HTML是网页的标准标记语言，用于建立网页的结构；而CSS是层叠样式表，用于控制网页的样式和布局。

通过学习这两门技术，我对网页制作有了更深入的理解。

2. 制作一个简单的静态网页。

接下来，我开始动手制作一个简单的静态网页。

首先，我创建了一个HTML文件，并在其中编写了网页的基本结构，包括头部、导航栏、内容区和底部等部分。

然后，我利用CSS对网页进行了样式设计，包括字体、颜色、边框等样式的设置。

同时，我还插入了一些图片和超链接，丰富了网页的内容。

3. 掌握网页布局和样式设计的基本方法。

在制作网页的过程中，我深入学习了网页布局和样式设计的基本方法。

通过调整CSS样式表中的参数，我改变了网页的布局和样式，使其更加美观和易于阅读。

同时，我还学会了如何使用浮动、定位和响应式布局等技术，使网页在不同设备上都能够正常显示。

四、实验总结。

通过本次实验，我深入了解了网页制作的基本原理和技术，掌握了HTML和CSS的基础知识，学会了制作简单的静态网页，并掌握了网页布局和样式设计的基本方法。

这些知识和技能对我今后的学习和工作都具有重要的意义，我会继续努力学习，提高自己的网页制作能力。

五、实验感想。

网页制作是一门非常有趣和实用的技术，通过本次实验，我对网页制作有了更深入的了解，也增强了对这门技术的兴趣。

我相信，在今后的学习和工作中，我会继续深入学习网页制作技术，不断提高自己的能力，为将来的发展打下坚实的基础。

六、参考资料。

1. 《HTML5权威指南》。

电子商务网站实验报告doc

电子商务网站实验报告篇一：电子商务网站设计报告实验报告?课程名称：电子商务与信息安全技术实验项目：电子商务网站设计专业班级：软件XXXX班姓名： XXXXXX 学号： XXXXX 实验室号：综合楼--411实验组号：实验时间： XX-6-10 批阅时间： XX-6-16指导教师：XXXXX成绩：沈阳工业大学实验报告（适用计算机程序设计类）专业班级：软件0901班学号：XXXXXXX 姓名：XXX 实验名称：简单电子商务网站的设计附录A题目：简单电子商务网站设计组员：XXXXX一、网站开发的背景和意义电子商务发展至今已逐渐成熟，各种电商网站层出不穷，每个网站都有种“似曾相识”的感觉，网站的竞争大多趋于实体店的价格战模式，这种竞争只会降低利润，对整个行业产生不利影响。

鉴于如此，我们应该找出电子商务网站的下一个引爆点，我觉得它便是电子商务的社区化。

电子商务翻译自e-commerce，而现在“s-commerce——社区化电子商务”又占领了高地。

就像Web2.0贡献出的最大惊喜——社交网络一样，社会化电子商务强调的也将是“基于关系的传播”。

先来看看社交网络在忙些什么吧。

国内的人人网、开心网利用自有的庞大用户群相继开辟团购战场;Facebook在2月4日正式推出了有关Facebook信用币(Credits)的新功能——社交团购。

该功能允许用户在游戏中购买虚拟商品后，有权将相应商品的折扣分享给他的好友。

目前虽只是针对虚拟产品的交易，但如果推广到线下的实物交易，将有可能成为团购网站的杀手。

而SNS之所以开始忙着染指电子商务，也是在不断挖掘用户价值。

它的优势在于拥有庞大的用户群，并且每个用户都可以成为传播管道，SNS网站需要做的就是进行上游资源的批发。

社交网络已看到了电子商务的巨大蛋糕，在这样一个关键时刻，电子商务网站应采取有效措施来对抗SNS网站。

搭建社区便是一个好的方法，电子商务要放大用户的声音，一条切实可行的途径就是为他们搭建交流的平台。

网页制作实验报告

网页制作实验报告Title: Website Production Experiment ReportIntroduction:In recent years, the use of websites as a means of communication and promoting businesses has become increasingly popular. To gain practical experience in website development, a web production experiment was conducted. This report outlines the steps taken, challenges encountered, and the final outcome of the experiment.1. Objective:The objective of the experiment was to design and develop a functional website using HTML, CSS, and JavaScript. The website aimed to showcase a fictional company's products and services while incorporating user-friendly navigation and visually appealing design elements.2. Methodology:2.1 Planning Phase:Prior to starting the development process, thorough planning was conducted to outline the website's structure, layout, and overall design. This involved considering user requirements, competitor analysis, and creating a wireframe of the website's layout.2.2 Development Phase:Once the planning phase was completed, the actual development of the website began. The development process involved the following steps:a) HTML Markup: The basic structure of the web pages was created using HTML tags, determining the headers, paragraphs, images, and links.b) CSS Styling: Cascading Style Sheets (CSS) was employed to enhance the visual appearance of the web pages. It defined the colors, fonts, and layout of the website, ensuring consistency across all pages.c) JavaScript Integration: JavaScript was utilized to add interactive elements, such as dropdown menus, image sliders, and form validation, enhancing the user experience.d) Responsive Design: The website was optimized for different screen sizes, ensuring compatibility with various devices including desktops, tablets, and mobile phones.3. Challenges and Solutions:Throughout the experiment, several challenges were encountered, including:3.1 Cross-Browser Compatibility:Different web browsers interpret HTML and CSS codes differently, leading to inconsistencies in the website's appearance. To address this challenge, the website was tested on multiple browsers, and adjustments were made to ensure compatibility and consistency.3.2 Responsive Design:Designing a website that adapts to various screen sizes posed a challenge. To overcome this, CSS media queries were implemented to adjust the layout,font size, and image dimensions based on the screen resolution. User testing was conducted on different devices to ensure optimal responsiveness.3.3 Accessibility:To ensure an inclusive user experience, accessibility standards were incorporated, including providing alternative text for images, ensuring proper color contrast, and implementing keyboard navigation support.4. Results and Conclusion:The final outcome of the web production experiment was a functional and visually appealing website. The integration of HTML, CSS, and JavaScript resulted in a user-friendly interface and enhanced user experience. The website successfully showcased the fictional company's products and services while incorporating responsive design principles.In conclusion, the web production experiment provided invaluable hands-on experience in website development. The process encompassed planning, development, and troubleshooting techniques. The challenges faced during the experiment enhanced problem-solving abilities and deepened understanding in web design and development. With the increasing importance of websites in various industries, gaining practical experience in web production is crucial for future success.。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

《网页设计与制作》实验报告院系名称：管理学院专业班级：电子商务 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）运行结果：四、实验小结通过本次试验让我感觉到实践的重要性，书本知识固然重要，但如果不把它转化为实践，就会成为一纸空谈。

在这次试验中，我通过不断地编写，调试终于掌握了编写表格，表单、表单的能力，让我对html有了初步了解。

实验二：FireWorks和CSS实验一、实验目的1、掌握为给定效果图规划切图方式的能力；2、掌握利用FireWorks切图的能力；3、掌握利用CSS+DIV制作网页的能力。

二、实验课时2课时三、实验内容1、规划切图方式的思路（1）选中一个图片作为将要切割的对象（2）仔细观察图片结构，将其分为Logo 图案、导航栏、正文和版权信息几个区域（3）观察图片中色彩单调的图片区域的规律2、利用切图的步骤运用FireWorks将图片切为自己所需要的部分和比例，如图所示：3、CSS+DIV制作网页的结果（1）在dreamweaver里面编制代码如下<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>网页设计</title><style type="text/css"></style></head><body><div id="apDiv1"></div><div id="apDiv2"><img src="images/效果图_r4_c1.png"width="253" height="344" /></div><div id="apDiv3"><img src="images/图片1_r4_c3.png"width="243" height="35" /><img src="images/效果图_r3_c2.png"width="105" height="35" /><img src="images/效果图_r3_c3.png" width="106" height="35" /><img src="images/效果图_r3_c4.png" width="106" height="35" /><img src="images/效果图_r3_c5.png" width="106" height="35" /><img src="images/效果图_r3_c6.png" width="106" height="35" /><img src="images/效果图_r3_c7.png" width="106" height="36" /><img src="images/效果图_r3_c7.png" width="106" height="35" /><img src="images/效果图_r3_c8.png" width="106" height="35" /><img src="images/图片1_r4_c3.png" width="247" height="35" /></div><div id="apDiv4"><img src="images/效果图_r4_c1.png" width="253" height="344" /></div><div id="apDiv5"><p> 课程简介</p><p>电气工程学院是高等工业学校本科非电工科类的一门重要的技术基础课，通过本课程的学习使学生受到辩证唯物主义和爱国主义教育，获得电气技术领域中有关电工技术、电子技术的必要基本理论、基本知识和基本技能，了解他们的应用和发展趋势，为学习后续课程以及从事与本专业有关的工程技术科学研究工作打下一定基础。