当前位置:首页 > 范文大全 > 实习报告 > 正文
 

计算机网页制作实习报告

发布时间:2017-07-19 影响了:

以下是博文学习网为大家整理的关于计算机网页制作实习报告的文章,希望大家能够喜欢!

计算机网页制作实习报告篇一:计算机基础网页制作实训报告

实训作品35 AKB48之家

制作学生:BW110435潘路峰

指导老师:万爱霞

1实训作品介绍

本人酷爱日本少女组合AKB48,尤其是其中的“小虎牙”坂野友美和麻友友。平时总爱听AKB48的歌曲,看她们演唱会的视频,只可惜现在无法去日本亲身感受她们的魅力。适逢计算机实训周,万老师让我们做一个自己感兴趣的网页,于是我便抓住这次机会,制作了这个关于AKB48的网页。

该网页主要介绍了AKB48这个组合的由来,各位成员,以及该组合的单曲,影视作品,参与的综艺节目,并在最后附上了问卷调查,以便更好地了解大家对该组合和本网站的看法。

2实训作品效果图

首页

团体介绍

成员介绍

作品节目

网址链接(由于网络问题无法连接)

问卷调查

3 设计思想

3.1功能设计

网站设计说明

1主页基本设计思想和布局说明:主题就是AKB48 之家,采用了一个3列6行的表格,并且根据主页的各个内容对表格进行了相应的调整,使之美观大方。还使用到了在表格中插入表单,再在表单中嵌套表格来制作用户登录界面。整体风格粉嫩可爱,富有女生气息,给人一种

计算机网页制作实习报告

温馨的感觉,让人有忍不住浏览下去的冲动。

2.主页中采用的主要元素说明:主页采用表格布局,大小为80%,居中。在表格中插入有三张图片,并且之前用photoshop对图片进行过预处理,保证其大小合适,避免用户打开网页时耗费太多时间。对于每张图片我都在涉及代码中对表格中的宽,高进行了调整。在装饰背景方面,我大胆的采用了粉红色的背景图片,来加强可爱气息。文字方面则采用了CSS制式,不同文字都有不同的格式,给人一种五次斑斓的感觉。

3其他页面设计:

在后面所有的网页上我都插入了一个返回到首页的图片链接。

团体介绍网页:我插入了一个2*2的表格,放入了两张图片和一段文字介绍,并在设计代码中对其进行了行宽的调整。

团队成员网页:我采用了超链接和锚点连接相结合的方法,在顶端和图片旁使用锚点连接,在最顶端使用超级链接,使得浏览者能获得最好的视觉体验。

主要作品网页:我采用了文字叙述的表现方式,但为了缓解浏览者的视觉疲劳,添加了不同的文字背景,并对文字的篇幅进行了处理。

网址链接网页:设计了四个网址链接,来丰富大家对于AKB48的了解。

用户调查网页:为了更好的了解浏览者对于AKB48的看法,方便我网站今后的改进,我在最后运用表单和表格设计了一个用户调查界面,并且通过有奖竞猜的措施来鼓励大家。

3.2技术应用

计算机网页制作实习报告篇二:网页设计实习报告

哈尔滨工程大学

实验报告

实 验 名 称: 网页设计 班 级: ******学 号:******姓 名: 夙愿宿缘 实 验 时 间: 成 绩: ________________________________ 指 导 教 师: ______________ __________________

实验室名称:

哈尔滨工程大学实验室与资产管理处 制

目 录

一、设计背景 ................................................ 3

二、设计标题 ................................................ 3................................................ 4

四、技术分析 ................................................ 5

五、设计展示 ................................................ 8

六、实验心得 .............................................. 10

当今是个网络驰骋的时代,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们生活圈子各个方面发挥着重要的作用。而网页在我们生活中更是常见,无论是搜索引擎、视频观看、还是微博浏览都是十分常见的,网页已经成了网络和我们间最重要的媒介,我们当代大学生更是离不开网络给我们带来的好处与便利。但是我们对网页本身并不了解,关于它的本质和设计方法并不清楚,这学期接触了计算机创新设计课程,在课程中我们组决定进行网页设计,来体会网页设计的过程。

在当前各大高校林立的时代,做好自己学校的宣传是十分重要的,同时也能让本校学生进一步了解自己学校,增进与学校间的互动性,网页宣传兼具宣传面广,成本低,大众化的特点,一个好的网页能鲜明的宣传自己的学校,也能为学生提供相关的帮助,如何做一个既美观又清晰的网页成了当前各大高校的问题。我们组针对这个问题,进行了相关研讨,在查阅了大量资料和进行探索后做了属于我们哈尔滨工程大学自己的宣传网页,在这之中认识了Photoshop 、Dreamweaver cs等软件,实现了计算机创新设计。

二、 设计标题

哈尔滨工程大学网页设计

