工作报告 [网页制作实验报告]网页制作实验报告格式

合集下载

网页设计实践报告3篇

网页设计实践报告3篇

网页设计实践报告3篇网页设计实践报告1一实验目的1.学习html语言和dreamweaver,frontpage等工具2.掌握在本地环境下运用asp技术实现一个简单的电子商务二实验的方法和原理三实验过程1.资料的搜集。

组长分配任务,大家从上搜集各种关于手机的资料。

2.熟悉制作软件。

做网页主要用的工具便是dremweaver、photoshop、flash软件。

在这些软件我对dremweaver、photoshop相对比较熟悉,因为在平时上课是老师带领我们运用过。

所以我还可以正常的运用,但是出现的问题还是有很多。

有很多不懂如何操作,只有通过在次去看书才能够了解,这也体现了我学习方面的缺点,它是我平时不够认真的具体表现。

3.构建站点框架。

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

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

6向静太网页插入动态效果四实验心得在经济迅速发展的今天,internet显得更为重要它是人们发布信息与传递信息的重要渠道,为了与社会发展同步,为了让我们成为真正的技术性人才。

学校在本周为我们安排了维持三周的网页制作专用周是实习,让我们把平时所学知识运用到实践中做到真正的学以致用而不只是纸上谈兵。

通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足。

近三个星期的实训将要结束,其中的酸甜苦辣我会在今后的日子里不断地去咀嚼,去回味,去探索。

从制作网页过程中,我学到了新的美化网页的方法,运用了更多以前未运用的技巧。

这使我学到了更多的知识,并且为我自己在制作网页这方面积累了一些经验。

这些将是我人生中的一次重要的经历,将是我今后走上社会后的一笔巨大的财富。

这次实习的收获对我来说有不少,我自己感觉在知识、技能等方面都有了不少的收获。

总体来说这次是对我的综合素质的培养,锻炼和提高。

网页设计实验报告

网页设计实验报告

网页设计实验报告一、实验目的。

本实验旨在通过设计一个简单的网页,掌握网页设计的基本原理和技术,包括HTML、CSS等相关知识,加深对网页设计的理解和应用。

二、实验内容。

1. 确定网页设计的主题和内容,包括页面布局、颜色搭配、文字排版等方面的设计。

2. 使用HTML语言编写网页的结构和内容,包括标题、段落、列表、图片等。

3. 使用CSS样式表美化网页的外观,包括字体、颜色、边框、背景等样式的设置。

4. 调试和优化网页,确保网页在不同浏览器和设备上的兼容性和稳定性。

三、实验过程。

1. 确定网页设计的主题和内容。

根据实验要求,我选择了一个简单的个人简历页面作为设计主题,包括个人信息、教育经历、工作经验和技能展示等内容。

2. 使用HTML语言编写网页的结构和内容。

我首先创建了一个HTML文件,并使用HTML标签编写了页面的基本结构,包括标题、段落、列表和图片等内容。

3. 使用CSS样式表美化网页的外观。

我创建了一个独立的CSS文件,通过设置字体、颜色、边框、背景等样式,使页面呈现出美观的外观效果。

4. 调试和优化网页。

在完成基本设计后,我对页面进行了多次调试和优化,确保页面在不同浏览器和设备上的兼容性和稳定性,同时也对页面的加载速度和性能进行了优化。

四、实验结果。

经过一系列的设计、编写和优化,我成功地完成了一个简单的个人简历网页设计。

页面整体布局合理,颜色搭配和文字排版也较为美观,同时在不同浏览器和设备上都能够正常显示和使用。

五、实验总结。

通过本次实验,我深入了解了网页设计的基本原理和技术,掌握了HTML、CSS等相关知识,提高了对网页设计的理解和应用能力。

同时,我也意识到网页设计需要注重细节和用户体验,不断调试和优化是设计过程中不可或缺的环节。

六、实验感想。

本次实验让我对网页设计有了更深入的认识,也让我体会到了设计的乐趣和挑战。

在今后的学习和工作中,我将继续加强对网页设计相关知识的学习和实践,不断提升自己的设计能力和水平。

网页制作实验报告

网页制作实验报告

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

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

二、实验内容。

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

三、实验步骤。

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

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

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

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

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

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

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

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

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

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

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

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

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

四、实验总结。

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

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

五、实验感想。

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

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

六、参考资料。

1. 《HTML5权威指南》。

工作报告之网站制作实验报告

工作报告之网站制作实验报告

网站制作实验报告【篇一:个人网站设计实验报告】河南工程学院实习报告课程名称 程序设计实训设计题目个人网站的设计与实现系(部)班级学号姓名实习时间 2013.12.30-2014.1.3指导教师 2014年 1 月 3日实习(训)报告评语等级:评阅人:职称:年月日目录2.1可行性分析 (4)2.1.1社会可行性 ..................................................................4 2.1.2技术可行性 ..................................................................4 2.1.3经济可行性 (5)三、系统设计目标和原则 (5)3.1设计目标 ..........................................................................5 3.2设计原则 ..........................................................................6 四、系统功能模块设计 . (6)4.1前台管理模块 ......................................................................6 4.2 后台管理模块 ......................................................................7 五、数据库设计 ............................................................................7 5.1数据库表设计 . (7)5.1.1 dbo.logger(文章信息表) ....................................................7 5.1.2 dbo.logintime(登录时间表) .................................................8 5.1.3dbo.messageboard(文章信息表) (8)5.1.4 dbo.mood(日志表) (9)5.1.5 dbo.musics(音乐文件信息表) ................................................9 5.1.6 ers(用户登录表) .. (9)六、基本程序清单 (10)6.1 数据库连接类清单 (10)6.2页面清单 (12)6.2.1登陆界面 ...................................................................12 6.2.2关于我们 ...................................................................15 6.2.3音乐页面 (15)七、实训总结 (19)个人网站设计与实现一、实训题目个人网站设计与实现二、系统需求分析信息时代的今天,网络已经成为人们工作、学习的一部分,不断充实和改变着人们的生活。

网页系统设计实验报告(3篇)

网页系统设计实验报告(3篇)

第1篇一、实验目的1. 理解网页系统设计的基本概念和流程。

