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

合集下载

大学生电子商务实习报告工作总结范文(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. 实验目的我们的实验目的是学习和掌握网页制作的基本技术，包括HTML、CSS和JavaScript等方面的知识。

通过实际操作，我们希望能够了解网页的结构和布局，掌握常用的网页标记语言和样式表的使用方法，并能够添加一些简单的交互效果。

2. 实验材料和工具我们使用了一台个人电脑和一些常用的网页制作工具，如文本编辑器和网页浏览器。

在实验过程中，我们还参考了一些网页制作的教程和示例代码。

3. 实验步骤（1）确定网页主题和内容：我们首先确定了网页的主题和内容，以便于后续的设计和制作工作。

（2）设计网页结构：根据网页的主题和内容，我们设计了网页的整体结构，包括页面的标题、导航栏、主体内容区域和底部信息等。

（3）编写HTML代码：根据设计好的网页结构，我们使用HTML语言编写了网页的基本结构和内容。

这包括使用合适的标签来定义标题、段落、链接和图片等元素。

（4）添加样式：为了使网页更加美观和易于阅读，我们使用CSS语言为网页添加了一些样式。

这包括设置字体、颜色、边框和背景等方面的样式。

（5）增加交互效果：为了提升用户体验，我们使用JavaScript语言为网页添加了一些简单的交互效果，如按钮点击事件和表单验证等。

（6）测试和优化：在完成网页制作后，我们进行了测试和优化工作，确保网页在不同浏览器和设备上的兼容性和稳定性。

三、实施过程在实验过程中，我们遇到了一些挑战和困难。

首先，我们需要理解和掌握HTML、CSS和JavaScript等网页制作的基本知识，这需要一定的时间和精力。

其次，我们需要在设计网页结构和样式时做出合理的决策，以保证网页的可读性和美观性。

最后，我们还需要不断调试和优化网页，以确保其功能的正常运行和用户体验的良好。

电子商务课程成绩(网页设计)实验报告

河南科技大学课程设计说明书课程名称电子商务模拟、网站设计题目百优客资源网学院国际教育学院班级信管073学生姓名张航华、王洵指导教师张攀科、焦进日期2010.12.24课程设计任务书（张攀科、焦进）课程设计名称电子商务模拟、网站设计学生姓名张航华、王洵专业班级信管073班设计题目百优客资源网的网站设计一、课程设计目的通过本课程设计，使学生加深对电子商务的基本理论和基本知识的理解，了解电子商务的运作方式，使学生对电子商务产生直观的认识，并培养学生电子商务网站设计、建设到业务运行方面的综合实践能力和创新能力。

二、设计内容、技术条件和要求1、设计内容整个课程设计归纳起来有以下内容：（1）网站需求分析；（2）业务流程及功能设计；（3）页面设计；（4）程序设计；（5）编写网站说明书；（6）安装与测试。

2、技术条件（1）学生在实验前应较好的掌握电子商务的基本理论和基本知识，并熟悉计算机的基本操作及常用软件的使用；（2）每人一台装有相关设计软件的计算机。

3、要求学生自由结合，两人一组，各组独立完成设计任务；各组选题须经指导教师审定，以避免雷同；合理安排课程设计各阶段时间，按时提交课程设计说明书并进行网站展示。

三、时间进度安排1、网站需求分析1天2、业务流程及功能设计2天3、页面设计2天4、程序设计与调试2天5、安装与测试1天6、编写网站说明书2天四、主要参考文献1、《电子商务网站建设》陈信祥主编，清华大学出版社2、《网页制作三合一标准教程》戴凌燕主编，科学出版社3、《Dreamweaver 8+ASP动态网页制作实用教程》陈建伟，王祥仲主编，清华大学出版社指导教师签字：2010年12 月24 日《电子商务模拟网站设计》评分标准2010-2011 第一学期目录一、网站建设构思 (3)二、小组成员分工 (4)三、网站建设过程 (4)3.1 系统功能设计 (4)3.2 数据库设计 (6)3.3 系统开发总体设计方案 (10)3.4 各个网页的具体实现 (10)四、网站使用说明书 (11)五、网站程序代码 (15)六、设计过程中遇到的问题及方法 (30)七、参考资料、网站 (30)《百优客资源网》设计说明书一、网站建设构思如果将“电子商务”按照商业活动运作方式分类，可以分为完全电子商务和不完全电子商务两大类。

网页制作实验总结

网页制作实验总结(一)网页设计实验报告（一）网页制作实验总结(二)《网页设计与制作》实验报告院系名称管理学院专业班级电子商务11级3班学生姓名许世谦学号2011170503082013年 6 月4 日实验一HTML语言实验一、实验目的1、掌握利用HTML语言编写网页的能力；2、掌握利用HTML语言编写表格的能力；3、掌握利用HTML语言编写表单的能力。

二、实验课时2学时三、实验内容1、表格实验的结果<html><head><title>实验一</title></head> <body><table border align="center" height="80" width="600"><caption><h2>试验1</h2></caption> <tr><td rowspan="2" colspan="2" align="left" bgcolor="red">A <td align="left" >B <td align="center">C <tr><td colspan="2" align=center>D <tr><td rowspan="2" align="right">E<td width="80" rowspan="2" align="right">F <td rowspan="2" align="left">G <td>H <tr> <td>I </table> </body> </html>2、表单实验的结果<html><head><title>试验第一题</title></head> <body><h2 align="center">试验2</h2> <form><table border align="center" height="80" width="600"><tr><td align="center" width="200">姓名<td><input> <tr> <td align="center" width="200">密码<td><input> <tr> <td align="center" width="200">性别<td><input type="radio" name="gender" value="1" checked>女<input type="radio" name="gender" value="2">男<tr><td align="center" width="200">爱好<td><input type="checkbox" name="check1" value="yes">篮球<input type="checkbox" name="check2" value="yes" checked>足球<input type="checkbox" name="check3" value="yes">乒乓球<tr><td align="center" width="200">籍贯<td><selectname="jiguan"><option>开封<option>郑州<option>洛阳</select> <tr><td colspan="2" align="center"><input type="submit" name="submit_button" value="提交"><input type="reset" name="reset_button" value="重置"> </table></form> </body> </html> 四、实验小结通过这次试验，我掌握了许许多多以前不知道的代码细节，让我对网页设计与制作有了更深层次的了解，同时我对编写代码也渐渐的熟悉了。

网页制作实训报告

网页制作实训报告网页制作实训报告4篇在学习、工作生活中，报告有着举足轻重的地位，我们在写报告的时候要注意涵盖报告的基本要素。

相信很多朋友都对写报告感到非常苦恼吧，以下是小编收集整理的网页制作实训报告，仅供参考，大家一起来看看吧。

网页制作实训报告1实验过程1.资料的搜集，网页制作实习报告。

2.熟悉制作软件。

3.构建站点框架。

打开dremweaver后第一步便是新建站点4设计主页及二级页面。

5实现网页间的链接链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

6向静太网页插入动态效果具体情况如下：通过这半年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。

使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通。

所以我结合所学专业的内容制作了个人网站，作为实习的成果。

其内容是多样化的。

制作网页用的软件是ｄreamweaver , banner软件。

dreamweaver大大加速了网络时代电子交易应用中的项目交付。

它提供了网页和表单的动态生成到企业级的解决方案，如电子商店，库存管理系统和企业内部局域网的数据库应用等功能。

例如，网页上很流行的阴影和立体按纽等效果，只需单击一下就可以制作完成。

当然，其最方便之处是，它可以将图象切割，图象映射，悬停按纽，图象翻转等效果直接生成html代码，或者嵌入到现有的网页中，或者作为单独的网页出现。

主图是一个网页的门面，它能体现出这个网页的整体风格。

制作网页,首先是确定主题,经过再三考虑,就做了个关于中国的网站,平时也总是浏览类似的网站,对这些还有些了解,于是确定主题,做一些类似的网站,但考虑到,现在网络上好多类似的网站,但有些内容不适合我们大学生阅读,对于我们来说有点不实际,根据这种情况,最后决定建立一个简单的中国介绍和相关的事迹网站,专门介绍一些即使用,又便宜的小秘笈。

于是网站主题确立。

实验三 CSS实验

学生实验报告实验指导书五步骤（1）新建一个文件夹试验五将“唯存教育”文件夹中的myweb文件夹复制到此新文件夹中。

（2）启动dreamweaver新建一个站点保存在实验五文件夹中。

（3）新建一个打开中的article.html切换至代码视图。

新建css样式保存至实验五中，在代码视图加link标记。

（4）再添加css控制网页表实验指导书六步骤）新建一个文件夹试验六将“八大行星”文件夹中的myweb文件夹复制到此新文件夹中。

dreamweaver新建一个站点保存在六文件夹中。

（3）打开index.html，将窗口切换至代码视图，为body中的container和list添加div标签。

（4）建立命名标记：点击菜单栏上的命名锚记输入名称确定后在文档设计视图中选择创建连接文本，在属性检查器“链接”入数字符号#和锚记名称。

（5）新建css样式表控制网实验指导书七（1）新建一个文件夹试验七将“77号作品”文件夹中的myweb文件夹复制到此新文件夹中。

（2）启动dreamweaver新建一个站点保存在实验七文件夹中。

（3）打开index.html和style.css，在style.css中补充网页背景样式，未添加样式前的网页如图（四）给网页添加背景颜色#f2caff如图。

（五）添加css样式后如图实验指导书八步骤（1）新建一个文件夹试验八将“信息与网络中心”文件夹中的myweb文件夹复制到此新文件夹中。

（2）启动dreamweaver新建一个站点保存在实验八文件夹中。

（3）打开index.html 和style.css，打开style.css补充网页样式后如图实验指导书九步骤（1）新建一个文件夹试验九将“信息与网络中心”文件夹中的myweb文件夹复制到此新文件夹中。

（2）启动dreamweaver新建一个站点保存在实验九文件夹中。

（3）打开index.html 和style.css，打开style.css补充网页样式修改sidebar和content后Head添加图片和高度后如图加footer后添加圆角框顶部后如图添加圆角框中部和底部图像如图添加fltlt浮动后添加图片元素填充和边框和水平排列后如图最终效果如图实验指导书十一步骤（1）新建一个文件夹试验十一将“宝贝屋”文件夹中的myweb文件夹复制到此新文件（2）启动dreamweaver新建一个站点保存在实验十一文件夹中。

电子商务网页实训报告

随着互联网技术的飞速发展，电子商务已经成为我国经济发展的重要驱动力。

为了更好地理解和掌握电子商务网页的设计与开发，我们组织了一次为期两周的电子商务网页实训。

本次实训旨在通过实际操作，加深对电子商务网页设计理论的理解，提高网页设计与开发能力。

二、实训目的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. 团队协作与沟通- 小组成员分工合作，共同完成网页设计和开发。

- 定期召开团队会议，讨论项目进度和遇到的问题。

电子商务实验报告

电子商务实验报告一、实验目的本次实验旨在通过对电子商务平台的搭建和运营，深入了解电子商务的基本原理和运作机制，掌握电子商务的基本操作方法。

二、实验内容1. 选择电子商务平台：根据实验要求，在市面上选择一个电子商务平台进行搭建。

2. 网站设计与搭建：利用所选电子商务平台的工具，进行网站设计和搭建。

3. 商品录入与管理：上传商品信息，设置价格、库存等参数，并对商品进行管理。

4. 订单处理与物流跟踪：处理订单，处理退换货，跟踪物流信息。

5. 交易数据统计与分析：分析交易数据，了解用户购买行为，制定相应策略。

三、实验步骤1. 选择电子商务平台：根据市场调研，选择了知名的电子商务平台Shopify进行搭建。

2. 网站设计与搭建：根据所选平台的操作指引，选择了适合的模板并进行了个性化定制，增加了公司Logo和品牌色彩，使网站界面更具专业性和吸引力。

3. 商品录入与管理：上传了公司的产品信息，包括商品名称、价格、库存量、详细描述和高清图片，并设置了相应的促销活动和优惠券。

4. 订单处理与物流跟踪：积极处理顾客下单并支付的订单，及时安排发货，并在系统中更新物流信息，方便顾客随时查看商品位置。

5. 交易数据统计与分析：通过平台提供的数据统计功能，分析了销售额、支付方式、热门商品等信息，调整了部分商品的价格和促销方案，提升了销售效益。

四、实验总结通过本次电子商务实验，我深刻认识到了电子商务的重要性和发展前景。

电子商务平台的搭建和运营需要全面的市场调研、专业的设计能力和细致入微的管理，只有不断地优化用户体验，才能吸引更多顾客并提升销售业绩。

在未来的发展中，我将进一步学习电子商务的相关知识，不断完善自己的电子商务实力，为未来的创业之路打下坚实的基础。

以上就是本次电子商务实验报告的内容，谢谢阅读。

网页制作实验报告3篇

网页制作实验报告3篇网页制作实验报告1一、实验目的及要求：本实例的目的是设置页面的背景图像,并创建鼠标经过图像。

二、仪器用具1、生均一台多电脑，组建内部局域网，并且接入国际互联网。

2、安装windows xp操作系统;建立iis服务器环境，asp。

3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;4、安装acdsee、photoshop等图形处理与制作软件;5、其他一些动画与图形处理或制作软件。

三、实验原理设置页面的背景图像,并创建鼠标经过图像。

四、实验方法与步骤1) 在“页面属性”对话框中设置页面的背景图像。

