文档库 最新最全的文档下载
当前位置:文档库 › 2018年春网页设计与制作专科

2018年春网页设计与制作专科

2018年春网页设计与制作专科
2018年春网页设计与制作专科

2018 年春|网页设计与制作|专科
一、单项选择题 1. 如果想在网页显示后,动态地改变网页的标题 (A) 通过 document.write(“新的标题内容”) (B) 是不可能的 (C) 通过 document.title=(“新的标题内容”) (D) 通过 document.changeTitle(“新的标题内容”) 分值:2.5 答题错误 得分:0
2.
HTML 代码:

id="notMe"

id="myDiv"
jQuery 代码: $("#myDiv"); 结果: (A) [
id="myDiv"
] (B) [

id="notMe"

] (C) [

id="notMe"

] [

id="notMe"

id="myDiv"
] 分值:2.5

完全正确 得分:2.5
3.
定义表头的 HTML 是() (A)

(B) (C) (B)
(D) 分值:2.5 答题错误 得分:0
4.
嵌入背景音乐的 HTML 代码是() (A) (B) (C) (D) 分值:2.5 答题错误 得分:0
5.
HTML 文本显示状态代码中,表示?

(A) 文本加注下标线 (B) 文本加注上标线 (C) 文本闪烁 (D) 文本或图片居中 分值:2.5
完全正确 得分:2.5
6.
在 HTML 中,

,action 表示() (A) 表单的形式 (B) 提交的 URL 地址 (C) 表单所用的脚本语言 (D) 提交的方式 分值:2.5 答题错误 得分:0
7.
创建最小的标题的文本标签是? (A) (B) (C)



(D) 分值:2.5


答题错误 得分:0
8.
如果需要在一个全新的窗口打开链接,则可以设置 target 为: (A) _self (B) _blank (C) _top (D) _parent 分值:2.5
答题错误 得分:0
9.
定义表行的 HTML 是() (A)
(C) (D) (B) (C)
分值:2.5 完全正确 得分:2.5

10. 以下的 CSS 中,可使所有

元素变为粗体的正确语法是? (A)

(B) p {text-size:bold} (C)

(D) p {font-weight:bold} 分值:2.5 答题错误 得分:0
11. 下列的 HTML 中哪个可以产生文本区? (A) (B) 分值:2.5 答题错误 得分:0
12. 可以用做动画效果的图片格式为? (A) GIF

(B) JPEG (C) IMG (D) PNG 分值:2.5 完全正确 得分:2.5
13. 如果在 HTML 页面中包含如下图片标签,则选项中的()语句能够实现隐藏该图片的功 能。 (A) document.getElementById(“pic”).style.display=”disvisible”; (B) document.getElementById(“pic”).style.display=”visible”; (C) document.getElementById(“pic”).style.display=”block”; (D) document.getElementById(“pic”).style.display=”none”; 分值:2.5
答题错误 得分:0
14. manifest 三种类型不包括 (A) CACHE MANIFEST (B) FALLBACK (C) NETWORK

(D) NO CACHE 分值:2.5 答题错误 得分:0
15. 下列哪个 css 属性可以更改字体大小? (A) font-style (B) font-size (C) text-size (D) text-style 分值:2.5
答题错误 得分:0
16. 如何显示没有下划线的超链接? (A) a {text-decoration:none} (B) a {text-decoration:no underline} (C) a {underline:none} (D) a {decoration:no underline} 分值:2.5 完全正确 得分:2.5

