哈理工计算机选修之网页设计.doc
web网页制作课程设计
web网页制作课程设计一、课程目标知识目标：1. 让学生掌握Web网页制作的基本概念，如HTML、CSS、JavaScript等；2. 使学生了解网页设计的基本原则，包括布局、色彩、字体等；3. 帮助学生掌握常用的网页制作工具和技术，如Dreamweaver、Sublime Text等。
技能目标：1. 培养学生独立完成网页设计与制作的能力，包括编写代码、调整布局、优化页面等；2. 提高学生解决实际问题的能力，如调试代码、优化网页性能等；3. 培养学生团队协作和沟通能力，能够与他人共同完成项目。
情感态度价值观目标：1. 培养学生对Web网页制作的兴趣，激发学生学习编程的热情；2. 培养学生认真负责、精益求精的工作态度，提高学生的审美观念；3. 引导学生关注互联网发展趋势，培养创新意识和探索精神。
课程性质：本课程为实践性较强的学科，注重培养学生的动手能力和实际操作技能。
学生特点：学生具备一定的计算机操作基础，对网页制作有一定了解，但对编程知识掌握较少。
教学要求：结合学生特点，采用案例教学、任务驱动等方法，注重理论与实践相结合，提高学生的实际操作能力。
在教学过程中，关注学生的个体差异，鼓励学生积极参与，充分调动学生的主观能动性。
通过课程学习，使学生能够独立完成网页设计与制作，为未来从事相关工作奠定基础。
二、教学内容1. 网页制作基础知识：包括HTML、CSS、JavaScript等基本概念，以及网页设计的基本原则和流程。
- 教材章节：第一章至第三章- 内容列举：HTML标签、属性、页面结构；CSS样式、选择器、布局；JavaScript语法、事件处理、DOM操作。
2. 网页制作工具与技术：介绍常用的网页制作工具和技术，如Dreamweaver、Sublime Text等。
- 教材章节：第四章- 内容列举：Dreamweaver界面与功能；Sublime Text基本操作、插件安装与使用。
3. 网页布局与设计：学习网页布局的基本原则，掌握常见的布局方式，提高页面设计能力。
哈尔滨理工大学毕业设计论文(网络选课系统)
哈尔滨理工大学本科生毕业设计（论文）学院：XXXX专业：XXXX学生：XXX指导教师：XXX完成日期：XXXX年XX月哈尔滨理工大学本科生毕业设计题目名称体育课选课系统的数据库建立与网页制作总计毕业设计（论文） 80 页表格 11 表插图 26 幅摘要自从1990年ARPA网（Internet雏形）诞生以来，Internet在短短的十几年里，经历了飞速发展的历程，互联网浪潮席卷了全球的每一个角落。
作为互联网的主角WWW服务，其发展更是迅猛，个人网站、企业网站、商务网站以及政府网站犹如雨后春笋纷纷发展创建起来。
通过计算机来编排课表基本已经成为了现实，但是随着学生自由选课的政策实施以来，由教师编排课表，再输出课表供学生选择，最后再反馈给教师重新排出上课课表就成了一件很麻烦的事。
由于互联网的存在，这种选课过程完全可以通过网络来实现。
据此，我建立了体育课选课网络系统，实现哈尔滨理工大学学生在线选课和体育课成绩查询。
由于HTML网页无法存取后台数据库，像课表管理和学生选课等需要数据交换的操作，就应该由动态网页来实现。
关键词：ASP、IIS5.0、SQL、VBScript目录摘要 (I)Abstract ..................................................................................................................... I I 第一章需求分析. (1)一、需求开发 (1)1.系统开发背景和基础 (1)2.系统开发的目的和意义 (1)3.系统发展方向 (1)二、需求分析 (1)分析此系统应具有的功能 (1)第二章系统分析和设计 (2)一、系统开发平台 (2)二、系统模块划分 (2)三、系统开发过程 (3)1．总体实现方案图 (4)2．系统设计2.1系统目标2.2具体实现2.2.1 系统主要功能2.2.2 系统组成2.3 系统功能模块设计2.3.1 系统管理2.3.2 学生管理2.3.3 教师管理2.3.4 课程管理2.3.5 课表管理2.4 系统安全和可靠性设计2.4.1 系统安全设计2.4.2 系统可靠性设计2.5数据库设计系统数据关系结构2.6 应用服务器2.6.1 服务器应用程序结构2.6.2 服务器应用程序设计步骤1、ASP基于ODBC与SQL数据库连接2、环境配置(1) 后端数据库服务器配置(2) 应用程序服务器配置（3）前端客户机配置第三章系统程序设计一、动态网页设计1.1 HTML语言1.2 Web服务器IIS1.3 脚本语言二、高级程序设计2.1 ASP语言内建对象2.2 SQL操作基础2.3 ASP与数据库间的配合第四章编码测试实现一、后台管理开发二、客户端开发第五章用户手册一、后台管理操作二、客户端操作第六章总结一、选课流程图二、数据流程图三、数据测试参考文献致谢附录第一章需求分析一、需求开发1. 系统开发背景和基础当前，体育课教学制度已经改革，向着学生完全自由选课方向发展，学生有了更大的自主权选课自己喜欢的课程和自己合适的时间。
网页设计与制作试题及答案1(理工大学计算机科学与技术专业)
网页设计与制作试题及答案1理工大学计算机科学与技术专业一、单选题（题数：30，共 30.0 分）1在Dreamweaver 中，下面哪些对象不能对其设置超链接的是。
（1.0分）A、图像B、图像的一部分C、任何文字D、表格正确答案：D2在Dream weaver中，下面的操作不能插入一行的是( )（1.0分）A、将光标定位在单元格中，打开Modify菜单，选择Table子菜单中的Insert Row命令B、在行的一个单元格中单击鼠标右键，打开快捷菜单，选择Table子菜单中的Insert Row 命令C、将光标定位在最后一行的最后的一个单元格中，按下Tab键，在当前行下会添加一个新行D、把光标定位在最后一行的最后的一个单元格中，按下组合键Ctril+W，就在当前行下会添加一个新行正确答案：D答案解析：3是哪种Web浏览器的图标？（1.0分）A、IEB、FirefoxC、ChromeD、Opera正确答案：C答案解析：4下列不是表单的作用。
（1.0分）A、收集用户信息B、向用户反馈信息C、实现网站与用户之间的信息交互D、网页元素定位正确答案：D5下面（）语句不能用于创建索引。
（1.0分）A、CREATE TABLEB、CREATE DATABASEC、ALERT TABLED、CREATE INDEX正确答案：B6在HTML中，用于设置横向合并单元格的属性是。
（1.0分）A、colspanB、rowspanC、cellspacingD、cellpadding正确答案：A7在HTML5中，用来定义网页中的导航链接部分的标签是。
（1.0分）A、<header></header>B、<section></section>C、<footer></footer>D、<nav></nav>正确答案：D8在CSS中，用于设置单元格之间的间距的属性是。
选修课网页制作作业
《网页制作技术》网站制作论文论文名称中小企业网站设计的流程和技术教学院计算机学院专业软件工程班级姓名2015 年 5 月日一、网站简介现代互联网技术迅速发展，很多的信息和数据都是通过数量庞大的网站来传播。
网站成为新的信息时代的信息主要载体，是现代知识和信息的主要传播途径之一，因此网站的建立和设计是十分重要的。
目前设计和实现网站的软件有很多，其中JAVA优势比较明显，并且功能模块比较先进的实现语言。
1网站的定位及方案企业要建设好网站，就必须对网站进行准确定位。
网站应以展现企业形象、介绍产品和服务、体现企业发展战略作为目标。
具体内容包括:服务对象、提供的产品和服务内容、企业产品和服务的表现方式讽榴、企业的文化特色等。
对网站而言，用户认可度和满意度是衡量网站建设质量和价值的主要标准，只有充分满足用户需求，为他们提供及时、准确、全面的信息和优质服务，网站的建设才是成功的。
因此要充分调研消费者的需求、市场的状况，然后进行综合分析，从而做出切实可行的计划。
在目标明确的基础上，完成网站的构思创意即总体方案设计。
对网站的整体风格和特色做出定位，规划好网站的组织结构。
要以“消费者”为中心，而不能以“设计”为中心。
应做到主题鲜明突出，要点明确，以简单明确的语言和画面体现站点的主题。
充分调动一切手段充分表现网站的个性和清趣，办出自己的特点。
2网站的版式网页设计作为一种视觉语言，要讲究编排和布局，应充分利用和借鉴平面设计的优点。
版式设计通过文字图形的空问组合，要表达出和谐美、色彩美。
在栏目设置过程中，既要考虑当前工作，还要兼顾以后工作的长远发展，避免出现主页经常调整的情况。
子栏目的设置则根据单位实际进行规划。
如果用户经过5级以上的浏览还没有看到所感兴趣的信息则会出现厌烦情绪，所以在内容规划和整体设计时，网页内容查找深度以3-5级为宜;这样既方便用户使用，又符合人们上网的习惯和生理、心理适应力。
页面设计应以美观、大方、简洁为原则，保持一致的风格，不宜太过花哨。
哈理工计算机选修课之计算机网络基础
哈理工计算机选修课之计算机网络基础计算机网络基础是哈理工计算机学院的一门选修课程，它为学生提供了关于计算机网络的基本知识和技能。
计算机网络是现代社会中不可或缺的一部分，它连接了全球各地的计算机，实现了信息的传递和共享。
在这门课程中，学生将学习到网络的基本概念、协议和网络安全等内容。
一、计算机网络的基本概念计算机网络是由若干计算机与通信设备通过通信线路相互连接而成的网络系统。
在计算机网络中，有几个基本概念是我们需要了解和掌握的：1.1 网络拓扑结构网络拓扑结构是指计算机网络中各计算机节点之间的物理、逻辑连接关系。
常见的网络拓扑结构有总线型、星型、环型以及树型等。
不同的拓扑结构对网络性能产生不同的影响，学生需要了解各种拓扑结构的特点及其适用场景。
1.2 网络协议网络协议是指计算机网络中设备之间进行通信时约定的规则和标准。
常见的网络协议有TCP/IP协议、HTTP协议等。
学生需要了解各种协议的作用和特点，并学习如何使用这些协议进行网络通信。
1.3 IP地址和子网掩码IP地址是计算机在网络中的唯一标识，用于确定数据包的发送和接收地址。
子网掩码则用于确定子网的范围。
学生需要学会如何分配和使用IP地址及子网掩码，以确保网络地址的正确配置和通信的顺利进行。
二、网络通信原理在计算机网络中，数据的传输是通过各种通信设备和协议来实现的。
了解网络通信原理对于学生理解和应用计算机网络具有重要意义。
2.1 OSI模型OSI模型是计算机网络中最基础的通信模型，它将网络通信划分为七个层次，每个层次负责不同的功能。
学生需要了解OSI模型的结构和各个层次的功能，以便对网络通信进行分析和故障排除。
2.2 数据链路层与网络层数据链路层和网络层是OSI模型中的两个重要层次。
数据链路层负责将数据分割成帧并进行错误检测和纠正，网络层则负责将数据包从源主机发送到目标主机。
学生需要学会使用数据链路层和网络层的协议进行数据通信。
2.3 路由器和交换机路由器和交换机是计算机网络中最基本的通信设备。
《网页设计与制作》—网页设计基础-终稿
《网页设计与制作》
教
案
设
计
《网页设计与制作》教案教材分析
复习巩固并导入新授内
容
提问与引导
提问：网页发展简史？
网页有哪些元素？
例图：HTML-文本、标题、图
像、链接、表格网页
导入：HTML5语法特点及语法
规则
回答老师问题，随老
师讲授进入对新课的
了解。
认真聆听老师讲授内
４．导入：展示网页案例，提出问题，是采用什么开发技术实现的，引入ＨＴＭＬ。
二、新授课程
教学内容《网页设计基础知识(HTML及Dreamweaver)》视频点评。
１．２．１HTML基本概念及特征
HTML基本概念及特征
１．概念：HTML英文是Hypertext Marked Language，即超文本标记语言，是一种用来制作超文本文件的简单标记语言。
★２．特征：
基本结构（解说补充，并编辑运行代码，验证理论结果）
个属性，分别是：
功能是：定义字体的颜色) 如：color=“#ff0000”（功能是：定义文字的大小）如：Size =“15”
（功能是：定义文字的字体）如：Face =“黑体”
3.图像标签★
4.链接标签
5.表格标签
ＨＴＭＬ代码要求：
页面标题标记是一个特殊的标记，它设置的内容并不显示在页面中，而是显示在浏览器的标题栏，用来说明文件的用途。
因此，在设置该标记的时候，要使其能够体现整个页面的主题。
一般情况下，每个HTML页面都应。
哈工大 网站案例分析与设计 第02章 .NET Web编程基础
超级链接
• 使用超级链接的基本的语法是：<A HREF=“Address.htm”>XX</A>，XX是一个 超级链接，连接到Address.htm文件，<A> 是单词Anchor的缩写，中文的意思是“锚”。 • 功能是从一个页面链接到另一个页面，属 性HREF定义的是链接到哪一页。
表单的基本使用方法
程序名称：2-11.htm <HTML> <BODY> <FORM METHOD="Post" ACTION="do_submit.asp" > 用户名： <INPUT TYPE="Text" NAME="UserID"><BR> 密码： <INPUT TYPE="Password" NAME="UserPWD"><BR><BR> <INPUT TYPE="Submit" VALUE="提交" NAME="B1"> <INPUT TYPE="Reset" VALUE="重写" NAME="B2"> </FORM> </BODY> </HTML>
web课程设计网页制作
web课程设计网页制作一、课程目标知识目标：1. 让学生掌握网页制作的基本概念，了解HTML、CSS和JavaScript等网页编程语言的作用和功能。
2. 使学生了解网页设计的基本原则和流程，包括页面布局、色彩搭配、字体选用等。
3. 帮助学生掌握常用的网页制作工具和软件，如Dreamweaver、Sublime Text等。
技能目标：1. 培养学生运用HTML、CSS和JavaScript等编程语言进行简单网页制作的能力。
2. 培养学生运用网页设计原则，设计出美观、易用、兼容性强的网页。
3. 提高学生团队协作能力，学会在项目中分工与沟通。
情感态度价值观目标：1. 培养学生对网页制作的兴趣和热情，激发其主动学习的动力。
2. 培养学生具有良好的审美观念，关注用户体验，提高社会责任感。
3. 引导学生认识到网络信息安全的重要性，遵循网络道德规范，养成良好的网络行为。
课程性质：本课程为实践性较强的学科，注重培养学生的动手能力和实际操作技能。
学生特点：学生具备一定的计算机操作基础，对网页制作有一定了解，但编程能力和设计能力有待提高。
教学要求：结合学生特点，课程以实践操作为主，理论讲解为辅，注重培养学生的实际操作能力和团队协作能力。
教学过程中，将目标分解为具体的学习成果，便于教学设计和评估。
二、教学内容1. 网页制作基础知识：讲解HTML、CSS和JavaScript的基本概念、功能及作用，使学生了解网页编程语言的基本原理。
- 教材章节：第一章 网页制作基础知识2. 网页设计原则与流程：介绍页面布局、色彩搭配、字体选用等设计原则，讲解网页设计的基本流程。
- 教材章节：第二章 网页设计原则与流程3. 网页制作工具与软件：教授Dreamweaver、Sublime Text等常用网页制作工具的使用方法。
- 教材章节：第三章 网页制作工具与软件4. HTML与CSS编程：引导学生学习HTML标签、属性、页面结构等，掌握CSS样式表的使用，实现网页布局与样式设计。
课程设计网页制作
课程设计网页制作一、教学目标本课程旨在通过学习网页制作的基本知识和技能，使学生能够理解并掌握HTML、CSS和JavaScript等网页制作技术，培养学生独立设计和制作网页的能力，提高学生运用信息技术解决实际问题的能力。
知识目标：学生将掌握HTML的基本结构、标签和属性，了解CSS的布局和样式设置，以及JavaScript的基础语法和函数。
技能目标：学生能够运用HTML、CSS和JavaScript制作出结构合理、样式美观、功能简单的网页。
情感态度价值观目标：通过网页制作的学习，学生将培养对信息技术的兴趣和好奇心，增强自信心，培养团队合作和分享精神。
二、教学内容本课程的教学内容主要包括HTML、CSS和JavaScript三个部分。
1.HTML：将教授HTML的基本结构、常用标签和属性，包括标题、段落、图片、链接等。
2.CSS：将教授CSS的基本语法、选择器、盒模型、布局和样式设置，以及响应式设计的概念。
3.JavaScript：将教授JavaScript的基础语法、变量、函数、事件处理和DOM操作。
三、教学方法本课程将采用讲授法、实践操作法和小组讨论法进行教学。
1.讲授法：通过讲解和示例，使学生掌握网页制作的基本概念和技能。
2.实践操作法：通过实际操作，使学生能够将所学知识应用到网页制作中。
3.小组讨论法：通过小组合作和讨论，培养学生的团队合作精神和解决问题的能力。
四、教学资源教学资源包括教材、多媒体资料和实验设备。
1.教材：将使用《网页设计与制作》作为主要教材，辅助以相关参考书籍和网络资源。
2.多媒体资料：将使用PPT、视频教程等多媒体资料，帮助学生更好地理解和掌握知识。
3.实验设备：需要配备计算机和网络设备，以便学生进行实际操作和练习。
五、教学评估本课程的评估方式包括平时表现、作业和考试三个部分，以全面客观地评价学生的学习成果。
1.平时表现：通过课堂参与、小组讨论和实验操作等环节，评估学生的学习态度和动手能力。
网页设计实验报告
《网页设计技术》实验报告姓名：南志贤学号：100408102班级：电气1001班学院：电气与电子工程学院专业：电气信息类教师：刘文涛一、实验任务书1、目的和意义：这是我做的第一次网站，也是我第一次接触做网站，做我的个人网页并不是仅仅为了完成老师布置的任务，而是真正地想多掌握一门知识--学习如获使用网页制作相关软件（Dreamweaver、Firework、flash软件）并进行网页制作（其实这些软件并不是只是用于网页设计，学习使用这些软件对于日后的生活是有很大帮助的），同时锻炼自己的自学能力和创造实践能力，怎么说我觉得通过网页设计这门课程，它达到地目的和意义是非常重大的，我觉得主要可以概括为以下几个方面：（1）利于基础知识的理解通过《网页设计》选修课程的学习，让学生掌握一些信息时代生存与发展必需的信息技术基础知识和基本技能，具备了在日常生活与学习中应用信息技术解决问题的基本态度与基本能力。
但是，平时学生对于网页设计及网站管理的机理等知识内容的理解比较肤浅，认为它有一种神秘感。
但是，学生如果接触了网页设计，就能真正理解，其实网页设计也不过如此，从而打破计算机的一种神秘感。
（2）、有利于逻辑思维的锻炼在许多常规学科的日常教学中，我们不难发现这样一个现象，不少学生的思维常常处于混乱的状态。
写起作文来前言不搭后语，解起数学题来步骤混乱，这些都是缺乏思维训练的结果。
然而网页设计却能直接有效地训练学生的创新思维，培养分析问题、解决问题的能力。
即使一个简单的网页，从确定网页特色风格到排版布局、界面布局（有时涉及到编写代码）到调试运行，整个过程学生都需要有条理地构思，这中间有猜测设想、判断推理的抽象思维训练，也有分析问题、解决问题、预测目标等能力的培养。
（3）、有利于与其他学科的整合在网页设计中，我们可以解决其它学科有关问题，也利用其它课程的有关知识来解决信息技术中比较抽象很难理解的知识。
在信息技术课中整合其它学科的知识，发挥信息技术的优势，例如，在看网页设计的有关代码时，其中很多脚本代码的使用规则和我们今年上半年所学的C语言的规则是相通的。
哈工大第6章 网页界面设计-2
2013/7/9
哈工大软件学院
29
《用户界面设计》
第6章 网页用户界面设计
视线在页面中随构成要素形成的 单一方向顺序运动。 规律：由大到小；有主到次； 由左到右；由上到下。 分类： 横向视觉流程； 纵向视觉流程； 斜向视觉流程。
6.3 网页界面中版式设计
6.3.4 安排合理的视觉流程
1. 单向视觉流程 2. 曲线视觉流程 3. 导向视觉流程
《用户界面设计》
第6章 网页用户界面设计
2013/7/9
哈工大软件学院
16
《用户界面设计》
第6章 网页用户界面设计
6.3 网页界面中版式设计
6.3.3 强化页面的主从关系
1. 主从对象的大小对比 2. 弱化主体对象周围的内容
3. 主从对象的色彩对比
4. 重复主体对象 5. 加强主从对象在形态上的对比
6.3 网页界面中版式设计
6.3.4 安排合理的视觉流程
1. 单向视觉流程 2. 曲线视觉流程 3. 导向视觉流程
4. 重心视觉流程
5. 反复视觉流程 6. 散点视觉流程
2013/7/9
哈工大软件学院
27
《用户界面设计》
第6章 网页用户界面设计
2013/7/9
哈工大软件学院
28
《用户界面设计》
第6章 网页用户界面设计
2013/7/9
哈工大软件学院
34
《用户界面设计》
第6章 网页用户界面设计
6.3 网页界面中版式设计
6.3.4 安排合理的视觉流程 曲线视觉流程是各构成要素沿着曲线而 运动变化的视线流动过程。 它比单向视觉流程更具节奏、韵律和曲 线美。
1. 单向视觉流程 2. 曲线视觉流程 3. 导向视觉流程
网页制作入门必备 大师珍藏版 哈工大 (11)
17.2.1
新建CSS样式
在Dreamweaver中，新建CSS样式的操作，如下所示。 （1）选择要添加样式的元素或内容（如果添加公用的样式，可 以不选择任何内容）。 （2）添加Div标签。 （3）在“新建 CSS 规则”对话框中，定义新建CSS样式的参 数。 （4）如果在“新建 CSS 规则”对话框中选择单击“新建样式 表文件”，则会打开如图17-4所示的对话框，选择保存样式 表的位置。然后单击“确定”按钮，打开CSS规则定义对话 框。如果选择“仅对该文档”选项，则单击“确定”后直接 打开CSS规则定义对话框。 （5）定义好CSS规则之后，单击“确定”按钮，将CSS样式添 加到文档中。
17.2.2
使用类
在Dreamweaver中，类类型样式，可以使用在多个内容上。具体操 作如下所示。 （1）在页面中单击鼠标，并新建CSS样式，打开“新建 CSS 规则” 对话框。 （2）在“新建 CSS 规则”对话框中，选择类选项，在名称中添加 名称“main”，选择“仅对该文档”选项。
（3）在“新建 CSS 规则”对话框中，定义新建CSS样式的参数。在 新建 CSS 规则中，定义背景颜色为灰色“#999999”。边框为5像 素，深灰色“#333333”的实线边框。高度为100px。 （4）在“文档窗口”中，选择要定义CSS样式的元素。在“属性” 面板中，选择“类”选项，打开可选择的类列表。
17.6
定义链接的样式
在Dreamweaver中，可以使用CSS样式定义链接内容使使用方法。使用CSS样式表已 经成为现在网页设计中最常用的布局和表现的方法。是否 能够熟练运用CSS样式对页面进行布局，已经成为衡量一 个网页设计师的标准。由于CSS样式表的内容非常多，所 以本章的内容需要不断的练习和复习。
计算机学学科的网页设计教案
计算机学学科的网页设计教案标题：探索创意与技术的结合——计算机学学科的网页设计教案引言：计算机学是一门涵盖技术与创意的学科，而网页设计则是计算机学中一项重要的技术应用。
本教案将和学生一起探索网页设计的基本原理与技巧，培养学生的创意思维和设计能力，提升他们运用计算机技术进行网页设计的能力。
一、了解网页设计的基础知识（500字左右）过去几十年中，互联网的发展给世界带来了前所未有的改变。
在此基础上，网页的设计也成为了人们广泛接触的重要载体。
本节将带领学生了解以下内容：1. 网页设计的意义与作用；2. 网页设计的基本要素：布局、色彩、字体等；3. 网页设计的基本技术：HTML、CSS等；4. 网页设计的发展趋势与挑战。
二、掌握网页设计的工具与技术（500字左右）在进行网页设计前，学生需要掌握相关的工具与技术，才能更好地进行创意表达与实现。
本节将介绍以下内容：1. 网页设计工具的选择与使用：Dreamweaver、Photoshop等；2. HTML与CSS的基本语法与规范；3. 图像处理与优化技巧；4. 使用JavaScript添加动态元素。
三、培养创意思维与网页设计能力（500字左右）网页设计不仅仅是技术的运用，更需要创意思维的发挥。
本节将引导学生进行以下活动，培养他们的创意思维和网页设计能力：1. 设计思维培养：通过头脑风暴、角色扮演等活动，激发学生的创造力和创新思维；2. 设计案例分析与评价：学生分析并评价优秀的网页设计案例，了解设计的核心思想；3. 创意网页设计项目：学生选择一个主题，设计自己的网页，并根据班级评选出最佳设计作品；4. 团队协作：学生以小组为单位，进行网页设计项目，培养合作与沟通能力。
四、学以致用：实践与展示（500字左右）理论知识的应用与实践是学习的重要环节，本节将引导学生进行以下实践与展示活动，提升他们的实际操作能力和表达能力：1. 利用已学知识完成一个小型网页设计项目；2. 进行用户体验测试，并根据反馈进行网页设计的改进；3. 分享与展示：学生向其他班级、家长或学校举办展示活动，分享他们的网页设计作品。
《网页设计》教学大纲
教师学科教案[ 20 – 20 学年度第__学期]任教学科：_____________任教年级：_____________任教老师：_____________xx市实验学校《网页设计》教学大纲课程英文名：Webpage Design课程代码：15450030 学分：2总学时：36课程性质：专业课考核方式：机试课程类别：专业选修课开课单位：计算机科学与技术系先修课程：大学计算机基础适用专业：本科层次市场营销专业一、教学目标通过本课程的学习，使学生了解有关Web网站建设的基本概念与方法，掌握网页设计制作的方法，HTML超文本标记语言的使用，相关美学的知识与网页制作流程。
主要掌握HTML 语言用，了解Dreamweaver的基本功能和使用方法,以及本课程相关技术的发展趋势。
二、教学要求通过本课程的学习要求学生掌握网页设计与制作的基本方法与程序，掌握基本的语言和相关软件以及设计基本技巧。
不但能独立完成简单的网页制作方法，还要增强合作精神，实现多人合作完成较大网站的制作。
本课程教学由简入深，主要采用以下教学方法：（1）指定教材中的经典实例，让学生操作实现。
（2）参观与模仿精彩优秀的网站，了解其效果实现方法，并将其应用到实验中。
（3）综合运用基本知识点，实现复杂综合功能。
（一）要求教学过程注意以下几方面内容:1、注意所涉及的网页设计的基本概念，基本原理的学习，每堂课都加有案例讲行讲解，避免有理论，没实践。
2、加强实践教学环节。
依据本课程的特点，增强学生的动手能力，教师的讲解与学生实习相结合，避免有实践，没理论。
3、充分利用多媒体与讲解、演示与讲解、网络查阅浏览等教学手段，每节课根据教学内容的不同运用启发式、情境式等教学方法。
4、要把当前最新的知识介绍给学生，使学生学以致用，增加就业机会。
（二）作业：重要章节布置实习题目，以巩固学生的学习效果，促进其多思考，培养学生的创意和设计能力。
（三）考试：采取上机考试形式进行考核，考试内容详见考试方案，考试最终以作品形式上交。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
〖第1题〗『填空』(2分)(题号:890)【1】网最初是以ARPAnet为主干网建立的.注:答案中字母为大写答案：1). INTERNET〖第2题〗『填空』(2分)(题号:924)在网页设计中,常用层和【1】进行布局.注:答案为两个汉字答案：1). 表格〖第3题〗『填空』(2分)(题号:887)<HR>标记的width属性用于设置水平线的宽度,默认单位是【1】,也可使用占浏览器窗口的百分比来..答案：1). 像素〖第4题〗『填空』(2分)(题号:928)Flash中的动画有【1】动画和渐变动画两种.注:答案为两个汉字答案：1). 逐帧〖第5题〗『填空』(2分)(题号:2550)Dreamweaver MX 2004文档窗口有3种视图模式,分别是代码、拆分和【1】.答案：1). 设计〖第6题〗『填空』(2分)(题号:917)把一个单元格,分解成多行或多列,叫做单元格的【1】.注:答案为两个汉字答案：1). 拆分〖第7题〗『填空』(2分)(题号:2551)目前网页中使用最广泛的图像格式有jpeg、gif,其中【1】格式一般用于色彩比较多的照片,另一种..答案：1). jpeg〖第8题〗『填空』(2分)(题号:889)在<body>标记的属性中,用于设置网页背景颜色的是bgcolor,用于设置网页文本颜色的是【1】....答案：1). text〖第9题〗『填空』(2分)(题号:2556)Dreamweaver MX 2004中,行为由【1】和动作两部分组成.答案：1). 事件〖第10题〗『填空』(2分)(题号:914)标题共分为6种,分别用字母【1】后面加数字1~6表示.注:答案中字母为小写答案：1). h〖第1题〗『判断』(1分)(题号:597)URL即统一资源定位器,是一个资源地址,主要由资源类型、主机地址、端口、目录、文件名组成.答案：Y〖第2题〗『判断』(1分)(题号:617)在网上浏览时看到的一个个页面就是网页.答案：Y〖第3题〗『判断』(1分)(题号:603)超链接不但可以在文字上创建,还可以在图片上创建.答案：Y〖第4题〗『判断』(1分)(题号:610)矢量图象放大不会失真,而位图图象放大会失真答案：Y〖第5题〗『判断』(1分)(题号:619)在发布网页前必须在Internet上申请一个网站存放的空间.答案：Y〖第6题〗『判断』(1分)(题号:613)HTML 是HyperText Markup Language(超文本标记语言)的缩写.超文本使网页之间具有跳转的能力... 答案：Y〖第7题〗『判断』(1分)(题号:624)表格和层都能实现网页种元素的精确定位.答案：Y〖第8题〗『判断』(1分)(题号:634)拆分单元格时,可以将单元格拆分成多行,也可以将单元格拆分成多列.答案：Y〖第9题〗『判断』(1分)(题号:605)一个企业介绍的Web站点的首页文件名一般应该是"企业介绍.htm" 答案：N〖第10题〗『判断』(1分)(题号:612)Fireworks MX 2004只能导出图片文件,不能导出HTML文件答案：N〖第11题〗『判断』(1分)(题号:614)在Dreamweaver MX 中不能对HTML 文件进行编辑答案：N〖第12题〗『判断』(1分)(题号:623)为了加快下载速度,尽量把整个网页的内容放在一个大的表格中. 答案：N〖第13题〗『判断』(1分)(题号:599)Netscape Navigator和IE都是常用的浏览器.答案：Y〖第14题〗『判断』(1分)(题号:633)嵌套表格的宽度不受所在单元格宽度的限制.答案：N〖第15题〗『判断』(1分)(题号:621)放在网站最前面的页面叫主页.答案：N〖第1题〗『单项选择』(1分)(题号:1542)在HTML中,下面是超链接标签的是A:<A>···</A>B:<IMG>···</IMG>C:<FONT>···</FONT>D:<P>···</P>答案：A〖第2题〗『单项选择』(1分)(题号:1500)在Dreamweaver中,下面对文本和图像设置超链接说法错误的是A:选中要设置成超级链接的文字或图像,然后在属性面板的链接栏中添入相应的URL地址即可B:属性面板的链接栏中添入相应的URL地址格式可以是""C:设置好,后在编辑窗口中的空白处单击,可以发现选中的文本变为蓝色,并出现下划线D:设置超链接方法不止一种答案：B〖第3题〗『单项选择』(1分)(题号:1516)关于Dreamweaver中文件操作的下列说法中正确的是( )A:Dreamweaver中只能通过执行"文件/新建"命令来创建文件B:Dreamweaver中可以通过在文件面板中点右键快捷菜单中新建C:Dreamweaver中不可以通过"文件/另存为"新建文件D:Dreamweaver中不能打开非本软件建立的文件答案：C〖第4题〗『单项选择』(1分)(题号:1562)Alert()是JavaScript中最常用的函数,其实现的功能是( )A:弹出信息框B:显示-隐藏层C:播放音乐D:警告浏览者答案：A〖第5题〗『单项选择』(1分)(题号:3079)要选择某单元格,可单击该单元格后,在文档窗口的标记选择器中单击( ).A:<tr>B:<table>C:<body>D:<td>答案：D〖第6题〗『单项选择』(1分)(题号:1556)以下关于主页的说明不正确的是( )A:一个WEB站点必须有一个主页B:一个WEB站点可以有多个主页C:使用浏览器链接某个站点时首先看到的就是主页D:主页可以不是以.htm或.html为后缀的文件答案：B〖第7题〗『单项选择』(1分)(题号:1508)下面关于设置按钮属性的说法正确的是A:在设置属性面板上的按钮属性有提交属性B:在设置属性面板上的按钮属性有重置属性C:可以用图片来制作图形按钮D:以上说法都正确答案：D〖第8题〗『单项选择』(1分)(题号:1496)在客户端网页脚本语言中最为通用的是( )A:JavascriptB:VBC:PERLD:ASP答案：A〖第9题〗『单项选择』(1分)(题号:1498)在Dreamweaver中,下面关于拆分单元格说法错误的是A:用鼠标将光标定位在要拆分的单元格中,在属性面板中单击按钮B:用鼠标将光标定位在要拆分的单元格中,在拆分单元格中选择行,表示水平拆分单元格C:用鼠标将光标定位在要拆分的单元格中,选择列,表示垂直拆分单元格D:拆分单元格只能是把一个单元格拆分成两个答案：D〖第10题〗『单项选择』(1分)(题号:1493)GIF格式的图片需要压缩存储或传输,采用的压缩技术是( )A:无损压缩B:有损压缩C:隔行压缩D:灰度压缩答案：A〖第11题〗『单项选择』(1分)(题号:1509)当处理多层图形时,可以使用( )工具选择被其他对象隐藏或遮挡的对象A:选择后方对象工具B:部分选择工具C:下层选择工具D:选择工具答案：A〖第12题〗『单项选择』(1分)(题号:3089)在Dreamweaver中,可以为图像创建热区链接,热区形状可以为( ).A:矩形B:圆形C:多边形D:以上都可以答案：D〖第13题〗『单项选择』(1分)(题号:1488)以下哪个标记可以将图片插入到页面,在页面显示出来( )A:<img src="tx.jpg">B:<a href="tx.jpg">C:<a src="tx.jpg">D:<body src="tx.jpg">答案：A〖第14题〗『单项选择』(1分)(题号:1507)下面制作其它子页面的说法不正确的是A:各页面的风格保持一致很重要B:我们可以使用模板来保持网页的风格一致C:在Dreamweaver MX中,没有模板的功能,需要安装插件D:使用模板可以制作不同内容却风格一致的网页答案：C〖第15题〗『单项选择』(1分)(题号:1540)在DREAMWEAVER中,下面对象中可以添加热点的是A:文字B:视频C:图片D:任何对象答案：C〖第16题〗『单项选择』(1分)(题号:1482)以下标记中( )可以用于在网页中插入图象A:<img>标记B:<BR>标记C:<H3>标记D:<SRC>标记答案：A〖第17题〗『单项选择』(1分)(题号:3097)一个有3个框架的网页,实际上有几个独立的页面文件( ).A:3B:4C:5D:2答案：B〖第18题〗『单项选择』(1分)(题号:1523)关于样式,下列错误的说法是( )A:样式具有强大的格式化功能B:样式可以被多个文件同时使用C:样式定义后不能更改D:样式表可以内嵌到网页中答案：C〖第19题〗『单项选择』(1分)(题号:1497)下面说法错误的是( )A:规划目录结构时,应该在每个主目录下都建立独立的images目录B:在制作站点时应突出主题色C:人们通常所说的颜色,其实指的就是色相D:为了使站点目录明确,应该采用中文目录答案：D〖第20题〗『单项选择』(1分)(题号:1511)擦除位图中的像素,可以使用( )工具A:橡皮图章B:像素擦C:橡皮擦D:图象擦答案：C〖第21题〗『单项选择』(1分)(题号:1483)各种网络之所以能够实现互联、互通和协作,主要是因为采用了 ?A:TCP/IPB:OSIC:UDPD:协议答案：B〖第22题〗『单项选择』(1分)(题号:1543)在DREAMWEAVER中,下面关于复制和粘贴文本说法正确的是A:只能在HTML内进行复制与粘贴B:只能从外部文件复制到HTML文件内,不能从HTML文件中复制文本到外部文件C:HTML文件和其他文件之间可以相互进行复制与粘贴D:以上说法都错答案：C〖第23题〗『单项选择』(1分)(题号:1491)<Font>标记的Face属性,是用来设置( )A:字体B:字号C:字形D:大小答案：A〖第24题〗『单项选择』(1分)(题号:1565)( )是放置到服务器以后,直到发送给浏览器不会发生更改的网页.A:动态网页B:首页C:主页D:静态网页答案：D〖第25题〗『单项选择』(1分)(题号:1560)( )不是绝对路径A:ftp://B:C:/bobo/index.aspD:../index.asp答案：D〖第26题〗『单项选择』(1分)(题号:1520)( )将文档中的某个位置作为连接目标,利用它,可以跳转到当前页面的指定位置,也可以跳转到... A:命名锚记B:锚点C:书签D:标记答案：A〖第27题〗『单项选择』(1分)(题号:1489)表格标记的那个属性可以设置表格无边框( )A:table=0B:border=0C:cellspacing=0D:cellpadding=0答案：B〖第28题〗『单项选择』(1分)(题号:1536)在Dreamweaver中,调整图像属性按下什么键,拖动图像右下方的控制点,可以按比例调整图像大小A:shiftB:CtrlC:altD:shift+alt答案：A〖第29题〗『单项选择』(1分)(题号:1519)下面哪个是正确的邮件链接A:mailto:zhangsf@B:http://zhangsf@C:ftp:zhangsf@D:link:zhangsf@答案：A〖第30题〗『单项选择』(1分)(题号:1494)以下哪个文件格式是视频的格式?( )A:mp3B:swfC:MPEGD:WAV答案：C〖第31题〗『单项选择』(1分)(题号:1529)下列事件中,哪个是表示鼠标经过( )A:onMouseOverB:onMouseClickC:onMouseOutD:onmouseDown答案：A〖第32题〗『单项选择』(1分)(题号:1557)在Dreamweaver MX 2004中不可以通过( )进行网页结构布局排版. A:表格B:图层C:框架D:表单答案：D〖第33题〗『单项选择』(1分)(题号:1515)Dreamweaver中哪个菜单处理对象的修改操作( )A:文件B:对象C:修改D:编辑答案：C〖第34题〗『单项选择』(1分)(题号:1517)Dreamweaver中插入连续多个空格,可以使用( )A:插入/HTML/特殊字符/不换行空格B:插入/HTML/特殊字符/换行符C:插入/HTML/特殊字符/空格D:插入/HTML空格答案：A〖第35题〗『单项选择』(1分)(题号:3092)在Dreamweaver中,可以支持的图片格式是( ).A:GIF JPEG PNGB:TIF JPG GIFC:GIF TIF JPEGD:JPEG PNG TIF答案：A〖第36题〗『单项选择』(1分)(题号:3091)在Dreamweaver中,下面哪个选项不是文字的属性( ). A:字体B:srcC:颜色D:大小答案：B〖第37题〗『单项选择』(1分)(题号:1550)任何文本编辑器都可用来制作网页,包括记事本、写字板、Word、WPS等编辑程序.不过在保存时,... A:纯文本B:WordC:写字板D:WPS答案：A〖第38题〗『单项选择』(1分)(题号:1567)HTML包含一些定义( )的符号,成为标记.A:开始B:结束C:页面内容和格式D:格式答案：C〖第39题〗『单项选择』(1分)(题号:3085)以下不可以用作网页布局(网页元素定位)的是( )A:表格B:层C:框架D:库答案：D〖第40题〗『单项选择』(1分)(题号:1537)在Dreamweaver中,下面关于删除行和列的说法错误的是A:在行和列中单击鼠标右键打开快捷菜单,选择"表格"子菜单中的"删除行"命令,可以删除光标所... B:在行和列中单击鼠标右键打开快捷菜单,选择"表格"子菜单中的"删除列"命令,可以删除光标所... C:在删除行和列时,行会从表格左侧开始删除,列会从表格的上部开始删除D:快速删除行和列,在表格中选中一整行或一整列,然后按DELETE键答案：C〖第41题〗『单项选择』(1分)(题号:3078)在Dreamweaver MX2004中,下面关于拆分单元格的说法错误的是( ).A:将光标定位在要拆分的单元格中,在属性面板中单击拆分单元格按钮B:将光标定位在要拆分的单元格中,在拆分单元格对话框中选择行,表示水平方向把单元格拆分成多..C:将光标定位在要拆分的单元格中,在拆分单元格对话框中选择列,表示水平方向把单元格拆分成多.. D:单元格只能拆分为2个答案：D〖第42题〗『单项选择』(1分)(题号:1534)在dreamweaver中,下面哪个操作不能通过鼠标选择整个表格A:当光标在表格中时,在dreamweaver界面窗口左下角的标签选择器中单击<table>标签B:将鼠标移动到表格的底部或者右部的边框,当鼠标指针变成如下图形状时,单击鼠标C:将鼠标移到任何的表格框上,当鼠标指针变成如下图形状时,单击鼠标D:把鼠标指针移到单元格里,再双击鼠标答案：D〖第43题〗『单项选择』(1分)(题号:3084)可以在网页中使用的图片格式是( )A:JPEGB:BMPC:TIFD:PICT答案：A〖第44题〗『单项选择』(1分)(题号:1514)Flash的最突出功能是( )A:图形处理B:位图编辑C:矢量图形编辑D:动画制作答案：D〖第45题〗『单项选择』(1分)(题号:1539)在DREAMWEAVER中,下面是使用表单的作用的是A:访问者登记注册免费邮件时,可以用表单来收集一些必需的个人资料B:在电子商场购物时,收集每个网上顾客具体购买的商品信息C:使用搜索引擎查找信息时,查询的关键词都是通过表单递交到服务器上的D:以上都正确答案：D〖第46题〗『单项选择』(1分)(题号:1518)关于超链接,下列说法错误的是()A:可以链接到本地文件B:可以链接到其它站点C:链接本地文件时,最好使用相对路径D:只能在整个图片上建立链接答案：D〖第47题〗『单项选择』(1分)(题号:1506)在Dreamweaver MX中,下面关于使用列表说法错误的是A:列表是指把具有相似特征或者是具有先后顺序的几行文字进行对齐排列B:列表分为有序列表和无序列表两种C:所谓有序列表,是指有明显的轻重或者先后顺序的项目D:不可以创建嵌套列表答案：D〖第48题〗『单项选择』(1分)(题号:1490)表格等标记的属性width是设置宽度,可以采用( )A:像素B:百分比C:像素或百分比D:毫米答案：C〖第49题〗『单项选择』(1分)(题号:1538)在DREAMWEAVER中,在需要选择的文本前单击鼠标左键选中一点后,按下哪个键不放,然后在所选文... A:shiftB:CtrlC:altD:shift+alt答案：A〖第50题〗『单项选择』(1分)(题号:1530)在Dreamweaver MX 中, 下面关于排版表格属性的说法错误的是A:可以设置宽度B:可以设置高度C:可以设置表格的背景颜色D:可以设置单元格之间的距离但是不能设置单元格内部的内容和单元格边框之间的距离答案：D〖第1题〗『程序设计』(15分)(题号:59)该题目具体要求请在浏览器地址栏中输入10.1.1.5/wy/kssm.htm阅读***[进入C++环境只是为了让你看到题目内容，退出C++环境，使用Dreamweaver mx 2004制作网页，保存在机器中，命名为news.htm,把该网页所需要的全部文件压缩后，上传到作业系统的“考试-... 作业系统地址:10.1.1.5]答案：。