在网页设计的过程中,我主要做了校园发展和学院宣传等方面的主题制作,以个人空间的模式展示,分为三个版块,学校简介、院系风光、校园杂谈。在首页我设计了一个旋转图片,是哈尔滨工程大学的图片,并在每个版块标题上设置了迷你小图标,显得更加亲切,在院系风光又分为五个院系,每个院系采用6张图片及文字依附的方式展示,清晰明了,显得十分简洁大方。

结构设计流程图:

四、技术设计

(一)建立布局

在这次的网页设计中用到大量的布局,所以怎么样建立布局是关键。我们采用Dreamweaver cs3来进行操作。

css(casecating style sheet)也叫层叠样式表单,意思是用于网页中样式的定义,所以网页有三个主要的部分,HTML,CSS,JS,主要用于结构,样式与行为,CSS主要的作用就是美化网页的一个语言,它的特点:

(1).结构与样式分离的方式,便于后期维护与改版;

(2).样式定义精确到像素的级别;

(3).可以用多套样式,使网页有任意样式切换的效果4.降低服务器的成本

div+css 是一种网页的布局方法,这一种网页布局方法有别于传统的HTML网页设计语言中的表格(table)定位方式,可实现网页页面内容与表现相分离。 div+css文件是指的html网页文本文件和css文件两个部分组成。如index.html+main.css。步骤如下:

(1).点击“ALT+F6”键,进入布局模式,插入布局表格。建立一个大概的布局。

(2).使用背景图片:选中该项,按浏览可以插入一幅准备好的图片作为表格的背景,因为图片是以平铺的形式作为表格背景,表格大小和图片尺寸都要控制好。

(二)网页中的图像

图像传输是网页的魅力所在,它与文字相比具有显著的优点:一是直观,人眼观看图像时接受信息的速度远远超过观看文字时接受信息的速度;二是能更清楚地表达细节内容。正是由于这些优点,所以在进行网页设计时图像很受欢迎。。 图像文件的格式有几十种,最常用的图像格式是jpg和png。

(1)在网页中插入图像

计算机网页制作实习报告篇三:网页设计实习报告

实习报告

实习性质: 网页设计学生姓名: XXXX专业班级: 计算机网络技术141平面方向 指导教师: XXX XXX 实习时间:2015年11月2日 至2015年 11月6日实习地点:重庆工程职业技术学院计算机房

重庆工程职业技术学院

学 生 实 习 考 核 表

目录

1实习目的........................................................................................................................................ 1

2 实习概况....................................................................................................................................... 1

2.1 实习要求 ............................................................................................................................ 1

2.2 实习时间 ............................................................................................................................ 1

2.3实习环境 ............................................................................................................................. 1

2.4 制作环境 ............................................................................................................................ 1

3 实习内容....................................................................................................................................... 2

3.1制作项目分析 ..................................................................................................................... 2

3.2制作设计项目制作 ............................................................................................................. 2

3.2.1绘制运动会网站低保真 .......................................................................................... 2

3.2.2网站的颜色搭配 ...................................................................................................... 3

3.2.3网站的字体设计 ...................................................................................................... 3

3.2.4网站的布局设计 ...................................................................................................... 3

3.3 网站页面介绍 .................................................................................................................... 3

3.3.1网站页面上部内容 .................................................................................................. 3

3.3.2网站主题内容介绍 .................................................................................................. 4

3.3.3网站页面底部内容 .................................................................................................. 6

3.4网站整体内容展示 ............................................................................................................. 6

4 其余网站展示 ............................................................................................................................... 6

4.1学校网站介绍 ..................................................................................................................... 6

4.2工作室网站介绍 ................................................................................................................. 7

4.3专题网站介绍 ..................................................................................................................... 9

4.4手机APP介绍 ................................................................................................................. 10

5实习心得: .................................................................................................................................. 12

信息工程学院网页设计

1实习目的

《网页设计》项目实习是教学中的一个重要教学环节,是学生学习过程中不可缺少的实际操作技能训练,也是对课程学习效果的检验。通过本课程设计的实习,进一步提高学生对网页设计以及ps软件的操作能力,学生其间应以对课程设计负责的态度,认真做好设计,拓展想象空间,努力创作出富有个性的设计作品。

2 实习概况

2.1 实习要求

1) 总体设计要求绘制准确,设计信息传达准确,布局合理,构图富有创造性,

色彩搭配符合设计需要,风格不限。

2) 课程设计成绩根据课程设计实习报告质量和考勤给予评定。

2.2 实习时间

2015年11月2日 至2015年 11月6日,即第9周

2.3实习环境

实习单位:重庆工程职业技术学院

主要工作:运动会网站设计

2.4 制作环境

● 操作系统(Windows7)

● 制作工具(Dreamweaver)

相关热词搜索:

相关文章
最新文章

Copyright © 2008 - 2017 版权所有 博文学习网

工业和信息化部 湘ICP备09005888号-2