寻找免费课程设计的平台推荐及网页制作课程内容归纳

网页构建课程设计总结

网页构建课程设计总结

1.设计目标

阐述该网站的构建意图和创意，简要介绍网站。

2.设计理念

阐述网站的整体设计理念，包括：

2.1网站整体结构规划理念

要求阐述网站整体结构的选择、设计的理念，绘制网站结构草图。

2.2主页设计理念

要求对主页的布局思路进行阐述和分析。

2.3子页的设计理念

要求对子页的设计以及网页元素的选取理念进行阐述和分析。

3网页深入设计解析

要求选取一张网页，对网页的设计实现过程进行阐述和分析，详细说明制作该网页的步骤，所使用的网页元素以及该网页元素的操控方法。

4总结

对整个设计报告做归纳性总结，并分析设计过程中的难题及如何解决的，最后提出展望。

一、设计目标

本课程的设计目标是通过实践使同学们经历Dreamweaver 8开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver 8可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技能。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适的图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshop 8、Dreamweaver 8等软件的操作和应用。增强动手实践能力，进一步提高自身综合素质。我本次主要是设计的一“新加坡之旅”为主题的网页，针对新加坡的美丽风光做了介绍。

二、设计理念

运用Dreamweaver 8.0构建一个关于“新加坡之旅”的网站，利用表格、行为、层和链接等网页设计技术设计页面。

本网站以新加坡旅游为素材，主要讲解了与新加坡景点相关的内容。首页设风景介绍和风景欣赏两个栏目。景点介绍设7个栏目，风景欣赏只含一个页面。

三、网页深入设计解析

(一)构建布局

在这次的网页设计中运用了大量的布局，所以如何构建布局是关键。Dreamweaver 8是大多数人设计网页的得力助手，也是众多初学者的捷径。特别是其在布局方面的出色表现，更受青睐。大家都知道，没有表格的帮助，很难组织出一个协调合理的页面。

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

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

(二)网页中的图像

图像传输是WWW的真正魅力所在，它与文字相比具有明显的优点：一是直观，人眼观看图像时接受信息的速度远远超过观看文字时接受信息的速度；二是能更清楚地表达细节内容。正是由于这些优点，所以在进行网页设计时图像很受欢迎。如果网页做得像一幅风景画，浏览者一定会流连忘返（如果图片很大，效果会适得其反）。图像文件的格式有几十种，如GIF、JPEG、BMP、EPS、PCX、PNG、FAS、TGA、TIFF、WMF等，现在Internet Explorer和Netscape支持的、最常用的图像格式是GIF、JPEG和BMP。

(1)在网页中插入图像

利用Dreamweaver 8可以方便地在网页中插入图像，还可以设置图像边框、大小、和位置，并且可以直接对图像进行编辑。在网页中加入图像的操作非常简单：

1.新建一个空白网页，把光标定位在网页的开始位置。

2.打开“工具”菜单，选择“图片”菜单项，在子菜单中选择“来自文件”菜单项，或者单击工具栏中的图片工具图标，弹出一个“图片”对话框。

3.在此对话框中单击“浏览”按钮，出现一个“选择文件”对话框。

4.在“选择文件”对话框的文件列表中选择某个图像文件，然后单击“确定”按钮，或直接双击该图像文件，该图像即被加入到网页中。在网页中插入图像后我们就可以对图像的各种属性进行设置了。

(2)图像的各种属性设置

1.选中所插入的图片，单击鼠标右键，弹出一个快捷菜单，在菜单中选择“图片属性”菜单项，出现一个“图片属性”对话框。

2.打开“外观”选项卡。

(1)设定图像边框粗细：在“外观”选项卡的“布局”栏里可以根据需要定义图像的边框，也可以定义边框值为“0”，即无边框。

(2)设置图像环绕方式：一般情况下一幅图像只能与一行文字处在同一高度，但有时需要将图像和文字分开，且两者互不影响。比如在网页左边插入一幅图像，要求右边的文字就像没有图像时可以多行输入，这就要通过设置图像的环绕方式来实现。在网页中图像的环绕方式有两种：

①左环绕：图像在左边，文本在图像的右边进行环绕。

②右环绕：图像在右边，文本在图像的左边进行环绕。

在“外观”选项卡的“布局”栏中打开“对齐方式”下拉列表框，选择“左”选项，并单击“确定”按钮，图像就被设置为左环绕方式，同样，如果选“右”，图像就被设置为右环绕方式。

