网页设计制作要领

要领一：确定网站主题

做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。美国《个人电脑》杂志(PCMagazine)评出了99年度排名前100

位的全美知名网站的十类题材：第1类：网上求职;第2类：网上聊

天/即时信息/ICQ;第3类：网上社区/讨论/邮件列表;第4类：计算

机技术;第5类：网页/网站开发;第6类：娱乐网站;第7类：旅行;

第8类：参考/资讯;第9类：家庭/教育;第10类：生活/时尚。我

们可以参看上面的分类，继续细分。如果自己在某些方面有兴趣，

或掌握的资料较多，也可以做一个自己感兴趣的东西，一者，你可

以有自己的见解，做出自己的特色;二者，在制作网站时不会觉得无

聊或者力不从心。兴趣是制作网站的动力，没有创作热情，很难设

计制作出优秀的作品。

对于内容主题的选择，要做到小而精，主题定位要小，内容要精。不要去试图制作一个包罗万象的站点，这往往会失去网站的特色，

也会带来高强度的劳动，给网站的及时更新带来困难。记住：在互

联网上只有第一，没有第二!

要领二：选择好域名

域名是网站在互联网上的名字。一个非产品推销的纯信息服务网站，其所有建设的价值，都凝结在其网站域名之上。失去这个域名，所有前期工作就将全部落空。

目前，做个人网站的很多都依赖免费个人空间，其域名也是依赖免费域名指向，如网易的虚拟域名服务，其实这对个人网站的推广

与发展很为不利，不光是它“适时”开启的窗口妨碍了浏览者的视

线和好感，让人一看就知道是个人网站，而且也妨碍了网页的传输

速度。所以，就我个人观点来说，首先花点钱去注册一个域名，独

立的域名就是个人网站的第一笔财富，要把域名起得形象、简单、

易记。

要领三：掌握建网工具

网络技术的发展带动了软件业的发展，所以用于制作Web页面的工具软件也越来越丰富。从最基本的HTML编辑器到现在非常流行的Flash互动网页制作工具，各种各样的Web页面制作工具，下面是

几款具有代表性的网页制作器：

(1)HTML编辑器。虽然HTML代码复杂，编辑和调试要花费大量

的时间，但因HTML的稳定性、广泛支持性及可创建复杂的页面效果，仍受高级网页制作人员的青睐。就目前来说，有众多的编辑器供选择，这些编辑器广泛支持复杂页面创建及高级HTML规范，使用较为

普遍的有Hotdog等专业HTML编辑器。

(2)所见即所得的网页编辑器。其中以MicrosoftFrontpage为代表，它具有如Word一样的操作界面，熟知Word功能的操作者，只

要稍加培训就能轻松编制网页。而且，Frontpage还能解析网页的HTML源代码，并提供了预览支持。但Frontpage的一些特殊显示功

能并不能在其它非IE浏览器下实现。所以Frontpage是一款非常适

合初、中级网页制作人员使用的工具软件。

(3)现在非常流行的Macromedia公司出品的Flash互动网页制作工具。这是是一款功能非常强大的交互式矢量多媒体网页制作工具。能够轻松输出各种各样的动画网页，它不需要特别繁杂的操作，也

比JAVA小巧精悍!但它的动画效果、互动效果、多媒体效果十分出色。而且还可以在Flash动画中封装Mp3音乐、填写表单等;并且由

于Flash编制的网页文件比普通网页文件要小得多，所以大大加快

了浏览速度。这是一款十分适合动态Web制作的工具。

另外，个人网站制作者还需了解W3C的HTML4.0规范、CSS层叠

样式表的基本知识、javascript、VBScript的基本知识。对于常用

的一些脚本程序如ASP、CGI、PHP也要有适当了解，还要熟练使用

图形处理工具和动画制作工具以及矢量绘图工具，并能部分了解多

种图形图像动画工具的基本用法，熟练使用FTP工具以及拥有相应的软硬件和网络知识也是必备的。