2. 掌握网页系统的规划、设计和实现方法。

3. 提高网页设计与制作能力,熟悉相关软件的使用。

二、实验环境1. 操作系统:Windows 102. 浏览器:Chrome3. 开发工具:Adobe Dreamweaver CC4. 编程语言:HTML、CSS、JavaScript三、实验内容1. 网页系统规划2. 网页系统设计3. 网页系统实现4. 网页系统测试与优化四、实验步骤1. 网页系统规划(1)明确系统功能:根据用户需求,确定网页系统的功能模块,如首页、产品展示、新闻资讯、联系方式等。

(2)确定页面布局:根据功能模块,规划页面布局,包括头部、导航栏、主体内容、底部等。

(3)设计导航结构:根据页面布局,设计导航结构,使用户能够方便地浏览各个页面。

2. 网页系统设计(1)设计页面风格:根据网站定位和用户需求,设计页面风格,包括颜色、字体、图片等。

(2)设计界面元素:根据页面风格,设计界面元素,如按钮、图标、表格等。

(3)设计交互效果:使用JavaScript等脚本语言,实现页面元素的交互效果,如滚动动画、鼠标悬停等。

3. 网页系统实现(1)编写HTML代码:使用HTML标签,构建网页结构。

(2)编写CSS代码:使用CSS样式,美化网页界面。

(3)编写JavaScript代码:使用JavaScript脚本,实现页面交互效果。

4. 网页系统测试与优化(1)功能测试:测试各个功能模块是否正常工作。

(2)性能测试:测试网页加载速度和响应时间。

(3)兼容性测试:测试网页在不同浏览器和设备上的显示效果。

(4)优化:根据测试结果,对网页进行优化,提高用户体验。

五、实验结果与分析1. 网页系统规划根据用户需求,本网页系统规划了以下功能模块:- 首页:展示网站简介、最新动态、热门产品等。

- 产品展示:详细介绍各个产品,包括图片、文字、价格等。

- 新闻资讯:发布公司新闻、行业动态等。

网页制作实验报告格式

网页制作实验报告格式

网页制作实验报告格式实验一:站点设置一、实验目的及要求本实例是经过站点定义为对话框中的高级选项卡创建一具新站点。

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

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

3、安装页三剑客(dreamweaver mx;flash mx;fireworks mx)等页设计软件;三、实验原理经过站点定义为对话框中的高级选项卡创建一具新站点。

四、实验办法与步骤1)执行站点治理站点命令,在弹出的治理站点对话框中单击新建按钮,在弹出的快捷菜单中挑选站点命令。

2)在弹出的站点定义为对话框中单击高级选项卡。

3)在站点名称文本框中输入站点名称,在默认文件夹文本框中挑选所创建的站点文件夹。

在默认图象文件夹文本框中挑选存放图象的文件夹,完成后单击确定按钮,返回治理站点对话框。

4)在治理站点对话框中单击完成按钮,站点创建完毕。

五、实验结果六、讨论与结论实验开始之前要先建立一具根文件夹,在实验的过程中把站点存在自己建的文件夹里,如此才干使实验条理化,别至于在实验后寻别到自己的站点。

在实验过程中会浮现一些选项,计算机普通会有默认的挑选,最后别要去更改,假如要更改要先充分了解清晰该选项的含义,以及它会造成的效果,否则会使实验的结果失真。

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

实验二:页面图像设置一、实验目的及要求:本实例的目的是设置页面的背景图像,并创建鼠标经过图像。

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

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

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

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

网页制作实习报告(6篇范文)

网页制作实习报告(6篇范文)

网页制作实习报告(6篇范文)【导语】网页制作实习报告怎么写好?本文精选了6篇优秀的网页制作实习报告范文,都是标准的书写参考模板。

以下是小编为大家收集的网页制作实习报告,仅供参考,希望您能喜欢。

【第1篇】网页制作实习报告一实验过程1.资料的搜集。

2.熟悉制作软件。

3.构建站点框架。

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

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

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

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

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

其内容是多样化的。

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

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

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

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

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

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

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

于是网站主题确立。

然后是整体规划,每一版块都有其个性的色彩,清晰明了,便于阅读浏览,大致分几部分,中国简介,中国历史,用户登录注册页面留言,再加入个别网站等,每一部分又分几小部分,内容比较充分,多样。

【实验报告】网页制作实验报告

【实验报告】网页制作实验报告

【实验报告】网页制作实验报告一、实验目的本次网页制作实验的主要目的是让我们熟悉网页制作的基本流程和技术,掌握 HTML、CSS 和 JavaScript 等语言的基本用法,提高我们的网页设计和开发能力,培养我们的创新思维和实践能力。

二、实验环境1、操作系统:Windows 102、开发工具:Visual Studio Code3、浏览器:Google Chrome三、实验内容1、网页规划与设计确定网页主题:本次实验选择制作一个个人博客网站。

设计网页布局:采用了常见的两栏式布局,左边为导航栏,右边为主要内容区域。

色彩搭配:选择了简洁舒适的配色方案,以淡蓝色为主色调,搭配白色和灰色。

2、 HTML 页面结构搭建使用 HTML 标签创建网页的基本结构,包括`<html>`、`<head>`和`<body>`等。

在`<head>`标签中设置网页的标题、元数据和链接外部样式表。

在`<body>`标签中使用`<div>`、`<ul>`、`<li>`等标签构建网页的内容框架。

3、 CSS 样式设计创建外部 CSS 样式表,通过选择器为不同的 HTML 元素设置样式,包括字体、颜色、背景、边框、间距等。

运用浮动和定位技术实现网页元素的布局排版。

4、 JavaScript 交互效果实现编写 JavaScript 代码实现网页的交互功能,如导航栏的下拉菜单效果、图片轮播效果等。

使用事件监听机制处理用户的操作,如鼠标点击、鼠标悬停等。

四、实验步骤1、网页规划首先,对个人博客网站的功能和内容进行了详细的规划。

确定了包括首页、文章列表页、文章详情页、关于页等几个主要页面。

然后,在纸上绘制了每个页面的草图,初步确定了页面的布局和元素的分布。

2、 HTML 页面搭建打开 Visual Studio Code,创建一个新的 HTML 文件。