(3)编辑图像大小：在Dreamweaver 8中，当在网页中加入一幅图像后，图像大小默认设置为其原来的大小，如果加入的图像太大或太小，或有其他特别需要，就得调整图像的大小。调整图像大小非常简单灵活，只要你选中加入的图像，用鼠标左键拖动图像边框，可任意调整图像的宽度和高度直到达到你满意的尺寸。

(4)设置图像缩放比例：网页设计的一个重要原则就是网页的兼容性，对于不同的浏览器或者不同的分辨率，不管是800×600的窗口，还是1024×768的窗口，网页都要能正常的显示。设置图像缩放比例就是将图像设置为大小可以按比例变化，与浏览器的大小成一固定比例，这样在不同大小的浏览器窗口里图像都能正常的显示外观。设置图像缩放比例的步骤如下：

(4)设定图像缩放比例：网页设计的关键原则之一是网页的.兼容性，面对各种浏览器或分辨率，无论是800×600的窗口，还是1024×768的窗口，网页都应能正常展示。设定图像缩放比例即调整图像至可按比例缩放，与浏览器尺寸保持固定比例，确保在不同尺寸的浏览器窗口中图像均能正常显示。设定图像缩放比例的步骤如下：

1.选中网页中的图像，点击鼠标右键，在弹出的快捷菜单中，选择“图像属性”菜单项，弹出一个“图像属性”对话框。

2.在“大小”栏中勾选“指定大小”复选框，同时勾选“宽度”和“高度”下的“百分比”单选按钮，然后在“宽度”和“高度”栏中输入期望显示的比例，点击“确定”完成设置。此外，还可以在“外观”选项卡的“水平间距”和“垂直间距”栏中进行设置，水平间距是指图像与周围元素在水平方向的间隔，以像素为单位；垂直间距指图像与周围元素在垂直方向的间隔。

(3)如何编辑网页中的图像

在Dreamweaver 8中，可以利用“图片”工具栏中的各种工具对网页中的图像进行编辑，编辑功能包括：图像旋转和翻转、裁剪、图像模糊、凹凸效果等等。

另外，为了使图片更符合要求，我们还在photoshop8中对所使用的图片进行了处理，使得图片看起来更加精致美观，符合我们的主题要求。

(4)运用背景图像

运用背景图像与运用背景色不同，运用背景色仅将网页的背景用某种颜色填充，而运用背景图像则是将网页的背景用图像平铺。这样做可以使制作的网页更加美观。网页中运用背景图像的具体步骤如下：

1.新建一个空白网页。

2.点击鼠标右键，在弹出的快捷菜单中选“网页属性”，弹出“网页属性”对话框。

3.打开“背景”选项卡。

4.在“背景”选项卡的“格式”栏中勾选“背景图片”复选框，然后点击下面的“浏览”按钮，出现一个“选择背景图片”对话框。

5.在“选择背景图像”对话框中点击“浏览文件”按钮，出现一个“选择文件”对话框。

6.在“选择文件”对话框的文件列表中选择图像文件，点击“确定”按钮。

这样，所选图片将作为整个网页的背景，如果在第4步时同时勾选“水印”复选框，背景图片将显示为特殊的水印效果，当网页滚动时，背景不动，只有网页内容滚动，产生一种透明层的效果，非常吸引人。

(5)插入Flash动画

关于Flash视频，可以使用Dreamweaver中的“插入Flash视频”命令，将Flash视频内容插入Web页面，无需使用Flash创作工具。该命令可以插入Flash组件；当您在浏览器中查看它时，它显示所选择的Flash视频内容以及一组播放控件。

(6)设置鼠标经过图片，实现图片交互

在插入图片的下拉菜单中有一项是“鼠标经过”，点击这一项，会弹出一个对话框，在对话框中可以设置鼠标经过前的图片和经过时的图片，选择“确定”即可。

(7)设置链接

选中图片或文字，在下面的链接属性中输入所要连接到的地址，同时，下方的目标属性被激活，输入blank设置成在新窗口中打开网页。我们设置了链接本站点的网页页面，同时也连接了外网，使得大家访问页面时能够查询更多详细的信息，方便用户查询。

·网络营销课程设计——企业网站评析

爱乐与李宁的企业网站评价

-janson-