当然，互联网还是一个免费的资料库。编制网页需要多种多样的按钮、背景还有各种各样图形、图片。如果这些都要靠自己完成，既浪费时间又浪费金钱，而且还需要强大的图形、图片制作技术。所以，为了省却这些麻烦，网站制作者完全可以从网上下载各种精美实用的图片、按钮、背景等网页素材。

要领四：确定网站界面

界面就是网站给浏览者的第一印象，往往决定着网站的可看性，在确定网站的界面时要注意以下三点：

①栏目与板块编排

构建一个网站就好比写一篇论文，首先要列出题纲，才能主题明确、层次清晰。网站建设初学者，最容易犯的错误就是：确定题材后立刻开始制作，没有进行合理规划。从而导致网站结构不清晰，目录庞杂混乱，板块编排混乱等。结果不但浏览者看得糊里糊涂，制作者自己在扩充和维护网站也相当困难。所以，我们在动手制作网页前，一定要考虑好栏目和板块的编排问题。

网页设计与制作》网上作业题答案(全)

1．请列出三种TCP/IP网络中所使用的协议，并说明它们哪些类型的终端之间的，例如，网络管理站（SNMP）是用于中央网络管理站和网络之间的。参考答案：（1）HTTP：超文本传输协议，用于WEB服务器和WEB客户机之间；（2）SMTP：简单邮件传送协议，用于邮件客户机和邮件服务器之间；（3）TELNET：远程登录协议，用于客户机与终端之间。 2．现给出一个网址如下：https://www.360docs.net/doc/df16290426.html,/planetwide/select/selector.html，请你根据所学的URL分析该网址各个部分的含义。参考答案： //前的http表示访问信息采用的是超文本传输协议，并且文件在WWW服务器上； https://www.360docs.net/doc/df16290426.html,表明了WWW服务器的位置； planetwide/select/selector.html表明最终要访问的文件所在的位置。 3．访问类型即访问信息的链接方式，它决定了文件所在的位置，请问常用的链接方式有哪几种，并举出实例。（列出三种即可）参考答案：（1）file：如file:\\D:\作业\作业\主页.htm（前面的file:\\一般可省略）就是打开本地D盘下的一个网页；（2）ftp：如ftp:\\https://www.360docs.net/doc/df16290426.html,（此处也可输入IP地址）；（3）http：如https://www.360docs.net/doc/df16290426.html,/；（4）News：news:\\192.168.1.7可以查看IP地址192.168.1.7的可用新闻组；（5）telnet：telnet:\\192.168.1.7就可以运行远程登录IP地址192.168.1.7； 4．我们要进入紫霞的公众网，网址如下：telnet://https://www.360docs.net/doc/df16290426.html,，请你实际操作进入该网站，并列出三种以上进入该TELNET网站的方法。参考答案：（1）在浏览器中登录：启动INTERNET EXPLORER，在URL地址栏中输入“telnet://https://www.360docs.net/doc/df16290426.html,”；（2）“开始”→“运行”→“输入telnet”→“确定”→在命令行输入“open https://www.360docs.net/doc/df16290426.html,”命令并回车；（3）“开始”→“运行”→“输入cmd”→“确定”→在命令行输入“telnet https://www.360docs.net/doc/df16290426.html,”命令并回车；（4）“开始”→“运行”→“输入c md”→“确定”→在命令行输入“telnet211.157.100.8”命令并回车。 5．如果远程登录失败，请问原因可能是什么？参考答案：（1）计算机地址拼写错误（主机名或IP地址错误）；（2）远程计算机暂时不能使用；（3）你所指定的计算机不在Internet上。 6．实践：启动INTERNET EXPLORER浏览器，修改其INTERNET选项，并观察其效果。您的答案：答：将https://www.360docs.net/doc/df16290426.html, 设置为INTERNET选项的首页后，只要打开INTERNET EXPLORER 便直接登录到该网站的主页 1．个人网站有哪三种基本风格？参考答案：（1）主题图形式；（2）信息发布式；（3）介于两者之间的风格。

网页设计及制作实习报告.