按照规划的页面结构,使用 HTML 标签逐步构建页面的框架。

网页制作实验报告

网页制作实验报告

网页制作实验报告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、安装windows xp操作系统;建立iis服务器环境,支持asp。

3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;三、实验原理通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。

四、实验方法与步骤1)执行“站点\管理站点”命令,在弹出的“管理站点”对话框中单击“新建”按钮,在弹出的快捷菜单中选择“站点”命令。

2)在弹出的“站点定义为”对话框中单击“高级”选项卡。

3)在“站点名称”文本框中输入站点名称,在“默认文件夹”文本框中选择所创建的站点文件夹。

在“默认图象文件夹”文本框中选择存放图象的文件夹,完成后单击“确定”按钮,返回“管理站点”对话框。

4)在“管理站点”对话框中单击“完成”按钮,站点创建完毕。

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

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

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

实验二:页面图像设置一、实验目的及要求:本实例的目的是设置页面的背景图像,并创建鼠标经过图像。

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

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

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

网页制作实验报告模版

网页制作实验报告模版

实验名称:网页设计与制作实验目的:1. 熟悉网页设计的基本概念和流程。

2. 掌握HTML、CSS和JavaScript等网页制作技术。

3. 学会使用网页设计软件(如Dreamweaver)进行网页制作。

4. 提高网页美感和用户体验。

实验时间:2023年X月X日实验地点:计算机实验室实验设备:计算机、Dreamweaver软件、网络连接实验人员:XXX(姓名)、XXX(姓名)实验内容:一、实验背景随着互联网的快速发展,网页已成为人们获取信息、交流互动的重要平台。

掌握网页制作技术对于提高个人综合素质和适应社会需求具有重要意义。

本实验旨在通过实践操作,使学生了解网页制作的基本流程,掌握相关技术,提高网页制作能力。

二、实验步骤1. 网页设计构思(1)明确网页主题:根据实验要求,确定网页主题,如个人博客、企业官网等。

(2)收集素材:根据主题,收集相关的图片、文字、视频等素材。

(3)布局设计:利用Dreamweaver软件,对网页进行布局设计,包括页面结构、导航栏、广告栏、内容区域等。

2. 网页制作(1)HTML编写:使用HTML标签,如<html>、<head>、<body>等,构建网页的基本结构。

(2)CSS样式设置:使用CSS样式,如<style>、<link>等,对网页进行美化,包括字体、颜色、背景等。

(3)JavaScript脚本编写:使用JavaScript脚本,如<script>、<img>等,实现网页的动态效果。

3. 网页测试与优化(1)浏览器兼容性测试:在多个浏览器(如Chrome、Firefox、IE等)中测试网页,确保网页在各个浏览器中均能正常显示。

(2)性能优化:对网页进行性能优化,提高网页加载速度,如压缩图片、减少代码冗余等。

(3)用户体验优化:根据用户反馈,对网页进行优化,提高用户体验。

三、实验结果与分析1. 实验结果通过本次实验,成功制作了一个具有个人风格的网页,包括首页、关于我、文章列表、联系方式等页面。

网页实训报告范文(共16篇)

网页实训报告范文(共16篇)

网页实训报告范文(共16篇)篇1:网页实训心得体会回顾这一个月来的实习生活是一件很值得纪念的事,这是我第一次在外实习,第一次在网上投简历能收到回复。

对于我们这样的艺术设计学生,我深刻的体会到单单是学校教的远远不够,学校教的很笼统,很抽象,很大概,如果可以,我希望这个专业的师弟师妹们,有空多多到图书馆充实自己,静下心来充分自学。

在外实习前,第一件事是把自己卖出去,包装自己,所以简历很重要,务必属实,因为你有多少两重,阅人无数的人事主管和老板在面试的交谈中很快就能从你各方面行为和语言中找到答案。

既然要面试,衣服当然要穿正装,其实我也想的只是大二实习期没有大三的三个月那么长,就那么一个月。

这样短期的工作其实根本没有什么企业愿意招聘,所以我感觉到万分荣幸能够进到这一支专业的创业团队,真的是一件了不起的事,而且这个岗位与我学习的和自己喜爱的科目对的很准,我自己也十分乐于这份工作。

记得刚开始的一个多星期,企业并没有让我马上投入工作,因为当时对产品了解不熟悉,要从学校的圈子走出来到商业模式去还是有点顾虑,但是当你接触到这商业化的东西,你会发现,学校的东西远远不足。

所以一般企业会进行些培训,很感激william杨,他提供了很多设计的书籍给我自学阅读,可惜在我深刻读完《瞬间之美――web 界面设计如果让用户心动》(点击跳到本人的读书笔记)一书后,就再也很难抽取一点时间来阅读了。

在接下来的这个月里,除了必要的培训以熟悉企业及其产品知识外,我也开始忙碌起来,因为产品的第一个内部版本需要再X月X日这个好日子发布。

刚开始的两个星期,因为对产品并不熟悉,一直以来在学校设计的作品都很学校但是商业设计比较少,出头设计的时候真的抓破头脑,因为习惯了学校的生活,习惯了客户给要求按照客户的想法去做。

至于什么叫很学校呢,就是一种填鸭式的,根据参考去模仿设计,然而在社会上涉及很多版权问题,所以商业上的设计基本上都是原创或者参考过后进行大幅度的提高审美设计,其次因为涉及商业利益,在商业的角度上,商业的资金来源是客户,所以他们的需求来源于客户,注重用户感受的设计,是一个好设计。

页制作实验报告模版

