当前位置：文档之家› PS网页设计与制作

PS网页设计与制作

PS网页设计与制作（主页）

一、教材分析

设计制作网页的方法有很多，所用软件也各不相同，在本次拓展课程教学中，采用Photoshop设计网页。本课是第四课时，在之前的课中，教师介绍了网页大小、图片素材的保存及处理方法，学生已了解有关网页的相关知识点，本节课在此基础上，开始学习PS网页设计，通过新建文档，完善网页中的其它要素，如：文本、页头、页脚、图片等要素。二、学情分析

认知水平：本班学生为八年级学生，善于接受新鲜事物，欠缺专注力、知识迁移能力。

知识技能水平：

在前几课时的学习中学生了解了网页的常见大小，主页包含的各项要素，七年级下已学习过PS的相关知识与技能，有一定的基础。本节课，学生需要灵活运用以前的所学，制作出有个人特色的主页。学生在自主实践环节是遇到的问题，通过同伴互助、范例展示等方式，更好地理解为何这么做，以及怎么做。

三、教学目标

（一）、知识与技能

1.了解主页大小，掌握设置主页大小的方法。

2.掌握文本设置的方法，尝试通过更改大小、字体、变形、混合选项呈现出有个人特色的文本。

3.了解导航栏的样式及位置，掌握矩形的绘制调整方法。

（二）、过程与方法

1.通过课堂任务的设计，强化学生个人自主探究能力及小组协作学习能力。

2.培养学生对问题的分析和解决能力，更好地理解PS制作主页的方法与策略，提高学生对PS的理解与认识。

（三）、情感态度与价值观

提倡学生多观察、多动手实践，不怕失败，只怕不动。在信息技术课堂上勇于探索实践，通过作品展示自己。

四、教学重点

主页大小设定、标题和图片的大小及位置、导航栏制作

五、教学难点

主页中各对象的大小及位置

六、教学方法

任务驱动、分层教学、同伴互助

七、教学准备

极域多媒体网络教室、Photoshop cs5、学案

八、教学过程

教学

阶段

教学活动学生活动设计意图

创设情境1.展示范例，吸引学生的注意力，

调动学习的积极性

2.师：刚才大家看到的是我们八年级

一些同学的网页设计作品，在这些作

观看放映

聆听老师

观察素材文件

并进入创设情境

展示同个年龄段同

学的作品，可以吸

引学生的注意力，

也更贴近学生的生

活，引起更多的共

鸣，尽快进入学习

氛围。

选择PS制作网页，

拓宽学生的知识

面，提升PS的操作

品当中，有关于美食的，有关于旅游

的，还有关于漫画的，还有关于科技

的，等等。那么，你知道这些作品是

怎么完成的

3.教师小结：这些网页，我们一般称

之为主页，都是在PHOTOSHOP中完

成。

思考并发表自己的看法

技能。

复

习

旧

知

1.启动PHOTOSHOP，向学生展示

2.对比说明，网页设计时使用到哪

些功能

3.小结：

图片——拖动至新建文档

文字——文本工具

导航——形状

观看放映

参与互动

思考并回答

PS强大的图片文

字与处理功能，学

生在七下学习过，

通过师生互动，帮

助学生复习一些跟

图片文字相关的操

作。

构

建

新

知

（

图

片

）

在复习了PHOTOSHOP的一些基本操

作后，接下来，我们要开始正式设计

主页了。在前一次课中，大家已选好

图片素材，并初步加工，怎么用在网

页中呢

(1).登录FTP，下载前一

课保存上交的图片素材

(2).启动PHOTOSHOP，

参考学案，尝试新建文

档

首先引出学生的疑

虑，启发学生展开

思考。

信息技术课堂更多

师：引导学生尝试启动软件，开始新建文档

师：主页新建完成后，第二步要添加背景图片，那么，如何将上周保存过的图片添加进来呢邀请学生上台演示。

师：XX同学演示得非常好，首先，打开文件，使用移动工具，将图片拖动到文档中。当然，我们可以根据自己的构想，调整图片的大小及位置。(3).同伴互动，落实新建

文档时的各项参数：

800*600 背景色透明

或其它

(4).学生使用教师机面

向全班展示操作过程，

并做相应的讲解。教师

适当点评及补充说明。

(5)课堂操作时间，学生

操作，同伴互助，教师

巡视。如果有困难，先

自行尝试探究，再向同

伴寻求帮助，如果实解

决不了，可向老师寻求

帮助。

的希望学生通过尝

试探索发现问题，

进一步尝试探索寻

求解决问题的办

法，从而提高解决

