网页设计与制作软件有哪些-网络课程设计报告

网络课程设计报告

2 设计与实现

(1)需求分析

首先，我认为设计个人博客就是要确认自己的风格，找到自己想要写的内容。 其次，你需要整理好你需要的材料。 图片、文字、图标都需要整理。 了解网页设计和制作流程； 了解并熟悉网页设计。 基础知识和实施能力； 通过实践，体验Dreamweaver开发的全过程并接受全面的培训，从而能够全面理解、掌握和综合运用所学知识； 通过设计，掌握网页设计和制作的技巧； 结合具体的开发案例，了解并初步掌握使用Dreamweaver可视化开发工具进行网页开发的方法； 根据题目要求提供网页设计方案，并按要求使用适当的图形和文字材料

设计并制作符合要求的网页设计作品； 熟练操作Photoshop、Dreamweaver等软件的操作和应用； 增强动手实践能力，进一步强化自己的综合素质。

(2)概念结构设计

当你看到这种风格的网页时，首先要做的就是页面布局。 我认为主页应该分为三个部分； 第二部分应该分为四个小部分。 子页面需要四个部分，第二和第三部分需要三个小部分。 我使用浮动来实现这一点。 有些图片需要使用Photoshop进行处理。 学习网页设计需要耐心。 如果你没有耐心，你就学不好网页设计。 那是因为当你遇到问题时，如果你不能立即得到答案，你可能需要很长时间才能解决。 我遇到了一个问题，花了很长时间才解决。 学习网页设计需要不断学习，因为设计网页的软件是不断更新的，所以我们必须不断学习。

（三）项目实现

首先，使用div来布局页面。 在主页上，我设置了开放界面，使用了一张我非常喜欢的手捧樱花的照片。 还有一句话我很喜欢：世界多么美丽。 这句话虽然很简单，但却透露出了对世界的热情和对生活充满期待的心情，仿佛永远幸福地生活着。 HTML5中引入CSS样式表，通过CSS控制网页的样式，使网页更加美观。 使用border-radius设置圆形图像，然后通过盒子设置大小。 还有我平时的一些爱好。 我喜欢旅游。 第一部分是我的兴趣爱好。 在第一部分中，我使用 a 标签链接到子页面。 子页面主要写一些我最喜欢的旅游城市，包括北京、上海、重庆。 我介绍了我所知道的城市，也写了一些我认为能代表这个城市的小吃。 这里不仅有美味的小吃，还有有趣的景点。 北京的长城、故宫、天安门广场等都是著名的景点，是代表北京的一些旅游景点。 主页上有一张照片。 我从网页上找到了这张图片，并使用img标签将照片放在网页上。 我使用align:center 将主页居中。 我觉得这个方法非常方便。 一开始没想到会用这个方法，所以就用了position。 首先让父容器定位，然后让子容器定位，并使用 left 移动文本。 把它放在中间。 我发现这很麻烦，并且找不到使用CSS的好方法，所以我使用了align:center; 在底部，我使用CSS将背景调整为天蓝色，这也是我最喜欢的颜色。 还有一些字我很喜欢，而且是用白色写的，和天空、蓝天、白云是一样的颜色。 子页面的颜色也是天蓝色的，给人一种博客的感觉，又不会太突兀。 下面的页脚也和主页一样，背景色和白色的子页面。

用CSS来控制这部分，左一右二。 只是漂浮它。 这是关于北京的，一座我非常喜欢的城市。 它用图片和文字介绍了我们的首都，以及一些著名的景点和小吃。

三、总结

1.经验