页制作实验报告模版
页制作实验报告模版
ห้องสมุดไป่ตู้一、实验背景
最近,我们在学校学习了页面制作,对此我很感兴趣,并且想进一步掌握这方面的技能。因此,我决定进行一个关于页面制作的实验,来实践和加深对这方面知识的理解。
二、实验目的
本次实验的目的是制作一个简单但完整的网页,包括基本的HTML和CSS代码。通过实际操作,加深对页面制作的理解,掌握基本的页面制作技能,并能独立完成一份简单的网页制作。
三、实验材料
为了进行这个实验,我准备了一台电脑、一本HTML和CSS的教程书籍以及一些网上的页面制作资源。这些材料将有助于我更好地完成这项实验。
四、实验步骤
首先,我将阅读教程书籍,了解HTML和CSS的基本知识,并掌握它们的基本语法和用法。
其次,我将从网上下载一些简单的网页模板,以便参考和学习。
然后,我将根据所学知识,结合网页模板,开始编写HTML和CSS代码,制作一个简单的网页。
七、展望
未来,我将继续学习页面制作相关的知识,不断提高自己的技能。我也希望能够利用所学知识,制作更加复杂和精致的网页,为自己的学习和生活增添更多的乐趣。
接着,我将不断尝试修改和调整代码,直到达到我预期的效果。
最后,我将对制作的网页进行测试,确保它的显示效果和功能正常。
五、实验结果
经过几天的努力,我成功制作了一个简单但完整的网页。这个网页包括了标题、文字内容、图片和链接等基本元素,样式简洁美观,能够在各种浏览器中正确显示和运行。
六、实验总结
通过这次实验,我更加深入地了解了HTML和CSS的知识,掌握了页面制作的基本技能。我认识到页面制作需要耐心和细心,也需要不断地实践和尝试。我相信,通过不断地学习和实践,我将能够在页面制作领域有更好的表现。

网页制作实验报告3篇

网页制作实验报告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)。

网页设计制作实验报告

网页设计制作实验报告

实验名称:网页设计制作实验日期:2023年X月X日实验地点:计算机实验室实验人员:XXX一、实验目的1. 熟悉网页设计的基本流程和常用工具。

2. 掌握HTML、CSS和JavaScript等网页制作技术。

3. 提高网页美化和交互性,提升用户体验。

4. 培养团队协作和沟通能力。

二、实验内容1. 网页设计基本流程:(1)需求分析:明确网页功能、风格、布局等。

(2)页面布局:设计网页的布局,包括导航栏、内容区、侧边栏等。

(3)界面设计:设计网页的视觉效果,包括颜色、字体、图片等。

(4)代码编写:使用HTML、CSS和JavaScript等技术编写网页代码。

(5)测试与优化:测试网页兼容性、响应速度和用户体验,不断优化。

2. 网页制作技术:(1)HTML:用于搭建网页的基本框架,定义网页的结构。

(2)CSS:用于美化网页,控制网页的样式和布局。

(3)JavaScript:用于实现网页的交互功能,如动态效果、表单验证等。

三、实验步骤1. 需求分析:确定实验网页的主题为个人博客,功能包括文章展示、分类浏览、留言板等。

2. 页面布局:设计网页的布局,包括头部、导航栏、内容区、侧边栏和底部。

头部展示博客名称和简介,导航栏提供分类浏览功能,内容区展示文章列表,侧边栏展示热门文章、友情链接等,底部展示版权信息。

3. 界面设计:选择合适的颜色搭配和字体,添加图片和图标,使网页具有美观、简洁的风格。

4. 代码编写:(1)HTML代码:编写网页的基本结构,包括头部、导航栏、内容区、侧边栏和底部。

(2)CSS代码:设置网页的样式,包括字体、颜色、布局等。

(3)JavaScript代码:实现网页的交互功能,如文章分类浏览、留言板留言等。

5. 测试与优化:测试网页兼容性、响应速度和用户体验,针对问题进行优化。

四、实验结果与分析1. 网页功能实现:(1)文章展示:成功展示博客文章,包括标题、作者、发布时间等。

(2)分类浏览:实现文章分类浏览功能,用户可以根据分类查看文章。

网页制作实习报告(优秀9篇)

网页制作实习报告(优秀9篇)

网页制作实习报告(优秀9篇)篇一:网站建设的实习报告篇一毕业实习是结束大学课堂理论学习后的一次极为重要的实践性环节。

通过实习,可以让学生对专业知识有一个更全面、更深刻的理解,为学生走上工作岗位,完成人生角色转换,打下良好基础。

以前人毕业实习完全由学校组织,学生人数不多,基本能够做到“真题真做”,专业对口,将实习和就业分离,含有很大的统招统分的色彩。

但面对高校扩招,尽管学校花费了很大的力量联系实习单位,仍难以安排“大兵团”的实习。

随着高校扩招和就业双向选择的实施,传统的实习模式已不能适应学生及用人单位的要求。

新形势下,学生的自主实习越来越多,也给实习管理来很多问题。

实习生管理不到位。

实习生都是自主联系,或者是小组实习,一般的实习小组都小于10人,学校不可能每个实习点都有指导教师监督,实习生在不在岗,实习情况如何,学校管理部门难以知晓,检查起来也有很多困难。

“非典”期间,学校需要统计在外实习学生人数及分布,结果学工和教务得出的数据差别很大。

这必然带来学生管理问题,这种处于无人管理状况的毕业实习,学生很容易钻空子,由于就业的压力学生不安心实习,不认真实习或者干脆就不实习的情况大有人在,这样既不能完成教学任务,降低学生的培养质量,另一方面,很容易产生学生的人身安全等重大问题,而实习阶段学校是学生的监护人和管理者,一旦出问题,学校风险很大。

2、实习生指导跟不上。

由于分散实习,学生分布于全省各乃至全国各地,往往专业的指导教师也就几个人甚至一两个,也不可能奔波于各实习点来回指导,指导力量不足的问题,成为影响实习质量的重要因素,很多时候,学生有问题无处咨询,只有靠自己摸索。

由于学生分散,实习生之间也没有办法进行经验教训的充分交流,教学资源如资料、图书等也不能共享。

而实习单位的指导力量也有限,一方面,实习单位的指导教师素质高低参差不齐,有些工科的实习由一些工厂师傅带,他们不懂得教学法,指导往往不得法,另一方面,实习单位指导教师往往不尽心,由于学生的实习质量与自己没有利害冲突,所以得过且过,放松要求。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

网页制作实验报告4篇

网页制作实验报告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、其他一些动画与图形处理或制作软件。

网页制作实验报告家乡

网页制作实验报告家乡

一、实验目的本次实验旨在通过网页制作,展示我的家乡——XX市(县)的自然风光、人文历史、经济发展等方面,提高我的网页设计能力,并锻炼我的信息整理和表达能力。

