网页设计与制作知识点
网页设计与制作期末知识点
网页设计与制作期末知识点一、概述网页设计与制作是指通过使用HTML、CSS、JavaScript等技术来创建和实现网页的过程。
它包括了页面布局、内容呈现、交互动效等方面的设计与实现。
在期末考试中，了解并掌握以下几个知识点将有助于提升你的成绩。
二、HTML基础1. 标签与元素：HTML使用各种标签来定义网页的结构和内容。
每个标签都由一个开始标签和一个结束标签组成，之间可以插入内容。
2. 常用标签：常用的HTML标签包括`<html>`、`<head>`、`<body>`、`<div>`、`<p>`、`<img>`、`<a>`等等，了解其基本用法和属性有助于页面的构建和展示。
3. 表单：掌握HTML表单的搭建方法，包括输入框、复选框、单选框、下拉列表等等，以便用户能够方便地进行数据输入和提交。
三、CSS样式1. 选择器：了解不同的CSS选择器，如标签选择器、类选择器、ID选择器等等，并掌握它们的优先级和用法，以便进行样式的精确控制。
2. 盒模型：理解CSS盒模型的概念，包括内容区、内边距、边框和外边距，并熟悉如何设置它们的大小和样式。
3. 布局与定位：掌握CSS的布局方法，如浮动、定位、弹性布局等等。
了解如何使元素在页面上正确地定位和排列。
四、JavaScript交互1. 事件处理：了解如何使用JavaScript来处理用户的事件，如点击、鼠标移动、表单提交等等。
掌握事件的基本绑定方法和处理函数。
2. DOM操作：熟悉JavaScript中的DOM操作，包括元素的选择、修改、添加和删除等等。
掌握DOM节点的遍历和操作方法。
3. 动态效果：了解如何使用JavaScript创建动态效果，如轮播图、下拉菜单、模态框等等。
掌握基本的动画效果和过渡效果的实现方法。
五、响应式设计1. 媒体查询：了解响应式设计的概念和原理，以及如何使用CSS的媒体查询来根据不同的设备和屏幕尺寸展示不同的样式和布局。
网页设计制作知识点
网页设计制作知识点1. 基础知识1.1 HTML（Hypertext Markup Language）HTML是用于构建网页的标记语言，通过使用各种标签和属性，可以定义网页的结构和内容。
常见的HTML标签包括<head>、<body>、<div>、<p>等。
1.2 CSS（Cascading Style Sheets）CSS用于控制网页的样式和布局，通过将样式属性应用于HTML元素，可以改变它们的颜色、字体、大小等外观特性。
常见的CSS属性包括color、font-family、margin、padding等。
1.3 JavaScriptJavaScript是一种用于增加网页交互性的脚本语言，可以通过在网页中嵌入JavaScript代码来实现动态效果、表单验证等功能。
2. 响应式设计响应式设计是指根据设备的屏幕尺寸和分辨率，自动调整网页的布局和内容，以确保在不同设备上都能正常显示和使用。
常见的响应式设计技术包括媒体查询（Media Queries）、流体布局（Fluid Layout）和弹性图片（Flexible Images）等。
3. 网页导航3.1 导航栏导航栏用于展示网站的主要导航链接，通常位于页面的顶部或侧边。
可以使用HTML和CSS创建导航栏，并为每个链接添加交互效果。
3.2 面包屑导航面包屑导航用于显示当前页面在网站结构中的位置，让用户可以方便地进行导航和返回。
可以使用HTML和CSS创建面包屑导航，并为每个链接添加合适的指向。
4. 网页布局4.1 盒子模型盒子模型是用于布局和定位网页元素的基础概念，每个HTML 元素都可以看作是一个矩形的盒子。
通过设置盒子的宽度、高度、内边距（padding）和外边距（margin），可以精确控制元素在网页中的位置和间距。
4.2 栅格系统栅格系统是一种用于创建响应式网页布局的技术，将页面划分为多个均等的列。
网页制作复习提纲
《网页设计与制作》复习提纲第1章网页设计与制作基本知识1、网页的概念P3网页是用HTML语言语言编写，通过WWW传播，并被WEB浏览器翻译成为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一体的页面文件。
2、HTTP协议与统一资源定位符P33、何谓超文本P54、网页制作的常用工具软件有哪些P75、网页正文区<BODY></BODY>和文件头<HEAD></HEAD>的位置关系，文件头内的惟一一个必须出现的标记是哪一个标记？P10（唯一一个必须出现的标记是<title>/</title>）6、单标记和双标记的概念，HTML标记中哪些是单标记，哪些是双标记？ P11起7、注释语句的含义，其正确书写格式 P108、HTML标记的常用属性的含义，例如大小尺寸、对齐方式、颜色值属性的书写方式。
P12起9、你是如何认识标题标记的？P1310、在HTML文件中实现换段和强制换行的不同，及分别使用哪个标记? P14-1511、HTML中的常用标记的对应名称P12起12、插入多媒体对象的HTML语句的正确格式P15起13、表格标记的相关知识P1814、超链接语句的相关知识P17第2章FireworksCS4数码图像基本操作1、位图与矢量图的特点及常用格式是什么？P252、网页上常见的图像的格式及特点？P263、Fireworks默认的存储格式是？P27 （PNG格式）4、选区的操作：加选、减选、全选、取消选择P42-435. 各种位图工具的使用，例如“放大”工具、“锐化”工具、“模糊”工具、“减淡”工具、“橡皮图章”工具、“矩形”工具、椭圆”工具、“替换颜色”工具等P52-P616. 图像优化的设置P747. 批处理的操作方法P77第3章FireworksCS4网页高级应用1、切片的概念、优点及相关操作P89起2、交换图像的实现方法P95起3、元件、实例的概念及相关操作P101起4、按钮的状态及按钮的相关操作P105起5. Fireworks动画的帧概念及默认延时设置P116-119第4章DreamweaverCS4网页制作基本操作1. 如果想更改工作区，可以使用“编辑”菜单中的什么命令切换到一种不同的工作区？2、Dreamweaver站点的概念和特点P149起3、在文件面板中进行管理的功能有哪些P153起4、关于【远端站点】和【本地文件】的特点和概念P1515、哪些是HTML文档的基本属性及基本元素？P156设置网页基本属性的目的在于设置网页的外观效果，其基本属性包括网页标题、背景色、背景图像等。
网页设计与制作的知识点
网页设计与制作的知识点在当今数字化时代，网页设计与制作已经成为一个不可或缺的技能。
无论是企业网站、个人博客还是电子商务平台，都需要经过精心的设计与制作才能吸引用户并提供良好的用户体验。
本文将介绍网页设计与制作的一些关键知识点，帮助读者更好地理解和应用这项技能。
一、响应式设计响应式设计是指网页能够适应不同屏幕尺寸和设备的设计原理。
随着移动设备的普及，人们习惯在手机和平板上浏览网页。
为了提供更好的用户体验，网页需要能够自适应不同的屏幕大小和旋转方向。
响应式设计采用流式布局、媒体查询和弹性图片等技术，使网页在不同设备上呈现出最佳的排版和样式。
二、用户体验设计用户体验设计是指通过优化网页的界面和交互，提升用户在浏览器上的感知和满意度。
一个良好的用户体验能够吸引用户的注意力并使其更愿意留在网站上。
在用户体验设计中，需要考虑网站的导航结构、页面加载速度、文字排版、图像选择等因素。
通过合理的设计和优化，可以提升用户的满意度和转化率。
三、色彩与排版色彩和排版是网页设计中不可忽视的要素。
色彩搭配能够给人不同的情绪和感受，不同的色彩组合也会对用户产生不同的影响。
在选择网页的主色调和配色方案时，需要考虑目标受众、品牌形象以及网站内容。
排版则涉及文字的字号、字体、行间距和对齐方式等，需要保证文字的易读性和美观性。
四、网页交互设计网页交互设计是指通过设计网页的用户界面和交互方式，使用户可以方便地与网站进行互动。
在交互设计中，需要考虑网站的导航、按钮、表单、弹窗等元素的布局和功能。
通过合理的交互设计，能够提升用户的操作便捷性和效率，并减少用户的困惑和错误操作。
五、网页优化与SEO网页优化和SEO（搜索引擎优化）是提升网页可见性和访问量的关键。
通过合理的网页优化和SEO策略，可以提高网站在搜索引擎中的排名，获得更多的有机流量。
网页优化包括优化网页的标题、描述、关键词、图片标签等元素，以及提高网页的加载速度和响应性能。
SEO策略则包括关键词研究、内链建设、外链优化等技术。
网页设计与制作_
3.5.2錨点链接
除了可以对不同网页或文件进行链接以外, 对于 包含了大量文字的网页来 说, 还可以对同一网页的不同 部分进行■链接, 这种连接称为描点链接。錨点链 接就是 在页面的特定区域先指定一个錨点, 然后创建一个岁旨向 錨点的链接, 单 击该链接时浏览器自动跳转显示錨点所 在的区域。
<a name:“锚点名 “〉〈/a> <a href=“#錨点名” >
3.1.2 HTML基本概念
♦标记: 用语描述功能的符 号
♦特殊字符: 用替代命令代 表特殊的意义
♦语法: 用于描述标记的属 性参数
3.2 文本
3.3表格
在网页设计中，表格的应用是相当广泛的， 几乎现在没有哪个网 站的网页中没有表元素，表 的属性非常多可以设置背景图象、背景色、 大小、 嵌套表等等，而且网页的排版很大程度上是表在 起作用。下面从 两个方面阐达表格:
基本表格 表格控制
3.3.1基本表格
表格的插入是用 <table></table〉 标偽 来实现的，必须有 <tr></tr>和 <td></td>,其中 <tr></tr〉表示行， <td></td〉 表示列。 右面是一个基本表的 例子，自己 动手看看 效果吧！
<html> <headxtitle>table 示例 </titlex/head> <body> <table bor<ler=l> <tr> <td>^ _列 </td> <td> 第二列 </td> </tr> </table> </body>
网页设计与制作复习资料
网页设计与制作网页制作专业术语：1.域名：一个网站上的网址在互联网上具有唯一性2.站点：方便网页制作人员在制作网站时进行文件管理的工具，将网站中用到的内容放置于一个文件夹中管理3.首页：网页的主索引页，是访问者了解网页概况并引导其阅读站内重点内容的向导4.表格:处理数据最有效的工具，使数据得到合理分配5.关键帧：在动画构成中起关键性动作变化的帧，有对象存在，可任意编辑在时间轴上表示I．网页设计功能：所见及所得的，可视化网页编辑软件，有三种视图可供选择，但必须先创站点，再进行文本和图像的编辑II.超链接的种类：文本与图像超链接;热点超链接；锚记超链接；邮件超链接III.CSS样式的作用：CSS值层叠样式表，快速完成网页表格式的统一，有利于工作效率IV．AP元素进行网页布局的特点：AP元素是网页布局的一种方式，由于它具有浮动性，可以使窗口随意拖动，因此它的定位相对于表格更为灵活。
6.框架和框架集的特点：框架是独立的HTML文档。
框架是由多个框架组合而成的。
一个框架网页中包含多个框架的布局，链接和属性的性质。
用框架构成的网页实际上包含了各个框架中的网页及一个框架集表格。
7.浮动框架的实现法：通过在HTML代码窗口中添加〈inframe〉flash〈/inframe〉标签来嵌入，设置框架属性及链接文档来完成框架功能8.如何用模板统一网站风格：利用模板文件锁定区域可控制网站内多个网页间的共性内容；对于个性化的内容则通过可编辑区域来完成，从而用最短的时间来完成繁复的维护工作9.常见的动态网页技术：⑴表格的提交⑵行为的控制⑶flash动画的插入⑷影片的插入⑸声音的插入⑹滚动效果的添加10.f lash和firworks的相似性区别：其界面结构基本相同，只是flash增加了一个时间轴，flash以矢量图处理为基础，其图形具有矢量图的特点11.逐帧动画特点：以单帧中内容的变化来实现动画效果，其文件占用的内存空间过大，如果动画变化比较复杂，则应采取该种动画类型12.引导动画的构成原理：由引导层和被引导层构成，引导层位于被引导层上方，被引导层沿着引导层的路径进行运动，一条引导路径可以被多个被引导层对象共用13.选取图像方法：⑴用选取框选取⑵用套索工具⑶用魔术棒工具14.已有若干网页视频、音频、flash、图书素材，如何进行网页系统的综合设计1.首先，利用Dreamever,网页设计软件建立一个战点，将已有的网页导入站点，在站点中对网页通过超链接技术进行链接2.然后，可根据网站的内容和素材，建立新的网页，利用表格或框架集进行布局，将文字、图片、音频、视频与flash合理的组织在一起，也可以利用动态网页设计实现一定的动态特效，最后对站点内的网页系统进行综合检测并上传15.需制作一个网页上使用的flash动画，给出设计方案，举实例进行设计说明1.首先，在flash中创建一个文档，进行动画的整体设计，设计动画的内容，建立若干个图层，并根据整体显示的效果决定图层的位置。
《网页设计与制作》笔记_学习笔记
《网页设计与制作》笔记第一章：网页设计基础1.1网页设计的定义与重要性1.2网页设计的历史与发展1.3设计原则与最佳实践1.4用户体验的基本概念第二章：网页设计工具与技术2.1设计软件介绍（如Photoshop、Sketch）2.2前端开发工具（如HTML、CSS、JavaScript）2.3响应式设计与框架（如Bootstrap、Foundation）2.4版本控制与协作工具（如Git、GitHub）第三章：网页布局与结构3.1网页布局的基本概念3.2网格系统与布局设计3.3导航设计与信息架构3.4模块化设计与组件化开发第四章：色彩与字体选择4.1色彩理论与配色技巧4.2字体的选择与排版4.3色彩与品牌形象4.4可访问性与色彩使用第五章：网页内容与互动5.1内容策略与信息呈现5.2图像与多媒体的使用5.3互动设计与用户反馈5.4SEO基础与内容优化第六章：网页测试与上线6.1测试类型与测试工具6.2性能优化与加载速度6.3上线流程与维护建议6.4数据分析与用户行为追踪第1章：网页设计基础网页设计的定义与重要性网页设计是指为网站创建和布局视觉内容的过程。
这包括网页的整体外观、结构和交互功能。
网页设计不仅涉及视觉元素的排版和配色，还包括用户如何与网页互动。
一个好的网页设计能够提升用户的体验，增加网站的访问量和转化率。
重要性：1.吸引用户：优秀的网页设计能够第一时间吸引用户的注意，提高用户的留存率。
2.增加可用性：良好的设计帮助用户更容易找到他们所需的信息，减少用户的挫败感。
3.提升品牌形象：专业的网页设计能够增强品牌的可信度和专业形象。
4.搜索引擎优化：设计良好的网页更容易被搜索引擎抓取，从而提升网站在搜索结果中的排名。
考试要点：网页设计的定义及其组成部分网页设计对用户体验和品牌形象的影响网页设计在市场营销中的作用网页设计的历史与发展网页设计的起源可以追溯到20世纪90年代初。
当时网页主要是以文本为主，简单的超链接连接不同的信息。
网页设计与制作必考知识点
网页设计与制作必考知识点在网页设计与制作中，有一些必考的知识点是非常重要的，它们对于设计师和开发者来说是必备的技能和了解。
本文将介绍几个关键的知识点，帮助读者更好地理解和应用于网页设计与制作中。
1. HTML基础知识HTML是网页设计与制作的基础，网页的结构和内容都由HTML语言来实现。
设计师和开发者需要了解HTML标签的用途和语法规则，如<head>、<body>、<div>等等。
掌握常用标签的属性和使用方法，能够准确地搭建网页的框架和布局。
2. CSS样式与布局CSS是网页的样式表语言，用于定义网页的外观和布局。
掌握CSS 的各种选择器、属性和值，能够对网页进行各种个性化的样式设置，如字体、颜色、背景、盒模型等。
同时，熟悉CSS的盒模型和浮动布局，能够实现网页的自适应和响应式设计。
3. 响应式设计与移动端优化随着移动设备的普及，网页设计也需要考虑不同屏幕尺寸和设备的适配。
掌握响应式设计的原理和技巧，能够根据设备的特性和屏幕大小，灵活调整网页的布局和样式，以提供更好的用户体验。
此外，了解移动端优化的方法，如图片的压缩与懒加载、字体的优化等，能够提高网页的加载速度和性能。
4. 网页性能优化网页性能是用户体验的重要因素之一，影响着用户的留存和转化率。
设计师和开发者需要了解网页性能优化的方法和工具，如减少HTTP请求、压缩代码、启用浏览器缓存等。
同时，合理使用CSS和JavaScript，减少冗余代码和文件大小，能够提高网页的加载速度和响应时间。
5. 用户体验设计用户体验是网页设计与制作中的核心概念，关注用户在使用网页过程中的感受和反馈。
设计师需要了解用户调研和需求分析的方法，通过用户画像和用户故事，确定网页的功能和交互设计。
同时，注重网页的可用性和易用性，提供清晰的导航和交互界面，以提升用户的满意度和使用体验。
6. SEO优化SEO（Search Engine Optimization）是指通过优化网页的结构和内容，提高网站在搜索引擎中的排名和曝光度。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网页设计与制作知识点第一部分HTML1. 在常用表格模式下进行网页布局（经济学专业编号）2. 在布局表格下进行布局1．制作双线边框的表格（南岳学院电商编号）2．制作单线边框的表格1．制作占位表格（电商编号）2．各种文字超链接的制作（一般链接，锚链接，email链接及打开方式）3．制作图像链接和热区链接4．在表格中插入图片和透明flash5．制作用户登录表单无序列表的使用（无序列表的嵌套）（此条不做）6．层与行为（显示隐藏层，交换图像）第二部分CSS7．修改文字大小和行距8．制作动态超链接(a:hover)9．用CSS创建交互（a元素的交互和非a元素的交互）10．制作首字下沉和图文混排和分栏（float定位）11．相对定位和绝对定位的实验12．（此学号为空）13．美化表单样式(盒子的边框背景属性)14．用CSS盒子模型制作导航条15．用无序列表制作tab样式导航条16．利用盒子的定位属性制作缺角菜单17．用滑动门技术制作圆角菜单18．用4图象法制作可变宽圆角栏目框19．CSS＋DIV固定宽度的三栏布局20．可变宽度布局的制作第三部分Fireworks21．规则和不规则图形的绘制（组合路径）22．图片融合技术（填充、渐变和蒙版）23．文字效果（阴影、倒影、描边）24．用fireworks做按钮和下拉菜单25．切片和图像的导出第四部分JavaScript26．制作层的Zindex改变的导航条27．用CSS和JavaScript制作下拉菜单28．制作Tab面板第五部分ASP29．创建虚拟目录和动态站点30．将静态网页转换为动态网页（切割头尾网页，导出CSS文件）31．数据库的连接32．创建记录集33．绑定动态数据到页面34．创建重复区域服务器行为35．转到详细页面服务器行为36．记录新闻点击次数37．创建记录集分页38．新闻搜索页面的设计39．插入动态图片40．用IIF函数将过长新闻标题用省略号取代后部41．创建用户登录验证界面（包括验证表单数据不为空）42．限制非注册用户对页的访问43．创建添加新闻页面44．创建编辑新闻页面练习第一章HTML1．分析一个URL的结构//web/1/200807/10172331484.html信息被放在一台被称为www的服务器上，是一个已被注册的域名，域名对应一台DNS服务器，cn表示中国，主机名，域名合称为主机头。
/web/是服务器网站目录下的一个文件夹，这个一致资源地址将带你到这个文件，10172331484.html是网页的文件名2．一个最简单HTML文档的结构3．HTML元素由标记<p>……</p>和标记之间的内容组成。
4．带有属性的HTML元素的结构例1：下列HTML元素的写法分别错在什么地方？5．常见的HTML标记1)基本标记2)文本标记3)段落标记4)图像标记5)表格标记6)列表标记7)表单标记6．HTML标记的分类1）单标记和配对标记2）行内元素和块级元素7．HTML元素和XHTML元素的区别在HTML语言规范的基础上，XHTML元素还有下面一些额外的要求：1）必须小写；2）属性值必须用双引号引起；3）所有标记包括单标记都必须封闭。
例2：下列哪条html语句的写法符合XHTML规范：（）A <br>B <img src= ”photo.jpg” />C <IMG src= ”photo.jpg” ></IMG>D <img src= photo.jpg ></img> 8．Dreamweaver中插入HTML标记的一些快捷方式：Enter 插入<p>……</p> shift＋enter 插入<br />Ctrl＋shift＋space 插入 第一讲网页设计概述【教学内容】讲解网页设计的相关术语及网站制作的基本流程。
【教学目的】使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣。
【教学重点】网页设计中的若干术语。
【教学难点】理解网页设计中的若干术语。
【教学方式】讲授式、讨论式、案例分析式。
【教学参考】1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社。
2、《Internet 网页工场》Wittime工作室重庆出版社。
3、《WEB网站设计》Joel Sklar著高等教育出版社。
4、《HTML网页制作教程》材义语编著铁道出版社。
【新课内容】1.1 WWW和URL1.1.1 Web的起源Web是World Wide Web的简称，一般也称之为WWW或3W1.1.2 Web的特点和结构Web最大的特点是使用了超文本（Hypertext）WWW采用C/S（客户机/服务器）工作模式在浏览器和服务器之间应用HTTP（Hyper Text Transfer Protocol，超文本传输协议）作为网络应用层通信协议1.1.3 URLURL的完整格式协议://主机名或IP地址：端口号/路径名/文件名1.2 IE6等浏览器的使用Web浏览器是浏览Internet资源的客户端软件在Windows环境下使用的浏览器主要有Internet Explorer、Netscape Navigator、Mosaic Firefox等1.2.1 IE6,IE7，Firefox的界面1.2.2 IE6,IE7，Firefox的使用1.3 网页中所使用的技术1.3.1 HTML语言和XML语言1、HTML语言ØHTML只使用SGML中很小一部分标记ØHTML语言（Hyper Text Markup Language 超文本标记语言）ØHTML是纯文本的语言，其源代码可以用各种文本编辑工具进行编辑，常用的网页制作软件如FrontPage、Dreamweaver等实际上是自动生成HTML源代码的工具2、XML语言XML（eXtensible Markup Language）1.3.2 动态网页1.3.3 多媒体技术的应用1.3.4 Web服务器端程序1.4 制作网页的基本方法1.4.1 制作网页的基本步骤1、确定网页的内容2、设计网页的组织结构3、资料的收集与整理4、选择网页的设计方法1.4.2 制作网页时要注意的问题1、网页的标题要简洁，明确。
2、在文本中要使用水平线，以分割不同部分。
3、对重点段落要强调显示。
4、网页中插入的图片要尽量的小。
5、图形要附加文字说明，以便关闭图像时查看。
6、网页中引用的资料及商标（或图标），不能侵犯版权。
【课后小结】通过学习，认识网络、网站、网页及相关信息，理解网页制作的流程及了解相应开发工具，为设计网页做准备。
第二讲HTML的基本标志与格式标志【教学内容】讲解HTML基本标志对和格式标志。
【教学目的】使学生标志对与格式标志对的使用。
【教学重点】格式标志的使用。
【教学难点】列表标志的使用。
【教学方式】讨论式、案例分析式、练习式。
【教学参考】1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社。
2、《WEB网站设计》Joel Sklar著高等教育出版社。
3、《HTML网页制作教程》材义语编著铁道出版社。
【新课内容】2.1 HTML文档的基本结构2.1.1 HTML语法1、双标记语法：<标记>内容</标记>2、单标记语法：<标记>最常用的单标记是<BR>3、标记属性语法<标记属性1 属性2 属性3 … >例子<HR Size=3 Align=left Width="75%">4、注释语句格式<!-注释文字-->例子<!--由这处开始是产品订购表格--><!--本文版权为1998，Creation of Webpage 所拥有，未经允许，请勿抄摘-->2.1.2 HTML文档的基本结构【课后小结】通过本次课的学习,要求能熟练掌握网页面的基本标志与格式标志,并能灵活运用列表,有序列表,无序列表标志及属性。
第三讲HTML的文本、图片与超级链接标志【教学内容】讲解HTML标准中的文本、图片与超级链接标志【教学目的】* 使学生了解标题元素,掌握字体,上下标,及特殊字符的标志。
* 使学生掌握图片标志,声音标志及相应的属性,学会利用标志在网页中插入声音与图片。
* 使学生掌握超级链接标志的使用。
【教学重点】* 字体、图片和超级链接标志的使用。
* 网页中特殊符号的输入。
【教学难点】* 理解特殊符号对应的标志。
* 理解img标志中属性的意义。
* 理解书签超级链接的意义。
【教学方式】讨论式、案例分析式、练习式。
【教学参考】1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社。
2、《WEB网站设计》Joel Sklar著高等教育出版社。
3、《HTML网页制作教程》材义语编著铁道出版社。
【新课内容】2.2 插入文字2.2.1 划分段落格式<P align=*>段落内容</P>2.2.2 插入标题文字格式<H? Alight="标题属性">标题内容</H?>2.2.3 字号属性设置基准字号：<BASEFONT Size=数值>网页内的其他文字，采用下面的格式来定义<FONT Size=数值>......</FONT>Size的有效范围是1（最大）到7（最小）。
如果在Size的值前面带上“+”号或“-”号，则表示相对于基础字体增大或减小若干字号。
2.2.4 颜色属性两种方式<BODY text="#RRGGBB"><FONT Color="#RRGGBB">字符串</FONT>2.2.5 字体属性<FONT Face=“宋体,隶书,Time”></FONT>2.2.6 文本修饰<B>......</B>，文字以粗体显示。
<I>......</I>，文字显示为斜体。
<U>......</U>，显示下划线。
<STRIKE>......</ STRIKE>，中心线贯穿文字。
< EM>......</ EM>，强调文字，通常用斜体。
< STRONG>......</ STRONG >，特别强调的文字，通常用黑体。
<TT>......</TT>，以等宽体显示西文字符。