问题的能力。

通过学生演示+讲

解的方式，更加直

观地让全班同学了

解之前课上保存的

图片如何运用到网

页中。

构建新知

（标题）师：现在我们需要给网页添加标题，

那么，你觉得网页的标题有什么特点

(1).学生观看放映，对

照范例及个人经验，思

考

(2).学生回答问题,表达

结合学生的个人经

验，鼓励学生表达

个人看法。不仅仅

师：教师小结标题特点：醒目，颜色、大小或者字体与网页中的其他文本不一致，位置根据整体页面布局而定

师：有请一位同学给大家演示如何制作网页的标题

教师通过设问的方式引导学生讲解有关文字的操作。

教师板书：

文本：字体：字体库中的或自行下载形状：变形

立体：混合选项

大小：大于普通文字个人的看法（2-3人）

(3).学生使用教师机面

向全班，演示如何在文

档中添加文字，以及更

改文字的形状、大小、

颜色。通过修改图层的

混合选项，使文字呈现

出更多丰富的样式。

(4).课堂操作时间，学

生操作，同伴互助，教

师巡视。如果有困难，

先自行尝试探究，再向

同伴寻求帮助，如果实

解决不了，可向老师寻

求帮助。

是通过教师给出的

几张图片得出一个

结论，更多是从学

生的生活和个人体

验出发。

大标题的制作也是

本课的一个重点，

设计的意图是学生

通过对比尝试，找

到更适合自己的网

页，制作出更具个

人特色的作品。采

用分层教学，鼓励

同学结合个人实际

情况，下载安装新

的字体，对于另外

的基础较弱的学生

的，则鼓励通过开

关的改变，颜色调

整和混合选项的应

用，制作出精彩的

标题。

九、教学反思

本课是一节常态课，通过前期的课上接触结合上交的作业，发现本班学生的认知能力和操作水平存在不小的差异，大部分学生的学习的积极性有，但持续时间不长，在学习中遇到问题时，大部分学生愿意主动探究，探究成功后积极性倍增，探究失败后有挫败感，积极性大幅下降。在开展网页设计制作教学时，采用PS网页设计与制作。本课设计时考虑到了不同能力学生的学习情况，采用“分层教学”。课上通过展示作品，激起学生的学习兴趣，抛出问题，引出答案，进入本课的学习主题。课堂中任务驱动与分层教学相结合，很好地照顾到不同层次的学生。演示环节，由学生自愿和教师抽查相结合，整个课堂教学进展有序。课前预设的学习目标也较好地完成了。

本节课的不足之处在于，课堂整体学习效率受学生的完成情况影响较大，若学生花很多时间纠结在选哪个颜色更好看类似的问题上，不利于开展后面的教学，在今后的教学中，不

妨向学生明确提出这一段的操作时间。更有效地开展每一课的教学。教案信息表

4月全国网页设计与制作自考试题及答案解析.doc

??????????????????????精品自学考料推荐?????????????????? 全国 2019 年 4 月高等教育自学考试网页设计与制作试题课程代码： 00900 一、单项选择题(本大题共 20 小题，每小题 1 分，共 20 分 )在每小题列出的四个备选项中只有一个是符合题目要求的。请将其代码填写在题后的括号内。错选、多选或未选均无分。 1.IP 协议对应于 OSI 七层协议的哪一层 ( ) A. 会话层 B. 网络层 C.传输层 D. 数据链路层 2.通用图像格式GIF 最多可以使用的颜色数是( ) A.16 色 B.216 色 C.256 色 D.512 色 3.XML 的主要特点之一是用户能够定义自己的( ) A.DTD B.CSS C.CGI D.Script 4.网站用三级结构实现时，位于最底层的是( ) A. 文章页 B.导航页 C.栏目页 D. 首页 5.用 FrontPage 200 建立网站时，默认建立的子目录是( ) A.titles 子目录 B.texts 子目录 C.sounds 子目录 D.images 子目录 6.如果采用了安全调色板以外的颜色，在浏览该网页时将会( ) A. 正常显示 B. 不显示 C.产生“抖动” D. 显示黑白两色 7.进行网页设计时，设置页面尺寸与下面哪一项有关( ) A. 显示器分辨率 B.显示器品牌 C.页面内容 D. 网页制作工具 8.目前在网页可嵌入的声音文件中，存储一首乐曲时，其文件最小的是( ) A.wav 文件 B.real 文件 C.Midi 文件 D.MPEG 文件 9.在 HTML 中嵌入 JavaScript，应该使用的标记是( ) A. B. C. D. 10.下列描述正确的是 ( ) A.JavaScript 是一种编译型语言 B.JavaScript 是一种基于对象和事件驱动的编程语言 C.JavaScript 中变量声明采用强定义类型 D.JavaScript 采用静态联编 11.JavaScript 脚本语言的前身是 ( ) A.Basic B.Live Script C.Oak D.VBScript 12.DHTML 技术的核心是 ( ) A.HTML 4.0 B.CSS C.DOM D. 脚本语言 13.使用 CSS 对文本进行修饰，若使文本闪烁，text-decoration 的取值为 ( ) A.none B.underline C.overline D.blink 14.FrontPage 2000 可供用户选择的视图有 ( ) A.3 种 B.4 种 C.5 种 D.6 种 15.在 FrontPage 2000 中，最多可用来创建表格的方式有( ) A.3 种 B.4 种 C.5 种 D.6 种 16.在 FrontPage 2000 中，用户可以处理站点访问者提交上来的表单结果的方式有( ) A.2 种 B.3 种 C.4 种 D.5 种

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

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