二、实验内容1. 网页设计构思(1)主题定位:以“美丽家乡,温馨记忆”为主题,突出家乡的自然美景、人文历史和民俗风情。

(2)页面布局:采用简洁、明快的风格,以图片、文字、视频等多媒体元素展示家乡特色。

(3)功能模块:包括家乡风光、历史文化、民俗风情、经济发展、旅游攻略等板块。

2. 网页制作过程(1)网站搭建使用Dreamweaver软件,创建一个本地站点,命名为“我的家乡”。

(2)页面设计1)首页设计首页采用图片轮播展示家乡美景,下方列出导航栏,包括家乡风光、历史文化、民俗风情、经济发展、旅游攻略等板块。

2)内容页设计根据各板块内容,分别设计相应的页面。

例如:- 家乡风光:展示家乡的名胜古迹、自然风光等图片,并配以简短的文字介绍。

- 历史文化:介绍家乡的历史沿革、名人轶事、传统节日等,采用图文并茂的形式。

- 民俗风情:展示家乡的民俗活动、民间艺术、特色美食等,增强用户体验。

- 经济发展:介绍家乡的产业结构、重点企业、招商引资政策等,展现家乡的发展活力。

- 旅游攻略:提供家乡的旅游线路、住宿、餐饮、交通等信息,方便游客规划行程。

(3)代码编写使用HTML、CSS和JavaScript等前端技术,编写页面代码。

注意页面兼容性和响应式设计,确保在不同设备上都能正常显示。

(4)测试与优化对制作完成的网页进行测试,检查页面布局、功能、性能等方面是否存在问题,并进行优化。

三、实验结果经过多次修改和完善,最终制作完成了一个关于家乡的网页。

该网页包含了家乡风光、历史文化、民俗风情、经济发展、旅游攻略等多个板块,内容丰富,界面美观,用户体验良好。

四、实验心得1. 网页制作过程中,我学会了使用Dreamweaver、Photoshop等软件,提高了我的设计能力。

[网页制作实验报告格式]网页制作与设计实验报告

[网页制作实验报告格式]网页制作与设计实验报告

