主题三-网站设计与评价
《第十一课 建立网站站点》作业设计方案-初中信息技术浙教版13八年级上册自编模拟
《建立网站站点》作业设计方案（第一课时）一、作业目标本次作业旨在帮助学生掌握建立网站站点的相关知识和技能，包括了解网站的基本概念、学会使用网页编辑器创建网页、掌握网站站点的建立方法等。
通过本次作业，学生能够更好地理解和掌握信息技术在日常生活和工作中的应用。
二、作业内容1. 创建个人网站（必做题）要求：学生根据自己的兴趣爱好，使用网页编辑器创建一个个人网站，内容包括自我介绍、兴趣爱好、特长、愿望等。
网站要具有基本的美观和易用性，能够让其他同学能够浏览和互动。
2. 了解网站的基本概念（选做题）要求：学生通过查阅资料、阅读相关书籍或观看网络视频等方式，了解网站的基本概念、构成要素、技术实现等方面的知识。
3. 建立网站站点（选做题）要求：学生根据所学的知识和技能，尝试使用相关工具和软件建立自己的网站站点。
需要掌握的基本技能包括网站站点的规划、网页的命名规则、文件的管理等。
三、作业要求1. 作业完成后，学生需提交个人网站的作品，同时提交一份关于网站基本概念的总结报告或心得体会。
2. 提交作业的时间和方式将在课堂上进行说明和安排，请学生务必按照要求按时提交。
3. 作业内容要真实、客观，不得抄袭或盗用他人的作品。
4. 鼓励学生尝试多种不同的方法和思路，展示自己的创造性和想象力。
四、作业评价1. 评价标准：根据学生提交的个人网站作品的质量、创意和实用性进行评价。
同时，对于提交的总结报告或心得体会，将关注其内容的真实性和思考深度进行评价。
2. 评价方式：将采取教师评价和学生互评相结合的方式，综合评价学生的作业表现。
教师将根据作业的整体质量和难度进行评价，同时也会关注学生在完成作业过程中的表现和进步。
3. 评价结果：评价结果将作为学生平时成绩的一部分，用于激励和鼓励学生更好地学习和掌握信息技术知识。
同时，也会为学生提供改进和发展的建议。
五、作业反馈在作业完成后，学生将获得一份详细的反馈报告，包括对个人网站作品的建议和改进意见，以及对总结报告或心得体会的反馈和指导。
计算机网络技术专业技能抽查标准
计算机网络技术专业技能抽查标准一、适用专业本专业适用于湖南省高等职业院校目前开设的计算机网络技术专业（090102）、网络系统管理专业（090107）。
二、抽查对象高等职业院校计算机网络技术专业、网络系统管理专业三年一期在校学生（全日制）。
三、抽查目的1、检查专业办学水平：计算机网络技术专业技能抽查是为全面贯彻落实教育部提出是职业教育“以就业为导向、以服务为宗旨、以质量提升为核心”办学思想，与《中共湖南省委、湖南省人民政府关于大力进展职业教育的决定》的要求。
根据湖南省教育厅关于实施职业院校学生专业技能抽查制度的工作部署，过计算机网络技术专业能力测试为检验全省各开设了该专业的高等职业院校的办学水平提供一个评判根据。
2、引导专业教学改革：通过此技能测试，引导各高等职业院校计算机网络技术专业教学改革进展方向，促进工学结合人才培养模式改革与创新，培养可持续进展、满足企业与事业单位需求的计算机网络技术高技能人才。
3、检验学生的职业技能与素养：检验学生的网络构建能力、网络管理能力、网站开发能力、项目管理能力、新技术学习能力，检验学生从事网络技术工作的团队协作能力、质量与效率、成本与效益、安全与规范意识等，从而表达所在学院在计算机网络技术专业上的教学质量与办学水平。
四、抽查方式1、抽查样本：按该年级注册人数随机抽取 10%，抽取样本不足 10人取 10人，超过30 人取 30 人。
2、测试方式：本测试使用“项目综合应用”考核形式，即参加测试的学生从试题库中随机抽取一套试卷，被测学生按试卷中给定项目要求在规定的时间内独立完成该项目的设计、制作、安装、调试与提交作品与技术文档。
3、测试时间：180 分钟4、场地设备：技能抽查考点由教育厅指定，考点提供计算机、网络设备及有关耗材。
部分测试用工具与量具由考生自带，但不同意自带存储介质与软件等有关材料。
5、评分方式：根据现场测评专家的记录与测试结果，由湖南省职业院校职业能力考试委员会指定的考评员集体评判成绩。
网页设计作业评语
学生们在网页设计作业中展示了出色的创意和技能，下面对他们的作品进行评语。
一、界面设计
学生们在界面设计上做得十分出色。他们运用了丰富多彩的颜色搭配和流畅的布局，使得整个页面看起来既美观又易于阅读。部分同学还采用了动画效果和交互设计，增加了用户体验的趣味性和互动性。
二、内容呈现
学生们在内容的呈现上也下足了功夫。他们将所需信息以清晰简洁的方式展现出来，避免了信息过载和混乱。同时，一些同学还加入了多媒体元素，如图片、视频等，丰富了页面的内容形式，提升了阅读的吸引力。
一些同学在网页设计中还考虑到了页面的加载速度优化。他们精简了代码，压缩了图片等元素，使页面加载速度更快，提升了用户体验。
六、交互设计
部分学生在网页设计中加入了丰富的交互设计。他们设计了鼠标悬停效果、点击效果等，使用户与页面更加互动，增强了用户的参与感和沉浸感。
七、总体评价
总体来看，学生们在网页设计作业中表现出了很高的水准和创意。他们不仅展示了专业的设计技能，而且考虑到了用户体验等方方面面ห้องสมุดไป่ตู้希望他们在今后的设计工作中能够继续努力，不断提升自己的设计水平。
三、响应式设计
部分学生在网页设计中考虑到了不同设备的显示效果，采用了响应式设计。这使得页面在不同大小的屏幕上都能够有良好的显示效果，提升了用户的体验感受。
四、导航设计
学生们在导航设计上也表现出了很高的水平。他们设计了清晰明了的导航条，使用户可以轻松地找到所需的信息，提升了网站的易用性和用户友好性。
五、速度优化
职业院校教师能力大赛：网站页面设计教案
职业院校教师能力大赛：网站页面设计教案一、教学目标1. 知识与技能：了解网站页面设计的基本原则与技巧。
掌握HTML、CSS和JavaScript的基础知识，能够独立完成简单的网页设计。
2. 过程与方法：培养学生的创新思维和审美能力。
学会使用网页设计软件（如Dreamweaver、Photoshop等）进行页面设计。
3. 情感态度与价值观：激发学生对网站页面设计的兴趣，提高职业素养。
培养团队合作精神和沟通技巧。
二、教学内容1. 网站页面设计基本原则页面布局与结构色彩搭配与视觉感受字体与排版2. HTML基础知识基本标签及其作用表格、表单和框架的使用3. CSS样式表选择器与基本语法布局样式与字体样式响应式设计4. JavaScript基础基本语法与数据类型函数与事件处理动态效果实现5. 网页设计软件使用Dreamweaver：页面布局与代码编写Photoshop：图片处理与切图三、教学过程1. 导入：通过展示优秀网站页面案例，引发学生兴趣，引入本节课主题。
2. 讲解与示范：讲解网站页面设计基本原则，展示实际操作过程。
讲解HTML、CSS和JavaScript基础知识，并进行示范。
3. 实践操作：学生分组进行实践，运用所学的知识设计网页。
教师巡回指导，解答学生疑问。
4. 作品展示与评价：学生展示自己的作品，进行互评和教师评价。
针对作品中的优点和不足进行总结和改进。
四、教学资源1. 教材：网站页面设计相关教材或电子资源。
2. 软件：Dreamweaver、Photoshop等网页设计软件。
3. 网络资源：优秀网站页面案例、在线教程等。
五、教学评价1. 学生作品质量：页面布局、色彩搭配、字体排版等方面。
2. 学生参与度：课堂提问、小组讨论、实践操作等方面。
3. 学生创新能力：在作品中体现出的创新思维和独特设计。
4. 团队合作与沟通：小组合作过程中的沟通协作、作品展示与评价等方面的表现。
六、教学策略1. 案例教学：通过分析经典案例，使学生了解和掌握网站页面设计的方法和技巧。
网页制作表单教学设计教案
网页制作表单教学设计教案(共5页)-本页仅作为预览文档封面，使用时请删除本页-5．2网页制作——表单教学方法：教学演示、任务驱动、自主练习一、教学目标：1、知识与技能了解表单的概念掌握表单网页的制作方法2、过程与方法体验表单网页的制作过程体验用表单网页进行信息的采集过程3、情感、态度、价值观认识信息技术对人们日常生活、学习、工作的影响激发学生对信息技术的求知欲，形成积极主动地学习和使用信息技术、参与信息活动的态度二、重点难点：表单网页的概念表单网页的制作方法三、课程标准：选修模块3：网络技术应用---网站设计与评价---内容标准---能够根据表达任务的需求，使用常用的网页制作软件制作网页四、教学媒体：(本教案需用到的各种教学媒体和资源)1.硬件：网络机房2.软件：多媒体广播教学软件，FrontPage2000学生在学习本节内容之前，已经学习过因特网的相关知识、会上网，并且已经掌握常用网络工具软件的使用，如QQ、E-mail等等，并且有着浓厚的兴趣。
大部分学生只停留在利用QQ聊天、进行网络游戏、收发E-mail等阶段，对申请QQ号码和E-mail时的网页结构形式知之甚少。
本节课的关键是通过学习，了解表单网页的制作过程和方法，为以后信息获取和处理打下基础。
六、教材分析：网络基础及应用是高中信息技术课程的重点，是培养学生信息素养的关键章节，对于培养学生获取、评价、利用和表达信息的能力，起着举足轻重的作用。
而表单网页在基于网络的信息收集处理方面有着明显的优势。
一、一、问题的提出制作一张如下所示的用户登记表二、二、问题：1．上述用户登记表中有哪几种表单域？2．表单的工作原理是什么？三、三、表单的构成表单域：是容纳输入信息的容器，是用户输入数据的地方。
表单控制器：负责处理用户在表单中填写的信息。
“提交”和“重置”按钮：将信息提交到站点服务器、清除表单中已填写的内容。
四、四、制作用户登记表单行文本框：用于让用户输入一行文本信息，并能够被Web 服务器接受，用户登记表中的姓名、年龄和E_mail均是单行文本框。
立足学生发展 突出Internet应用——浅谈高中新课标信息技术课“网络技术应用”选修模块之教学实施
中 图分类号 ： ２ Ｇ ３ ６
文献 标 识码 ： Ａ
文章 编号 ： ６ ３ ９ （ ｏ Ｏ０ （） Ｉ ７ ０ １ ７ － ７ ５ｚ １ ）９ｅ ９ 一ｏ ｌ — １ 域 和学 生对 其 熟 悉程 度 都 远 非 其 他 网络 工
具 可 比 。 此 我 们 可 以 充 分 利 用 ， ＱＱ为 对 以
多 媒体教学
ｎ ｅｌＵ —ｖｌＨａ■瞳 ｎａｎ 蕾 ■ ｏｔ ｒ ｏ ｄ
立足 学生发 展 突 出 Ｉｔ ｒ ｅ 应 用 ｎ ｅｎ ｔ
浅谈高中新课标信息技术课 “ 网络技 术应 用 ’ ’选修 模块 之教 学实施
马 晖
（ 肃省 临夏 回民中学 甘肃 临 夏 甘 ７ １Ｏ ） ３ ０ １
主要 载 体 讲授 Ｉ ｔ ｒ ｅ 应 用 ， ｎｅｎ ｔ 学生 更 乐 意接 受 ， 果 会 更 好 。 １ 了解 和 实 践 ＱＱ的 即 时 效 （） 通讯 功 能 。２ 电子 邮件 ， （） 包括 电子 信 箱的 申 请 注 册 、 件 的收 发 、 类 、 除 ， ＭＴＰ／ 邮 分 删 Ｓ Ｐ 协 议 、 号 密 码 的 安 全 保护 等 。 节 内 ＯＰ 账 本 容 可 通 过 网 易 邮 箱 等 为 例 来 完 成 ， 可 通 也 过Ｑ Ｑ邮 箱 完 成 。３ 通 过 Ｑ （） Ｑ的 语 音 和 视 频 功能 ， 了解 和 实践 网络 语 音 和 视 频 的 应 用 。 （） ４ 通过 Ｑ Ｑ的 文件 发送 功 能 ， 了解 和 实践 文 件 的 发 送 和 接 收 ， 扩 展 到较 大 资 源 的 一 并 ｈ 传、 载与保存 。 下 ２． ３渗 透 网 页设 计 理 念 ， 高 学 生 网 ３． 提 络 审 美 情 趣 以Ｆ ｏ ｔ ａ ｅ ｒ ａ ｒ ｎ ｐ ｇ 或Ｄ ｅ ｍｗｅ ｖ ｒ ａ ｅ 为载 体 的 传 统 网页 设 计 ， 高 中 阶段 学 习 中颇 有 “ 在 鸡 肋 ” 感 觉 。 果 从 原 理 、 码 入 手 系统 地 的 如 代 去 讲 授 ， 则 比较 枯燥 ， 则受 到 学 时 的 限 一 二 制 ， 多 数 学 生 很 难 设 计 完 成 一 个 完 整 的 大 高 质量 的 站 点 。 因此 笔者 认 为 ， 这 个 内容 在 上， 让高 中生 以 “ 赏 ” 替 “ 作 ” 不失 为 欣 代 操 ， 种可行的选择 。
高中信息技术选修3第一节课
（二）网络技术基础
（1）了解计算机网络的主要功能、分类与拓扑结构。 （2）理解网络协议的基本概念，了解网络的开放系统互联协议 （OSI） OSI） 分层模型的基本思想，能描述因特网TCP/IP协议的基本概念与功能。 分层模型的基本思想，能描述因特网TCP/IP协议的基本概念与功能。 （3）了解网络通信中常用的信息交换技术。 （4）了解浏览器/服务器 （B/S）结构、客户机/服务器 （C/S）结构的 ）了解浏览器/ B/S）结构、客户机/ C/S）结构的 概念与特点。 （5）理解IP地址的格式与分类；了解域名的基本概念和域名解释的基本 ）理解IP地址的格式与分类；了解域名的基本概念和域名解释的基本 过程。 （6）了解因特网IP地址、域名的管理办法及相应的管理机构。 ）了解因特网IP地址、域名的网络服务器的主 要作用与基本原理；了解代理服务器的概念与作用。
欢迎同学！
教学科目 ----网络技术应用 ----网络技术应用
课程介绍
网络是现代通信技术应用的典型代表，网络技术正在改变着人们的工作、生活与学习 方式。在信息社会中，因特网已经成为人们进行信息交流的强有力工具。“网络技术 应用”模块介绍网络的基本功能和因特网的主要应用，是选修模块。 通过对本模块的学习，应能掌握网络的基础知识和基本应用技能；掌握网站设计、 制作的基本技术与评价方法；体验因 特网对生活、学习带来的深刻变化。
课堂守则
我们是一个大家庭。在这个家庭中，我们制订规 则来使我们融洽相处。 我们的课堂守则是：
– – – – 相互尊重，负责可靠。 组织有序，服从安排。 守时。 准备到位。
作业
每两次课我们会布置作业 作业通过电子学习档案袋的方式提交 每次作业我们会指定各小组中的某位同学来负责
新学年新成就！
主题三 网站设计与评价选择题[答案]
主题三网站设计与评价[参考答案]1、下列关于动态网页优点的描述有误的是（B）A.相对于静态网页，动态网页不容易被搜索引擎收录B.无需系统实时生成，网页风格灵活多样C.日常维护方便，交互性强D.响应速度快，减轻了服务器负担，节约服务器的存储空间2、下列不属于常见网站结构的是（D）A.线性结构B.树状结构C.网状结构D.星型结构3、用来对整个网站进行概括性介绍的网页称为该网站的（B）A.封面B.主页C.欢迎页D.目录页4、网站首页默认的文件名一般为（B）A.logo.gifB.index.htmC.E-mailD.ad.htm5、某同学以“奥运主题班会”为关键词进行搜索时，出现的网页与几天前他用同一个搜索引擎相同关键词搜索到的网页不完全相同，这是因为该网站使用了（A）A.动态网页技术B.静态网页技术C.域名解析技术D.动态分配IP地址6、下列哪些动态效果没有使用了动态网页技术（C）A.鼠标指针指向后文字变成绿色B.打开某网站时自动弹出一个新窗口C.网页中不断变化的GIF动画D.网页中自动更新的日期7、网页打开时出现图片，当鼠标指针指向该图片后又切换为其他图片，以上效果应使用的触发事件有（C）A.单击B.双击C.鼠标悬停D.网页加载8、网站标志是树立网站风格的第一步，不是其设计原则的为（D）A.选择与网站主题密切相关的人或物，加以卡通化、艺术化B.适当选用有专业代表性的物品或者标志C.巧妙运用中文或英文名称作为网站标志D.标志要尽量复杂，赋予极多的含义9、网站的制作步骤包括：①确定主题；②网站制作；③需求分析；④选择开发工具。
正确的顺序是（B）A.①④③②B.③①④②C.②①③④D.④③①②10、最常见的网页文件的扩展名是（C）A.*．docB.*．gifC.*．htmD.*．xml11、以下不属于网站开发工具的是（D）A.HTML语言B.FrontPageC.DreamweaverD.WinRAR12、以下关于网站名称的描述不正确的是（D）A.要与主题紧密相关B.要有意义C.要上口、悦耳、易记D.要合法，但不一定要合情合理13、在安排网站的栏目时要注意的问题中不妥的是（A）A.栏目要尽可能丰富，分类越细越好B.尽可能把网站最有吸引力的内容列在栏目中C.尽可能方便访问者的浏览和查询D.要紧扣网站主题14、下列关于HTML语言的描述不正确的是（C）A.HTML文档是文本格式的文件B.HTML语言中可以嵌入多种网页特效代码C.不懂HTML语言的人无法制作网站D.HTML语言是通过一系列特定的标记来标识出相应的意义和作用的15、若要设置网页的背景音乐，可在下列____对话框中设置（A）A.网页属性B.单元格属性C.表格属性D.“工具”菜单中的“选项”16、若要在一幅图片上设置几个链接，可使用____来实现（B）A.电子邮件链接B.热区链接C.图片链接D.书签链接17、新建一个“垂直拆分”的框架网页，如果在框架的每个部分都是新建的网页文件，那么保存时系统会提示保存____个网页文件（B）A.2B.3C.1D.418、网页要呈现的内容很多，如何合理地放置信息，使之看起来井井有条，主次分明， ____起着至关重要的决定作用（B）A.选定网页制作工具B.栏目设置和版面设计C.框架网页设计D.语言确定19、在网页表格中可以插入的网页元素有（D）A.Flash动画B.声音C.表格D.都可以20、利用表单制作留言板时，若要采集访问者的性别，最好选用的表单字段有（B）A.复选框B.单选按钮C.按钮D.滚动文本框21、HTML语言中，表格标志符是（A）A.<table><／table>B.<html><／html>C.<head><／head>D.<form><／form>22、为了标识一个 HTML文件，应该使用的标签是（D）A.<style> </style>B.<body> </body>C.<head></head>D.<html></html>23、超文本标记语言“<a href=’http://www．cctv．com’>央视国际</a>”的作用是（A）A.创建一个指向央视国际网站的超链接B.创建一个指向央视国际网站的电子邮件C.插入一幅央视国际网站的图片D.插入一段央视国际网站的文字24、在 HTML中加入 CSS的方法有多种，其中把样式代码定义成一个文件，然后链接到被引用的网页中，这种方法称为（B）A.直接编写B.外联式样式表C.内联式样式表D.嵌入式样式表25、样式表文件的扩展名是（D）A.htmB.aspC.jsD.CSS26、内联式样式表只对当前页面有效，定义时使用的标签以及通常其放在 HTML代码中的位置分别是（B）A.<body>B.<style>C.<title>D.<html>27、样式表作为网页制作的一项常用技术，它可以实现许多网页特效，下面关于样式表的优点的描述，不正确的是（C）A.仅仅改变一个样式文件就可以改变数百个网页的外观B.可以精确控制页面布局和外观C.样式使用越多，网页就越好看D.不仅能改变文字的格式，还可以实现图片特效28、下列关于在网页中使用 JavaScript特效的描述，不正确的是（D）A.尽量精简，不要使用太多动态效果B.过度的闪烁会让访问者头晕C.合理运用滚动字幕、变换的选择框以及持续的动画D.使用恶意脚本以增加网站的访问量，让访问者想关都关不掉29、HTML语言中插入 Java特效，应使用的标签对是（B）A.<title></title>B.<script></script>C.<table></table>D.<P></p>30、下列哪个选项是客户端脚本语言（B）A.Visual Basic ApplicationB.VBScript和JavaScriptC.Interact Explorer和 Flash MXD.HTML31、打开网页时，某同学看到当前网页的状态栏中出现了不断飞入的文字效果，这可能是在网页中运用了下列哪种技术（A）A.JavaScript特效B.动态 HTML效果C.GIF动画D.CSS样式表32、李华同学从网上复制了一个图片淡人淡出的 JavaScript特效，在本机预览时能正常显示，但复制到张明同学的计算机中却不能正常显示该图片和特效，出现这种情况的原因可能是（A）A.张明同学的计算机不支持该特效B.张明同学的计算机中没安装杀毒软件C.张明同学的计算机不能上网D.JavaScript代码粘贴的位置不正确33、小强在自己网站的首页上使用了一段显示日期的 JavaScript代码，上传到服务器后发现显示的日期跟在本机测试时不一样，可能的原因是（A）A.小强的计算机的日期跟服务器的日期不同步B.代码有错误C.小强的计算机的浏览器版本太低D.文件上传时存放的路径有问题34、下列关于使用 ASP技术的优点的描述，不正确的是（D）A.便于管理员维护B.大大节省了服务器的存储空问C.使得所有的页面有统一的风格，便于修改和控制D.可以有效地防止网站被黑客攻击35、下列关于ASP的工作原理的说法正确的是（C）A.使用 ASP编写的动态页面保存在客户端的计算机中B.ASP脚本代码在客户端计算机中编译C.使用ASP编写的动态页面保存在服务器端的计算机中D.ASP服务器仅把网页中的 ASP代码编译的结果发送到客户端计算机中36、以下程序不可以在客户端直接运行的是（B）A.CSS样式代码B.ASP程序C.JavaScript代码D.动态 HTML效果37、张明同学制作了一个网站，为了让其他人能访问自己的网站，他应该（A）A.将网站上传到Web服务器上发布B.将网站复制给要访问的人C.将网站用邮件发给要访问的人D.将网站所在的文件夹设置为共享38、某同学想测试自己的ASP网站，最佳的选择方案是（D）A.购买自己的服务器B.租用虚拟主机C.租用专用服务器D.申请免费的ASP空间39、对于网站的评价，一般可以从哪些方面展开评价（D）A.主题内容的思想性和科学性B.网站的组织结构与版面编排C.技术性、创造性D.都是40、获取网站评价信息的途径不包括下面的（D）A.通过留言板采集访问者的意见或建议B.使用在线调查C.接受访问者的在线咨询D.查看网站的运行日志41、关于网站评价的内容描述如下：①网站的功能是否达到了设计初期的要求；②网站的速度和访问量；③网站内容是否准确，有无与政策和国家法制相冲突的内容；④网站所有的页面链接可靠，无错误链接或死链接。
web个人网站课程设计
web个人网站课程设计一、课程目标知识目标：1. 学生能理解个人网站的基本结构，掌握HTML、CSS等网页设计基础知识。
2. 学生能运用所学知识，设计并制作出具有个人特色的网站页面。
3. 学生了解网站设计的基本原则和流程，掌握网站发布与维护的基本方法。
技能目标：1. 学生能运用网页设计软件，独立完成个人网站的设计与制作。
2. 学生能运用网络资源，解决网站设计过程中遇到的问题。
3. 学生具备一定的审美能力，能对个人网站进行优化和美化。
情感态度价值观目标：1. 学生培养对计算机科学的兴趣，激发学习编程和网站设计的热情。
2. 学生通过个人网站的制作，提高自我表达能力，培养创新精神。
3. 学生在团队协作中，学会沟通与分享，培养合作意识。
课程性质：本课程为信息技术课程，旨在培养学生掌握网站设计的基本技能，提高学生的信息素养和创新能力。
学生特点：学生为初中生，具备一定的计算机操作基础，对新鲜事物充满好奇，善于接受新知识。
教学要求：结合学生特点，注重实践操作，提高学生的动手能力。
通过任务驱动法，引导学生自主学习，培养学生的解决问题的能力和创新意识。
在教学过程中，关注学生的个体差异，给予个性化指导，确保每个学生都能达成课程目标。
最终实现学生能独立设计并制作出具有个人特色的网站页面，提高学生的综合素质。
二、教学内容1. 网页设计基础知识：HTML、CSS的基本语法和用法，网站结构及布局原则。
- 教材章节：第一章 网页设计与制作基础- 内容：HTML标签、属性、CSS样式、选择器、盒模型、布局方式等。
2. 网页设计软件应用：熟悉并掌握网页设计软件（如Dreamweaver、Sublime Text等）的使用。
- 教材章节：第二章 网页设计工具- 内容：软件界面及功能介绍、代码编写与调试、文件管理等。
3. 网站页面设计与制作：根据个人喜好，设计并制作网站页面。
- 教材章节：第三章 网站页面设计与制作- 内容：页面布局、色彩搭配、字体设置、图片处理、链接添加等。
多媒体网站综合课程设计
多媒体网站综合课程设计一、课程目标知识目标：1. 学生能理解多媒体网站的基本概念，掌握网页设计的基本原理和多媒体元素的整合方法。
2. 学生能运用HTML、CSS等基本编程语言，实现多媒体网站的结构布局和样式设计。
3. 学生了解网站信息架构和导航设计的重要性，并能运用相关知识优化网站的用户体验。
技能目标：1. 学生能运用网络资源进行信息检索，独立完成多媒体素材的收集和编辑。
2. 学生通过实践操作，掌握使用网页设计软件和编程工具进行网站设计与开发的基本技能。
3. 学生具备团队协作能力，能在小组合作中发挥个人优势，共同完成多媒体网站项目的构建。
情感态度价值观目标：1. 学生通过学习，培养对多媒体网站设计和开发的兴趣，激发创新意识和创作热情。
2. 学生在实践过程中，学会尊重他人意见，培养合作精神，增强解决问题的自信心。
3. 学生能够关注多媒体网站在社会发展和生活中的应用，认识到技术对生活的影响，树立正确的价值观。
课程性质：本课程为信息技术学科的一门实践性课程，结合学生年级特点，注重理论知识与实践操作的相结合。
学生特点：学生具备一定的信息技术基础，对新事物充满好奇，善于合作，有较强的动手操作能力。
教学要求：教师需关注学生的个性化需求，采用项目驱动法，引导学生主动参与课堂，培养其创新精神和实践能力。
同时，注重教学过程中的评价与反馈，确保学生达到预期的学习成果。
二、教学内容本课程依据课程目标，结合教材内容，设计以下教学大纲：1. 多媒体网站概述- 了解多媒体网站的定义、发展及应用领域。
- 分析优秀多媒体网站案例，掌握网站设计的基本原则。
2. 网页设计与制作- 学习HTML、CSS基本语法和常用标签，实现网页的结构与样式设计。
- 掌握网页设计软件的使用，如Dreamweaver、Photoshop等。
3. 多媒体元素整合- 学习音频、视频、动画等多媒体元素的插入与应用。
- 探讨多媒体元素与网页布局的协调与优化。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
优点
功能强大，操作简单易学、 灵活方便，站点管理功能强 大
Dreamweaver
Macromedia公司针 对专业网页设计师 特别发展的视觉化 网页开发工具
对平台和浏览器的 兼容性好，对动态 效果的支持性好
缺点
兼容性不好；生成的垃圾代 站点管理功能弱， 码多；对动态效果支持不好本身是文本格式的文件,可由任何 一种文本编辑软件如写字板、记事本和Word 等进行编辑，保存后，把文件扩展名改 为.htm或.html，就可用浏览器浏览到相应 的网页。
HTML语言就是通过一系列特定的标签 （Tag），来标识出相应的意义和作用，再 通过浏览器把这些标签所代表的意义表示出 来。
三、网站的规划与设计
确定网点主题 设计网站风格（标志,主色调，文字效果，版面布局） 规划网站结构 了解网站运行环境 选择网站开发工具 分配网站开发任务
四、建立站点
建立自己的主题网站,首先需要创建一个Web站点，用于保 存和调试创建的网页。
新建的网站首先要保存在本地硬盘上，待整个网站建好之 后再发布。
网站是由网页组成的,网站是网页的集合 体，网页是网站的元素。
网站的结构就是指某一网站的信息组合 的基本框架，它显示该网站中各个网页之 间的逻辑关系。
层次适当:一般以3到4层为佳 拓展性广：能够容纳信息的多变性和扩展性
基本概念
网站的结构主要有三种类型:
树状结构
线性结构
网状结构
树状结构:整个网站以主页作为中心,向外分散出 多个分支。
1.菜单栏:“格式”—“字体”,打开 字体对话框，如右图。
2.选中需要编辑的文字，右击，选 择“字体”菜单命令，打开字体对 话框，如右图。
3.“格式”工具栏
3、添加网页元素——插入图片
在网页中最常用的是GIF和 JPG格式的图片,因为这两种图 片的文件比较小，有利于提高 网页的浏览速度。（“插 入”-“图片”-“来自文件”）
5、添加网页元素——插入动画（Flash）
“插入”—“高级”—“插件”, 打开“插件属性”对话框。
通过“数据源”中的“浏览” 找到所用的Flash动画文件
6、添加网页元素——插入视频
“插入”—“图片”—“视频”,打开“视频”对话框。
支持的视频格式: .avi .asf .ram .ra
右击视频,选择“图片属性”命令，并切换到“视频”选项卡，可以对视频做进一步的设 置。
构成一个网站的基本元素是各种各样的文件 以及存放这些文件的文件夹。
网页文件,用来描述资结构、位置，引导浏览者访问 该网站，通常以“.htm”或者“.html”为扩展名。
网页文件所连接到的图像、 音频与视频等资源文件
Web数据库和程序文件
基本概念
主页（Home Page） 主页是通常用来表示访问某个网站时出现
树状结构是目前网站所采用的主要形式之一，它 结构清晰，访问者可以根据路径清楚的知道所在 位置。但在建立枝干的层次时，最多不应超过四 个。
线性结构:线状结构是网站最简单的结构方 式,网页一层层链接起来，逻辑清晰。
单向线状只提供往下一层网页的链接；
双向环状除了像单向线状那样链接外，还 可以倒着从网页3回到网页2，从网页2回到 网页1。
网络技术 总复习
主题三——网站设计与评价
一、基本概念
网站就是因特网上具有相似性质、共同内容的一组 信息资源。
网页（Page） 网页是用HTML语言写成的文件,它存放在某一台
计算机中，而这台计算机必须是与因特网相连。 网页文件最好以英文命名，并通常以“.htm”或者
“.html”为扩展名，以保证在浏览器中的正常解析。
无论是单向线状还是双向环状都不能在网 页之间自由跳跃链接。
网状结构:在网络结构中有一个主页,所有的网页都 可以和主页进行链接，同时，各个网页之间也随 意链接。网页之间没有明显的结构，像一张网一 样，可相互链接，随意跳转。
如果网页信息内容不能科学分类，访问者容易在 网页跳转过程中迷失方向，很难快速找到所需要 的信息。
方法:执行“文件”—“新建”—“站点”，打开“新建站点 对话框”
注意:不需要去D盘建立 “080701”文件夹。
1、表格、框架布局网页
表格在网页中的作用 有条理地组织数据 控制网页布局
插入表格以及表格基本操作 “表格-插入” 可以用表格工具栏手动绘制表格。 表格、单元格的属性设置 给表格、单元格添加颜色 使用嵌套表格等
插入其他格式的图片 后,在进行页面存储时， 系统会自动将图片格 式转换成GIF或JPF格
式。
注意“图片”工具条的使用
4、添加网页元素——插入动画（GIF格式）
提示:在“普通”模式中插入 动画之后,默认只显示动画的 第一帧图像，是静止的，进 入“预览”模式后，就可以 看见其动态效果了。
“插入”-“图片”-“来自文件”
所谓框架是将一个浏览器的窗口分割成两个 或两个以上的窗格,每个显示区域叫做一个框 架。
每个框架可以显示一个独立的网页，
一般情况下，可以用框架来保持网页中固定 的几个部分，如网页大标题、链接按钮等， 剩下的框架用来展现所选择的网页内容。
框架网页的创建与其基本操作
“文件-新建-框架网页”
2、添加网页元素——编辑文字
二、网页制作工具
第一类是源代码型编辑工具 代表产品有HotDog、HomeSite、EditPlus等。 第二类是“所见即所得”编辑工具 代表产品有FrontPage、Dreamweaver等。
网页制作工具
工具名称
FrontPage
简介
微软Office组件之一，著名 的“所见即所得”的网页编 辑软件，是很好的入门级网 页编辑工具
7、添加网页元素——插入背景音乐
方法:在网页的空白处右击,选择“网页属性”—“常规”选项卡 —“背景音乐。
的第一个页面,用来对整个网站进行概括性的 介绍，描述其他各个页面的内容的。
主页文件常以index或default命名，并通常 用的扩展名有.htm .html .jsp .asp等。
IE的主页表示IE浏览器启动时，即访问的网页地址。可 以是一个网站的主页，也可以是一个普通的网页文件。
基本概念
网站的结构