网页设计与制作

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.doczj.com/doc/6017346816.html,指定的。 JavaScript标准是由Ecma制定的。 C#、https://www.doczj.com/doc/6017346816.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）中的文件。

网页设计与制作模板

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

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

目录第1章课程设计任务书 (1) 一、课程设计题目设计个人网站主页 (1) 二、课程设计工作： (1) 三、课程设计的内容要求： (1) 1、课程设计要求 (1) 2、课程设计内容 (1) 第2章课程设计目的 (3) 第3章课程设计内容 (4) 设计一选题的基本原则 (4) （1）选题应反映本专业的培养目标，符合专业综合训练的要求。 (4) （2）选题要有利于深化所学的专业知识和拓展所学的知识面。 (4) （3）选题的难易程度和工作量要适当，保证在规定的时间内，在教师的指导下，经过努力能够完成。设计二选题范围 (4) 设计三选材 (4) 设计四正确运用DW和Ps (4) 设计五课程设计心得 (4) 第4章课程设计步骤 (5) 设计一查找相关资料 (5) 设计二利用Ps进行切片 (5) 设计三利用DW编辑 (6) 设计四利用DW的站点功能上传或用FTP工具上传站点 (8) 第5章课程设计心得 (10) 第6章参考文献 (11)

第1章课程设计任务书专业电子商务班级（1）班姓名肖恢邦一、课程设计题目设计个人网站主页二、课程设计工作：自 2011 年 6 月 12 日起至 2011 年 6月 20 日止三、课程设计的内容要求： 1、课程设计要求（1）通过课程设计把课堂上讲的内容融会贯通，掌握表格在网页布局中的特点及应用，掌握如何通过表格来布局一个完整的界面。学会使用Dreamweaver软件设计网页及Dreamweaver的表格功能进行网页布局。使整个网页页面清新自然，整体界面美观大方，简洁高效，使之达到界面动与静的搭配合理，动而不乱，静而不僵和谐效果。 2、课程设计内容（1）设计一选题的基本原则。（2）设计二选题范围。（3）设计三选材。（4）设计四正确运用DW和Ps。（5）设计五课程设计心得。

网页设计与制作总结

网页设计与制作实训报告班级：多媒体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的制作。

自考29942网页设计与制作

高纲1349 江苏省高等教育自学考试大纲 29942 网页设计与制作（实践）南京大学编江苏省高等教育自学考试委员会办公室

Ⅰ课程性质与课程目标一、课程性质和特点《网页设计与制作》是为江苏省自学考试“计算机及应用”、“计算机信息管理”或相关专业专科段学生开设的专业基础课，是一门不进行理论考试而仅参加实践考核的课程。本课程重点培养学生基本的网页设计和制作技能，要求学生在自学理论知识的基础上，培养动手能力，加强实践环节，并能熟练使用相关工具软件。二、课程目标网页是互联网最常见的应用之一，是人们获取和发布信息的主要途径。本课程从实际应用出发，培养学生了解网页设计和制作基础知识，学习和初步掌握：网页设计和制作、网页编写语言及网站规划和管理的实际能力。经过课程实践考核，要求学生能上机实验验证相关理论知识，设计、制作、修改或完善指定内容的网页，初步掌握网站建设和开发流程、熟悉站点的上传和维护并能独立解决网页编辑中遇到的一般问题，具有一定的计算机网络信息发布常识。