在这次网页设计课程中，我学到了很多东西，比如页面布局。 原来是我对div嵌套的使用不熟练，找不到技巧。 但这一次我明白了，在使用div时嵌套是非常重要的。 ，如果没有嵌套对网页设计与制作软件有哪些，效果会完全不同，这会导致你的效果图很乱。 另外，通过这种网络课程设计，可以激发学习兴趣，调动学习意识，动脑、动手、动嘴，利用网络资源，结合教材和周放老师的指导，通过自己的实践创造和积累个人风格。 ，个性化的个人博客页面。 总的来说，整个学期我学到了很多知识。 在这次网页设计中ip形象，我充分利用了这次设计的机会，全身心投入到网络世界中去不断学习和探索； 同时，我不断充实自己，不断完善自己，逐步美化网络天空下的生活！ 制作一个好的页面并不是一件容易的事。 包括个人博客主页的主题选择、内容采集和组织、图像处理、页面布局设置、背景和整个网页的基调等。这个课程的设计不太好，页面太简单，创新意识薄弱。 这是我需要改进的地方。 还有很多东西需要学习。 设计一个好的网页需要耐心、坚持、不断学习、综合运用多种知识。 总的来说，通过这次网页课程设计，我有收获，但也有遗憾和不足。 但我想我已经迈进了网页设计的大门。 只要我努力学习和提高，凭借我对网页设计的热情和坚持，以后我设计的网页将会更加专业和完整。

2.遇到的问题及解决方案

在主页的设计中卡通人物，我一直想添加一些背景图片。 我尝试添加了一些，但效果不是很好。 主要原因是背景图片与主题风格不相符。 这是因为我找不到适合该主题的背景图片。 有些盒子总是不在其位置。 我找了一下原因。 事实证明，盒子的结构控制得不好。 修复后我就可以使用浮动了。 在设计过程中，我发现自己在“材料”方面花了很多时间，而且很容易卡在这里。 当我构思出一个网页的粗略渲染并准备开始设计时，我会发现很难找到符合主题的材料，然后我就会开始在互联网上漫无目的地寻找这些材料。 最终我还是找不到他们。 没有结果，白白浪费了很多时间。

经过我的分析和思考，我总结出以下经验：一定要注意日常的收集和整理。 例如，您在浏览网页时应该多加注意。 如果您看到好看的材料，请将其下载到您的计算机或保存 ​​URL，并将其分类。 这样，当你有了一个粗略的网页渲染并开始网页设计的时候，你可能会立即想到一些你所看到的与你构思的网页效果图接近的材料。 这样，你就不用花太多的时间去寻找素材，也不用担心网页设计被素材所卡住。 知道了！ 我没有使用我收集的所有材料。 我只是觉得它们看起来不错并且符合我自己的主题，所以我从网上下载了它们。 浪费了很多时间。 我想在去之前我需要了解一下我需要什么样的材料。 下载，就是这样，不要看到喜欢的东西就下载。

3.建议或展望

进入大学学习计算机科学已经快两年了。 经过这段时间的不断学习和积累，我也初步了解了计算机科学的很多方面。 自从进入钢琴学院以来，我学习了很多专业知识，我也逐渐成长起来。 日常学习将帮助我获得专业知识。 虽然我有时可能会颓废，但是我学习的时候就应该好好学习。 你不能每天玩手机、看视频。 将来你会后悔的，所以你一定要对得起自己。 大二学期的网页设计课程是整个学期理论知识的实践和拓展。 目前我们已经学习并掌握了HTML、CSS等Web前端技术知识，这些知识的掌握足以让我们开发出简单、普通、没有逻辑的静态网页。 能够开发简单的静态网页，也为后续的Web开发学习做好了铺垫。 HTML和CSS的灵活运用依赖于长期的实践和积累。 高稳定性、高带宽、低时延的5G移动网络带来了新的革命，我们已经可以触摸到物联网的轮廓。 在5G移动网络的支持下，万物互联将成为现实。 在这项新技术的实施背景下，我不确定前端技术扮演什么角色。 Web前端开发者应该如何提升自己来应对物联网的到来？ 这是值得思考的。 尽管我们无法知道具体的应用网页设计与制作软件有哪些，但我们可以确定这个方向是一个发展趋势，并且是不可逆转的。 我希望在以后的学习中更加努力。 在老师的指导和指导下，我相信我的专业知识和专业能力会变得更好。