2) 在页面文档中单击“”插入鼠标经过图像。

五、实验结果六、讨论与结论实验结束后我们可以看到页面的背景变成了我们插入的图像，并且要鼠标经过的时候会变成另一个图像，这就是鼠标经过图像的效果。

当然这种实验效果很难在实验结果的截图里表现出来。

这个实验的关键在于背景图像的选择，如果背景图像太大不仅会影响网页的打开速度，甚至图像在插入会也会有失真的感觉，因此在插入前对图像进行必要的处理能使实验的效果更好。

网页制作实验报告2一、实验目的及要求：本实例是要创建边框为1像素的表格。

二、仪器用具1、生均一台多电脑，组建内部局域网，并且接入国际互联网。

2、安装windows xp操作系统;建立iis服务器环境，asp。

3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;4、安装acdsee、photoshop等图形处理与制作软件;5、其他一些动画与图形处理或制作软件。

三、实验原理创建边框为1像素的表格。

四、实验方法与步骤1) 在文档中，单击表格“”按钮，在对话框中将“单元格间距”设置为“1”。

2) 选中插入的表格，将“背景颜色”设置为“黑色”(#0000000)。

3) 在表格中选中所有的单元格，在“属性”面版中将“背景颜色”设置为“白色”(#ffffff)。

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

电子商务网页制作实验报告篇一：电子商务专业网页制作实验报告《网页设计与制作》实验报告院系名称：管理学院专业班级：电子商务 10级02班学生姓名：相栓霞学号： XX46900629XX年 5 月 11 日实验一：HTML语言实验一、实验目的1、掌握利用HTML语言编写网页的能力；2、掌握利用HTML语言编写表格的能力；3、掌握利用HTML语言编写表单的能力。

二、实验课时2学时三、实验内容1、表格实验的结果（1）实验步骤编制代码如下：表格示例colspan="2">ACDEFGHI（2）运行结果：rowspan="2"2、表单实验的结果（1）实验步骤编制代码如下：表单姓名：密码：name="mima" size="20">性别：女男爱好：篮球足球乒乓籍贯：开封郑州驻马店信阳value="提交" name="tijiao">（2）运行结果：四、实验小结通过本次试验让我感觉到实践的重要性，书本知识固然重要，但如果不把它转化为实践，就会成为一纸空谈。

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

篇二：电子商务网站设计实验报告大连海事大学实验报告分数：分专业班号电子商务XX级姓名试验日期指导教师第实验名称电子商务网站设计一、实验目的与要求目的：熟练掌握超文本标记语言HTML，用HTML建立内容。

合理设计文档的结构以及格式化文本。

要求：设计并实施一个网站，至少包括5个网页，涵盖第二部分所规定的实验内容。

要求网站风格、色彩、布局统一；页面遵循HTML4.01或XHTML1.0标准；页面的表现和布局用CSS文件实现。

二、实验内容网页设计时至少包含如下内容 1、指定文档标题2、设置背景图象、背景颜色 3、向搜索引擎提供信息4、设置默认路径 5、自动刷新和重定向6、样式的定义7、设置分行8、设置分区9、块引用10、预先格式化文本 11、表单、表格、列表、贞 12、浮动和定位三、实验步骤与结果网站整体布局图：（导入页，主页，链接，帧集）1、指定文档标题操作：（代码及结果）我的个人网站我的个人主页我的兴趣爱好自然风光名人风味美食个人档案2、设置背景图象、背景颜色操作：（代码及结果）body { background-color: #FFFFCC;}设置背景色为浅黄色body { background-color: #FF0000; }设置背景色为大红色body { background-color: #000000; }设置背景色为黑色本网站主调色为大红色，浅黄色及黑色。

网页制作实验报告-总结报告_0

网页制作实验报告-总结报告网页制作实验报告-总结报告-实验报告网页制作实验报告实验一：站点设置一、实验目的及要求本实例是通过站点定义为对话框中的高级选项卡创建一个新站点。

二、仪器用具 1、生均一台多媒体电脑, 组建内部局域网, 并且接入国际互联网。

2、安装 WindowsXP 操作系统；建立 IIS 服务器环境, 支持ASP。

3、安装网页三剑客（DreamweaverMX；FlashMX；FireworksMX）等网页设幽计软件；三、实验烘原理通过站颅点定义为对话框鲁中的高级选项呵卡创建一个新站点恋。

四、实验方法与芝步骤 1）执行兢站点＼管理站点佑命令, 在弹出的抨管理站点对话个框中单击新建里按钮, 在弹出的快焉捷菜单中选择站穿点命令。

2 泽）在弹出的站点扯定义为对话框中繁单击高级选项罗卡。

3）在嫡站点名称文本框心中输入站点名称, 瓦在默认文件夹搽文本框中选择所创硬建的站点文件夹。

哨在默认图象文件嫡夹文本框中选择布存放图象的文件夹尖 , 完成后单击确疫定按钮, 返回傲管理站点对话框佑。

1/ 74）在管斋理站点对话框中葬单击完成按钮漓 , 站点创建完毕。

猩五、实验结果六、躲讨论与结论实鞍验开始之前要先建值立一个根文件夹, 划在实验的过程中把田站点存在自己建的辜文件夹里, 这样才肉能使实验条理化, 曹不至于在实验后找几不到自己的站点。

汕在实验过程中会出淆现一些选项, 计算奸机一般会有默认的漾选择, 最后不要去豹更改, 如果要更改诸要先充分了解清楚泞该选项的含义, 以阂及它会造成的效果厨 , 否则会使实验的毖结果失真。

实验前蒂先熟悉好操作软件沾是做好该实验的关止键。

实验二：页面梆图像设置一、实验庸目的及要求：周本实例的目的是设垫置页面的背景图像膝 ,并创建鼠标经过挣图像。

二、仪器用驱具 1、生均一驮台多媒体电脑, 组沤建内部局域网, 并掩且接入国际互联网湖。

2、安装 W 鞭 indowsXP 勘操作系统；建立 I 础 IS 服务器环境, 羊支持 ASP。

网页制作实验报告4篇

网页制作实验报告网页制作实验报告4篇在生活中，我们使用报告的情况越来越多，我们在写报告的时候要避免篇幅过长。

我敢肯定，大部分人都对写报告很是头疼的，下面是小编收集整理的网页制作实验报告，欢迎大家分享。

网页制作实验报告1一、实验目的及要求：本实例的目的是通过设置css样式创建表格的虚线边框。

二、仪器用具1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装windows xp操作系统;建立iis服务器环境，支持asp。

3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;4、安装acdsee、photoshop等图形处理与制作软件;5、其他一些动画与图形处理或制作软件。

三、实验原理通过设置css样式创建表格的虚线边框。

四、实验方法与步骤1) 在网页中创建一个表格。

2) 在“css样式”面板中单击“”按钮，在弹出的对话框中进行设置，完成后单击“确定”按钮。

3) 在弹出的对话框中进行设置，完成后单击“确定”按钮。

五、实验结果六、讨论与结论对话框中各项指标和属性的设置存在一定的难度，如果没熟练掌握就容易出错使实验失败。

对“ccs”样式所要使用的各种按扭不够熟悉在使用的时候觉得很生硬。

这个实验成功的关键在于对软件的掌握程度以及对各种属性的认识程度，只要充分地掌握了软件的各种操作，对各属性所代表的含义有充分的认识就能很好地完成这个实验。

网页制作实验报告2一、实验目的及要求：本实例的目的是创建锚点链接。

二、仪器用具1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装windows xp操作系统;建立iis服务器环境，支持asp。

3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;4、安装acdsee、photoshop等图形处理与制作软件;5、其他一些动画与图形处理或制作软件。

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

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

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>电气工程学院是高等工业学校本科非电工科类的一门重要的技术基础课，通过本课程的学习使学生受到辩证唯物主义和爱国主义教育，获得电气技术领域中有关电工技术、电子技术的必要基本理论、基本知识和基本技能，了解他们的应用和发展趋势，为学习后续课程以及从事与本专业有关的工程技术科学研究工作打下一定基础。