《[网页制作实验报告格式]网页制作与设计实验报告》摘要:x)等页设计软件;三、实验原理通定义对话框高级选项卡创建新,x)等页设计软件;、安装、等图形处理与制作软件;5、其他些动画与图形处理或制作软件,X)等页设计软件;、安装、等图形处理与制作软件;5、其他些动画与图形处理或制作软件实验设置、实验目及要实例是通定义对话框高级选项卡创建新二、仪器用具、生台多媒体电脑组建部局域并且接入国际、安装 x操作系统;建立器环境支持3、安装页三剑客(rvr x;l x;rrk x)等页设计软件;三、实验原理通定义对话框高级选项卡创建新四、实验方法与步骤)执行管理命令弹出管理对话框单击新建按钮弹出快捷菜单选择命令)弹出定义对话框单击高级选项卡3)名称框输入名称默认件夹框选择所创建件夹默认图象件夹框选择存放图象件夹完成单击确定按钮返回管理对话框)管理对话框单击完成按钮创建完毕五、实验结六、讨论与结论实验开始前要先建立根件夹实验程把存己建件夹里这样才能使实验条理化不至实验不到己实验程会出现些选项计算机般会有默认选择不要更改如要更改要先充分了清楚该选项含义以及它会造成效否则会使实验结失真实验前先熟悉操作软件是做该实验关键实验二页面图像设置、实验目及要实例目是设置页面背景图像,并创建鼠标图像二、仪器用具、生台多媒体电脑组建部局域并且接入国际、安装 x操作系统;建立器环境支持3、安装页三剑客(rvr x;l x;rrk x)等页设计软件;、安装、等图形处理与制作软件;5、其他些动画与图形处理或制作软件三、实验原理设置页面背景图像,并创建鼠标图像四、实验方法与步骤) 页面属性对话框设置页面背景图像) 页面档单击插入鼠标图像五、实验结六、讨论与结论实验结束我们可以看到页面背景变成了我们插入图像并且要鼠标候会变成另图像这就是鼠标图像效当然这种实验效很难实验结截图里表现出这实验关键背景图像选择如背景图像太不仅会影响页打开速甚至图像插入会也会有失真感觉因插入前对图像进行必要处理能使实验效更实验三表格制作、实验目及要实例是要创建边框像素表格二、仪器用具、生台多媒体电脑组建部局域并且接入国际、安装 x操作系统;建立器环境支持3、安装页三剑客(rvr x;l x;rrk x)等页设计软件;、安装、等图形处理与制作软件;5、其他些动画与图形处理或制作软件三、实验原理创建边框像素表格四、实验方法与步骤) 档单击表格按钮对话框将单元格距设置) 选插入表格将背景颜色设置黑色(#0000000)3) 表格选所有单元格属性面版将背景颜色设置白色(#)) 设置完毕保存页面按下键预览五、实验结六、讨论与结论实验主要通整表格和单元格颜色差异衬托出实验效距作用主要表现这种颜色差异表格背景颜色和单元格背景颜色容易混淆实验要认真判断旦操作错误则得不到实验效表格宽框右侧表格宽单位包括像素和分比两种容易混淆要充分地理这两种单位表示义才能正确地进行选择否则就不能达到己想要效设置错误就会严重影响实验效实验四创建锚链接、实验目及要实例目是创建锚链接二、仪器用具、生台多媒体电脑组建部局域并且接入国际、安装 x操作系统;建立器环境支持3、安装页三剑客(rvr x;l x;rrk x)等页设计软件;、安装、等图形处理与制作软件;5、其他些动画与图形处理或制作软件三、实验原理创建锚链接四、实验方法与步骤) 页面插入行列表格并各单元格输入导航) 分别选各单元格单击按钮弹出超级链接对话框上链接框分别输入#0#0#03#03) 档输入并设置锚记名称0按下 r键换行输入) 结尾处换行输入并设置锚记名称0按下 r键换行输入5) 样方法页面下分别输入和命名锚记03和0并输入6) 保存页面按下键预览五、实验结六、讨论与结论添加瞄记作用是可以者快速到己想要也可以使页面更加精简实验关键难链接框输入名称和瞄记名称要相致才能达到实验效要记得是上结尾处输入并设置瞄记名称并记得输入对应否则瞄记可能不能用熟练程低实验不能很地使用各种工具无法次准确地寻到适当位置实验忘记选择不可见元素几次实验都失败才得出正确结论因实验前要先做预习否则实验程会比较吃力实验五设置样式、实验目及要实例目是通设置样式创建表格虚线边框二、仪器用具、生台多媒体电脑组建部局域并且接入国际、安装 x操作系统;建立器环境支持3、安装页三剑客(rvr x;l x;rrk x)等页设计软件;、安装、等图形处理与制作软件;5、其他些动画与图形处理或制作软件三、实验原理通设置样式创建表格虚线边框四、实验方法与步骤) 页创建表格) 样式面板单击按钮弹出对话框进行设置完成单击确定按钮3) 弹出对话框进行设置完成单击确定按钮五、实验结六、讨论与结论对话框各项指标和属性设置存定难如没熟练掌握就容易出错使实验失败对样式所要使用各种按扭不够熟悉使用候觉得很生硬这实验成功关键对软件掌握程以及对各种属性认识程只要充分地掌握了软件各种操作对各属性所代表含义有充分认识就能很地完成这实验实验六创建表单、实验目及要实例目是创建募捐表单二、仪器用具、生台多媒体电脑组建部局域并且接入国际、安装 X操作系统;建立器环境支持3、安装页三剑客(rvr X;l X;rrk X)等页设计软件;、安装、等图形处理与制作软件;5、其他些动画与图形处理或制作软件三、实验原理创建募捐表单四、实验方法与步骤) 页插入表格设置居对齐并插入幅图像) 表格二行单元格单击按钮插入表单3) 表单域插入表单对象和) 按下键预览效五、实验结六、讨论与结论这图像关键首先背景图象选择图像如花俏则会使表单杂乱如颜色深则会掩盖了表单上依次不要用黑色图像也不能不然会使表单太繁杂其次是各多选框和单选按扭设置难比较对初次做这实验人说要多次试验才能达到满效表格拆分难要多次实验才能达到己想要效实验七页面控制播放l动画、实验目及要实例目是实现页面控制播放l动画二、仪器用具、生台多媒体电脑组建部局域并且接入国际、安装 X操作系统;建立器环境支持3、安装页三剑客(rvr X;l X;rrk X)等页设计软件;、安装、等图形处理与制作软件;5、其他些动画与图形处理或制作软件三、实验原理实现页面控制播放l动画四、实验方法与步骤) 页面插入表格并表格插入l动画和两表单按钮) 分别选择两表单按钮行面板单击按钮弹出快捷菜单选择控制kv或l命令打开控制kv或l对话框分别设置3) 保存页面按下键预览单击播放按钮开始播放l动画;当单击停止按钮则停止播放l动画五、实验结六、讨论与结论控制kv或l对话框设置难比较设置错误L可能无法播放控制按钮创建也是关键所控制按钮不能使用则等整实验失败因要认真做各按钮并确保质量这次实验我遇到问题就是设置控制kv或l对话框因我对其各项属性了不够清楚选择很难正确地做出判断因掌握这方面知识是做这实验前提实验八制作浮雕、实验目及要实例使用l绘画工具制作出有浮雕感二、仪器用具、生台多媒体电脑组建部局域并且接入国际、安装 X操作系统;建立器环境支持3、安装页三剑客(rvr X;l X;rrk X)等页设计软件;、安装、等图形处理与制作软件;5、其他些动画与图形处理或制作软件三、实验原理使用l绘画工具制作出有浮雕感四、实验方法与步骤) 舞台输入并将移动到舞台央位置) 新建图层并复制图层帧到图层帧并改变体颜色3) 拖曳图层到图层下方分别按下键盘上方向键左移键和上移键各次) 新建图层3复制图层帧到图层3帧并拖曳图层3到图层上方5) 选择图层3帧执行修改分离命令两次将打散并填充由白色(#)渐变到黄色(#00)6) 分别按下两次键盘上方向键左移键和下称键拖曳图层3到图层下方该实例制作完成五、实验结六、讨论与结论掌握层和桢知识是做这实验关键因这实验主要涉及到桢和层创建和移动对层和桢不熟悉选择和移动没法准确地把握否则就打不到预期实验效次实验要多次地移动层和桢只有合理地移动才能达到实验效因实验要保持清醒头脑也要耐心和细心急噪就会影响实验效和效率实验九母位置颜色变化效、实验目及要实例主要表现有母位置才能看到颜色变化效二、仪器用具、生台多媒体电脑组建部局域并且接入国际、安装 X操作系统;建立器环境支持3、安装页三剑客(rvr X;l X;rrk X)等页设计软件;、安装、等图形处理与制作软件;5、其他些动画与图形处理或制作软件三、实验原理表现有母位置才能看到颜色变化效四、实验方法与步骤) 执行件导入导入到库命令导入图像件到库面板) 将图像件拖曳到舞台并换图形元件然创建移动补动画3) 新建图层输入并设置其属性) 将图层设置遮罩层完成实例制作五、实验结六、讨论与结论这实验前提是要学会做移动补动画因移动补动画是表现实验效关键其次要懂得遮罩层设置这两项都是实验关键背景图像选择也很关键如背景图像颜色单则不能很地表现实验效体颜色变化也会比较不明显因这实验技术含量比较因难也比较要有耐心认真研究实验十动作补动画及声音效、实验目及要实例首先创建动作补动画然对其添加声音效二、仪器用具、生台多媒体电脑组建部局域并且接入国际、安装 X操作系统;建立器环境支持3、安装页三剑客(rvr X;l X;rrk X)等页设计软件;、安装、等图形处理与制作软件;5、其他些动画与图形处理或制作软件三、实验原理创建动作补动画然对其添加声音效四、实验方法与步骤) 创建图形元件舞台绘制卡通人物) 创建卡通人物越飞越远动作补动画3) 新建图层导入幅背景图片并置位下层) 执行件导入导入到库命令导入声音件新建图层并选择帧帧属性面板声音下拉列表选择导入声音件名称步下拉列表选择数据流选项其他选项默认值5) 保存件按下rl+ r组合键输出影片即可五、实验结六、讨论与结论这实验首先要创建图形元件因要对画图工具有比较清楚了实验我遇到难题就是没法准确地使用钢笔工具常常画不成己想要形状通相关籍才彻底明白它使用方法这实验涉及到动作补动画制作和以前做移动补动画有定区别实验要认真区分导声音件也是这实验新涉及容各项属性设置方面要认真把握和学习实验十 r脚程序制作、实验目及要实例模拟播放器音频高低显示效二、仪器用具、生台多媒体电脑组建部局域并且接入国际、安装 X操作系统;建立器环境支持3、安装页三剑客(rvr X;l X;rrk X)等页设计软件;、安装、等图形处理与制作软件;5、其他些动画与图形处理或制作软件三、实验原理实例模拟播放器音频高低显示效例是完全由 r脚程序制作图形动画四、实验方法与步骤) 开启l X 00新建空白档执行修改档命令开启档属性对话框修改属性参数宽600x;高300x;背景颜色#000000) 执行窗口开发面板动作命令图层添加如下动作脚r r r (){r v l ( , r ()) X 50; 00;r (vr 0++){ bg lL ( R () 0x,60)vr g R () 50+0;vr xzb [30,30+0,30+0, 30]vr zvb[ g, g,0,0], v(30,)r (vr 0;5; ++){, L (xz b[],,zb[]);}}}3) 按下rl+ 组合键保存件执行控制测试影片命令欣赏例完成效五、实验结六、讨论与结论这实验主要是操作l X虽然这实验整体步骤很简单但是脚程序正确性定着这实验成败因实验要认真分析脚并对其进行不断调试使其能正确地运行而这方面对程序方面知识有比较高要因对我们非计算机类学生说难比较如要做这实验我们必须加强学习程序方面知识实验十二创建特效、实验目及要上机实训目是创建特效二、仪器用具、生台多媒体电脑组建部局域并且接入国际、安装 X操作系统;建立器环境支持3、安装页三剑客(rvr X;l X;rrk X)等页设计软件;、安装、等图形处理与制作软件;5、其他些动画与图形处理或制作软件三、实验原理创建特效四、实验方法与步骤) 新建rrk档并输入将体加粗设置0) 将化路径属性面板单击按钮弹出快捷菜单选择阴影和光晕投影命令如图5所示3) 选对象执行编辑克隆命令选克隆对象执行修改改变路径扩展笔触命令弹出展开笔触对话框设置如图53所示特效制作完毕五、实验结六、讨论与结论rrk 软件打开速比较慢而且会影响计算机反应速使用RVR和RRK 会使整电脑很卡因这实验要比较计算机系统支持对阴影和光晕投影命令我还不能比较深刻地理实验候有迷糊对编辑克隆命令和修改改变路径扩展笔触命令我也存样困惑因做实验前准备是顺利地完成实验关键实验十三绘制效图、实验目及要上机实训目是绘制效图二、仪器用具、生台多媒体电脑组建部局域并且接入国际、安装 X操作系统;建立器环境支持3、安装页三剑客(rvr X;l X;rrk X)等页设计软件;、安装、等图形处理与制作软件;5、其他些动画与图形处理或制作软件三、实验原理绘制效图四、实验方法与步骤) 用椭圆工具和钢笔工具分别绘制出企鹅身体和翅膀) 执行修改组合路径合命令合途径并填充黑色3) 用椭圆工具绘制眼睛并用钢笔工具构出脚丫、嘴、围巾、和肚皮并填充相应颜色) 将所有部分放到相应位置例制作完毕五、实验结六、讨论与结论这实验很多要用到椭圆工具和钢笔工具因要先熟悉地掌握他们使用方法多看课并进行些实验操作能比较快地掌握它们使用方法实验要分别地绘制出企鹅各部分图形元件然执行修改组合路径合命令合途径因实验切记不能把整图象作绘制对象否则就不能达到实验效操作难也会加对修改组合路径合命令要深入了才能适当和位置使用实验十四创建管道图像、实验目及要实例是创建如管道图像并通优化面板对图像进行优化导出二、仪器用具、生台多媒体电脑组建部局域并且接入国际、安装 X操作系统;建立器环境支持3、安装页三剑客(rvr X;l X;rrk X)等页设计软件;、安装、等图形处理与制作软件;5、其他些动画与图形处理或制作软件三、实验原理创建如管道图像并通优化面板对图像进行优化导出四、实验方法与步骤) 新建图像档绘制矩形并将其设置线性填充) 用钢笔工具绘制路径并将其设置放射状填充作管道拐角3) 复制所创建拐角和线性矩形并进行缩放和组合) 选择垂直线3纹理5%设置粗管道5) 设置幅背景图像用钢笔工具勾画出闪光效执行窗口优化命令将优化面板进行设置6) 设置完成执行件导出命令导出对话框选择导出路径完成单击保存按钮五、实验结六、讨论与结论横向管道绘制比较简单效也比较明显竖向和拐角管道绘制难很常做了对多次还不能达到理想效由也反应了我们对实验工具熟练程不够今学习要加强这方面学习填充设置和垂直线3纹理5%设置是达到实验效关键因要认真地了它代表义然认真地进行设置正确地选择背景图像也是达到实验效关键实验十五创建图像热和切片、实验目及要实训主要目是创建图像热和切片二、仪器用具、生台多媒体电脑组建部局域并且接入国际、安装 X操作系统;建立器环境支持3、安装页三剑客(rvr X;l X;rrk X)等页设计软件;、安装、等图形处理与制作软件;5、其他些动画与图形处理或制作软件三、实验原理创建图像热和切片四、实验方法与步骤) 打开执行件打开命令打开幅图像) 使用矩形热工具图像位置处创建热链接3) 分别选择矩形切片工具和多边形切片工具图像创建切片) 执行件导出命令导出对话框选择切片和L档打开导出L件观看五、实验结六、讨论与结论这实验操作相对比较简单花费也比较少实验能明显地体会到实验效但是预览很难看出处理图像和原始图像区别因常常产生实验失败错觉就因这错觉我进行了多次实验与其他学讨论才发现这是实验正常现象因实验多与学交流是学习方法实验十六其他动画制作及图形处理软件介绍、实验目及要实训主要目是了其他动画制作及图形处理软件基使用二、仪器用具、生台多媒体电脑组建部局域并且接入国际、安装 X操作系统;建立器环境支持3、安装页三剑客(rvr X;l X;rrk X)等页设计软件;、安装、等图形处理与制作软件;5、其他些动画与图形处理或制作软件三、实验原理了其他动画制作及图形处理软件基使用四、实验方法与步骤根据教师所介绍其他动画制作及图形处理软件进行相关基使用操作实验可以与其它实验相结合进行) 图形处理软件) x(l制作工具) R汉化修正版软件使用五、实验结六、讨论与结论这软件是简单易懂软件操作起也比较方便相对软件这软比较达到效但是这软件能动性比较低我们只能被动地使用里面所包含各项设置但是不能能动地绘制己想要图片各项属性设置也是只能从选择因如只是简单制作可以采用这软件但是如想做己特色东西就要选择更高级软件。

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

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

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

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

3、安装网页三剑客(dreamweavermx;flashmx;fireworksmx)等网页设计软件;三、实验原理通过"站点定义为"对话框中的"高级"选项卡创建一个新站点。

四、实验方法与步骤1)执行"站点管理站点"命令,在弹出的"管理站点"对话框中单击"新建"按钮,在弹出的快捷菜单中选择"站点"命令。

