网页课程设计报告

网页课程设计报告
二、设计与实现
（一）需求分析
首先我认为设计个人博客是确认自己的风格，找到自己想写的内容，其次就是把自己需要的素材整理一下，图片、文字、图标都需要整理一番了解网页设计制作过程；了解和熟悉网页设计的基础知识和实现技巧；通过实践，经历Dreamweaver开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识；通过设计达到掌握网页设计、制作的技巧；结合具体的开发案例，理解并初步掌握运用Dreamweaver可视化开发工具进行网页开发的方法；根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材
设计制作符合要求的网页设计作品；熟练掌握Photoshop、Dreamweaver等软件的的操作和应用；增强动手实践能力，进一步加强自身综合素质。
（二）概念结构设计
看到这个风格的网页，首先做的就是需要页面布局，在我看来，主页应该分为三个部分；第二部分要分为四个小部分。而子页则需要四部分，第二部分和第三部分需要三个小部分，我用浮动来实现。有些图片需要处理就用Photoshop。学习网页设计需要耐心，如果没有耐心，就学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了很长时间才解决。学习网页设计需要坚持不断的学习，因为设计网页的软件在不断的更新，因此我们要不断的学习。
（三）项目实现
首先用div布局页面，在主页我设置了打开的界面是用我非常喜欢的一张手捧樱花的照片。还有一句我喜欢的一句话多么美丽的世界啊。这句话虽然很简单但是透露着对世界的热情，和对生活充满期待的心情，就好似永远活得很开心快乐。在HTML5引入CSS样式表，通过CSS来控制网页的样式是网页更加的美观。利用border-radius设置圆形的图片，再通过盒子设置大小。还有一些我平时的兴趣爱好，我的喜欢旅游，第一个部分便是我的爱好，在第一部分我用了a标记链接到子页。子页主要是写的一些我很喜欢的旅游城市，有北京、上海、重庆。介绍了一下我了解的这些城市，我还写了一些我认为能代表这个城市的小吃，不仅有好吃的小吃还有好玩的景点。像北京的长城、故宫、天安门等地方都是著名的景点，是能代表北京的一些旅游景点。主页就是还有照片，这张图片是我从网页上找的，用img标记把照片放在网页上。主页中的居中我是用的align:center,我觉得这个方法挺方便的，开始我没想到用这样的方法，便用的定位position，先让父容器定位，再让孩子定位，用left把文字放到中间。我发现这样特别麻烦，用CSS也没找到好的方法，于是便用的align：center；最下面的我用CSS把背景调成天蓝色，这个颜色也是我特别喜欢的一个颜色。还有一些字也是我喜欢的，并且用的白色，就像天空一样的颜色蓝天和白云。子页当中的颜色也是天蓝色，这样就感觉是一个博客，不会太突兀，并且下面的页脚也是和主页一样的，背景色和白色的子。
利用CSS来控制这一部分一个在左边，两个在右边，浮动来实现就可以。这一个写的是一个我很喜欢的城市北京，用图片和文字来介绍我们的首都，还有一些著名的景点和小吃。

三、总结
1．心得体会
这次的网页课程设计，我学会了很多，比如页面布局，原来我是div嵌套用的不熟练，找不到技巧，而这一次我明白了在用div的时候的嵌套是很重要的，要是没嵌套对，效果是完全不一的，这就会导致你的效果图乱成一团。还有就是通过这次网页课程设计激发学习兴趣，调动学习的自觉性，自己动脑、动手，动口，运用网络资源，结合教材及周芳老师的指导，通过自身的实践，创作出积聚个人风格、个性的个人博客网页。总体来说，整个学期的学习过程，我学会了很多知识，在此次网页设计 ，我充分利用了这次设计的机会，全心全意投入到网页世界，去不断的学习，去不断的探索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！做好页面，并不是一件容易的事，它包括个人博客主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。本次课程设计不是很好，页面过于简单，创新意识薄弱，这是我需要提高的地方。需要学的地方还有很多，需要有耐心、坚持，不断的学习，综合运用多种知识，才能设计出好的web页面。总体来说，通过这次的对网页课程设计，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，凭借我对网页设计的热情和执着，我将来设计出的网页会更加专业，更完善。
2．遇到的问题与解决的措施
在主页的设计中，一直想加一些背景图片，我尝试加了几个，但是效果不是很好，主要是背景图片和主题的风格不是很搭，是我没找到合适的主题的背景图。有的盒子老是不在自己的位置上，我找原因，原来是盒子的结构没有控制好，弄好之后再用浮动就好了。设计过程中，我发现在“素材”这个方面花的时间特别多，而且也容易卡在这里。当我已经构思出一幅大致的网页效果图，并准备开始设计的时候，我会发现很难找到符合题材的素材，然后我会开始漫无目的的在网上搜索这些素材，最后找了很久依然没有结果，白白浪费了很多的时间。
经过我的分析和思考，我总结出以下的经验：一定要注意平时的收集整理。例如浏览网页的时候要多留意，如果看见好看的素材，就把它下载到电脑里或者把网址收藏好，并且要分好类别，这样，当构思好大致的网页效果图并且要开始网页设计的时候，你脑海里可能会立马涌现出曾经看到某些素材和你构思的网页效果图比较接近，这样，就不用再花太多的时间去找素材了，也不用担心网页设计卡在素材这里了！我搜集的素材也没有完全用到，只是当时觉得好看，还挺符合我自己的主题就先从网上先下载下来了，浪费了不少时间，我认为要先明白自己需要什么样的素材再去下载，这样才可以，不能一看到自己喜欢的就下载。
3．建议或者展望
进入大学学习计算机已经快两年了。经过这段时间的不断学习积累，我也初步认识计算机科学的许多方面。自从进入琴院以来，我学到了不少专业知识，我也逐渐成长起来了，每天的学习会让自己得到专业知识，虽然有时会颓废，但是学习的时候应该要好好学习。不能每天都玩手机，看视频。这样以后的自己会后悔的，要对得起自己。大二这学期的网页课程设计课是对整个学期的理论知识的实践和拓展。目前我们学习掌握到web前端技术知识有HTML，CSS等，这些知识的掌握足以使我们开发简单无逻辑的普通静态网页。能够开发简单的静态网页也是为后续web开发学习的铺垫。HTML和CSS的灵活运用就是靠长期的实践和积累。高稳定性，高带宽低时延的5G移动网络带来了新的一场革命，我们已经能够触摸到物联网的轮廓。在5G移动网络支持下万物互联将变为现实。在这种新型技术实现的背景下，前端技术又充当怎样的角色，我不是很清楚，web前端开发人员又要如和提升自己以应对物联网的到来呢，这都值的思考。即使我们不能知道具体的应用，但我们能却定这个方向是发展的趋势并且是不可逆的。我希望在以后的学习中自己更加努力。在老师和指导下，我相信自己的专业知识和专业能力会更加好的。