网页制作实验报告格式

合集下载

网页制作实验报告详细版

文件编号：GD/FS-4910（报告范本系列）网页制作实验报告详细版The Short-Term Results Report By Individuals Or Institutions At Regular Or Irregular Times, Including Analysis, Synthesis, Innovation, Etc., Will Eventually Achieve Good Planning For TheFuture.编辑：_________________单位：_________________日期：_________________网页制作实验报告详细版提示语：本报告文件适合使用于个人或机构组织在定时或不定时情况下进行的近期成果汇报，表达方式以叙述、说明为主，内容包含分析，综合，新意，重点等，最终实现对未来的良好规划。

文档所展示内容即为所得，可在下载完成后直接进行编辑。

一、实验目的及要求本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。

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

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

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

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

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

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

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

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

网页制作实验报告

网页制作实验报告一、实验目的本次网页制作实验的主要目的是通过实践操作，深入了解网页制作的流程和技术，掌握网页设计的基本原理和方法，提高自己的网页开发能力和创新思维。

二、实验环境1、操作系统：Windows 102、开发工具：Adobe Dreamweaver CC 2019、Sublime Text 33、浏览器：Google Chrome、Mozilla Firefox三、实验内容1、网页规划确定网页主题：本次实验选择制作一个个人博客网站，主要包括个人简介、文章展示、留言板等板块。

设计网页布局：采用了常见的上下型布局，顶部为导航栏，中间为主要内容区域，底部为版权信息。

收集素材：通过网络搜索和自己拍摄，收集了一些与博客主题相关的图片和文字素材。

2、 HTML 编写创建 HTML 文件：使用 Sublime Text 3 新建一个 HTML 文件，并设置基本的文档结构，包括`＜html>｀、｀＜head>｀和`＜body>｀标签。

构建网页框架：使用`＜div>｀标签划分网页的不同区域，如头部、导航栏、侧边栏、内容区和底部。

插入文本和图片：使用`＜p>｀标签插入文本内容，通过`＜img>｀标签插入图片，并设置图片的大小和位置。

3、 CSS 样式设计创建 CSS 文件：在同一目录下创建一个 CSS 文件，用于定义网页的样式。

设定字体样式：设置网页的字体类型、大小、颜色和行高。

设计布局样式：使用浮动、定位和弹性布局等技术，实现网页的布局效果，如导航栏的水平排列、侧边栏的固定位置等。

添加背景和边框：为网页的不同区域添加背景颜色和图片，以及边框样式。

4、 JavaScript 交互实现引入 JavaScript 文件：在 HTML 文件中通过`＜script>｀标签引入JavaScript 文件。

实现滚动效果：使用JavaScript 实现网页滚动时导航栏的固定效果，以及滚动到指定位置时的动画效果。

网页设计与制作实验报告

网页设计与制作实验报告网页设计与制作实验报告一、引言近年来，随着互联网的普及和发展，网页设计与制作已成为一门热门的技术和艺术。

本篇实验报告旨在总结和分析我们小组在网页设计与制作实验中的经验和成果。

二、实验目的本实验的主要目的是通过实际操作，掌握网页设计与制作的基本技能和流程，培养我们的创意思维和实践能力。

同时，通过团队合作，提高我们的沟通和协作能力。

三、实验过程1.需求分析在开始设计与制作网页之前，我们首先进行了需求分析。

通过与客户的沟通，我们了解到他们希望网页具有简洁、美观、易用的特点。

我们还收集了一些类似网页的参考资料，以便更好地了解行业趋势和用户需求。

2.界面设计基于需求分析的结果，我们开始进行界面设计。

我们首先绘制了草图，以便快速构思和修改设计方案。

然后，我们使用设计软件创建了高保真的界面原型，以便客户更好地理解我们的设计意图。

3.内容制作在界面设计确定后，我们开始进行内容制作。

我们编写了网页所需的文本内容，并收集了一些合适的图片和视频素材。

在整理和编辑内容时，我们注重信息的准确性和可读性，以及多媒体元素的适度运用。

4.页面编码页面编码是网页设计与制作的关键环节。

我们使用HTML、CSS和JavaScript等技术语言，将界面设计和内容制作转化为可视化的网页。

我们注重代码的结构和规范，以确保网页的兼容性和性能。

5.测试与优化在完成页面编码后，我们进行了测试与优化工作。

我们检查了网页在不同浏览器和设备上的兼容性，并修复了一些问题。

我们还进行了性能优化，以提高网页的加载速度和用户体验。

四、实验结果经过团队的共同努力，我们成功设计与制作了一个符合客户需求的网页。