17. 分析下面的 JavaScript 代码段: function employee(name,code) { https://www.wendangku.net/doc/8b16055892.html,="wangli"; this.code="A001"; } newemp=new employee("zhangming",'A002'); document.write("雇员姓名:"+ https://www.wendangku.net/doc/8b16055892.html,+ "
"); document.write("雇员代号:"+ newemp.code +"
"); (A) 雇员姓名:zhangming 雇员代码:A002 (B) 雇员姓名:wangli 雇员代码:A001 (C) 雇员姓名:null, 雇员代码:null (D) 代码有错误,无输出结果 分值:2.5 答题错误 得分:0
18. ..,表示() (A) 打开一个空窗口的超链接代码 (B) 在父窗口打开超链接的代码

(C) 在本窗口中打开一个超链接的代码 (D) 新开一个窗口的超链接代码 分值:2.5 答题错误 得分:0
19. 如果将想将两个层排列在同一行中,下列描述不能实现的是 (A) 直接插入两个 DIV 标记,会自动排在同一行 (B) 指定 DIV 的 position 属性为 absolute,然后将层位置拖放到同一行中 (C) 使用一个表格,将两个层分别放入一行中的两个单元格内 指定 DIV 标记的宽, 并且指定其浮动方式, 当层宽度之和小于外层元素宽度时, (D) 会排在同一行 分值:2.5
完全正确 得分:2.5
20. 在 JavaScript 中,表单文本框(Text)不支持的事件包括( ) (A) onFocus (B) onLostFocused (C) onBlur (D) onChange

分值:2.5 答题错误 得分:0
21. 有序列表的 HTML 代码是() (A)

  • ...
(B)
    • ... (C)
      1. ...
      (D)
      1. ...
      2. 分值:2.5 答题错误 得分:0
        22. 请选择结果为真的表达式: (A) null === undefined (B) null instanceof Object (C) null == undefined (D) null === 0 分值:2.5
        答题错误 得分:0

        23. 在 HTML 中,Location 对象的()属性用于设置或检索 URL 的端口号。 (A) pathname (B) port (C) href (D) hostname 分值:2.5 答题错误 得分:0
        24. 下列关于元素在网页中的叠放顺序描述,不正确的是 (A) 属性取值可以为负整数 (B) 属性的取值越大,表示放置的层次越高 (C) 使用 CSS 属性 z-index 来实现叠放顺序 (D) 可以叠放,但叠放顺序不能指定,将由计算机随机产生 分值:2.5 答题错误 得分:0
        25. 要求用 JavaScript 实现下面的功能:在一个文本框中内容发生改变后,单击页面的其他 部分将弹出一个消息框显示文本框中的内容,下面语句正确的是() (A)

        (B) (C) (D) 分值:2.5 答题错误 得分:0
        26. 如何调用名为 "myFunction" 的函数? (A) call myFunction() (B) myFunction() (C) call function myFunction (D) myFunction 分值:2.5
        答题错误 得分:0
        27. 以下哪个单词不属于 javascript 保留字: (A) if (B) parent (C) while (D) void

        分值:2.5 答题错误 得分:0
        28. 下列的 HTML 中哪个可以产生下拉列表? (A) (C) (D) 分值:2.5 完全正确 得分:2.5
        29. 如何设置英文首字母大写? (A) 样式表做不到 (B) text-transform:capitalize (C) text-transform:uppercase (D) text-decoration:none 分值:2.5
        答题错误 得分:0

        30. 嵌入多媒体文本的 HTML 的基本语法是() (A) (B) (C) (D) 分值:2.5 答题错误 得分:0
        31. 表格标记的基本结构是? (A)

  • (D)

    分值:2.5 答题错误 得分:0
    32. ..,表示() (A) 链接到”balnk”的超链接代码 (B) 在本窗口中打开的超链接代码

    (C) 打开一个空窗口的超链接代码 (D) 新开一个窗口的超链接代码 分值:2.5 答题错误 得分:0
    33. 定义列表的 HTML 代码是() (A)

    ***
    ***
    (B)
    ***
    *** (C)
    ***
    ***
    (D)
    ***
    ***
    分值:2.5
    答题错误 得分:0
    34. 照片常用的格式为? (A) PNG (B) GIF (C) IMG (D) JPEG 分值:2.5

    答题错误 得分:0
    35. 通过 jQuery,选择器 $("div") 选取什么元素? (A) 最后一个 div 元素 (B) 随机选择的 div 元素 (C) 首个 div 元素 (D) 所有 div 元素 分值:2.5 答题错误 得分:0
    36. 将字串 s 中的所有字母变为小写字母的方法是 (A) s.toSmallCase() (B) s.toUpperCase() (C) s.toUpperChars() (D) s.toLowerCase() 分值:2.5 答题错误 得分:0
    二、多项选择题

    37. 下面应该放在里的标签有? (A) (B) <p> (C) <script> (D) <span> 分值:2.5 答题错误 得分:0<br>38. <meta>标签里可以添加什么内容 descriptio (A) n (B) keywords (C) generator (D) autor 分值:2.5 完全正确 得分:2.5<br>39. 下列选项中,()段 HTML 代码所表示的“返回”链接能够正确实现 IE 工具栏中“后退” 按钮的功能。<br><br></p><!--/p17--><!--p18--><p>(A) <a href=”javascript: location go(-1)”>返回</a> (B) <a href=”javascript:location.back()”>返回</a> (C) <a href=”javascript:history.back()”>返回</a> (D) <a href=”javascript:history.go(-1)”>返回</a> 分值:2.5<br>答题错误 得分:0<br>40. 以下标签可以用来插入背景音乐的是? (A) <music> (B) <bgsound> (C) <audio> (D) <embed> 分值:2.5 答题错误 得分:0<br><br></p><!--/p18--><!--rset--><h2>网页设计与制作课程标准</h2><p>《网页设计与制作》课程标准前言: 《网页设计与制作》是理实一体化课程,是计算机专业(软件与信息服务、数字媒体、计算机应用专业)的一门重要的专业必修课。本课程定位于WEB技术开发工作岗位。它是WEB前端技术开发的必备课程,在整个课程体系中具有重要的作用, 一、课程的说明: 通过本课程的学习,使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言,掌握运用Dreamweaver(以下简称DW)网页制作软件制作网页的方法,通过运用Photoshop图像处理软件和Flash动画制作软件,三个软件互相配合,完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力,培养自主学习能力和探索创新能力。 二、课程内容与基本要求: 该课程涉及的知识是网页设计人员必备的基本技能,职业活动与课程内容的对应关系如下:</p><p>三、教学目标 1、职业关键能力目标 (1) 掌握使用Photoshop进行图像处理的基本方法及操作技能 (2) 掌握DreamweaverCS5的基本知识及操作技能 (3) 掌握建立与管理站点的方法 (4) 掌握制作主要内容为文本的网页的方法 (5) 掌握在网页中插入与编辑图像的方法 (6) 掌握在网页中插入多媒体元素的方法 (7) 掌握表格处理与网页布局的方法 (8) 掌握创建超级链接的方法 (9) 掌握使用框架制作旅游网站的方法 (10) 掌握创建和使用模板的方法 (11) 掌握创建和使用库的方法 (12) 掌握在网页中添加AP Div的方法</p><p>(13) 掌握在网页中使用行为的方法 (14) 掌握HTML基础知识及通过代码修饰网页的方法 (15) 掌握使用CSS样式表修饰网页的方法 (16) 掌握动态网页的概念及简单动态网页的制作方法 2、职业专门能力目标 (1) 通过完成相关的项目,掌握网页设计的基本工作流程。 (2) 通过完成相关的项目,掌握网页设计常用工具的使用方法。 (3) 通过完成相关的项目,掌握网页布局及美化的基本方法。 (4) 通过完成相关的项目,掌握简单网页交互的制作方法。 3、方法能力目标 形成一定的学习能力、沟通与团队的协作能力,形成良好的思考问题、分析问题和解决问题的能力,养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规,形成关键性的软件开发与应用的能力。 四、教学内容 第一章网页制作基础知识(4学时) 教学目标: 网页与网站基本概念、网页基本组成元素、常用网页制作软件 主要教学内容: 网页制作基础知识 网页的基本构成元素 网页制作常用软件和技术 第二章 Dreamweaver CS6轻松入门(2学时)</p><h2>网页设计与开发第2章试卷及答案、网页设计与制作理论试题</h2><p>《网页设计与开发第2章》试卷一、选择题 1.在网页源代码中()标记必不可少。 A.<html> B. C.<table> D.<br> 答案: A 2.关于HTML文件说法错误的是()。 A.HTML文件是一个包含标签的文本文件 B.这些标签告诉浏览器怎样显示这个页面 C.HTML文件必须以.htm为扩展名 D.HTML文件可以用一个简单的文本编辑器创建 答案: C 3.关于HTML文件说法正确的是() A.HTML标签都必须配对使用 B.在<title>和标签之间的是头信息 C.HTML标签是大小写无关的,表示的意思是一样的D.在标签之间的文本会以加粗字体显示 答案: A 4.下面针对标记属性声明正确的是() A.


    B.
    C.
    D.

    答案: A 5.下面的标记中属于单标记的是() A. B. C.

    D.
    答案: D 6.以下标记符中,用于设置页面标题的是() A . B.<caption> C.<head> D .<html> 答案: A 7.用HTML标记语言编写一个简单的网页,网页最基本的结构是()。 A.<html><head>…</head><frame>…</frame></html> B.<html><title>…… C.… D .…… 答案: D 8. HTML中,表示() A.正在点击文字的色彩是红色。 B.可链接文字的色彩是红色。 C.非可链接文字的色彩是红色。 D.已链接文字的色彩是红色。 答案: C

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

    实验一网页的认识 实验目的 1、掌握利用Internet进行信息游览、搜索,下载网页、图片、文字和文件; 2、利用记事本来编辑HTML文档并浏览; 3、熟悉HTML基本标记的使用。 实验环境 WindowsXP操作系统,内部组成局域网,外连Internet互联网。 实验重点及难点 ◆熟悉HTML的结构、语法。 ◆熟悉HTML基本标记的使用。 实验内容 1、从网上(如网页制作大宝库https://www.wendangku.net/doc/8b16055892.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.选择题 (1) 目前,在Internet里,IP地址是()的二进制地址。 A.8位 B.16位 D.32位 D.64位 (2) 下列不属于Macromedia公司产品的是()。 A.Dreamweaver B. Fireworks C. Flash D. Frontpage (3) 通常网页的首页被定义为()。 A.index.htm B. 首页.htm C. shouye.htm D. 都不对 (4) 网页的基本语言是()。 A. JavaScript B. VBScript C. HTML D. XML (5) 网页在Internet 上是通过URL来指明其所在的位置的,每个不同的网页都应该有不同的URL,比如sina网站主页的URL就是()。 A.https://www.wendangku.net/doc/8b16055892.html, B. http:\\https://www.wendangku.net/doc/8b16055892.html, C.ftp://https://www.wendangku.net/doc/8b16055892.html, D. mailto: https://www.wendangku.net/doc/8b16055892.html, 2.简答题 (1) 什么是Internet?叙述Internet的产生与发展。 (2) 什么是WWW?如何访问WWW? (3) IP地址与域名之间的关系如何? (4) HTML文件中的标签是否区分大小写?格式有无严格要求? 解答: 1.选择题: 1)C 2)D 3)A 4)C 5)A 2.简答题:略 第二章练习题 1. 简答题 (1) 简述定义本地站点的流程。 解答: 1.简答题:略 第三章练习题 1. 选择题 (1)网页中常用的图像文件格式包括()。 A.JPG、BMP、GIF B.JPG、GIF、PNG C.BMP、PNG、GIF D.MP3、JPG、GIF (2)在插入导航条时,()是必须的。 A.按下图像 B.替换文本 C.状态图像 D.鼠标经过图像 (3)单击()会跳转到当前页面某个位置,却不会打开新的网页文件。

    网页设计与制作精品课程2

    第二章 CSS 第一节 CSS基础 2.1.1 什么是CSS CSS(Cascading Style Sheet,层叠样式表)技术是一种格式化网页的标准方式,它扩展了HTML的功能,使网页设计者能够以更有效的方式设置网页格式。 2.1.2 CSS的两个作用 (1)它能够简化网页的格式设置工作 (2)它能够增强网页的表现力,因为相比HTML标记符而言,CSS样式属性提供了更多的格式设置功能。 第二节在网页中使用CSS 2.2.1 在标记中直接嵌套样式信息 使用HTML语言标记的style属性可以直接在标记中嵌入样式定义,其格式如下: <标记 style=“属性1:值1;属性2:值2;属性3:值3;..........”> 例题2-1: 在标记中直接嵌套样式信息

    一代人

    黑夜给了我黑色的眼睛
    我却用它寻找光明 2.2.2 在STYLE标记中定义样式信息 在HTML标记中直接指定样式信息显然没有简化网页设计的格式设置和维护工作,因为每一个style属性都必须单独设置。如果能将同类的样式都统一定义,然后再具体应用到网页中的元素,那么就能简化网页设计的格式设置和维护工作。这正是CSS应用于网页的最常用方式,即在HEAD标记内使用STYLE标记,然后在STYLE标记中定义样式。

    自考 29942 网页设计与制作

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

    Ⅰ课程性质与课程目标 一、课程性质和特点 《网页设计与制作》是为江苏省自学考试“计算机及应用”、“计算机信息管理”或相关专业专科段学生开设的专业基础课,是一门不进行理论考试而仅参加实践考核的课程。本课程重点培养学生基本的网页设计和制作技能,要求学生在自学理论知识的基础上,培养动手能力,加强实践环节,并能熟练使用相关工具软件。 二、课程目标 网页是互联网最常见的应用之一,是人们获取和发布信息的主要途径。本课程从实际应用出发,培养学生了解网页设计和制作基础知识,学习和初步掌握:网页设计和制作、网页编写语言及网站规划和管理的实际能力。通过课程实践考核,要求学生能上机实验验证相关理论知识,设计、制作、修改或完善指定内容的网页,初步掌握网站建设和开发流程、熟悉站点的上传和维护并能独立解决网页编辑中遇到的一般问题,具有一定的计算机网络信息发布常识。 通过本课程的学习,应达到以下目标: 1.理解Fireworks和Dreamweaver软件界面,并能熟练独立进行操作; 2.重点掌握Fireworks画布、图层、修饰位图、绘制矢量图形、文本特效的操作; 3.重点掌握Fireworks图像切片、元件与实例的操作,并灵活运用; 4.重点掌握Dreamweaver基础网页制作、链接的使用、插入多媒体元素的操作; 5.重点掌握Dreamweaver表格、框架、模板的灵活应用。 三、与相关课程的联系与区别 本课程需要具有一定计算机基础知识,程序设计语言基础知识及计算机网络基础知识,因此,要以本专业的“计算机应用技术”、“计算机网络技术”、“高级语言程序设计”等作为先导课程。在学习完毕本课程后,将来可以为“网络信息编辑”、“多媒体技术”等课程,或进行本科段的深造打下坚实基础。

    网页设计与制作(附微课视频 第2版)参考答案

    第一章习题参考答案 一、选择题 1、A 2、A 3、B 4、C 5、A、B、C、D 6、A、C、D 7、B 8、C 9、B 二、简答题 1.答:URL是UniformResourceLocation的缩写,译为“统一资源定位符”,URL是Internet 上用来描述信息资源的字符串,主要用在各种WWW客户程序和服务器程序上,特别是著名的Mosaic。采用URL可以用一种统一的格式来描述各种信息资源,包括文件、服务器的地址和目录等; 2答:文本、图像、动画、视频等。 3.答:网页结构语言的作用是将网页需要的内容以结构化、模块化的方式总结和存储,供表现语言和行为进行调用。网页结构语言包括可扩展超文本标记语言XHTML 1.0和HTML 5等两种结构语言。其中,XHTML 1.0为当前被广泛使用的标准,而HTML 5标准则是网页未来将被使用的标准。 网页表现语言的作用是为网页的结构语言定义尺寸、位置、背景,以及文本的各种效果。目前网页表现的国际标准语言为CSS样式表技术。 网页结构语言和网页表现语言共同作用可以为用户呈现网页的整体画面,然而,网页是一种交互性的媒体,其除了可以呈现内容外,还可以根据用户的界面操作响应各种事件,此时,就需要用到网页的行为语言。网页的行为语言包括多种类型,例如,JavaScript、JScript以及VBScript等。 4.答:一个完整的HTML5文档包含声明、头部和主体三个部分组成。 第二章习题参考答案 一、选择题 1.A、B 2.A 3.B 4.D 5.D 6.D 7.C 二、简答题 1.答:(一)网站功能需求分析; (二)网站的策划,本阶段主要包含网站栏目,内容,产品提炼等等; (三)网站设计,根据策划开始进行设计; (四)程序代码的开发; (五)上线测试; (5)后期维护; 2.答:(1)对称与均衡 对称分为左右对称、上下对称、重复对称、旋转对称等形式。对称的造型在大自然中比比皆是,同时也是版式设计常用的构成形式。对称的形式给人以稳定平衡的感觉,但也容易流于刻板、单调。为打破这种局面,设计上往往采用均衡来代替对称。 (2)重复、相似和变异 一个形体的反复出现,会加强对受众的视觉刺激。这是最简单的节奏,好像某几个音节在乐章中的反复出现,会加深听众的印象。在平面设计中有时也把近似的形象并置在一起,大道重复的效果,这称为相似。但有的时候,我们又把很有规律的一段乐章其中的一个或几个音符加以变化,使之产生强烈的反差,这就是变异。变异可以理解为对规律的破坏,这种表现手法更容易吸引人的注意力,引发浏览者的兴趣。 (3)节奏与韵律

    网页设计与制作大纲

    《网页设计与制作》大纲 一、课程的地位与性质 “网页设计与制作”是中职动漫设计与制作专业的职业技术课程,重点讲述网页设计与制作的基础知识、基本理论和基本技能,是一门包含了网页、网站的概念、网页主要工具软件HTML、dream weaver中文版的使用等诸多知识的操作性极强的技能型应用课程。“网页设计与制作”以“信息技术与应用”和“计算机辅助平面设计”为前期基础课程。 二、课程的任务与目的 通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件dream weaver的使用等基础知识,熟练运用网页制作的工具软件,使学生具有网页、网站制作的知识与能力,具备应用电脑独立开发网页、网站并将网站上传并测试的技能,具备解决网页设计、网站开发中出现各种问题的能力。本课程培养学生的职业素养和创新能力,为日后走向工作岗位打下理论与实践基础。通过本课程的学习实现学生思想过硬、理论基础扎实、实际工作能力强的教学目标。 三、课程总体结构、教学环节和课时分配 四、教学内容 第一章概述2学时 教学目的: 了解网页及网站基本概念及网页的基本要素分析 教学重点与难点: 网页、网站设计流程,网页基本要素

    第一节网页和网站 一、网页 二、网站 三、网页的基本功能 第二节网页中的主要元素 一、文本 二、图像 三、链接标志 四、其他的基本要素 第三节网页制作工具 一、网页编辑工具 二、网页图像编辑工具 三、动态网页技术 第四节网页设计的基本流程 一、网站的设计流程 二、网页的设计与制作 三、网页的测试 四、网页上传和发布 第二章HTML语言基础2学时 教学目的: 了解HTML文件的基本结构,掌握HTML中文本的编辑及图像的语法,掌握HTML 中各种设置超级链接的语法,掌握HTML中表格和框架的基本语法。教学重点与难点: HTML的语法结构、超级链接的语法、表格和框架的基本语法。 第一节HTML 概述 一、HTML简介 二、HTML语法结构 第二节文本的编辑 一、段落标记 二、文本标记 三、标题显示等级 四、列表 第三节图像编辑 一、插入图像 二、使用背景图像

    网页设计与制作

    《网页设计与制作》教学大纲 第一部分大纲说明 一、课程的性质和任务 《网页设计与制作》是高等职业学校计算机专业的一门必修的专业基础课。本课程讲述了网站创建、网页制作基本知识、Dreamweaver网页制作集成工具使用的方法等内容。通过本课程的学习,使学生掌握构建网站的基本知识,熟悉网页开发平台的使用,能够独立的创建个人网站。 二、课程教学要求 1、理论和实践相结合 本课程是计算机专业的一门必修的专业课程,是理论和实践相结合的课程。该课程重点是构建网站的基本知识,,熟悉网页开发平台的使用,能够独立的创建个人网站。在教学过程中要与Dreamweaver MX、Flash MX和Firework MX 结合起来,同时,应该使课堂理论教学与学生参与专业实践相结合,在课外安排一定的时间进行专业实践,这样学生在学习中,通过理论学习和上机操作实验熟悉构建网站的流程,能够进行简单图像和动画的制作、加工和处理,能够独立的创建个人网站。 2、加强课堂练习与课后练习

    为了训练和培养学生的实际操作能力,必须要求学生进行课堂练习与课后作业练习,加强学生的专业技能和基础理论的学习。 三、教学时数与教材 网页设计与制作课程教学总学时数为54学时,其中授课时间为32学时,实验课时为22学时;《网页设计与制作》,田博文编著,人民邮电出版社,2004年。 四、课程教学方法 在网页设计与制作的教学中应当注意: 1、教学方法 本课程应采用理论与实践结合,讲授与自学结合,实践操作与课堂讨论结合的“三结合”教学方法。 2、教学形式 本课程的教学形式可以采用班组教学、课堂讲授、利用业余时间自学等形式。 3、实践性环节教学要求 本课程具有较强的实践性和应用性,教学过程中应该贯彻理论与实践相结合的原则,有重点的组织一些课堂讨论和实践操作以及单元测试,督促并检

    《网页设计与制作》课程标准.doc

    《网页设计与制作》课程标准 前言: 《网页设计与制作》是理实一体化课程,是计算机专业(软件与信息服务、数字媒体、计算机应用专业)的一门重要的专业必修课。本课程定位于WEB技术开发工作岗位。它是WEB前端技术开发的必备课程,在整个课程体系中具有重要的作用, 一、课程的说明: 通过本课程的学习,使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言,掌握运用Dreamweaver(以下简称DW)网页制作软件制作网页的方法,通过运用Photoshop图像处理软件和Flash动画制作软件,三个软件互相配合,完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力,培养自主学习能力和探索创新能力。 二、课程内容与基本要求: 该课程涉及的知识是网页设计人员必备的基本技能,职业活动与课程内容的对应关系如下:

    三、教学目标 1、职业关键能力目标 (1) 掌握使用Photoshop进行图像处理的基本方法及操作技能 (2) 掌握DreamweaverCS5的基本知识及操作技能 (3) 掌握建立与管理站点的方法 (4) 掌握制作主要内容为文本的网页的方法 (5) 掌握在网页中插入与编辑图像的方法 (6) 掌握在网页中插入多媒体元素的方法 (7) 掌握表格处理与网页布局的方法 (8) 掌握创建超级链接的方法 (9) 掌握使用框架制作旅游网站的方法 (10) 掌握创建和使用模板的方法 (11) 掌握创建和使用库的方法 (12) 掌握在网页中添加AP Div的方法 (13) 掌握在网页中使用行为的方法 (14) 掌握HTML基础知识及通过代码修饰网页的方法 (15) 掌握使用CSS样式表修饰网页的方法 (16) 掌握动态网页的概念及简单动态网页的制作方法 2、职业专门能力目标 (1) 通过完成相关的项目,掌握网页设计的基本工作流程。 (2) 通过完成相关的项目,掌握网页设计常用工具的使用方法。 (3) 通过完成相关的项目,掌握网页布局及美化的基本方法。 (4) 通过完成相关的项目,掌握简单网页交互的制作方法。 3、方法能力目标 形成一定的学习能力、沟通与团队的协作能力,形成良好的思考问题、分析问题和解决问题的能力,养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规,形成关键性的软件开发与应用的能力。 四、教学内容 第一章网页制作基础知识(4学时) 教学目标: 网页与网站基本概念、网页基本组成元素、常用网页制作软件 主要教学内容:

    相关文档 最新文档