爱乐体育用品有限公司历史

爱乐体育用品（福建）有限公司隶属于爱乐集团，成立于1984年。爱乐集团是一家集体育用品制造、投资贸易、旅游服务等行业为一体的多元化集团公司，旗下核心企业有爱乐体育用品（福建）有限公司、爱乐假日酒店、胜家商务酒店和爱乐体育用品(三明)有限公司等，员工4000多人。

“爱乐”品牌诞生于1984年，历经二十四年的风雨洗礼和品牌积淀，已发展成为中国著名的体育用品供应商，于2002年和2005年连续两届荣获“中国名牌”；2003年和2006年连续两届荣获“国家免检产品”，并于2006年荣获“亚洲500最具价值品牌”和“中国驰名商标”。

爱乐始终致力于中国体育事业的发展，定位于专业体育用品供应商，主营“爱乐”品牌运动休闲系列产品。目前，爱乐体育已形成以专业跑鞋、篮球鞋、足球鞋、网球鞋、休闲鞋等系列运动鞋和运动系列服装为主，以运动包、帽、袜、眼镜、护具、球类等多系列为辅的完整体育用品产业链。

爱乐始终坚持体育用品的本质——来源于体育、发展于体育、服务于体育！明天，爱乐体育将一如既往地紧随中国体育事业的发展而不懈努力！

然而现在爱乐已经是辉煌不再，品牌的知名度已经渐渐淡出人们的记忆。

李宁有限公司历史李宁有限公司1990年在广东三水起步。创立之初即与中国奥委会携手合作，透过体育用品事业推动中国体育发展，并全力以赴赞助各种赛事。1995年，李宁公司成为中国体育用品行业的领跑者。2005年，李宁公司继续保持行业领先地位，销售额创下历史新高，向着一流品牌的目标冲刺……产品的专业化属性，是在体育用品行业中竞争的基础。李宁公司把产品的研发，看作一个不断创造纪录、刷新纪录的赛程。经过十五年的探索，李宁产品已由单一的运动服装，发展至运动服装、运动鞋、运动配件等多系列并驾齐驱。不久的将来，李宁牌将致力于跻身世界一流品牌，为全世界的运动员和体育爱好者提供专业的体育产品。因为这样的热忱，李宁公司拥有了中国最大的体育用品分销网络。同时，李宁公司的国际网络也在不断拓展，目前已进入23个国家和地区。特的企业文化，是李宁公司每个部分紧密协作、奋力向前的接力棒，使所有的供应商、经销商、服务商成为合作伙伴，让所有的员工齐心协力。李宁人相信：人有无限潜能。运动让人更加自信，敢于表现，不断发掘潜能、超越自我——我们有这样的品牌观，并始终不渝地付诸实践：1990年，李宁公司成为第一家赞助亚运会中国体育代表团的中国体育用品企业；1992年，李宁公司为中国奥运代表团提供领奖装备，成为第一个赞助奥运会的中国体育用品企业；1993年，李宁公司率先在全国建立特许专卖营销体系；1998年，李宁公司率先在广东佛山建成中国第一个运动服装与鞋的设计开发中心；1999年，李宁公司与SAP公司合作，引进AFS服装与鞋业解决方案，成为中国第一家实施ERP的体育用品企业；2004年，李宁公司在香港联交主板成功上市，成为第一家在海外上市的中国体育用品企业；2005年，李宁公司成为NBA官方合作伙伴；2006年，李宁公司成为ATP中国官方市场合作伙伴。今日的李宁公司，不仅是一家体育用品的创造企业，也是一种健康生活方式的传播者、推动者。我们正以积累而来的自信，把握历史赋予的机遇，迎接全球市场的挑战，实践李宁人的使命——我们以体育激发人们突破的渴望和力量！在现在国内的一线品牌中，李宁是一枝独秀。