该网页具有简洁、美观、易用的特点，内容丰富、布局合理。

我们还为网页添加了一些动画效果和交互功能，以增强用户的体验感。

五、实验总结通过本次实验，我们深入了解了网页设计与制作的流程和技术。

我们学会了如何进行需求分析、界面设计、内容制作、页面编码、测试与优化等工作。

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

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

网页设计试验报告

网页设计与制作试验报告姓名：李文武班级：网络系统管理学号：1001011027一．主页格局的布置打开Dreamweaver工作界面，新建一个站点a1．新建一个空白页，在页面中插入一个一行一列的表格1，表格的宽度为800像素，边框距为0，间距为0，填充为0，并且表格居中对齐。

2．在表格1中插入三行一列的表格23．在表格2的第一行中插入两行一列的表格3，表格宽度设为100%。

（1）在表格3的第一行中插入如图一所示的fireworks的素材（2）在表格3的第二行中插入一行两列的表个，并且插入如图一所示的fireworks的素材图一4．在表格2的第二行中插入两行一列的表格4，表格宽度设为100%。

（1）在表格4的第一行插入如图二所示的表格（2）在表格4的第二行插入如图二所示的表格和图像4. 在表格2的第三行插入两行一列的表格5，如图二所示图二二．子页面格局的布置打开Dreamweaver工作界面，新建一个子页面的‘主页面’1.新建一个空白页，在页面中插入一个四行一列的表格5。

并且对表格5的每一行输入相应的文本2.新建一个空白页，在页面中插入一个三行一列的表格6。

（1）在表格6的第一行输入相应的文本（2）在表格6的第二行中插入两行两列的表格,并且在第一列插入图像和在第二列插入相应的文本（3）在表格6的第三行中插入相应的文本3.新建一个空白页（1）在空白页中插入6个文本框、1个单选按钮、1个复选按钮、1个下拉菜单框（2）给第（1）步的几个文本框和按钮输入相应的文本4.新建六个空白页，并且输入相应的文本以介绍相应的科目三．试验内容的创建1. LOGO显示Flash透明素材（1）新建一个空白页，插入一个宽度为400像素，高度为200像素的表格（2）给步骤（1）新建的表格插入一个背景颜色或背景图像（提示根据个人喜爱颜色）（3）将首先制作好的Flash透明素材“下雨.swf”插入步骤（2）中（4）保存（5）效果如图三图三2. 利用fireworks完成弹出式菜单的制作（1）打开fireworks工作界面，新建一个宽度为800像素，高度为50像素的画布（2）利用切片工具在画布中绘制出5个相同大小的切片（3）利用文本工具给步骤（2）的5个切片输入文本，分别为：首页、个人简介、所学课程、个人特长、求职意向（4）右击“所学课程”，选择添加弹出菜单。

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

【实验报告】网页制作实验报告一、实验目的本次网页制作实验的主要目的是让我们熟悉网页制作的基本流程和技术，掌握 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. 实验结果通过本次实验，成功制作了一个具有个人风格的网页，包括首页、关于我、文章列表、联系方式等页面。

《网页设计与制作》标准实验报告

网页设计与制作实验报告姓名：弋文君专业：市场营销班级：2010级2班学号：201007440412012-2013学年第二学期经济与管理学院实验名称：表格应用指导教师:_________实验日期:___年___月___日实验地点:_________ 成绩:_________ 实验目的：(1) 掌握表格的建立，修改的方法。

(2) 掌握图文混排的方法。

(3) 掌握鼠标经过图像的应用方式。

实验内容与基本要求:(1) 用表格方式建立家乡特色介绍的网页1.html，格式如下：(2) 图片1-6分别链接到相应文档，并在新窗口打开。

要求:实验报告上只需要写出1.html的代码。

实验步骤：（1）、打开dW网页制作软件下的html格式，右击选择“页面属性”，设置背景图片，文本颜色“蓝”，背景颜色“黑”，链接颜色“红”（2）、点击“插入”—“表格”，建立5列3行的表格，设置表格属性。

（4）、图片1—6：点击“插入”—“图像”—“确定”；图片7点击“插入”—“图像对象”—“鼠标经过图像”，选择相应的“原始图像”、“鼠标经过图像”、“按下时前往的URL”图片。

（5）、对图片1---6分别创建链接，单击图片，再单击右键“创建链接”，打开相应的网页或输入相应的网址。

