《网页设计与制作》大纲
一、课程的地位与性质
“网页设计与制作”是中职动漫设计与制作专业的职业技术课程,重点讲述网页设计与制作的基础知识、基本理论和基本技能,是一门包含了网页、网站的概念、网页主要工具软件HTML、dream weaver中文版的使用等诸多知识的操作性极强的技能型应用课程。“网页设计与制作”以“信息技术与应用”和“计算机辅助平面设计”为前期基础课程。
二、课程的任务与目的
通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件dream weaver的使用等基础知识,熟练运用网页制作的工具软件,使学生具有网页、网站制作的知识与能力,具备应用电脑独立开发网页、网站并将网站上传并测试的技能,具备解决网页设计、网站开发中出现各种问题的能力。本课程培养学生的职业素养和创新能力,为日后走向工作岗位打下理论与实践基础。通过本课程的学习实现学生思想过硬、理论基础扎实、实际工作能力强的教学目标。
三、课程总体结构、教学环节和课时分配
四、教学内容
第一章概述 2学时
教学目的:
了解网页及网站基本概念及网页的基本要素分析
教学重点与难点:
网页、网站设计流程,网页基本要素
第一节网页和网站
一、网页
二、网站
三、网页的基本功能
第二节网页中的主要元素
一、文本
二、图像
三、链接标志
四、其他的基本要素
第三节网页制作工具
一、网页编辑工具
二、网页图像编辑工具
三、动态网页技术
第四节网页设计的基本流程
一、网站的设计流程
二、网页的设计与制作
三、网页的测试
四、网页上传和发布
第二章 HTML语言基础 2学时
教学目的:
了解HTML文件的基本结构,掌握HTML中文本的编辑及图像的语法,掌握HTML中各种设置超级链接的语法,掌握HTML中表格和框架的基本语法。
教学重点与难点:
HTML的语法结构、超级链接的语法、表格和框架的基本语法。
第一节 HTML概述
一、HTML简介
二、HTML语法结构
第二节文本的编辑
一、段落标记
二、文本标记
三、标题显示等级
四、列表
第三节图像编辑
一、插入图像
二、使用背景图像
第四节建立超链接
一、建立超链接
二、使用书签
三、标记新窗口和基准链接
第五节表格与框架
一、建立表格
二、表格属性
三、建立框架
四、框架属性
第三章 Dream weaver基础 2学时
教学目的:
了解DW8的操作界面及常用命令,掌握规划和创建站点的操作,掌握基本的网页操。
教学重点与难点:
规划站点的结构、网页的基本操作
第一节 Dream weaver 8工作界面
一、启动和退出Dreamweaver
二、Dreamweaver8操作界面
第二节规划与创建站点
一、规划网站的整体结构
二、建立本地站点
三、管理本地站点
第三节网页文件的基本操作
一、新建网页
二、保存网页
三、关闭网页
四、打开网页
五、预览网页
第四章网页中的基础元素 2学时
教学目的:
通过本章的学习可以掌握在网页中的文本和段落的设置方法,掌握图像的插入及其属性的设置的方法,熟悉页面属性的设置,熟悉各种超级链接及设置。
教学重点与难点:
文本和段落的设置文本、图像的插入及其属性的设置、超链接
第一节在网页中插入文本
一、插入文本
二、设置文本格式
三、段落格式的编辑
四、设置列表
五、简单的CSS样式应用
第二节在网页插入图像
一、插入图像
二、设置图像属性
三、编辑图像
四、图像外部编辑
五、鼠标经过图像
六、创建导航条
第三节插入其他网页元素
一、水平线
二、日期和时间
第四节设置网页的页面属性
一、打开页面属性对话框
二、设置网页的标题
三、设置网页的背景
四、设置网页的文本
五、设置网页的边界
第五节设置超级链接
一、超链接的路径
二、创建基本超链接
三、锚点链接
四、热区链接
五、电子邮件链接
第五章页面布局规划 2学时
教学目的:
学会运用表格进行数据展示及进行网页布局,学会使用框架结构建立网页。
教学重点与难点:
表格的插入、表格的编排和设置、利用表格进行布局
第一节表格的基本操作
一、插入表格
二、添加内容
三、选择表格
四、设置表格属性
五、编辑表格的基本操作
第二节表格布局
一、布局视图
二、绘制布局表格和布局单元格
三、编辑布局表格和布局单元格
第三节框架布局
一、建立框架
二、框架面板
三、设置框架的属性
四、保存框架
五、框架中的超链接
第六章网页中的层和时间轴 1学时
教学目的:
通过教学,使学生掌握Dream weaver层的概念、层的操作方法;时间轴的概念、时间轴中各元素的功能及时间轴的常用操作方法。
教学重点与难点:
层的操作方法、时间轴操作方法
第一节层
一、创建层
二、层的基本操作
三、层与表格的转换
第二节时间轴
一、认识时间轴
二、创建动画
第七章表单的应用 2学时
教学目的:
表单,可以收集用户的信息和反馈意见,是网站管理者与浏览者之间沟通的桥梁,在本章将学习如何使用表单创建描述表单信息的网页。
教学重点与难点:
创建表单、处理表单的方法
第一节创建表单
一、表单概述
二、表单对象
三、插入表单
四、表单属性
第二节创建表单对象
一、创建文本域
二、创建复选框
三、创建单选按钮
四、创建列表/菜单
五、创建文件域
六、创建跳转菜单
七、创建按钮
八、创建单选按钮组
九、创建图像域
第三节处理表单
一、使用行为验证表单
二、利用邮件传送表单
第八章 CSS样式使用 2学时
教学目的:
通过教学,使学生掌握CSS样式表的基本概念,会使用CSS样式面板。掌握创建CSS样式表的方法,新建CSS样式表,设置CSS样式定义对话框,创建
外部CSS样式表,使用和编辑自定义CSS样式表。
教学重点与难点:
新建和和应用CSS样式表,CSS经典应用(大字、下划线)、滤镜的作用。
第一节 CSS样式概述
一、认识CSS样式
二、CSS样式的类型
三、CSS样式面板
第二节使用CSS样式
一、创建CSS样式
二、附加外部CSS样式
三、应用CSS样式
四、编辑CSS样式
五、删除CSS样式
第三节 CSS样式设置
(拓展内容,可根据课时来安排是否讲授)
一、类型
二、背景
三、区块
四、方框
五、边框
六、列表
七、定位
八、扩展
第四节 CSS样式经典实例
一、改变鼠标形状
二、更改超链接的样式
三、应用CSS滤镜
第九章在网页中使用行为 1学时
教学目的:
通过教学,使学生掌握Dreamweaver中行为的概念,熟练掌握使用行为面板对行为的各种操作方法。使用Dreamweaver 的内置行为为网页对象添加各种常用的行为。
教学重点与难点:
《网页设计与制作教案》 湄洲湾职业技术学院 2008-2009学年第一学期 教师:唐俊奇 系部:信息技术工程系 专业:计算机应用电子信息 班级:计机07(1)信息07(1)08(2)
第一讲网页设计概述 【教学内容】 讲解网页设计的相关术语及网站制作的基本流程。 【教学目的】 使学生对网站及网页有一定的认识,激发学生学习网页设计的兴趣。 【教学重点】 网页设计中的若干术语。 【教学难点】 理解网页设计中的若干术语。 【教学方式】 讲授式、讨论式、案例分析式。 【教学参考】 1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社。 2、《Internet 网页工场》Wittime工作室重庆出版社。 3、《WEB网站设计》Joel Sklar著高等教育出版社。 4、《HTML网页制作教程》材义语编著铁道出版社。 【新课内容】 1.1 WWW和URL 1.1.1 Web的起源 Web是World Wide Web的简称,一般也称之为WWW或3W 1.1.2 Web的特点和结构 Web最大的特点是使用了超文本(Hypertext) WWW采用C/S(客户机/服务器)工作模式 在浏览器和服务器之间应用HTTP(Hyper Text Transfer Protocol,超文本传输协议)作为网络应用层通信协议 1.1.3 URL URL的完整格式 协议://主机名或IP地址:端口号/路径名/文件名 1.2 IE5的使用 Web浏览器是浏览Internet资源的客户端软件 在Windows环境下使用的浏览器主要有Internet Explorer、Netscape Navigator、Mosaic 等 1.2.1 IE5的界面 1.2.2 IE5的使用
《网页设计与制作》教材编写大纲 【开篇引案】卓帆五金制品厂网站 【网页设计与制作的职业岗位分析】 ◆认识网站、网页 ◆网页设计与制作的职业岗位分析 ◆网页设计与制作的典型工作任务 【典型任务1】网站规划 【工作任务描述】 1.任务背景 2.任务目标 对网站进行需求分析 对网站的风格进行定位 制定网站具体实施方案,制作网站规划说明书 3.所需工具 【工作过程】 第1步:网站需求分析 第2步:制作网站规划说明书 ◆嵌入知识点 【典型任务2】站点建设与管理 【工作任务描述】 1.任务背景 2.任务目标 认识站点,明确站点建设与管理的重要性 根据网站建设实际需要,合理有效地创建与管理站点资源3.所需工具 【工作过程】 第1步:认识Web站点 第2步创建“卓帆五金制品厂”网站本地Web站点 第3步管理站点 第4步创建文件夹和空白页面 ◆嵌入知识点
【典型任务3】首页设计与制作 【工作任务描述】 1.任务背景 2.任务目标 明确首页设计与制作的过程和注意事项 在页面中设置跟踪图像,作为布局蓝图 在网页中绘制布局表格和布局单元格对页面进行布局 在页面中插入表格、设置表格属性 对网页中的文本进行格式化设置 在网页中插入图像并进行编辑与美化 3.所需工具 【工作过程】 第1步:设计网站首页 第2步:制作网站首页 ◆嵌入知识点 【典型任务4】首页美化 【工作任务描述】 1.任务背景 2.任务目标 理解CSS 样式表的意义和原理 在Dreamweaver网页制作软件中定义并应用样式表来美化首页外观3.所需工具 【工作过程】 第1步:认识CSS样式表 第2步:创建与编辑CSS规则美化网站首页 ◆嵌入知识点 【典型任务5】设计二级页面 【工作任务描述】 1.任务背景 2.任务目标 3.所需工具 〖子任务1〗设计“首饰包装”页面的内部与外部链接 【工作任务描述】 1.任务背景
1.请列出三种TCP/IP网络中所使用的协议,并说明它们哪些类型的终端之间的,例如,网络管理站(SNMP)是用于中央网络管理站和网络之间的。 参考答案: (1)HTTP:超文本传输协议,用于WEB服务器和WEB客户机之间; (2)SMTP:简单邮件传送协议,用于邮件客户机和邮件服务器之间; (3)TELNET:远程登录协议,用于客户机与终端之间。 2.现给出一个网址如下:https://www.doczj.com/doc/702493676.html,/planetwide/select/selector.html,请你根据所学的URL分析该网址各个部分的含义。 参考答案: //前的http表示访问信息采用的是超文本传输协议,并且文件在WWW服务器上; https://www.doczj.com/doc/702493676.html,表明了WWW服务器的位置; planetwide/select/selector.html表明最终要访问的文件所在的位置。 3.访问类型即访问信息的链接方式,它决定了文件所在的位置,请问常用的链接方式有哪几种,并举出实例。(列出三种即可) 参考答案: (1)file:如file:\\D:\作业\作业\主页.htm(前面的file:\\一般可省略)就是打开本地D盘下的一个网页;(2)ftp:如ftp:\\https://www.doczj.com/doc/702493676.html,(此处也可输入IP地址); (3)http:如https://www.doczj.com/doc/702493676.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/702493676.html,,请你实际操作进入该网站,并列出三种以上进入该TELNET网站的方法。 参考答案: (1)在浏览器中登录:启动INTERNET EXPLORER,在URL地址栏中输入“telnet://https://www.doczj.com/doc/702493676.html,”;(2)“开始”→“运行”→“输入telnet”→“确定”→在命令行输入“open https://www.doczj.com/doc/702493676.html,”命令并回车; (3)“开始”→“运行”→“输入cmd”→“确定”→在命令行输入“telnet https://www.doczj.com/doc/702493676.html,”命令并回车; (4)“开始”→“运行”→“输入c md”→“确定”→在命令行输入“telnet211.157.100.8”命令并回车。 5.如果远程登录失败,请问原因可能是什么? 参考答案: (1)计算机地址拼写错误(主机名或IP地址错误); (2)远程计算机暂时不能使用; (3)你所指定的计算机不在Internet上。 6.实践:启动INTERNET EXPLORER浏览器,修改其INTERNET选项,并观察其效果。 您的答案: 答:将https://www.doczj.com/doc/702493676.html, 设置为INTERNET选项的首页后,只要打开INTERNET EXPLORER 便直接登录到该网站的主页 1.个人网站有哪三种基本风格? 参考答案: (1)主题图形式; (2)信息发布式; (3)介于两者之间的风格。
《网页设计与制作》课程教学大纲 课程名称:网页设计与制作 学分及学时: 4 学分总学时72学时,理论36 学时 适用专业:网络工程 开课学期:第四学期 开课部门:计算机与互联网学院 先修课程:计算机文化基础计算机网络 考核要求:考试 使用教材及主要参考书: 向知礼主编:《网页设计与制作》航空工业出版社2017 年 杨松主编:《网页设计案例教程》航空工业出版社2015 年 一·课程性质和任务: 本课程全面地介绍网页制作技术的基本理论和实际应用。全书共 10 章,分为 3 大部分。前 5 章为第 1 部分,主要介绍网页制作的基本理论——HTML,同时穿插介绍Fireworks,Flash, Anfy 等软件在网页制作过程中的应用;第 6 章~第 8 章为第 2 部分,主要介绍网页 制作技术,包括CSS技术、客户端脚本技术(DHTML)以及 XML 技术;第9 章~第 10 章为第3 部分,主要介绍当前最流行的网页制作工具——Dreamweaver ,通过应用实践能够从实际 应用的角度进一步巩固所学知识。 课程内容不但包括各种网页制作技术的基础理论,而且强调网页制作的具体应用,使读者既能打下坚实的理论基础,又能掌握实际的操作技能。 二·课程教学目的与要求 以Dreamweaver 的使用为主线,介绍网页制作的相关技术。使学生理解网页制作的基本 概念和理论 ,掌握站点的建立和网页的设计 ,能用 HTML 语言修改网页 ;掌握网页制作和站点的基本 知识 ;掌握站点的创建和网页的编辑 ;掌握超链接、图像、 CSS样式的使用 ;掌握表格、框 架、表单、多媒体对象的使用 ; 理解行为、模板、库、 CSS布局的概念和使用 ;理解 HTML 语言、 网站的测试与的发布; 要求:教学过程中,须注重学生实践操作能力的培养,采取“面向实践、能力为先”的 教学思路,教学内容应结合当前WEB 技术的发展趋势,把握未来企业级WEB 页面开发的发 展方向,兼顾各行各业的需求变化,力争面向社会,服务于企业“互联网+”战略。
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/702493676.html,指定的。 JavaScript标准是由Ecma制定的。 C#、https://www.doczj.com/doc/702493676.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)设计五课程设计心得。
《网页设计与制作》课程标准前言: 《网页设计与制作》是理实一体化课程,是计算机专业(软件与信息服务、数字媒体、计算机应用专业)的一门重要的专业必修课。本课程定位于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学时) 教学目标: 网页与网站基本概念、网页基本组成元素、常用网页制作软件 主要教学内容: 网页制作基础知识 网页的基本构成元素 网页制作常用软件和技术 第二章 Dreamweaver CS6轻松入门(2学时)
《网页设计与制作》课程概述: 栏目介绍:课程栏目包括除课程概述之外,还有教学大纲、主讲 教师、学习课件、学习资料、在线练习、留言板、友情链接。 课件内容介绍: 《网页设计与制作》是一门理论与实践技能并重的课程,本 课程主要介绍第一章至第五章的内容。部分教学内容如下: 第一章 网页设计基础 第二章 HTML基础 第三章 表格 第四章 框架 第五章 使用AP Div元素 本课程五章内容共分为三十六个课时, 上下课时的内容相互联系 相互影响。 第一章: 第1课时、基本概念 第2课时、网站分类 第3课时、网页页面布局 第4课时、网站制作流程 第5课时 网站策划书
第6课时、常用网页设计技术 第7课时、常用网页设计工具 第8 课时、网站建设流程 第9 课时平台规划 第二章; 第10 课时 HTML 第11 课时 HTML 的基本构成标记 第12 课时 强制换行标记、段落标记 第13 课时文本标记 第14 课时 列表标记 第15 课时 层标记和表单标记 第16 课时 框架的应用 第17 课时 rows 属性和cols属性说明 第三章: 第18 课时 在页面中创建表格 第19 课时 表格的基本操作 第20 课时 设置表格属性 第21 课时 使用表格对网页进行布局 第四章: 第22 课时 认识框架和框架集 第23 课时 创建和保存框架集 第24 课时 编辑框架
第25 课时 设置框架和框架集属性 第26 课时 框架标签 第五章: 第27 课时 AP Div概述 第28 课时 创建 AP Div元素 第29 课时 设置 AP Div元素的属性 第30 课时 “属性”面板中各项含义 第31 课时 AP 元素面板 第32 课时 调整AP Div 的大小 第33 课时 更改AP Div 的堆叠顺序 第34 课时 嵌套AP元素 第35 课时 对齐AP元素 第36 课时 将AP Div元素转换为表格 第37 课时 将表格转换为 AP Div 元素 第38 课:AP Div 标签 第39 课时 CSS与Div标签 第40 课时 设置 Div属性 教材介绍: 所用教材是《网页设计与制作基础教程》,其内容丰富,结 构清晰,语言简练,图文并茂,具有很强的实用性和操作性,可 作为高等院校计算机相关专业的教材,也可作为广大动态网站开
《网页设计与制作》课程教学大纲 一、课程的性质和任务 课程性质:《网页设计与制作》是现代汽车技术/计算机及应用专业的一门选修课程,是学习网页设计与制作的一门重要课程。 主要任务:向学生全面介绍与网页设计制作有关的知识,向学生阐明Web 基本工作机制,并使学生具有解决一般网页制作问题的能力。与此同时,通过对Web页制作技术和制作工具的学习,使学生对于网页设计中所涉及的相关知识有一个全面的了解。掌握通过HTML语言、FrontPage、Flash工具软件设计制作一个网站的方法与技巧。 基本要求: 1、了解Internet的过去、现在和将来及有关WWW、HTTP、HTML、CSS的定义,概念和作用; 2、了解图像的几种格式:GIF、JPEG、PNG和矢量图格式,它们各自的特点和差别; 3、理解服务器、客户端、浏览器的概念和作用; 4、深入理解HTML语言中的各种文本格式、字符格式、段落设置、列表、标记、表格、框架、表单的作用; 5、理解客户端脚本程序的工作方式; 6、熟练掌握使用绝对和相对URL,创建超链接,图象链接,图象映射的建立方法; 7、会使用FrontPage2000、DreamWeaver等网页制作工具制作网页; 二、课时分配 课程教学总学时数为42学时,具体分配见课时分配表。 课时分配表
三、本课程的教学内容 第一章 HTML概述 什么是HTML;什么是WEB;HTML的定义;基本的HTML语法;标记符的属性; WEB页的基本结构;HTML标记;首部标记;正文标记符;添加注释;显示特殊字符。 第二章页面背景与颜色控制 页面背景;背景颜色;背景图案;字符和链接的颜色。 第三章文本格式 字符格式;物理字符样式;逻辑字符样式;段落格式;分段与换行;段落对齐。 第四章列表格式 有序列表;OL标记符和LI标记符;有序列表的嵌套;无序列表;定义无序列表;混合嵌套列表;定义列表;创建定义列表;使用定义列表缩排文档第五章使用图象 WEB页图象格式;在网页中插入图象;IMG标记符及其基本属性;图象布局;使用GIF动画;创建GIF动画;注意事项;使用网页图象的要点。 第六章使用超链接 超链接基础;URL简介;绝对URL与相对URL;BASE标记符;创建超链接;.1 指向本地网页的链接;指向其他网页的链接;指向页面中特定部分的链接;指向电子邮件的链接;图象与超链接;链接到图象;图象链接;图象映射;客户端图象映射;服务器端图象映射。 第七章使用表格 创建表格;表格标记符TABLE;创建表格标题;表格的表头;表格的行与列;表格的修饰;边框和分隔线;表格的对齐;控制单元格空白;行组;列组;使用表格设计网页布局;设置表格或单元格的背景;嵌套表格。
网页设计与制作 实训报告 班级:多媒体152 姓名:张莉钧 学号: 指导老师:薛杨王淑惠 实训时间:6.20——6.24 一、实训目的: 1、进一步熟悉和掌握网站建设的基本流程和技术规范; 2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识; 3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识; 4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法,能独立设计一个内容完整、图文并茂、技术运用得当的网站; 5、具备独立撰写实训报告基本能力; 6、在网页设计的实践中培养分析问题、解决问题的能力,培养协作、交流的能力,培养创新能力和团队意识; 7、紧紧围绕网页制作的流程:规划、设计、开发、发布、维护来进行网站的开发,制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结,使学生复习、巩固所学过的理论,并予 以适当的深化,进一步训练学生的基本技能(如:搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等),为今后从事网站开 发、维护和管理奠定基础 二、实训项目——特色美食餐厅网站设计 1、网站主题 我的网站的主旨在于从各个方面全面的介绍特色美食餐厅,包括它的菜品、餐厅的环境以及促销活动。另外,网站里还包括餐厅资料和联系方式,网站里的每一个网页都有统一的风格,每一个网页的主题色彩都是橙色和白色搭配,用以展示餐厅特色的效果。其实最重要的是要做出自己的风格,给浏览者好的欣赏感受。 2、网站材料 主要在网站上搜集所要的网页信息,包括图片、文字。同时,查 询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等,用以得来更加具有说服力的页面。要想做好自己的网站,能够给浏览者好的欣感受,就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。精选自己收集的材料,作为自己制作网页的素材,这样就可以做好一个好的网站。 3、网站规划 我的网站共有7个主页面:首页、美食介绍、优惠活动、商品促销、宴会定制、会员中心和关于我们。每一个页面用统一的模块,以保证网站统一的页面风格。网页布局主要用框架和表格,用框架定位内容的大体结构,再用表格具体定位。位子的设计也是重要的一个部分,根据具体内容决定字体风格,相同的风格多次调用是CSS设计一个样式,以保证随时、准确的调用。 三、网页设计工具使用 1、Dreamweaver——我们使用它做网页的主要布局。 2、Photoshop——我们使用它做网页图片的处理以及logo的制作。
《网页设计与制作》期末考试试题 一、单项选择题(本大题共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、