经过本课程的学习，应达到以下目标： 1．理解Fireworks和Dreamweaver软件界面，并能熟练独立进行操作； 2．重点掌握Fireworks画布、图层、修饰位图、绘制矢量图形、文本特效的操作； 3．重点掌握Fireworks图像切片、元件与实例的操作，并灵活运用； 4．重点掌握Dreamweaver基础网页制作、链接的使用、插入多媒体元素的操作； 5．重点掌握Dreamweaver表格、框架、模板的灵活应用。三、与相关课程的联系与区别本课程需要具有一定计算机基础知识，程序设计语言基础知识及计算机网络基础知识，因此，要以本专业的“计算机应用技术”、“计算机网络技术”、“高级语言程序设计”等作为先导课程。在学习完毕本课程后，将来能够为“网络信息编辑”、“多媒体技术”等课程，或进行本科段的深造打下坚实基础。

网页设计与制作试题及答案精选范文

《网页设计与制作》期末考试试题一、单项选择题(本大题共15小题，每小题2分，共30分) 1、目前在Internet上应用最为广泛的服务是( )。 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 2、域名系统DNS的含义是( )。 A、Direct Network System B、Domain Name Service C、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn由四个子域组成，其中( )子域代表国别代码。 A、center B、nbu C、edu D、cn 4、当阅读来自港澳台地区站点的页面文档时，应使用的正确文本编码格式是( )。 A、GB码 B、Unicode码 C、BIG5码 D、HZ码 5、当标记的TYPE属性值为( )时，代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个HTML文件开始应该使用的HTML标记是( )。 A、

B、 C、 D、 7、在客户端网页脚本语言中最为通用的是( )。 A、javascript B、VB C、Perl D、ASP 8、在HTML中，标记的Size属性最大取值可以是( )。 A、5 B、6 C、7 D、8 9、在HTML中，单元格的标记是( )。 A、 D、 10、在DHTML中把整个文档的各个元素作为对象处理的技术是( )。 A、HTML B、CSS C、DOM D、Script(脚本语言) 11、下面不属于CSS插入形式的是( )。 A、索引式 B、内联式 C、嵌入式 D、外部式 12、在网页中最为常用的两种图像格式是( )。 A、JPEG和GIF B、JPEG和PSD C、GIF和BMP D、BMP和PSD 13、如果站点服务器支持安全套接层(SSL)，那么连接到安全站点上的所有URL开头是( )。 A、HTTP B、HTTPS C、SHTTP D、SSL 14、在HTML中，要定义一个空链接使用的标记是( ). A、 B、 C、 D、 15、对远程服务器上的文件进行维护时，通常采用的手段是( ) A、POP3 B、FTP C、SMTP D、Gopher 二、多项选择题(本大题共15小题，每小题2分，共30分。在每小题的五个备选答案中，选出二至五个正确的答案，并将正确答案的字母分别填在题干的括号内，多选、少选、错选均不得分。) 的组成主要包括( )

网页设计与制作课程教案

《网页设计与制作》课程教案一、课程定位本课程是计算机应用技术专业的一门专业基础课程，该课程的学习能够提升他们对网页制作的兴趣，让他们学习网页制作的基本技能，为后继课程打下基础，同时扩展其就业面，为就业做好准备。本课程的目的和任务是让学生学会Dreameaver CS6、Flash和Fireworks 的使用方法，并能够使用这3款软件制作出美观实用的网页。二、课程总目标掌握网页制作的基本方法和技能，掌握网站建设的流程，能够运用所学知识建设常用的网页和网站，同时能够美化网页，设计人性化、艺术化的网站静态页面部分。（一）知识目标： 1.熟悉网页制作的基本元素； 2.掌握Dreamweaver CS6软件的基本操作方法； 3.掌握在网页中插入文字、图片、声音、flash等的方法； 4.掌握常见的网页布局方法，学会使用CSS美化网页； 5.掌握在网页中使用表单和制作网页特效的方法； 6.掌握简单图形图像的处理，能够制作符合网页主题的图片和简单动画并巧妙地和网页中内容搭配起来。 7.掌握建设一个功能相对完善的网站的方法并能制作常用的网站的静态页面部分。（二）职业能力培养目标 1. 能够根据网站开发需求，去寻找网页设计和网站开发所需要的文字、图片、动画、声音、视频等素材并作美化处理； 2．能够制作出符合主题色彩的网页，网页要求美化、被绝大多数浏览者接受和喜爱；