（6）、网页代码展示<!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">body,td,th {<script type="text/javascript">function MM_swapImgRestore() { //v3.0var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;}function MM_preloadImages() { //v3.0var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}function MM_findObj(n, d) { //v4.01var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];for(i=0;!x&&yers&&i<yers.length;i++) x=MM_findObj(n,yers[i].document);if(!x && d.getElementById) x=d.getElementById(n); return x;}}</script></head><body onload="MM_preloadImages('u=2402710936,334120626&fm=23&gp=0_conew1.jpg')"><table width="1029" height="566" border="2" cellpadding="2" cellspacing="0"><tr><th colspan="3" scope="row">我的家乡，南充</th></tr><tr><th width="272" height="178" scope="row"><img src="file:///F|/我的资‘料/新建文件夹/u=974826602,877128046&fm=21&gp=0_conew1.jpg" width="271" height="197" /><a href="/">南充美食</a></th><td width="466" rowspan="3"><a href="u=2465314675,731935378&fm=23&gp=0_conew1.jpg" onmouseout="MM_swapImgRestore()"onmouseover="MM_swapImage('Image7','','u=2402710936,334120626&fm=23&gp=0_conew1.jpg',1)" ><img src="u=155599163,3236453610&fm=23&gp=0_conew1.jpg" name="Image7" width="465" height="280" border="0" id="Image7" /></a><a href="/nanchong/">         &nbs p;             夜景展示</a></td><td width="272"><img src="u=2402710936,334120626&fm=23&gp=0_conew1.jpg" width="267" height="200" /><a href="/nanchong/"><th height="158" scope="row"><img src="file:///F|/我的资‘料/新建文件夹/u=2387159853,3673608345&fm=23&gp=0.jpg" width="267" height="171" /></th> <td><img src="u=885140946,1444301877&fm=23&gp=0_conew1.jpg" width="270" height="176" /></td><th height="25" colspan="3" scope="row">版权所有：</th></tr></table><p> </p></body></html>实验结果：实验总结：此实验比较简单，经过上课的学习能熟练的掌握，插入链接是必须掌握的知识实验评价（教师）：_________________________________________—————————————————————————————实验名称：框架应用指导教师:_________实验日期:___年___月___日实验地点:_________ 成绩:_________ 实验目的：(1) 熟练掌握框架网页的应用。

网页制作实验报告(18篇)

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

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

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

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

网页制作实验报告

网页制作实验报告在网页上制作实验报告随着个人素质的不断提高，报表发挥着重要的作用，根据用途的不同，报表也有不同的类型。

为了让你不再为写报告而头疼，下面是边肖为大家整理的一份实验报告。

我们欢迎您的参考，希望对您有所帮助。

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

二、仪器设备1.每个学生都应该有一台多媒体计算机，建立一个内部局域网，并连接到互联网。

2.安装windows xp操作系统；建立iis服务器环境以支持asp。

3.安装三个火枪手(dreamweaver mxflash mxFireworks mx)等网页设计软件；4.安装acdsee、photoshop等图形处理制作软件；5.其他动画和图形处理或制作软件。

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

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

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

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

4)设置完成后，保存页面并按f12预览。

动词（verb的缩写）实验结果不及物动词讨论和结论在这个实验中，实验效果主要是由整个表格和单元格的色差来衬托的，而间距的作用主要是为了表现这种色差。

表格的背景色和单元格的背景色容易混淆，在实验中要仔细判断。

一旦操作错误，就达不到实验效果。

“表格宽度”文本框右侧表格的宽度单位，包括“像素”和“百分比”，容易混淆。

只有充分理解这两个单位的含义才能正确选择，否则无法达到预期的效果，错误的设置会严重影响实验效果。

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

二、仪器设备1.每个学生都应该有一台多媒体计算机，建立一个内部局域网，并连接到互联网。

2.安装windows xp操作系统；建立iis服务器环境以支持asp。

3.安装三个火枪手(dreamweaver mxflash mxFireworks mx)等网页设计软件；4.安装acdsee、photoshop等图形处理制作软件；5.其他动画和图形处理或制作软件。

页制作实验报告模版

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

网页制作实验报告

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

二、仪器用具er”键换行，输入一篇文章。

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

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

6)保存页面，按下“f12”键预览。

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

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

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

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

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

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

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

2、安装x；foshop等图形处理与制作软件；5、其他一些动画与图形处理或制作软件。

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

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

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

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

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

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

网页设计制作实验报告

实验名称：网页设计制作实验日期：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）分类浏览：实现文章分类浏览功能，用户可以根据分类查看文章。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

《[网页制作实验报告格式]网页制作与设计实验报告》摘要：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、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

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

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

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

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

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

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

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

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