李宁集团发展历程李宁集团于1990年在广东三水崭露头角。成立伊始便与中国奥委会携手并进，借助体育用品产业助力我国体育事业进步，并竭尽全力支持各类赛事。1995年，李宁集团成为我国体育用品行业的领军企业。2005年，李宁集团持续保持行业领先地位，销售额再创新高，朝着国际一流品牌的目标奋进……产品的专业化特性，是体育用品行业竞争的基石。李宁集团将产品研发视为一个不断突破、刷新纪录的征程。历经十五载的探索，李宁产品已从单一的运动服饰，拓展至运动服饰、运动鞋、运动配件等多系列齐头并进。未来，李宁品牌将致力于跻身世界一流品牌，为全球运动员和体育爱好者提供专业体育产品。正因为这份热情，李宁集团拥有了我国最大的体育用品分销网络。同时，李宁集团的国际化步伐也在不断加快，目前已进入23个国家和地区。独特的企业文化，是李宁集团各部分紧密协作、奋力向前的接力棒，使所有供应商、经销商、服务商成为合作伙伴，让所有员工齐心协力。李宁人坚信：人潜能无限。运动让人更加自信，敢于展现，不断挖掘潜能、超越自我——我们秉持这样的品牌理念，并始终如一地付诸实践：1990年，李宁集团成为首家赞助亚运会中国体育代表团的我国体育用品企业；1992年，李宁集团为中国奥运代表团提供领奖装备，成为首个赞助奥运会的我国体育用品企业；1993年，李宁集团率先在全国建立特许专卖营销体系；1998年，李宁集团率先在广东佛山建成我国首个运动服饰与鞋的设计开发中心；1999年，李宁集团与SAP公司合作，引进AFS服装与鞋业解决方案，成为我国首家实施ERP的体育用品企业；2004年，李宁集团在香港联交所主板成功上市，成为首家在海外上市的中国体育用品企业；2005年，李宁集团成为NBA官方合作伙伴；2006年，李宁集团成为ATP中国官方市场合作伙伴。如今，李宁集团不仅是一家体育用品创造企业，更是一种健康生活方式的传播者和推动者。我们正以积累的自信，把握历史赋予的机遇，迎接全球市场的挑战，践行李宁人的使命——我们以体育激发人们突破的渴望和力量！在国内一线品牌中，李宁独树一帜。

企业网站的评价如出一辙的产品，不同的品牌。成败各异。成功者的优点，失败者的不足，从其企业官方网站便可一窥究竟。爱乐体育用品（福建）有限公司的官方网站以一张大红背景图作为衬托，图中央有企业的LOGO，右上角有“爱乐体育”的文字标识。无法让人一眼看出企业的定位。爱乐作为体育用品企业，但在其企业网站上除了“爱乐体育”的文字标识外，没有体现体育主题思想和内涵。另外，网站较为单调，缺乏动感，不符合企业产品应体现的激情活力。与其他体育用品企业的网站相比，可谓是相形见绌。比如李宁的企业网站，最初的进入页面时一张黑色页面。这是网站在进入过程中的缓冲，但缓冲过程并非单纯的等待，其网站在页面中以点线构成的动画人物进行设有相关的体育项目的活动。比如不同距离的投篮，距离的拉长说明缓冲的程度。有时是人物在举重，重量的增加也代表缓冲的进度。这样会让人在等待打开网页的过程中不至于感到厌烦。缓冲的过程也是在欣赏表演的过程。这一小小的创意不仅传达了企业的定位，同时也弥补了由于网页打开过慢的不足。安踏的最初进入页面以灰色调为主，缓冲过程页面中是一个动画人物在慢跑，同时以百分数的变化表示进度。与李宁的官方网站在这一缓冲过程都有一曲同工之妙。但较李宁还是略逊一筹。爱乐网站在进入首页后符合网页的建设结构，设有相关栏目，但较少，也相对简单。给人的感觉就是网站的建设目标不明确，网页中虽有网页的标题，但与网页单调的色调相结合不能体现其中的核心内容。页面较为空洞。网站中没有导航，再返回上级页面时较为繁琐。网站提供的信息和服务较少，根本不符合或不能满足用户的需求。其信息的更新也较为滞后。网站的访问速度过慢，另外网站没有提供在线服务。产品的展示信息不详细，不明晰，产品的图片质量较差，而且运行不稳定，经常打不开。爱乐网站几乎都采用了静态页面，显得较为枯燥，没有活力，与产品的属性、企业的宗旨不符。在这些方面，李宁官方网站做得就更为出色。李宁官方网站的首页栏目较多。首页中间还用FLASH播放制了高清的图片。图片内容有企业的体育代言人、企业所参与的公益活动。页面散发出一种企业的宗旨，展现了体育的活力与激情。栏目中设有网上商城，满足了在线销售。另外还有“下载馆”，可以下载企业的平面、视频广告等。另外网页上还提供了李宁的电子杂志的订阅，杂志内容都是企业产品信息、促销信息等。通过鼠标点击而滚动的图片也有相应内容。标题明晰，体现了其中的核心内容。网站的访问速度也较快，网页的链接都是另一个新窗口，因而，回到上一级页面很方便。在动静网页的运用上能够合理搭配。栏目还设有，“互动社区”，页面底部还有“客户关怀中心热线”，这些都体现了企业重视消费者的意见和建议、注重与客户建立和谐有好长远的关系，积极与客户互动，促进企业的发展。栏目中的“专卖店查询”利于消费者正确、及时、安全地购买。所设有的“防伪查询”，提供给了客户一种信任感。