3.能够设计企业网站、政府门户网站、学校网站等常见网站的基本静态页面。（三）素质目标 1.具有勤奋学习的态度，严谨求实、创新的学习精神； 2.具有良好的心理素质和职业道德素质； 3.具有高度责任心和良好的团队合作精神； 4.具有运用理论知识发现问题、分析问题并解决问题的能力，同时能够不断学习，不断创新，让自己的设计越来越完善，有止于至善的精神。（四）职业技能证书考核要求：可以根据自身情况考取“全国计算机信息高新技术资格证”，“网页设计制作员”，“网页设计师”等职业技能证书。三、重点、难点章节及内容 1.重点章节： 1.2 网页、网站相关术语简介 1.6 网站建设的基本流程 2.3 Dreamweaver CS6的工作环境 3.2 创建本地站点 3.4 使用站点 3.5 网页设计中的规范 4.1 网页文件的基本操作 4.3 插入文本 4.4 插入水平线 4.5 插入其他基本元素 4.6 创建列表 5.1 超级链接概述 5.2 创建超级链接 5.3 使用dw制作各种超级链接

网页设计与制作试题(HTML基础)有答案

1.HTML 文件必须使用htm 或者（B）作为文件扩展名。 A.doc B. html C. jsp D. aspx 2.HTMl是指（A）。 A.超文本标签语言 B. 汇编语言 C. 服务端端语言 D.脚本语言 3.WWW是（B）的意思。 A．网页B．万维网C．浏览器D．超文本传输协议 4.在网页中显示特殊字符，如果要输入“<”，应使用（D）。 A．lt; B．≪ C．< D．< 5.以下说法中，错误的是：（D）。 A．获取WWW服务时，需要使用浏览器作为客户端程序。 B．WWW服务和电子邮件服务是Internet提供的最常用的两种服务。 C．网站就是一系列逻辑上可以视为一个整体的页面的集合。 D．所有网页的扩展名都是.htm。 6.以下说法中，错误的是：（B）。 A．网页的本质就是HTML源代码。 B．网页就是主页。 C．使用“记事本”编辑网页时，通常应将其保存为.htm 或.html 后缀。 D．本地网站通常就是一个完整的文件夹。 7.浏览网页时，通常使用以下协议：（C）。 A．mailto B．FTP C．HTTP D．TCP/IP 8.在网页中显示特殊字符，如果要输入空格，应使用（D）。 A．nbsp; B．&Nbsp; C． D． 9.以下软件中，不能直接用来编辑HTML 文件的是：（C）。 A．记事本B．FrontPage C．Flash D．Dreamweaver 10.以下有关HTML 标记符的属性的说法中，错误的是：（C）。 A．在HTML中，所有的属性都放置在开始标记符的尖括号里。 B．属性与HTML标记符的名称之间用空格分隔。 C．属性的值放在相应属性之后，用等号分隔；而不同的属性之间用分号分隔。 D．HTML 属性通常也不区分大小写。二、填空题 1.如果要为网页指定黑色的背景颜色，应使用以下html语句：。 2.上网浏览网页时，应使用_____浏览器____作为客户端程序。 3.TITLE 标记符应位于___head______标记符之间。 4.要设置网页在黑色背景下显示白色文字，应使用__语句。 5.要设置整个网页的背景颜色，应在body标记符中设置____bgcolor_____属性。三、判断题 1.用H1标记符修饰的文字通常比用H6标记符修饰的要小。╳ 2.B标记符表示用粗体显示所包括的文字。√ 3.指定滚动字幕时，不允许其中嵌入图象。╳ 4.指定水平线粗细的属性是size。√ 5.指定水平线粗细的属性是width。╳

网页设计与制作课程简介

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

网页设计与制作试题html基础)有答案

