大学计算机基础网页制作实验报告
计算机网页设计实习报告（精选5篇）
计算机网页设计实习报告（精选5篇）计算机网页设计篇1毕业后，我来到了社会这个汇集众多江河湖水的大海，感受到了独立生活的好处与艰辛，同时我自己也更深的理解了，家长和学校老师对我们的殷切希望，在社会实习的这段日子，我吃了些苦，受了些罪，可是整个人在肉体上和精神上却升华了很多，也比以前的变得更有自信了。
现将我的实习情况汇报如下：一、实习工作介绍我所在的这家公司，是一家做网上招商的商业网站，公司接收各种厂家提供的信息，然后由网络的技术人员，将商家的信息做成网页广告，然后挂在我们的网站上，以此达到商业推广的目的，类似我们公司的网站在同行业还有u88、28招商网等。
我和其它几位同事做为网络部的技术人员，主要的工作就是接收美工人员的网站模板，将其通过photoshop切片，然后导入dreamweaver进行排版，(排版主要使用css+div)，并进一步的加以制作，完善美化，如加入js代码，或透明flash，因为网页是用css+div进行排版的，所以在最后一步的时候，我们还需要进行浏览器测试，因为css+div排版方式有一个最大的缺点就是：浏览器不兼容的问题，典型的如：ie与fireworks，因为各种浏览器使用的协议不同，所以会导致页面在最终浏览的时候有一些小问题，如：页面混乱，图片、文字之间的距离过大或过小，页面不美观等等，做为一个新人，我在有些方面的技术还很不成熟，所以在技术总监张伟的帮助下，解决了很多问题，所在我很感谢他，当每天我们做完网页后，都会在代码页面加入注释代码，在里面写上每个人姓名的汉语拼间和工作日期，这样方便月底做统计工作，公司领导会根据每个人的工作数量进行奖励，每做一个页面会有2块的提成，虽然少点，但是积少成多，也是很可观的。
二、初来公司的时候(一)初级考试初来公司的时候，我们经过了初期考试，培训，与最终考试三个阶段，在接到公司让我面试的电话后，我来到了xx公司，因为要干的是网页设计，所以要有一个小测验，技术总监要求我们在网上自找图片和文字，做一个简单的页面，要求是：什么样的页面都可以，考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度，说实话，从毕业后，有一段时间没有写代码了，刚一上机，还有点生疏，但是凭借在学样扎实的学习功底，我很快就恢复了自己的英雄本色，将html代码写的很熟练，做了一个左右分栏的页面，没什么太大难度，技术总监看了以后，说不错，让我三天后参加培训，合格扣就可以正式上班了。
计算机实习报告网页制作
一、实习背景随着互联网的快速发展，网页制作已经成为计算机专业学生必备的技能之一。
为了提高自己的实际操作能力，我参加了为期一个月的网页制作实习。
本次实习主要涉及HTML、CSS、JavaScript等前端技术，旨在通过实际项目操作，提升自己的网页设计能力和编程技巧。
二、实习目标1. 掌握HTML、CSS、JavaScript等前端技术的基本原理和应用；2. 学会使用常用的网页制作工具，如Dreamweaver、Sublime Text等；3. 熟悉网页布局、样式设置和交互设计；4. 提高自己的审美观和用户体验设计能力。
三、实习内容1. 学习HTML：了解HTML的基本结构，掌握常用的标签和属性，如标题、段落、图片、链接等。
2. 学习CSS：掌握CSS的基本语法和选择器，学会编写样式表，实现网页的样式设置。
3. 学习JavaScript：了解JavaScript的基本语法，学会使用DOM操作网页元素，实现简单的交互效果。
4. 网页布局：学习常用的网页布局方法，如浮动布局、Flex布局等。
5. 网页样式设置：掌握网页字体、颜色、背景、边框等样式设置。
6. 交互设计：学会使用JavaScript实现网页的交互效果，如按钮点击、表单提交等。
四、实习过程1. 阅读相关书籍和教程，了解网页制作的基本知识。
2. 使用Dreamweaver等工具进行网页制作，熟悉工具的使用方法。
3. 参加线上课程，学习HTML、CSS、JavaScript等前端技术。
4. 参与实际项目，如个人博客、企业官网等，将所学知识应用到实际项目中。
5. 不断总结经验，提升自己的网页制作能力。
五、实习成果1. 成功制作了个人博客，包括首页、文章页、关于我等页面。
2. 完成了企业官网的设计，包括首页、产品介绍、联系我们等页面。
3. 掌握了HTML、CSS、JavaScript等前端技术的基本原理和应用。
4. 提高了审美观和用户体验设计能力。
六、实习总结通过本次网页制作实习，我收获颇丰。
网页开发基础实验报告总结范文
网页开发基础实验报告总结范文一、引言网页开发是计算机科学与技术专业中的一门重要课程，它涉及到网页的设计、搭建以及维护等方面的内容。
本实验报告总结了我在网页开发基础实验中所学到的知识和经验，并对实验的过程和结果进行了分析和总结。
二、实验目的本实验的目的是通过实际操作，提高我们的网页开发能力，掌握HTML、CSS以及JavaScript等相关的知识和技能。
三、实验内容在实验中，我们通过搭建一个个人简历网页来学习和演练实际的网页开发过程。
我们首先学习了HTML的基本语法和标签，包括标题、段落、表格、链接等。
然后，我们学习了CSS的基本样式和布局，如字体、背景、边框等。
最后，我们学习了JavaScript的基本语法和应用，如表单验证、动态效果等。
四、实验过程在实验过程中，我们按照实验指导书的要求，先利用HTML标签搭建网页的框架和结构，然后通过CSS样式对网页进行美化和布局，最后利用JavaScript实现网页的动态效果。
在实验过程中，我遇到了一些问题，如对标签的嵌套使用不熟悉、样式的细节处理等，但通过查找相关资料和请教老师，我逐渐解决了这些问题。
五、实验结果通过实验，我成功地搭建了一个简洁而美观的个人简历网页。
通过HTML标签的使用，我成功地创建了网页的结构，包括头部、导航栏、内容区域和底部等。
通过CSS样式的设置，我为网页添加了漂亮的字体、背景颜色和边框，并通过合理的布局使网页看起来更加整洁和舒适。
最后，通过JavaScript的运用，我为网页添加了一些动态效果，如按钮的点击变色等，增加了用户的交互性和视觉效果。
六、实验心得通过此次实验，我深刻地体会到了网页开发的重要性和技巧。
在实验中，我学会了如何合理地使用HTML标签搭建网页的结构，如何运用CSS样式对网页进行美化和布局，以及如何利用JavaScript实现网页的动态效果。
同时，我也意识到了在开发过程中需要注意细节和代码的规范性，这对于保证网页的质量和用户体验至关重要。
网页制作实习报告(6篇范文)
网页制作实习报告（6篇范文）【导语】网页制作实习报告怎么写好？本文精选了6篇优秀的网页制作实习报告范文，都是标准的书写参考模板。
以下是小编为大家收集的网页制作实习报告，仅供参考，希望您能喜欢。
【第1篇】网页制作实习报告一实验过程1.资料的搜集。
2.熟悉制作软件。
3.构建站点框架。
打开dremweaver后第一步便是新建站点4设计主页及二级页面。
5实现网页间的链接链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
6向静太网页插入动态效果具体情况如下：通过这半年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。
使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通。
所以我结合所学专业的内容制作了个人网站，作为实习的成果。
其内容是多样化的。
制作网页用的软件是ｄreamweaver , banner软件。
dreamweaver大大加速了网络时代电子交易应用中的项目交付。
它提供了网页和表单的动态生成到企业级的解决方案，如电子商店，库存管理系统和企业内部局域网的数据库应用等功能。
例如，网页上很流行的阴影和立体按纽等效果，只需单击一下就可以制作完成。
当然，其最方便之处是，它可以将图象切割，图象映射，悬停按纽，图象翻转等效果直接生成html代码，或者嵌入到现有的网页中，或者作为单独的网页出现。
主图是一个网页的门面，它能体现出这个网页的整体风格。
制作网页,首先是确定主题,经过再三考虑,就做了个关于中国的网站,平时也总是浏览类似的网站,对这些还有些了解,于是确定主题,做一些类似的网站,但考虑到,现在网络上好多类似的网站,但有些内容不适合我们大学生阅读,对于我们来说有点不实际,根据这种情况,最后决定建立一个简单的中国介绍和相关的事迹网站,专门介绍一些即使用,又便宜的小秘笈。
于是网站主题确立。
然后是整体规划，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，大致分几部分，中国简介，中国历史，用户登录注册页面留言，再加入个别网站等，每一部分又分几小部分，内容比较充分，多样。
网页设计实验报告范文
实验名称：网页设计基础实验实验时间：2021年X月X日实验地点：XX大学计算机实验室实验目的：1. 熟悉网页设计的基本工具和软件；2. 掌握HTML、CSS的基本语法和常用标签；3. 学会使用网页设计软件进行页面布局和美化；4. 提高网页设计与制作的能力。
实验内容：1. 网页设计工具及软件的介绍；2. HTML和CSS的基本语法及常用标签；3. 网页布局与美化的实践；4. 网页交互功能的实现。
实验过程：一、网页设计工具及软件的介绍1. Dreamweaver：一款专业的网页设计软件，支持可视化操作，能够方便地进行网页设计和编辑。
2. Sublime Text：一款轻量级的代码编辑器，支持多种编程语言，具有丰富的插件和扩展功能。
3. Notepad++：一款免费的代码编辑器，界面简洁，功能强大，支持多语言编程。
二、HTML和CSS的基本语法及常用标签1. HTML（HyperText Markup Language）：超文本标记语言，是网页内容的主要载体。
2. CSS（Cascading Style Sheets）：层叠样式表，用于控制网页的样式和布局。
（1）HTML基本语法：- 网页结构：由HTML标签组成，标签之间可以嵌套使用。
- 常用标签：- `<html>`：定义整个HTML文档。
- `<head>`：包含文档的元信息，如标题、字符编码等。
- `<title>`：定义网页标题。
- `<body>`：包含网页的主体内容。
- `<h1>`至`<h6>`：定义标题级别，`<h1>`为最高级别。
- `<p>`：定义段落。
- `<a>`：定义超链接。
- `<img>`：定义图片。
（2）CSS基本语法：- 选择器：用于选择HTML元素。
- 属性：用于设置元素的样式。
- 常用属性：- `color`：设置文字颜色。
大学计算机基础网页设计实践实验报告
中南大学本科生课程设计(实践)设计报告(大学计算机基础)题目我的中学—河北正定中学学生姓名卢浩杰指导教师朱从旭学院化学化工学院专业班级化工与制药1007学生学号1505100709计算机基础教学实验中心2010 年 12 月 16 日实验报告一、任务主题我选择的主题是我的中学——河北正定中学。
主要介绍了河北正定中学的整体概况及其他方面的一些内容。
因为对于这个我学习并生活了三年的地方，感觉对她了解的比较透彻，写起来更容易从整体上把握，同时也是为了让更多的同学认识我的母校，增进同学间的交流。
二、设计的步骤⑴网页①首页是一个总括，让人对河北正定中学有一个总的了解。
页首插入了一个写有学校名称的flash动画（当然这个看起来比较好看，这是在网页上复制来的，不过后面有我自己做的flash，这只是想起到一个让人耳目一新的效果）。
接着插入一个写有学校校训的字幕。
然后是几张有代表性的校园照片重叠在一起，可以交换。
下面便是链接各个分网页内容，共有五个分页，点击后察看更加详细的内容。
最后仍然是一组学校的图片以及一些装饰性的图片和flash动画。
②网站主要分为‘学校概况’、‘名师风采’、‘校园风光’、‘校园百态’等四大板块，最后还有一张链接介绍学校的ppt幻灯片。
各个分页均有链接可以指向首页。
③‘校园风光’一页，页首是一个自己制作的flash动画，效果是几个字之间的渐变和变化，正文是大量的学校不同地方的图片：包括教学楼、电教实验楼、图书馆、体育馆、校园、操场、后湖等图片，均为不对齐式排布，旁边注有名称。
‘校园百态’页首是几个相同的flash动画，效果是圆和五角星的相互转化。
正文是关于学校的多种多样的介绍和展示。
采用图文并茂的格式排版，并插有表格等。
‘学校概况’一页，最上方同样是插入了一个flash动画，上面写有河北正定中学的校训“明德笃学强身报国”，下面是一行字幕，用四个四字短语概况了本页的主要内容。
正文即从这几个方面展开：学校荣誉、学校名人、历史沿革、办学规模等。
【实验报告】网页制作实验报告
【实验报告】网页制作实验报告一、实验目的本次网页制作实验的主要目的是让我们熟悉网页制作的基本流程和技术，掌握 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 标签逐步构建页面的框架。
计算机实训报告网页制作
一、实训背景随着互联网技术的飞速发展，网页制作已经成为现代信息技术的重要组成部分。
为了提高自身的计算机应用能力，我们参加了本次网页制作实训。
通过本次实训，我们学习了网页设计的基本原理和技能，掌握了网页制作的相关工具，提高了团队协作和创新能力。
二、实训目的1. 掌握网页设计的基本原理和技能；2. 熟悉网页制作的相关工具；3. 培养团队协作和创新能力；4. 提高自身的计算机应用能力。
三、实训内容1. 网页设计的基本原理（1）网页设计的基本概念：网页是指互联网上由多个页面组成的集合，每个页面都是一个独立的文档，通过超链接相互连接。
（2）网页设计的基本原则：简洁、美观、易用、符合用户需求。
（3）网页设计的基本流程：需求分析、页面规划、页面设计、页面制作、测试与发布。
2. 网页制作的相关工具（1）HTML：超文本标记语言，用于创建网页的基本结构。
（2）CSS：层叠样式表，用于美化网页，控制网页元素的样式。
（3）JavaScript：一种脚本语言，用于实现网页的交互功能。
（4）网页制作软件：Dreamweaver、Sublime Text、Notepad++等。
3. 网页制作实例（1）项目背景：设计一个个人博客网站，用于展示个人作品和心得体会。
（2）页面规划：确定网站的主题、风格、功能模块等。
（3）页面设计：使用Dreamweaver等软件进行页面设计，包括布局、颜色、字体等。
（4）页面制作：使用HTML、CSS、JavaScript等语言编写代码，实现页面功能。
（5）测试与发布：对网站进行测试，确保功能正常、页面美观，然后上传至服务器。
四、实训成果1. 完成了一个个人博客网站，包括首页、文章列表、文章详情、留言板等功能模块。
2. 学会了使用Dreamweaver、Sublime Text等网页制作工具。
3. 掌握了HTML、CSS、JavaScript等网页制作语言。
4. 提高了团队协作和创新能力。
五、实训心得1. 网页制作需要掌握多种技术和工具，需要不断学习和实践。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
计算机基础网页制作
报告
2011/9/13
目录
一．制作目的： (3)
二．制作内容： (3)
三．遇到的问题及解决方案 (3)
四．报告成果截图展示 (4)
五．制作体会 (5)
一．制作目的：
✧掌握Dreamweaver的基本操作；
✧掌握网页设计的规范；
✧掌握简单网页的制作方法。
二．制作内容：
➢熟悉Dreamweaver的工作界面；
➢在页面上插入常用的对象，比如文字，图像，声音，flash动画等；
➢设置超链接；
➢表格的应用；
➢层的设置。
三．遇到的问题及解决方案
1．使用Word制作艺术字效果，然后复制粘贴到HTML中，结果原来做的效果全部失帧。
解决方案：使用PPT做出自己需要的效果，然后保存为图片格式，然后再在HTML中插入这个图片就好了。
2．直接超链接视频文件后，打开时会出现一个下载的界面，然后才能进入。
解决方案：只有swf文件格式才能直接链接。
所以如果直接链接的话就得先转成swf文件。
四．报告成果截图展示
五．制作体会
1、实验开始之前要先建立一个根文件夹，在实验的过程中把站点存在自己建的文件夹里，这样才能使实验条理化，不至于在实验后
找不到自己的站点。
在实验过程中会出现一些选项，计算机一般会有默认的选择，最后不要去更改，如果要更改要先充分了解清楚该选项的含义，以及它会造成的效果，否则会使实验的结果失真。
实验前先熟悉好操作软件是做好该实验的关键。
建立站点，将文件导入到站点名下，正式开始网页制作。
首先进行页面设置，我是插入一个背景图片，但是好像感觉效果不是很好，上网看看，貌似没有看到以图片作为网页背景的。
接下便是创建表格和层，往里面插入图片和文字，并注意文字与图片的搭配，多看看计算机上网站上的网页，借鉴一下他们的某些地方，内心地组合搭配，力求做出最美观的页面。
本操作中主要通过整个表格和单元格颜色的差异来衬托出实验效果，间距的作用主要在于表现这种颜色差异。
表格的背景颜色和单元格的背景颜色容易混淆，在实验中要认真判断，一旦操作错误则得不到实验的效果。
“表格宽度”文本框右侧的表格的宽度单位，包括“像素”和“百分比”两种，容易混淆，要充分地理解这两种单位表示的意义才能正确地进行选择，否则就不能达到自己想要的效果，设置错误就会严重影响实验效果。
还有就是我觉得那个插入背景声音的做法不错，通过拆分，直接在源代码上输入相关内容，可操作性强，这又使人想起了复制成熟网站的源代码，再把它的内容小做修改，就可以很容易做出一个网页。
2、在学习了office办公软件之后，我们又学习了网页制作的基本知识，了解了有关系统结构、静态网页和动态网页、网页的发布等
基础知识。
其中，发布信息采用的是www网页方式，系统一般采用Browser/Server结构，通过三层结构建立连接、解释执行。
另外，静态网页就是标准的HTML文件，文件扩展名为.htm或.html，其内容不会为用户的操作而改变；动态网页内含程序代码并会被服务器端执行，且执行结果会随执行时条件不同而发生变化。
我们学习的内容则是用Dreamweaver设计工具制作静态网页。
制作网页所用的标记语言分HTML和脚本语言两种，目前B/S结构基于HTML语言。
以上是我们学习网页制作须知的基础知识。
利用Dreamweaver制作网页，先创建一个空白文档，工作窗口会出现3种编辑模式：设计、代码、拆分。
根据我们的计算机水平一般使用设计模式以便查看设计效果；同时配合应用部分代码模式进行必要的精确细致的修改。
在第二步创建站点中，最重要的就是定义一个本地站点来管理相关网页制作的文件、图片、程序等。
我觉得，对Dreamweaver软件一定要整体把握、综合应用。
那么，在今后的学习工作中就要学以致用、不断改进，切不可前学后忘，竹篮打水一场空。
因为对于在代码模式中编辑滚动文字，老师在课堂上讲过一次，又在上机课上带领操作一次，但我没有及时巩固，所以在实际操作时还是没有完全掌握，只能及时询问同学才将问题解决。
此外，我一直没有找到插入竖直文本的方法，询问许多同学也没有结果，最后只能通过每一行放置一个字再将边框缩小来实现。
几周来的学习给予我更大的感悟是学习的过程也是成长的过程。
与高中填鸭式被动的教学模式相比，大学更提倡自我发现，自主探索。
这就要求我们尽快适应环境，并发挥自己的主观能动性积极参与，上下求索，进而超越自我。
另外，我也深刻明白了积累的重要性。
这些操作步骤虽简单，有的甚至不值一提，却是学业的根本，事业的基石。
因而学习不可眼高手低，要从点滴做起。
3、通过这次实验，很好的培养了我的创新思维。
以前学习都只是接受书本的只是然后不断地做题，日复一日。
而现在整个网页没有一个准确的标准，就像一篇作文，给你一个主题，其他自己随意发挥。
其实如果真的要完全原创的话这会是一个非常庞大的工程，所有的东西都要自己写，这会非常困难，对于我们来说，因此我们就直接照的网上的资源。
但是版面的排版设计都是自己想的，虽然有些简单，但至少没有复制人家的东西。
尽管这可能是小题大做，但我觉得这是锻炼了我独立思考，设计的创新思维。
最后谢谢老师，教给我们知识，做人的道理，谢谢老师给了我们机会，让我们学到了更多的东西，谢谢各位组员的积极配合协作，实践让我们更快的成长。