计算机与信息工程学院综合性、设计性实验报告
学院：**学院          专业：****  年级/班级：****级**专业**班            2019—2020学年第一学期
课程名称 网页制作与设计 指导教师 **
学号姓名 ********
实验地点 过街楼机房404 实验时间 2018.12.21、 2018.12.28
项目名称 个性化网站设计 实验类型 综合性
!"#$%&'
通过对个性化网站的设计进而加深对网页布局，插入表格，图像，超链接等的熟练运用程度，提高自己的网站设计水平。
'
("#$)*+,-'
每人一台微机
."#$/0'
随着互联网的迅速发展，网站设计成了一门非常有必要掌握的基本技能，本实验是在班级教
学的基础上进行的上机练习，以巩固课堂上老师所讲的网站设计技能。我进行本次实验所采用的
工具有DreamWeaver CC2019和PhotoShop CC2018。
此网站是我为我所感兴趣的领域：前沿科技所设计的，我给它起名为FronTech，是前沿科
技的英文Frontier Technology的缩写，其中本公司LOGO为我用PS设计，我根据两个英文单词
的首字母“F”和“T”展开设计，其中T是倒置的，与F相接，然后将这两个字母组合放在由蓝
和透明度为50左右的青填充。
'
1"#$23'
由于特殊原因，本次实验我采用的是OS系统下的DreamWeaver CC2019，跟老师上课讲的版
本略有差异，因此软件上面的功能有很多都不太熟悉，并且此软件涉及到的代码编辑比较多，调
整不方便，大部分的调整都是在代码栏修改。以下是具体的实验步骤。
首先打开D w软件，因为此软件有部分是没有的，识别起来比较困难，我花了将近两个
小时熟悉插入项，比如复选框，菜单栏等功能以寻自己想要的效果，最终我选用了同时带有点
选框和下拉按钮的菜单栏。接下来我插入了一个1行4列的表格，其中第一个格用来放置logo，
第二个表格用于调整间距，第三个格放置首页选项，最后一个格放置菜单栏。
FronTech总共分为智能家居、类脑智能、3D模块、视觉盛宴 、AI领域几个部分，其分别
在菜单栏中占有一席之地。智能家居和类脑智能都采用的解释说明的方式，而3D模块包括3D
动画、3D打印，视觉盛宴包括AR技术、MR技术、VR技术，以及AI领域包括机器人、识别技术
都是采用的下拉式菜单的形式，各个字模块都插入了超链接，链接到各自的百度百科。
下一步插入一个1行4列的表格，将表格分别填充本公司全称：Frontier Technology和菜
单栏中的文字说明。接下来对其中的模块都进行了配图说明，插入一个1行3列的表格设置分割线，一个1行1列的表格放置标题和标题背景图片，然后插入1行4列的表格用来放置精美配图，
这些配图都来源于网络，经过我用PS调整图像大小之后插入表格中。
下面的几个模块基本跟上一模块做法相同，然后我展开了对本公司logo的设计，我根据两
个英文单词的首字母“F”和“T”展开设计，其中T是倒置的，与F相接，然后将这两个字母组
合放在由蓝和透明度为50左右的青填充。Logo设计中使用到了PS的钢笔、标尺等工具。
个人网站的制作实验报告4"56789:5'
1.对于本实验的操作，我的自我感觉并不好，这次的实验让我深深体会到了自
己设计方面和Dw软件运用、操作的熟练程度方面还有很多不足之处。
2.我本次完成的作业有一些地方令我很满意，第一，本公司的名字FronTech，
Front与Technology的T字相同，我将其合并成了一个，然后根据单词首字
母结合上课学到的PS技能设计出了对应的LOGO；第二，配图方面我紧贴科
技主题，采用了充满科技感的图片；第三，我很好的运用了表格布局的优越
性，简化了布局，优化了排版模式，充分发挥了表格布局给人带来的整洁、
层次清晰的视觉感。第四，我采用了同时带有点选框和下拉按钮的菜单栏，解释
说明和超链接的结合使得内容更加丰富。
3.本次的实验让我发现了自己的局限和不足，第一，由于时间关系，设计的logo
略显粗糙，没有达到自己的期望水平；第二，在设计过程中有很多功能不是太熟练，这就限制了我设计水平的发挥，与想象力的展开；第三，没有及时进行子网页的设计。
4.从作业中我不仅认识到了自己的不足，以求在之后可以改进，另外我也收获
到了成就感和网页设计技术上的提升，在熟悉插入功能的过程中我看到了很多实用的功能，在以后的网页设计中有助于我把网站设计的更加个性化，更加精美和间接。
5.完成本实验的一部分功能时还可以用div形式，但是由于我对这些不是太熟
悉，在这不详细说明了，在接下来我会去学习这方面的知识。
成绩：
2019年12月20日

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。