企业网站的点评：同类产品，品牌各异。一成一败。成功者优，失败者劣，其企业官网即能见分晓。福建爱乐体育用品有限公司官网以一张鲜红背景映入眼帘，中央位置企业LOGO醒目，右上角“爱乐体育”标识显眼。然而，无法直观感知企业定位。作为体育用品企业，官网除“爱乐体育”标识外，缺乏体育主题思想和内涵。此外，网站风格呆板，缺乏动感，未能体现产品应有的活力。与其他体育用品企业网站相比，差距明显。如李宁官网，初始页面为黑色，作为缓冲过程，页面以点线动画展示相关体育项目，如投篮、举重等，缓冲进度以重量增加体现，让人在等待中欣赏表演，缓解等待焦虑。此创意不仅传达企业定位，还弥补网页打开慢的不足。安踏官网以灰色调为主，缓冲过程展示动画人物慢跑，进度以百分数变化表示，与李宁官网缓冲过程有异曲同工之妙，但略逊一筹。爱乐官网首页结构合理，设有相关栏目，但数量较少，内容简单，给人目标不明确之感。标题与单调色调结合，无法体现核心内容，页面较为空洞，缺乏导航，返回上级页面繁琐。信息和服务较少，无法满足用户需求，信息更新滞后，访问速度慢，无在线服务，产品展示信息不详细，图片质量差，运行不稳定。爱乐官网几乎全部采用静态页面，显得枯燥乏味，与产品属性和企业宗旨不符。李宁官网首页栏目丰富，中间以FLASH播放高清图片，展示企业代言人、公益活动等，传递企业宗旨，展现体育活力。设有网上商城、下载馆、电子杂志订阅等，标题清晰，核心内容突出，访问速度快，链接为新窗口，方便返回上级页面。动静页面合理搭配，设有互动社区、客户关怀中心热线等，体现企业重视消费者意见，积极互动，促进发展。设有专卖店查询，方便消费者购买。设有防伪查询，增强客户信任感。

在百度搜索引擎中，爱乐企业位于第一页第一位，但无相关介绍，仅企业名称。在谷歌搜索引擎中，无法找到爱乐体育用品有限公司。共同问题是与爱乐相关的关键词过多，品牌名称缺乏特色，易混淆。

爱乐要在网络营销中取得良好效果，首先要对官网进行改版。作为体育用品企业，官网主色调应与特性相关，有内涵，通过颜色展现特性，图片、文字内容传递企业文化，体现体育精神。接着，对网页结构进行改版，动静结合，达到动态静美效果。页面制作和设计要考虑访问速度，消除用户等待烦躁情绪。栏目设置充实，不繁琐，注重客户互动，重视客户意见，及时解决疑问和难题。着重介绍企业历史、价值观、社会责任、宗旨、品牌定位等。提供优质在线服务，满足用户需求。优化产品展示，提供详实文字信息、清晰图片、视频信息。及时更新信息。后期不断优化细节。

在商品同质化严重的今天，满足消费者个性化需求才能畅销。企业管理流行一句话：“三流企业做产品，二流企业做品牌，一流企业做文化。”体育用品市场产品同质化严重，国际品牌如ADIDAS、NIKE、PUMA等历史悠久，文化底蕴深厚，注重传递深刻哲理和内涵。国内体育用品企业相对年轻，但一些企业学习效仿，取得一定成功。李宁在这方面是国内企业中的佼佼者。爱乐要发展，必须学习做文化，学习国际大品牌，以国内领先品牌为目标。从网络营销策略角度，设计好关键词，便于搜索引擎检索。在知名门户网站宣传企业，推广品牌。积极参与公益活动，善于利用公关宣传。