web网站设计报告书
web网页设计实验报告
web网页设计实验报告
《Web网页设计实验报告》
摘要：本实验旨在通过设计一个网页，来探讨网页设计的基本原理和技巧。
通
过实验，我们学习了网页设计的基本知识，包括布局、颜色搭配、字体选择等
方面的技巧。
在实验过程中，我们遇到了一些问题，但通过不断的尝试和学习，最终完成了一个简洁美观的网页设计。
一、实验目的
通过设计一个网页，掌握网页设计的基本原理和技巧，提高网页设计的能力和
水平。
二、实验过程
1. 确定设计主题和内容：我们选择了一个旅游网站的设计主题，确定了网页的
内容和结构。
2. 确定网页布局：我们采用了响应式布局，确保网页在不同设备上都能够正常
显示。
3. 选择配色方案：我们选择了蓝色和灰色作为主色调，并搭配了一些明亮的色彩，使整个网页看起来清新明亮。
4. 选择字体：我们选择了一种简洁明快的字体，使网页看起来简洁大方。
5. 添加图片和动画效果：我们添加了一些精美的图片和动画效果，使整个网页
更加生动。
三、实验结果
我们最终完成了一个简洁美观的网页设计，整体布局合理，配色搭配和谐，字
体清晰易读，图片和动画效果生动有趣。
通过实验，我们不仅学会了网页设计
的基本技巧，也提高了自己的审美能力和设计水平。
四、实验总结
通过本次实验，我们深刻理解了网页设计的重要性和技巧，掌握了一些基本的设计原则和方法。
同时，我们也意识到网页设计是一个需要不断学习和尝试的过程，需要不断地追求创新和完美。
希望通过今后的学习和实践，能够不断提高自己的网页设计能力，设计出更加优秀的网页作品。
web网页设计报告
web网页设计报告报告人：XXX报告时间：20XX年XX月XX日摘要：本报告详细介绍了本次Web网页设计项目的设计思路、实现方法及效果展示。
首先，我们从用户需求入手，确定了网站的整体风格和布局，并在设计过程中充分考虑了用户体验和页面交互性。
其次，我们采用了响应式设计的技术，确保网站能够同时适配不同的设备尺寸和分辨率。
最后，我们通过对网站的性能优化和SEO优化，提高了网站的访问速度和搜索引擎排名，从而实现了网站的目标：吸引更多的访问量，提高用户黏性。
正文：一、项目情况概述本次Web网页设计项目的客户为一家有限公司，旨在提升其品牌知名度和服务效果。
为此，我们的设计团队对客户需求进行了深入的分析和调研，确定了网站的主要功能和设计目标，制定了详细的设计方案。
二、设计思路和实现方法1. 网站整体风格和布局根据客户需求和行业特点，我们确定了网站的整体风格和色彩搭配，并设计了首页、产品展示页、新闻资讯页、联系我们页等多个页面。
2. 用户体验和页面交互性为了提高用户体验和页面交互性，我们在设计过程中充分考虑了用户的心理和使用习惯，采用了人性化的设计理念和技术手段。
例如，我们采用了鼠标悬浮、逐屏滚动、弹出框等技术，增强了网站的趣味性和互动性，提高了用户黏性。
3. 响应式设计为了解决不同设备分辨率和尺寸带来的显示问题，我们采用了响应式设计技术。
通过对网站的自适应尺寸和布局进行优化，确保网站在不同的设备和平台上都能呈现良好的显示效果和用户体验。
4. 性能和SEO优化为了提高网站的访问速度和搜索引擎排名，我们对网站进行了性能和SEO优化。
例如，我们采用了CDN加速、图片懒加载、缓存技术等优化手段，提高了网站的响应速度和性能表现。
同时，我们对网站的内容和关键词进行了优化，提升了网站在搜索引擎上的排名和曝光度。
三、效果展示经过数月的设计和开发，本次Web网页设计项目已经圆满完成。
最终呈现出一个具有高品质和高性能的网站，得到了客户的充分肯定和好评。
web网站设计报告书
网站设计报告书WEB1 学期学年第题目： Web网站设计报告计设专年级业：号：名姓学学院：在所目录一、设计目的 (2)二、设计题目 (3)三、结构设计 (3)四、技术分析 (3)五、设计风格 (7)一、设计目的在Internet飞速发展的今天，人们已经无法离开网络，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。
因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中我们当代大学生更是离不开网络给我们带来的好的重要组成部分，从而倍受人们的重视。
．处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我们已经学了WEB这门课，就可以通过设计达到掌握网页设计、制作的技巧。
了解和熟悉网页设计的基础知识和实现技巧。
根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。
熟练掌握Photoshoto等软件的的操作和应用。
增强动手实践能力，进一步加强自身综合素质。
学会和团队配合，逐渐培养做一个完整项目的能力。
二、设计题目《篮球球迷交流网》主要是篮球新闻、视频，还有交流帖子区，交易广告平台等。
三、结构设计选定主题，确定题目之后，在做整个网站之前对网站进行需求分析。
首先，做好需求调研。
调研方式主要是上网查阅资料，在图书馆里翻阅相关书籍。
然后，调研结束之后对整个网站进行功能描述，并对网站进行总体规划，接着逐步细化。
我的设计主题是篮球球迷交流网，包括多个方面，框架为：首先是首页，首页下是新闻、视频、论坛、比赛、交易，从分栏都可以回到首页。
首页主要分为新闻头条、热门话题区、热门比赛预告、靓图展示。
链接到新闻板块，则是各种与篮球有关的新闻；视频则是各种网友发布的片段，包括十佳球、比赛集锦和采访视频等；论坛就是大家发贴的地方；比赛区里包括比赛赛程和球员排行榜（主要是nba）；交易区则是球迷联系交易装备的平台，球迷可以发贴介绍自己的新品或二手篮球相关装备（篮球、球鞋、球衣和护腕等），然后互相留下联系信息，之后通过淘宝等交易，其实就是起到广告的作用。
网页设计报告书(通用5篇)
我们的指导老师给了我们12份英文材料，每份约20____字。
我们实习的任务是完成所有材料的翻译。
根据学院及指导老师的要求，我计划将所有材料在三周内翻译完成，每周平均翻译四分材料。
为了配合院里的工作，更为了通过实践，总结自己的不足，以便在今后的语言实践中自己翻译水平和能力能够得到相应的提高和发展，我在完成计划工作后，我开始了我的翻译实习工作。
在进行翻译实习的过程中，我充分调动了我大脑中的知识及老师教给我们的基本翻译技巧，例如：“英译汉时，有时某些词并不能完全按照词典的基本含义翻译，如生搬硬套或逐词死译，会使译文生硬，令人费解，甚至可能造成误解。
这时应当根据上下文和逻辑关系，从该词的基本含义出发，进一步加以适当的引申，选择比较适当的汉语词语来表达”以及增词法、省略法（减词法）、重复法、正反，反正表达法、分句法，合句法、词义的引伸、词类的转译等英译汉常用的方法和技巧。
尽管如此，我在实际翻译时候还是碰到了很多问题。
把“The United St ateseconomy”翻译为“美国经济”还是“美国经济体”好，并且我总觉得两种翻译都很怪。
如果把“TheUnitedStateseconomy”翻译为“美国经济”，那么整句话的翻译就是：“美国经济拥有世界上最大的国内生产总值(GDP)”。
但是“国内生产总值”只能是一个国家的啊，不能说经济拥有多少国内生产总值吧。
但是，如果把“TheUnitedStateseconomy”翻译为“美国经济”体，那么整句话的翻译就是：“美国经济体拥有世界上最大的国内生产总值(GDP)”。
这样又成为经济体有多少国内上产总值的。
于是，我又想：可不可以把“economy”直接省略不翻呢？就翻译为“美国拥有世界上最大的国内生产总值(GDP)”，但是我又不敢妄下结论。
总之，我真的是在经过艰苦的“奋战”后才最终完成了本次的翻译实习任务。
通过这次的翻译实习，我更加清楚的认识到自己英语相关方面的知识还远远不足，也让我更加清醒的认识到，丰富自己的词汇量及语境英语句型的重要性，更让我懂得“理论联系实际”的真理——没有理论知识肯定不行，但是光有理论知识而不通过实践来巩固旧知识和获得新知识更不行。
web网页设计课程设计报告
web网页设计课程设计报告一、教学目标本课程旨在通过学习，使学生掌握Web网页设计的基本原理和方法，能够使用HTML、CSS等工具进行网页设计与制作，培养学生的创新意识和实践能力，提高学生运用信息技术解决实际问题的能力。
知识目标：理解Web网页设计的基本概念，掌握HTML、CSS等网页设计工具的使用方法。
技能目标：能够独立完成简单的网页设计与制作，具备一定的网页美工能力。
情感态度价值观目标：培养学生对信息技术的好奇心和创新意识，提高学生运用信息技术解决实际问题的能力，使学生认识到Web网页设计在现代社会的重要性。
二、教学内容本课程的教学内容主要包括HTML、CSS和网页设计的基本原理。
1.HTML：介绍HTML的基本结构，标签的使用，图片、链接和音频视频嵌入等。
2.CSS：介绍CSS的基本语法，选择器，盒模型，布局和样式。
3.网页设计：介绍网页设计的基本原则，色彩、字体和布局的设计方法。
三、教学方法本课程采用讲授法、案例分析法和实验法相结合的教学方法。
1.讲授法：用于讲解基本概念、原理和工具的使用方法。
2.案例分析法：通过分析实际案例，使学生更好地理解和掌握网页设计的方法和技巧。
3.实验法：通过实际操作，使学生掌握HTML、CSS等工具的使用，培养学生的实践能力。
四、教学资源1.教材：选用权威、实用的教材，如《Web网页设计基础》等。
2.参考书：提供相关的参考书籍，如《HTML与CSS入门经典》等。
3.多媒体资料：制作精美的PPT，提供视频教程、在线案例等。
4.实验设备：提供足够的计算机设备，安装有相关的软件，如SublimeText、Visual Studio Code等。
五、教学评估本课程的评估方式包括平时表现、作业和考试三个部分，各部分所占比例分别为40%、30%和30%。
1.平时表现：通过课堂参与、提问、小组讨论等方式评估学生的学习态度和积极性。
2.作业：布置适量的作业，评估学生的理解和应用能力。
web网页设计实验报告
Web网页设计实验报告1. 引言本文档旨在记录并分析本次Web网页设计的实验过程和结果。
我们小组的目标是设计一个优雅、用户友好且功能完善的网页。
通过分步思考和逐步迭代的方式，我们将逐渐实现这个目标。
2. 步骤一：需求分析在设计之前，我们首先进行了需求分析。
我们与客户进行了深入的讨论，了解了他们对网页的要求和期望。
我们还对类似的网页进行了调研，以便了解当前的设计趋势和最佳实践。
3. 步骤二：草图设计基于需求分析的结果，我们开始进行草图设计。
我们使用纸和铅笔绘制了初步的草图，以便快速捕捉我们的想法和创意。
我们与小组成员共享这些草图，并就每个设计方案进行讨论和评估。
4. 步骤三：原型设计根据草图设计的结果，我们开始使用设计工具创建网页的原型。
我们选择了[设计工具名称]，因为它提供了丰富的设计元素和易于使用的界面。
在原型设计过程中，我们对页面的布局、颜色方案和字体进行了仔细的考虑。
5. 步骤四：界面设计在完成原型设计后，我们开始进行界面设计。
我们使用HTML和CSS来实现我们的设计，并确保页面的响应式布局。
我们还使用JavaScript来添加一些动态效果和交互功能，以提升用户体验。
6. 步骤五：测试与优化在设计过程的各个阶段，我们都进行了测试和优化。
我们邀请了一些用户来测试我们的网页，并收集他们的反馈。
根据用户的反馈和我们自己的观察，我们进行了一系列的优化工作，以改进页面的性能、可用性和用户满意度。
7. 步骤六：部署与维护在完成测试和优化后，我们将网页部署到服务器上，使其可以通过互联网访问。
我们还设立了一个维护团队，负责定期更新和维护网页，以确保其正常运行和提供最佳的用户体验。
8. 结论通过逐步思考和迭代的方式，我们成功地设计了一个优雅、用户友好且功能完善的网页。
我们的设计不仅满足了客户的需求和期望，而且符合当前的设计趋势和最佳实践。
在设计过程中，我们充分利用了各种工具和技术，并通过测试和优化不断改进网页的性能和用户体验。
web设计项目报告
Web设计项目报告
项目概述
本文档为XXX公司的Web设计项目报告，主要介绍了该项目的背景、目标、需求分析、设计方案、实施过程以及最终成果等内容。
背景
XXX公司是一家专注于XXX行业的公司，为了提升品牌形象和市场竞争力，决定进行网站的重新设计和开发。
目标
•提升公司品牌形象
•提高用户体验和网站可用性
•增加网站访问量和转化率
需求分析
•响应式设计：确保网站在不同设备上都能正常显示
•导航优化：简洁明了的导航结构，方便用户快速找到所需信息
•视觉设计：符合公司品牌形象，吸引用户眼球
•页面加载速度：优化页面加载速度，提升用户体验
设计方案
•采用现代化的UI设计风格，突出公司形象
•设计响应式网站布局，确保在各种设备上都有良好的展示效果
•简化导航结构，提供用户友好的浏览体验
•优化页面加载速度，采用合适的图片压缩和代码优化方式
实施过程
1.确定项目需求和目标
2.立项并组建项目团队
3.进行用户调研和竞品分析
4.制定设计方案并进行内部评审
5.开发和测试阶段
6.正式上线并进行推广
最终成果
经过数月的努力，XXX公司的新网站终于上线了。
新网站在外观设计、用户体验、功能性等方面都得到了很大的提升，受到了用户的好评。
网站的访问量也有显著的增加，带来了更多的业务机会。
结语
通过本次Web设计项目，XXX公司成功提升了品牌形象，增强了市场竞争力。
我们将继续持续改进网站，提供更好的服务和体验，以满足用户的需求。
以上为XXX公司Web设计项目报告的具体内容，谢谢！。
web网页设计实验报告
web网页设计实验报告Web网页设计实验报告一、引言随着互联网的迅速发展，网页设计变得越来越重要。
作为一个网页设计实验报告，本文将介绍我在学习和实践中所掌握的一些关键概念和技巧。
通过这个实验，我深入了解了网页设计的原则和流程，并且通过实际操作提高了自己的设计能力。
二、设计原则在进行网页设计之前，我们首先需要了解一些设计原则。
这些原则可以帮助我们创建出更具吸引力和易用性的网页。
1. 简洁性：网页应该保持简洁，避免过多的装饰和冗余的信息。
简洁的设计可以提高用户体验，并使用户更容易找到他们需要的信息。
2. 一致性：网页的各个元素应该保持一致，包括颜色、字体、图标等。
一致的设计可以增加用户的可理解性，并提高网页的可用性。
3. 可读性：网页上的文字应该清晰易读，避免使用过小或过大的字体。
合适的行距和段落间距也是提高可读性的重要因素。
4. 导航性：良好的导航设计可以帮助用户快速找到所需的信息。
导航栏应该清晰明确，而且易于使用。
三、实验过程在实验中，我选择了一个简单的网页设计项目来应用所学的知识和技巧。
以下是我在实验中所采取的步骤：1. 需求分析：首先，我与客户进行了需求分析，了解他们的期望和目标。
通过与客户的沟通，我明确了网页的主题、内容和功能要求。
2. 网页结构设计：根据需求分析的结果，我开始设计网页的结构。
我使用了HTML语言来创建网页的基本框架，并确定了网页的布局和内容组织方式。
3. 网页样式设计：在网页结构设计完成后，我开始设计网页的样式。
我使用CSS语言来设置网页的颜色、字体、背景等样式属性。
通过调整样式，我使网页看起来更加美观和吸引人。
4. 图片和多媒体元素的添加：为了增加网页的吸引力，我添加了一些图片和多媒体元素，如图片轮播、视频等。
这些元素不仅可以提高网页的视觉效果，还可以增加用户对网页的兴趣。
5. 响应式设计：为了适应不同设备和屏幕大小的需求，我对网页进行了响应式设计。
通过使用CSS媒体查询，我使网页能够在不同的屏幕上自动调整布局和样式。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
WEB 网站设计报告书学年第 1 学期设计题目： Web网站设计报告年级专业：姓名学号：所在学院：目录一、设计目的 (2)二、设计题目 (3)三、结构设计 (3)四、技术分析 (3)五、设计风格 (7)一、设计目的在Internet飞速发展的今天，人们已经无法离开网络，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。
因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。
我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我们已经学了WEB这门课，就可以通过设计达到掌握网页设计、制作的技巧。
了解和熟悉网页设计的基础知识和实现技巧。
根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。
熟练掌握Photoshoto等软件的的操作和应用。
增强动手实践能力，进一步加强自身综合素质。
学会和团队配合，逐渐培养做一个完整项目的能力。
二、设计题目《篮球球迷交流网》主要是篮球新闻、视频，还有交流帖子区，交易广告平台等。
三、结构设计选定主题，确定题目之后，在做整个网站之前对网站进行需求分析。
首先，做好需求调研。
调研方式主要是上网查阅资料，在图书馆里翻阅相关书籍。
然后，调研结束之后对整个网站进行功能描述，并对网站进行总体规划，接着逐步细化。
我的设计主题是篮球球迷交流网，包括多个方面，框架为：首先是首页，首页下是新闻、视频、论坛、比赛、交易，从分栏都可以回到首页。
首页主要分为新闻头条、热门话题区、热门比赛预告、靓图展示。
链接到新闻板块，则是各种与篮球有关的新闻；视频则是各种网友发布的片段，包括十佳球、比赛集锦和采访视频等；论坛就是大家发贴的地方；比赛区里包括比赛赛程和球员排行榜（主要是nba）；交易区则是球迷联系交易装备的平台，球迷可以发贴介绍自己的新品或二手篮球相关装备（篮球、球鞋、球衣和护腕等），然后互相留下联系信息，之后通过淘宝等交易，其实就是起到广告的作用。
四、技术分析WEB技术主要分为客户端和服务器技术。
Web客户端设计技术主要包括：html语言、Java Applets、脚本程序、CSS、DHTML、插件技术以及VRML技术。
Web服务器端的开发技术也是由静态向动态逐渐发展、完善起来的。
Web服务器技术主要包括服务器、CGI、PHP、ASP、、Servlet和JSP技术。
基本的用得到的基础技术如下：(一)建立布局在这次的网页设计中用到大量的布局，所以怎么样建立布局是关键。
Dreamweaver cs3是大多数人设计网页的称手兵器，也是众多入门者的捷径。
特别是其在布局方面的出色表现，更受青睐。
大家都知道，没有表格的帮助，很难组织出一个协调合理的页面。
1.点击“ALT+F6”键，进入布局模式，插入布局表格。
建立一个大概的布局。
2.使用背景图片：选中该项，按浏览可以插入一幅准备好的图片作为表格的背景，因为图片是以平铺的形式作为表格背景，所以表格大小和图片尺寸都要控制好。
（二）网页中的图像图像传输是WWW的真正魅力所在，它与文字相比具有显著的优点：一是直观，人眼观看图像时接受信息的速度远远超过观看文字时接受信息的速度；二是能更清楚地表达细节内容。
正是由于这些优点，所以在进行网页设计时图像很受欢迎。
如果网页做得像一幅风景画，浏览者一定会流连忘返（如果图片很大，效果会适得其反）。
图像文件的格式有几十种，如GIF、JPEG、BMP、EPS、PCX、PNG、FAS、TGA、TIFF、WMF等，现在Internet Explorer和Netscape支持的、最常用的图像格式是GIF、JPEG和BMP。
（1）在网页中插入图像利用Dreamweaver cs3可以方便地在网页中插入图像，还可以设置图像边框、大小、和位置，并且可以直接对图像进行编辑。
在网页中加入图像的操作非常简单：1.新建一个空白网页，把光标定位在网页的开始位置。
2.打开“工具”菜单，选择“图片”菜单项，在子菜单中选择“来自文件”菜单项，或者单击工具栏中的图片工具图标，弹出一个“图片”对话框。
3.在此对话框中单击“浏览”按钮，出现一个“选择文件”对话框。
4.在“选择文件”对话框的文件列表中选择某个图像文件，然后单击“确定”按钮，或直接双击该图像文件，该图像即被加入到网页中。
在网页中插入图像后我们就可以对图像的各种属性进行设置了。
（2）图像的各种属性设置1.选中所插入的图片，单击鼠标右键，弹出一个快捷菜单，在菜单中选择“图片属性”菜单项，出现一个“图片属性”对话框.2.打开“外观”选项卡。
(1)设定图像边框粗细：在“外观”选项卡的“布局”栏里可以根据需要定义图像的边框，也可以定义边框值为“0”，即无边框。
(2)设置图像环绕方式：一般情况下一幅图像只能与一行文字处在同一高度，但有时需要将图像和文字分开，且两者互不影响。
比如在网页左边插入一幅图像，要求右边的文字就像没有图像时可以多行输入，这就要通过设置图像的环绕方式来实现。
在网页中图像的环绕方式有两种：①左环绕：图像在左边，文本在图像的右边进行环绕。
②右环绕：图像在右边，文本在图像的左边进行环绕。
在“外观”选项卡的“布局”栏中打开“对齐方式”下拉列表框，选择“左”选项，并单击“确定”按钮，图像就被设置为左环绕方式，同样，如果选“右”，图像就被设置为右环绕方式。
(3)编辑图像大小：在Dreamweaver cs3中，当在网页中加入一幅图像后，图像大小默认设置为其原来的大小，如果加入的图像太大或太小，或有其他特别需要，就得调整图像的大小。
调整图像大小非常简单灵活，只要你选中加入的图像，用鼠标左键拖动图像边框，可任意调整图像的宽度和高度直到达到你满意的尺寸。
(4)设置图像缩放比例：网页设计的一个重要原则就是网页的兼容性，对于不同的浏览器或者不同的分辨率，不管是800×600的窗口，还是1024×768的窗口，网页都要能正常的显示。
设置图像缩放比例就是将图像设置为大小可以按比例变化，与浏览器的大小成一固定比例，这样在不同大小的浏览器窗口里图像都能正常的显示外观。
设置图像缩放比例的步骤如下：1.选中网页中的图像，单击鼠标右键，在弹出的快捷菜单里，选择“图像属性”菜单项，弹出一个“图像属性”对话框.2.在“大小”栏中选中“指定大小”复选框，同时选中“宽度”和“高度”下面的“百分比”单选按钮，然后在“宽度”和“高度”栏里输入想显示的比例，单击“确定”完成设置。
外还可以在“外观”选项卡的“水平间距”和“垂直间距”栏里进行设置，水平间距是指图像与周围元素在水平方向的间距，以象素为单位；垂直间距指图像与周围元素在垂直方向的间距。
（3）怎样编辑网页中的图像在通过fhotoshop等软件中，可以使用“图片”工具栏中的各种工具对网页中的图像进行编辑，编辑功能主要有：图像旋转和翻转、剪裁、图像淡化、凹凸效果等等。
另外，为了使图片更符合要求，我们还在photoshop cs3中对所用的图片进行了处理，使得图片看起来更加精细美观，符合我们的主题要求。
（4）使用背景图像使用背景图像与使用背景色不同，使用背景色只将网页的背景用某种颜色填充，而使用背景图像则是将网页的背景用图像平铺。
这样做可以使制作的网页更美观好看。
网页中使用背景图像的具体步骤如下：1.新建一个空白网页。
2.单击鼠标右键，弹出的快捷菜单里选“网页属性”，弹出“网页属性”对话框.3.开“背景”选项卡。
4.在“背景”选项卡的“格式”栏中选中“背景图片”复选框，然后单击下面的“浏览”按钮，出现一个“选择背景图片”对话框。
5.在“选择背景图像”对话框中单击“浏览文件”按钮，出现一个“选择文件”对话框。
6.在“选择文件”对话框的文件列表中选择图像文件，单击“确定”按钮。
这样，所选图片将作为整个网页的背景，如果在第4步时同时选中“水印”复选框，背景图片将显示为特殊的水印效果，当网页滚动时，背景不动，只有网页内容滚动，产生一种透明层的效果，非常吸引人。
（5）插入flash动画关于 Flash 视频使用 Dreamweaver 中的“插入 Flash 视频”命令，可将 Flash 视频内容插入 Web 页面，而无需使用 Flash 创作工具。
该命令可以插入 Flash 组件；当您在浏览器中查看它时，它显示所选择的 Flash 视频内容以及一组播放控件。
（6）设置鼠标经过图片，进行图片交互再插入图片的下拉菜单中有一项是“鼠标经过”，点击这一项，会弹出一个对话框，在对话框中可以设置鼠标经过前的图片和经过时的图片，选择“确定”即可。
（7）设置链接选中图片或者文字，在下面的链接属性中输入所要连接到的地址，同时，下方的目标属性被激活，输入blank设置成在新窗口中打开网页。
我们设置了链接本站点的网页页面，同时也连接了外网，使得大家访问页面时能够查询更多详细的信息，方便用户查询。
五、设计风格学习网页设计需要耐心，如果没有耐心，就学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了很长时间才解决。
页面设计页面的设计风格，每个人的审美观都不同，所以中国、韩国和欧洲的风格完全不同，但是我发现简约美，不管审美观怎么样不同，至少不会说他难看，而我本人也比较喜欢简单的风格，所以我选择了简约风格的设计风格，不追求浮夸，只求简单实用，并且我认为网页设计应该注重实用性，因为它是让人浏览的，是用户可以抚摸，可以评论，可以交互的。
因此我提倡简单的美。
网页视觉效果视觉形象识别即我们通常所说的VI（VisualIdentity），所谓视觉形象识别，就是指能够被目标客户通过视觉来认知与企业相关的一切事物，从最基础的企业标志、吉祥物、标准色到企业日常业务中的信纸、服装、名片等等，而我对视觉的要求主要是色彩和视觉风格，色彩我选择主色调为红色和白色，副色调为蓝色，贴图为各种篮球图片，主要体现出热情的感觉。
精品网页的整体布局和导航网页的布局通常指的是网页的整体架构，说的通俗一点就是排版。
如何突出最重要的内容，即让用户第一眼就看到这个网页所想要传达的信息。
这一点至关重要。
在大多数做的比较成功的网页中，一个共同的特点就是网页的整体架构十分的清晰明了，所以我的首页采用封面和flash型，便于用户浏览和点连接；然后视频分栏我选择综合框架型；论坛和交易区都采用标题正文型，还带有上下的框架结构。
比赛分栏采用“国”字型。
首页内容要求精彩丰富，简洁明快。
页面可爱清爽。
首页主要是导航作用。
首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，颜色不同，形成对比，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。