一、选择题 1.HTML 文件必须使用 htm 或者（B）作为文件扩展名。 A.doc B. html C. jsp D. aspx 2.HTMl是指（A）。 A.超文本标签语言 B. 汇编语言 C. 服务端端语言 D.脚本语言 3.WWW是（B）的意思。 A．网页B．万维网C．浏览器D．超文本传输协议 4.在网页中显示特殊字符，如果要输入“<”，应使用（D）。 A．lt; B．≪ C．< D．< 5.以下说法中，错误的是：（D）。 A．获取WWW服务时，需要使用浏览器作为客户端程序。 B．WWW服务和电子邮件服务是Internet提供的最常用的两种服务。 C．网站就是一系列逻辑上可以视为一个整体的页面的集合。 D．所有网页的扩展名都是 .htm。 6.以下说法中，错误的是：（B）。 A．网页的本质就是HTML源代码。 B．网页就是主页。 C．使用“记事本”编辑网页时，通常应将其保存为 .htm 或 .html 后缀。 D．本地网站通常就是一个完整的文件夹。 7.浏览网页时，通常使用以下协议：（C）。 A．mailto B．FTP C．HTTP D．TCP/IP 8.在网页中显示特殊字符，如果要输入空格，应使用（D）。 A．nbsp; B．&Nbsp; C． D． 9.以下软件中，不能直接用来编辑 HTML 文件的是：（C）。 A．记事本 B．FrontPage C．Flash D．Dreamweaver 10.以下有关 HTML 标记符的属性的说法中，错误的是：（C）。 A．在HTML中，所有的属性都放置在开始标记符的尖括号里。 B．属性与HTML标记符的名称之间用空格分隔。 C．属性的值放在相应属性之后，用等号分隔；而不同的属性之间用分号分隔。 D．HTML 属性通常也不区分大小写。二、填空题 1.如果要为网页指定黑色的背景颜色，应使用以下html语句：。 2.上网浏览网页时，应使用_____浏览器____作为客户端程序。 3.TITLE 标记符应位于___head______标记符之间。 4.要设置网页在黑色背景下显示白色文字，应使用__语句。 5.要设置整个网页的背景颜色，应在body标记符中设置____bgcolor_____属性。三、判断题 1.用H1标记符修饰的文字通常比用H6标记符修饰的要小。╳ 2.B标记符表示用粗体显示所包括的文字。√ 3.指定滚动字幕时，不允许其中嵌入图象。╳ 4.指定水平线粗细的属性是 size。√

《网页设计与制作》课程大纲

《网页设计与制作》课程教学大纲适用专业：计算机网络技术学时：64学时一、编写说明（一）本课程的性质、目的和任务《网页设计与制作》是计算机网络技术专业的一门专业基础课。通过本课程的学习，使学生能够掌握网页设计制作的基本知识和技巧，同时熟悉网站建设的基本知识，达到能独立构建简单网站或通过协作构建较复杂网站并设计相关网页的水平。在完成基本知识教学的同时，还要通过实践环节，强化对学生动手能力的培养与训练。（二）课程教学的基本要求通过本课程的学习，要求学生掌握HTML语言的文档结构和基本标签使用，能综合应用Dreamweaver CS6软件、HTML和CSS技术制作网页；掌握规划、开发、发布和管理静态网站的专业知识和技能；能独立构建简单网站或通过协作方式完成较复杂网站的建设，培养学生将理论知识应用于实践并解决实际问题的能力，为今后的进一步学习打下坚实基础。（三）实践环节

（四）本课程与其它课程的关系先修课程：计算机应用基础、图像处理软件PhotoShop 后续课程：https://www.doczj.com/doc/6017346816.html,动态网站开发、中小型网站设计与开发等（五）教学时数分配表（六）考核方式与要求 1.该课程是考查课 2.考核形式：上机操作 3.成绩的计算方法： ①平时成绩：40％（主要评估学生的现实表现） ②试卷成绩：60％（七）教材与主要参考书 1.教材：《ADOBE DREAMWEAVER CS6标准培训教材》,ACAA专家委员会 DDC传媒编著,人民邮电出版社，2013年1月 2.主要参考书：《中文版Dreamweaver CS6基础培训教程》,数字艺术教育研究室编著,人民邮电出版社，2014年6月

网页设计与制作模板

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

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

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

专业电子商务班级（1）班姓名肖恢邦一、课程设计题目设计个人网站主页二、课程设计工作：自 2011 年 6 月 12 日起至 2011 年 6月 20 日止三、课程设计的内容要求： 1、课程设计要求（1）通过课程设计把课堂上讲的内容融会贯通，掌握表格在网页布局中的特点及应用，掌握如何通过表格来布局一个完整的界面。学会使用Dreamweaver软件设计网页及Dreamweaver的表格功能进行网页布局。使整个网页页面清新自然，整体界面美观大方，简洁高效，使之达到界面动与静的搭配合理，动而不乱，静而不僵和谐效果。 2、课程设计内容（1）设计一选题的基本原则。（2）设计二选题范围。（3）设计三选材。（4）设计四正确运用DW和Ps。（5）设计五课程设计心得。学生签名：年月日

《网页设计与制作基础》实验指导