网页设计及制作【实习目的】熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。过网页设计理论联系实际操作，巩固所学的知识，提高处理问题的能力。充分学习网页设计实践中的操作理论，提高自己网页设计水平，并为能顺利与社会环境做准备。【实习时间【实习地点未来路锦江国际花园9栋501室【实习单位】郑州市托斯卡纳餐饮有限公司【实习内容和过程】实习内容: 我在托斯卡纳餐饮公司旗下的56网络蛋糕店一个月的实习，我的工作就责设计整个网站的页面部分。为其一个月的实习，使我第一次亲身感受到了识与实际的应用，作为一个网站美工除了要求网页三剑客，ps,这些必会的软件以外, 还要对Html 用的很熟,对ASP 或PHP 或jsp 要有初步的了解。通过这次实习，进步巩固和深化所学的理论知识，为以后的工作打好基础。以下是我做的一些实习过程中的经验总结 (1表达一定的艺术效果接轨 2012年2月 15日至2012年3月15日是负所学知

一个成功的网站应该把网页设计得吸引人，同时又要传达设计思想和情感。网页作为一种媒体，它必须具有一定的艺术感染力，一个平淡无奇、杂乱无章或毫无美感的网页很难会有浏览者喜欢，更不要说让浏览者去注意它的内容了。(2使页面结构清晰可读性强经常可以看到这样的页面，上面堆砌了许多内容，却没有考虑它的空间框架人看了无法知晓哪些内容才是最具发言权的。没有流畅的视觉流程，这是典型的没有注意到编排清晰度、可读性的表现。 (3实现不同的功能在网络这条信息高速公路上，网页最主要的功能就是一种传递信息的手段。此，它一切内容都是为了这个目的而服务，都是要围绕这个中心进行设计的。然而，要实现这个功能，网页的美工设计和内容都必须有针对性。所谓针对性，就是指对不同类别的网页要求采用不同的美工艺术效果。 (4网页的内容网页设计人员美化网页，增加网页设计的艺术感，都是为了网页设计的内容服务的。一般来说，网页的几项基本内容：标题、网站标志、主体内容、导航、广告栏等。 (5确定网站的类型在设计网页之需要做大量的准备工作，需要思考以下几个问题：1、网站的类型: 站点属于新闻、娱乐、商务类的综合站点，还是个人主页； (6确定网站的风格如果浏览者主要是年轻人，页面就要设计得基调明快，活泼富有朝气；如果针对的群体是政府工作者或科学工作者，那么页面就要设计得严谨、严肃、理性、科学;如果针对的群体是妇女儿童，页面则要设计得温馨、友爱、轻松；如果针对的群体是恋人或从事艺术工作的人，页面就要设计得浪漫并有艺术感 (7确定网页之间的链接关系在网站的总体规划列出来后，就必须要考虑各个网页之间的关系，是星型、树型、网型还是直线链接。

网页设计与制作在线作业C

网页设计与制作_在线作业_C 最终成绩：90.0 一判断题 1. (5.0 分) FALSE TRUE 知识点： 11.2 编辑矢量对象用户解答： FALSE 2. (5.0 分) FALSE TRUE 知识点： 12.1 创建和编辑标准文本用户解答： FALSE 3. 在Fireworks中，图中(b)是对(a) 实施外斜角滤镜的结果。（） (5.0 分) TRUE FALSE 知识点： 13.1 滤镜用户解答： FALSE 4. 在Fireworks中，“自由变形工具”能够直接对矢量对象执行变形操作，也能对路径上的各个定位点进行操作。（）在Fireworks中，文字不能设置笔触和填充。（）

(5.0 分) FALSE TRUE 知识点： 13.2 资源——样式、元件、URL 、形状用户解答： TRUE 5. (5.0 分) FALSE TRUE 知识点： 13.4 优化与导出用户解答： FALSE 6. (5.0 分) FALSE TRUE 知识点： 15.2.3 绘图工具箱用户解答： TRUE 7. (5.0 分) FALSE TRUE 在Fireworks 中，元件是用户自己建立的可以重复使用的图形，动画或按钮对象。（）在Fireworks 中，可以同时显示6幅不同优化效果的图像。（） Flash 中“墨水瓶工具”（Ink Bottle Tool ）是为矢量色块进行填充的工具。（） Flash 中文本必须图形化才能使用滤镜。（）

网页设计与制作

Web考点一、判断、单选（20*2’）、填空 1、Window对象表示一个浏览器窗口或一个框架，在JavaScript中，Window对象是全局对象，所有的表达式都在的那个齐纳的环境中计算。就是说，要引用当前窗口根本不需要特殊的语法，可以把那个窗口的属性作为全局变量来声明。例如，可以只写document 和alert，不必写成window.document和window.alert（）。 2、Document对象每个载入浏览器的HTML文档都会成为Document对象。Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问。提示：Document对象是Window对象的一部分，可通过window.document属性对其进行访问。又代表了整个HTML文档，可以来访问网页中的页面中的所有元素。 Document.childNodes 包含着document.documentElement 3、JavaScript不可以增加类型（弱类型）。C#是强类型语言，声明变量要指定类型。 4、Html.CSS.DOM标准是由https://www.360docs.net/doc/df16290426.html,指定的。 JavaScript标准是由Ecma制定的。 C#、https://www.360docs.net/doc/df16290426.html,由微软制定的。 5、Hypertext transport protocol——HTTP协议。超文本传送协议，是万维网（world wide web）交换信息的基础。它允许将超文本标记语言（HTML）文档从Web服务器传送到Web浏览器。HTTP允许输入任意类型的数据对象。正在传输的类型由Content-Type加以标记。 6、相对路径（Relative Path） (1)如何表示同级目录的文件 2.html和 3.html在同一个文件下，如果2.html链接到3.html，可以在2.html中这样写：同目录下文件间互相链接； ../代表一级上级目录路（间隔一个目录） ../../代表二级上级目录（间隔两个目录），比如4，html链接到1.html，可以在4，html中这样写：链接到上级目录的上级目录中的文件。 (2)如何表示下级目录文件 2.html和 3.html是1.html的下级目录中的文件，如果在1.html中链接到2.html，可以在1.html中这样写：链接到下级目录（first）中的文件；如果在 1.html中链接到 4.html，可以在 1.html中这样写：链接到下级目录（first/second）中的文件。

网页设计与制作总结

网页设计与制作实训报告班级：多媒体152 姓名：张莉钧学号：指导老师：薛杨王淑惠实训时间：6.20——6.24 一、实训目的： 1、进一步熟悉和掌握网站建设的基本流程和技术规范； 2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识； 3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识； 4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站； 5、具备独立撰写实训报告基本能力； 6、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识； 7、紧紧围绕网页制作的流程：规划、设计、开发、发布、维护来进行网站的开发，制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等），为今后从事网站开发、维护和管理奠定基础二、实训项目——特色美食餐厅网站设计 1、网站主题我的网站的主旨在于从各个方面全面的介绍特色美食餐厅，包括它的菜品、餐厅的环境以及促销活动。另外，网站里还包括餐厅资料和联系方式，网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是橙色和白色搭配，用以展示餐厅特色的效果。其实最重要的是要做出自己的风格，给浏览者好的欣赏感受。 2、网站材料主要在网站上搜集所要的网页信息，包括图片、文字。同时，查询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等，用以得来更加具有说服力的页面。要想做好自己的网站，能够给浏览者好的欣感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。 3、网站规划我的网站共有７个主页面：首页、美食介绍、优惠活动、商品促销、宴会定制、会员中心和关于我们。每一个页面用统一的模块，以保证网站统一的页面风格。网页布局主要用框架和表格，用框架定位内容的大体结构，再用表格具体定位。位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是CSS设计一个样式，以保证随时、准确的调用。三、网页设计工具使用 1、Dreamweaver——我们使用它做网页的主要布局。 2、Photoshop——我们使用它做网页图片的处理以及logo的制作。

网页设计与制作_在线作业_1

? C. 3 ? D. 4 4. 在Fireworks中，“自由变形工具”的光标有两种形状，（）。 ? A. 当光标为时，对路径执行“扭曲”操作，当光标为时，对路径执行“拉伸”操作 ? B. 当光标为时，对路径执行“推动”操作，当光标为时，对路径执行“拉伸”操作 ? C. 当光标为时，对路径执行“推动”操作，当光标为时，对路径执行“扭曲”操作 ? D. 当光标为时，对路径执行“推动”操作，当光标为时，对路径执行“拉伸”操作 5. .blue {color: #0000ff}是（）。 ? A. 标签选择符和选择符组 ? B. 包含选择符 ? C. ID选择符 ? D. 类选择符 6. 书写CSS样式时，要把相同属性和值的标签组合起来书写，应使用（）。

? A. ID选择符 ? B. 类选择符 ? C. 标签选择符和选择符组 ? D. 包含选择符二、多选题 1. Flash的“选择工具”用于选取图形、移动图形和编辑图形。其光标可以是（）。? A. ? B. ? C. ? D. 2. 使用Flash “选择工具”同时选中，则（）。 ? A. 作图或拖动舞台对象时，可以准确地吸附到其他线条上的点。 ? B. 鼠标指针指向对象的中心点，鼠标指针上出现一个小三角 ? C. 作图或拖动舞台对象时，可以准确地吸附到其他图形的中心点。 ? D. 影响绘制形状或位置的微调。 3.

网页制作课程设计报告

网页制作课程设计报告学院：专业班级：姓名：学号：成绩：阅卷教师：

目录 1.设计目的 (1) 2.设计思想 (1) 2.1网站整体结构规划思想 (1) 2.2 主页设计思想 (1) 2.3子页的设计思想 (1) 3网页详细设计分析 (1) 4结论 (2)

1.设计目的阐述该个人网站的设计意图和创意，简单介绍自己的个人网站。 2.设计思想阐述网站的整体设计思想，包括： 2.1网站整体结构规划思想要求阐述网站整体结构的选择、设计的思想，绘制网站结构草图。 2.2 主页设计思想要求对主页的布局思路进行阐述和分析。 2.3子页的设计思想要求对子页的设计以及网页对象的选取思路进行阐述和分析。 3网页详细设计分析要求选取一张网页，对网页的设计实现过程进行阐述和分析，详细说明制作该网页的步骤，所使用的网页对象以及该网页对象的操作方法。

4结论对整个设计报告做归纳性总结，并分析设计过程中的困难及如何解决的，最后提出展望。一、设计目的本课程的设计目的是通过实践使同学们经历Dreamweaver cs3开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs3可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshop cs3、Dreamweaver cs3等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素

网页设计与制作课程简介

《网页设计与制作》课程简介课程名称：网页设计与制作课程代码：02038 适用专业：初等教育（计算机与信息技术方向）课程性质：专业核心课程、必修课、专业技能课学分：3 学分计划学时：72学时（理论36学时，实训36学时）一、前言 1. 课程性质本课程是初等教育计算机与信息技术专业的一门专业技能课程，培养学生网页设计与制作能力，适应初等教育对信息技术教师的人才基本要求，同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位。本课程的先修课程是《计算机应用基础》，后续课程是《https://www.360docs.net/doc/df16290426.html,程序设计》。在完成《计算机应用基础》课程学习后，学生掌握了计算机基本知识和原理，学会了一些应用软件和工具软件的使用，进而学习《网页设计与制作》这门课程不会感到困难。在以后学生还将学习《https://www.360docs.net/doc/df16290426.html,程序设计》课程，能设计和制作动态网页。 2. 课程基本理念初等教育计算机与信息技术专业培养的对象主要是小学信息技术教师，今后从事小学信息技术教学和学校信息化教育教学的管理者及维护者，建设网站和网页是信息技术教师应掌握的基本技能。课程要理论与实践相结合，培养学生动手能力，能胜任今后小学信息技术教师的工作任务。同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位群。 3. 课程设计思路根据初等教育计算机与信息技术专业人才培养方案，《网页设计与制作》是重要的专业技能课程，是作为小学信息技术教师基本技能训练与考核的项目之一。课程以工作任务来组织内容，以案例驱动贯穿教学过程。由浅入深，最后完成主题网站的开发项目。课程教学中以Dreamweaver的使用为主线，要重视HTML

网页设计与制作模板

存档资料成绩：课程设计报告书课程名称网页设计与制作题目设计个人网站主页分院电信分院专业班级电子商务学号学生姓名指导教师 2011 年 6月 20日

课程设计评阅意见评阅人__________职称________ 年月日

目录第1章课程设计任务书 .................................. 错误!未定义书签。一、课程设计题目..................................... 错误!未定义书签。二、课程设计工作..................................... 错误!未定义书签。三、课程设计的内容要求............................... 错误!未定义书签。 1、课程设计要求.................................. 错误!未定义书签。 2、课程设计内容.................................. 错误!未定义书签。第2章课程设计目的 .................................... 错误!未定义书签。第3章课程设计内容 .................................... 错误!未定义书签。设计一选题的基本原则............................... 错误!未定义书签。设计三选材......................................... 错误!未定义书签。设计四正确运用DW和Ps............................. 错误!未定义书签。设计五课程设计心得................................. 错误!未定义书签。第4章课程设计步骤 .................................... 错误!未定义书签。设计一查找相关资料................................. 错误!未定义书签。设计二利用Ps进行切片.............................. 错误!未定义书签。设计三利用DW编辑.................................. 错误!未定义书签。设计四利用DW的站点功能上传或用FTP工具上传站点.... 错误!未定义书签。第5章课程设计心得 .................................... 错误!未定义书签。第6章参考文献 ....................................... 错误!未定义书签。

网页设计与制作_在线作业_F

网页设计与制作_在线作业_F 最终成绩：90.0 一判断题 1. (5.0 分) TRUE FALSE 知识点： 1.2 网站建设流程用户解答： TRUE 2. (5.0 分) FALSE TRUE 知识点： 3.2.2 建立超链接用户解答： TRUE 3. (5.0 分) TRUE FALSE 知识点： 3.3.1 CSS 语法用户解答： TRUE 4. (5.0 分) TRUE 主页的文件名只能放在站点根目录下。（）如果链接的目标文件不是HTML 文件，则该文件将作为下载文件。（） CSS 样式表位于XHTML 代码中的head 标签内。（）网页内的CSS 样式创建之后，即对整个网站有效。（）

FALSE 知识点： 3.3.2 CSS 样式应用用户解答： FALSE 5. (5.0 分) FALSE TRUE 知识点： 3.3.3 引用外部CSS 文件与导出样式表用户解答： TRUE 6. (5.0 分) TRUE FALSE 知识点： 15.2.3 绘图工具箱用户解答： FALSE 7. (5.0 分) FALSE TRUE 知识点： 19.3.1 帧动作用户解答： TRUE 8. 要在网页中使用外部CSS 样式表，必须进行“附加样式表”的操作。（） Flash 中单击按钮，则黑色与白色互换。（）要使Flash 中电影在播放磁头到达时间轴的某一帧时立即执行某个动作，则可以将动作分配给该帧。（）

(5.0 分) TRUE FALSE 知识点： 3.3.3 引用外部CSS 文件与导出样式表用户解答： TRUE 二单项选择题 1. https://www.360docs.net/doc/df16290426.html, 是（）。 (5.0 分) 站点相对路径根相对路径绝对路径文档相对路径知识点： 3.2.1 路径用户解答：绝对路径 2. (5.0 分) 样式打开窗口方式缩进方式地址知识点： 3.2.2 建立超链接用户解答：地址 3. (5.0 分) 编辑外部样式表将影响到所有链接引用它的文档。（）代码中href 是（）的属性名。书写CSS 样式时，要把相同属性和值的标签组合起来书写，应使用（）。

电子商务专业网页设计与制作课程标准

网页设计与制作课程标准一、课程性质与任务网页设计与制作课程是电子商务专业商务网站维护方向的一门专业技能课程。旨在于培养学生从事网页设计与制作的基本职业能力，为下一步网站建设的学习打好基础，是学生达到网页设计制作人员的基本职业能力要求。二、课程教学目标通过任务引领和项目活动等形式，使学生能熟练制作简单网页，能熟练创建本地站点并能在网页中设置各种超链接，能制作网页动画，掌握网页设计与制作技巧，具备网页设计与制作的基本职业能力，能基本胜任网页制作工作，为学生专业方向的发展奠定基础。职业能力目标：（1）能够熟练制作简单网页；（2）能够创建本地站点并能在网页中设置各种超链接；（3）能够对网页进行具有创意的美化；（4）能够制作有创意的网页动画；（5）能够掌握网页设计与制作的相关技巧；（6）能够根据企业需要制作商务网页；（7）能够跟踪和学习网页设计与制作的新知识和新技能。三、参考学时 108学时。四、课程内容与培养目标

五、教学建议（一）教学方法教师必须重视现代教学理论的学习，不断的更新观念，深刻领会和探究任务引领型的项目活动形式的教学方式。 1.项目教学在教师的指导下由学生亲自处理一个项目的全过程，让学生全部或部分独立组织、安排学习行为，解决在处理项目中遇到的困难。加强网页制作技术与各课程整合的研究，充分运用项目教学法，探索在数字化学习环境下的新型教学模式，为学生提供自主发展的时间和空间，努力培养学生的创新精神和实践能力，自觉地成为学生学习的引导者和促进者。 2、任务驱动法在教学活动中，教师应当围绕特定的教学项目，设计出具体的，可操作的任务，以任务组织教学，在任务的履行过程中，以参与、体验、互动、交流、合作的学习方式，充分发挥学习者自身的认知能力，

《网页设计与制作》课程设计报告

《网页设计与制作课程设计》实验报告院系名称：管理学院专业班级：电子商务XXX 学生姓名： XXX 学号： XXXXXXX 2016年 06 月一、实验目的本实验属于设计性实验，在学习完《网页设计与制作》课程的基础上，通过实验学习网页制作的步骤与方法，使用CSS+DIV制作一个简单的网站，能够对网站有一个清晰的认知和规划。进一步熟悉和领悟HTML语言、CSS样式表和JAVASCRIPT语言的语法结构。将理论与实践相结合，加深对本课程的理解。二、实验步骤 1、进行网站整体规划，包括网站主题、栏目以及界面的构思，确定网站结构，形成初步设计思路。 2、设计网站的主页以及栏目，利用CSS+DIV制作网站主页和弹出式导航条菜单，利用JavaScript制作动态效果，并用firework软件对主页进行切图。 3、设计并利用CSS+DIV制作列表页，并用firework软件对列表页进行切图。 4、设计并利用CSS+DIV制作内容页，并用firework软件对内容页进行切图。 5、进行调试和修改已形成最终实验结果。三、网站设计思路 1、参照“唯品会”“折800”等电商网站，确定网站主题为“轻奢电商”。 2、设计网站主页,主页设置首页、美妆、服饰、零食、母婴、关于我们、在售分类等七个一级栏目。其中美妆、服饰、零食、母婴四个栏目含有二级栏目。

3、首页设置品牌热卖、限量抢购等图片展示，并利用Javascript设置用户名和密码的表单验证，在图片之下设置一个新闻列表提供有关网站的最新消息，右侧设置账户、密码的表单验证，并在网页结尾处写上官方微信和版权信息。 4、由主页导航栏上的的在售分类引出列表页，在列表页中采用新闻列表样式具体展示本企业的全部商品分类并设置超链接。 5、由列表页中美妆|女士护肤|洁面弹出具体的内容页面，主要由图片以及相应的文字介绍组成。四、网站的核心代码 1、主页轻奢电商