2)在弹出的"站点定义为"对话框中单击"高级"选项卡。

3)在"站点名称"文本框中输入站点名称,在"默认文件夹"文本框中选择所创建的站点文件夹。

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

4)在"管理站点"对话框中单击"完成"按钮,站点创建完毕。

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

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

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

实验二:页面图像设置一、实验目的及要求:本实例的目的是设置页面的背景图像,并创建鼠标经过图像。

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

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

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

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

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

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

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

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

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

实验三:表格制作一、实验目的及要求:本实例是要创建边框为1像素的表格。

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

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

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

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

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

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

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

4)设置完毕,保存页面,按下"f12"键预览。

五、实验结果六、讨论与结论本实验主要通过整个表格和单元格颜色的差异来衬托出实验效果,间距的作用主要在于表现这种颜色差异。

表格的背景颜色和单元格的背景颜色容易混淆,在实验中要认真判断,一旦操作错误则得不到实验的效果。

"表格宽度"文本框右侧的表格的宽度单位,包括"像素"和"百分比"两种,容易混淆,要充分地理解这两种单位表示的意义才能正确地进行选择,否则就不能达到自己想要的效果,设置错误就会严重影响实验效果。

实验四:创建锚点链接一、实验目的及要求:本实例的目的是创建锚点链接。

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

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

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