实验一网页的认识实验目的 1、掌握利用Internet进行信息游览、搜索，下载网页、图片、文字和文件； 2、利用记事本来编辑HTML文档并浏览； 3、熟悉HTML基本标记的使用。实验环境 WindowsXP操作系统，内部组成局域网，外连Internet互联网。实验重点及难点 ◆熟悉HTML的结构、语法。 ◆熟悉HTML基本标记的使用。实验内容 1、从网上（如网页制作大宝库https://www.doczj.com/doc/6017346816.html,等）下载网页制作时需要的小图片、动画及flash等网页制作素材。 2、收集你认为比较好的网页并从网页主题、网页内容、结构布局、色彩搭配等方面来分析网页。 3、通过浏览新浪网站主页分析其网页基本元素，查看其源代码，收藏到收藏夹中，将其设为主页。 4、制作一个简单的网页sy1-1.html，用记事本编辑，网页标题为“熟悉HTML文档的结构”，内容为司空曙的《江村即事》，如下图所示。 5、通过附录1的练习熟悉HTML基本标记的使用。（可参考第二章内容）

实验二 Dreamweaver基本操作（一）实验目的 1、熟悉Dreamweaver的工作环境并了解本地站点的建设和管理； 2、熟悉网页文件的基本操作； 3、熟练掌握在网页文件中文本、图像、超链接的添加和设置。实验环境 WindowsXP操作系统，Dreamweaver CS3软件，内部组成局域网，外连Internet互联网。实验重点及难点 ◆文字的插入及设置。 ◆图像的插入及设置。 ◆各种超链接的创建。实验内容 1、使用Dreamweaver建立一个本地站点并命名为“Dreamweaver基本操作”，包含以下几个文件和文件夹：图片文件夹（images）；音乐文件夹（sound）等。 2、在站点“Dreamweaver基本操作”中新建一个名为sy2-1.html的网页文件，从提供的网页原始素材中把相关文字复制到该网页文件中，并进行适当的文字设置，结果如下图所示。 3、在站点“Dreamweaver基本操作”中对网页sy2-1.html按如下要求进行编辑并另存为 sy2-2.html，效果如图所示。 ●标题文字大小用

标记； ●作者信息文字大小为24像素，字体为幼圆，颜色为红色； ●古诗文字大小为24像素，字体为隶书，颜色为蓝色； ●在作者信息后加一条水平线，居中，水平线宽度为浏览器的30%，水平线的粗细为20 个像素，颜色为棕色；

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

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

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

《网页设计与制作》学习心得

《网页设计与制作》学习心得说实话，短短三个星期能将《网页设计与制作》这本书粗略的学完，简直有点不敢相信。不过能懂得基本的框架和思路，这一点在以后的学习过程中是非常有帮助的。其实买电脑的时候就装上了网页四剑客，可能稍微接触多一点的子软件是《Flash CS3》，但吕老师和我们谈及用《Dreamweaver》制作网页的时候，感觉有点茫然。一开始老师并没有详细的介绍软件的使用，只是强调建立的主要部分：新建站点。其中images、index两个单词要牢记。因为这个是以后网页建设的主要部分。随后布置的作业中强调了表格插入的重要性。学习与实践环节第一部分：家庭作业是进行简单的网页制作，以书本上的百川商城为例，按照步骤，新建站点，创建名为images的文件夹及名为index的空白HTML文档，各边距设置为0。值得注意的是，在创建文档前就要规划好将文件保存的具体位置。在文档中添加表格，首先以一行一列、800像素、变宽粗细为0、单元格边间距为0为目标建立对象，为了显示的效果更佳入眼，我们将表格居中对齐，再插入4行一列的表格，俗称表格嵌套，第一行分为两栏用于制作logo和banner，可以根据图片的像素设置好宽和长，第二行为导航栏，第三行为页面内容，第四行为版本信息。这些就是我们平常浏览网站的基本布局，将不同的内容放在网页的不同位置，目的是使得浏览者能轻松准确的获取网站所要表达的信息。做好上述准备工作，就要在表格中添加素材，可以根据常用菜单栏进行要求的填充和写入。本作业时详细的指导我们完成第一个网页制作，其中涉及了表格、文字、图片及水平的应用，对于各自的使用，老师均作了很详细的图文并茂的介绍，布局时要先确定网页的分辨率及灵活度调整等。我们在这个简单的网页设计与制作过程中也学到了很多知识，学到了很多操作。第二部分：学习的是主页面设计与制作，我就不过多的谈论步骤了，这个项目制作中使用了布局表格的嵌套功能，这将有利于页面内容的布局和定位，运行网页时整体不会出现异常情况，使页面与当初设计的样式相同，另外，为了使当浏览器大小改变时对页面布局不产生影响，一定将表格宽度设置成固定宽度。

个人网页设计与制作

成人教育计算机毕业设计毕业论文（实践）报告专业：计算机网络技术学院：浙江育人专修学院班级： 08电子商务姓名：马杨超 2010年3月1日