三、实验原理创建锚点链接。

四、实验方法与步骤1)在页面中插入1行4列的表格,并在各单元格中输入导航文字。

2)分别选中各单元格的文字,单击""按钮,在弹出的"超级链接"对话框上的"链接"文本框分别输入"#01""#02""#03""#04"。

3)在文档中输入文字并设置锚记名称"01",按下"enter"键换行,输入一篇文章。

4)在文章的结尾处换行,输入文字并设置锚记名称"02",按下"enter"键换行,输入一篇文章。

5)同样的方法在页面下文分别输入文字和命名锚记为"03"和"04",并输入文章。

6)保存页面,按下"f12"键预览。

五、实验结果六、讨论与结论添加瞄记的作用是可以帮读者快速找到自己想要的文章,同时也可以使页面更加精简。

本实验的关键难点在于链接文本框输入的名称和瞄记的名称要相一致才能达到实验的效果,同时要记得是在上一篇文章的结尾处输入文字并设置瞄记名称,并记得输入对应的文章,否则瞄记可能不能用。

熟练程度低在实验中不能很好地使用各种工具,无法一次准确地寻找到适当的位置。

实验中忘记选择"不可见元素",几次实验都失败,最后才得出正确的结论。

因此在实验前要先做好预习,否则实验过程会比较吃力。

实验五:设置css样式一、实验目的及要求:本实例的目的是通过设置css样式创建表格的虚线边框。

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

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

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

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

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

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

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

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

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

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

实验六:创建表单一、实验目的及要求:本实例的目的是创建一个募捐表单。

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

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

3、安装网页三剑客(DreamweaverMX;FlashMX;FireworksMX)等网页设计软件;4、安装Acdsee、Photoshop等图形处理与制作软件;5、其他一些动画与图形处理或制作软件。

三、实验原理创建一个募捐表单。

四、实验方法与步骤1)在网页中插入表格,设置为居中对齐,并插入一幅图像。

2)在表格的第二行单元格中,单击""按钮,插入表单。

3)在表单域中插入表单对象和文字。

4)按下"F12"键,预览效果。

五、实验结果六、讨论与结论这个图像关键首先在于背景图象的选择,图像如果过于花俏则会使表单过于杂乱,如果颜色过深则会掩盖了表单上的字,依次最好不要用黑色。

图像也不能过大,不然会使表单太繁杂。

其次是各多选框和单选按扭的设置难度比较大,对于初次做这个实验的人来说需要多次的试验才能达到满意的效果。

表格拆分的难度大,要多次实验才能达到自己想要的效果。

实验七:页面中控制播放Flash动画一、实验目的及要求:本实例的目的是实现在页面中控制播放Flash动画。

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

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

3、安装网页三剑客(DreamweaverMX;FlashMX;FireworksMX)等网页设计软件;4、安装Acdsee、Photoshop等图形处理与制作软件;5、其他一些动画与图形处理或制作软件。

三、实验原理实现在页面中控制播放Flash动画。

四、实验方法与步骤1)在页面中插入表格,并在表格中插入Flash动画和两个表单按钮。

2)分别选择两个表单按钮,在"行为"面板中单击""按钮,在弹出的快捷菜单中选择"控制Shockwave或Flash"命令,打开"控制Shockwave 或Flash"对话框,分别设置。

3)保存页面,按下"F12"键预览。

单击"播放"按钮时,开始播放Flash 动画;当单击"停止"按钮时,则停止播放Flash动画。

相关文档
最新文档