目录第1章绪论 (4) 1.1网页设计与制作的概述 (4) 1.2需求分析 (4) 第2章个人网站的概述和发展 (4) 2.1 个人网站的概述 (4) 2.2 个人网站的发展 (5) 第3章个人网页的设计与规划 (5) 3.1 确定设计个人网页的使用工具Dreamweaver (6) 3.2确定网站的风格特色 (6) 3.3确定网站界面 (7) 第4章总结 (9) 致谢 (10) 参考文献 (10)

摘要：本论文将对个人网页设计与制作的方法、工具等展开研究和探讨。在介绍网页设计与制作语言的基础上，着重使用Dreamweaver 作为工具进行网页设计与制作的实际操作. 本论文主要章节如下，第一章：绪论，网页设计的概述以及需求分析第二章：对个人网站的由来和发展进行了概述与讨论。第三章：个人网页的设计与规划。使用开发工具Dreamweaver创建各种跨平台、跨浏览器的静、动态页面。确定网站的风格特色，网站界面。关键词：网页设计Dreamweaver Personal web design and production Abstract: This paper will be of personal web design and production methods and tools launched research and discussion. In the introduction of web design and production, mainly on the foundation of the language use Dreamweaver as tools for web design and production of actual operation This thesis mainly section below, the first chapter: introduction to web design &requirements and demand analysis chapter 2: for personal website of the origin and development are summarized and discussed. Chapter 3: personal web page design and planning. Use the development tools Dreamweaver8.0 create various cross-platform, cross-browser static and dynamic pages. Determine the website's style characteristic, web interface.

网页设计与制作

网页设计与编程课程复习要点 1：URL有哪几部分组成 URL的格式URL的格式由下列三部分组成：第一部分是协议（或称为服务方式）；第二部分是存有该资源的主机IP地址（有时也包括端口号）；第三部分是主机资源的具体地址，如目录和文件名等。 2：什么是虚拟目录？它有何用途？ 1、每个Internet 服务可以从多个目录中发布。通过以通用命名约定(UNC) 名、用户名及用于访问权限的密码指定目录，可将每个目录定位在本地驱动器或网络上。虚拟服务器可拥有一个宿主目录和任意数量的其它发布目录。其它发布目录称为虚拟目录。 2、<1>消除服务器资源的限制以便于上传更多的文件。虚拟目录就是将其他目录以映射的方式虚拟到该FTP服务器的主目录下，这样，一个FTP服务器的主目录实质上就可以包括很多不同盘符、不同路径的目录，而不会受到所在盘空间的限制了。 <2>优化用户浏览体验。虽然网站文件存放在不同目录，采用虚拟目录可以保证网站结构性一致，方便用户使用浏览。处理虚拟目录时，IIS把它作为主目录的一个子目录来对待；而对于Internet上的用户来说，访问时并感觉不到虚拟目录与站点中其他任何目录之间有什么区别，可以像访问其他目录一样来访问这一虚拟目录。 <3>保护站点免受攻击。客户通过选择“查看源代码”，很容易就能获取页面的文件路径信息，如果在WEB 页中使用物理路径，将暴露有关站点目录的重要信息，这容易导致系统受到攻击。当你将WEB 页面放置于虚拟目录下后，你可以对目录设置不同的属性，如：Read、Excute、Script。读访问表示将目录内容从IIS 传递到浏览器。而执行访问则可以使在该目录内执行可执行的文件。当你需要使用ASP 时，就必须将你存放 .asp 文件的目录设置为“Excute（执行）”。在设置WEB 站点时，将HTML 文件同ASP 文件分开放置在不同的目录下，然后将HTML 子目录设置为“读”，将ASP 子目录设置为“执行”，这不仅方便了对WEB 的管理，而且最重要的提高了ASP 程序的安全性，防止了程序内容被客户所访问。 <4>文件移动方便。只要两台机器具有相同的虚拟目录，你就可以在不对页面代码做任何改动的情况下，将WEB 页面从一台机器上移到另一台机器。 3：如果浏览器IE6.0的配置被恶意网页篡改，如何修复？恢复IE默认设置：开始--运行-输入rundll32.exe iedkcs32.dll,Clear 注意C一定要大写,rundll32.exe与iedkcs32.dll之间有空格。 4：网页头部可以包括哪些元素？ 1、DOCTYPE的选择 DOCTYPE是Document Type（文档类型）的简写，在页面中，用来指定页面所使用的XHTML（或HTML）的版本。要想制作一个符合标准的页面，一个必不可少的关键组成部分就是DOCTYPE声明。只有确定了一个正确的DOCTYPE，XHTML里的标识和CSS才能正常生效。