2016网页制作（主编高律-科学出版社）制作网页的基本方法.docVIP

1.4 制作网页的基本方法 1.4.1 制作网页的基本步骤 1、确定网页的内容 2、设计网页的组织结构 3、资料的收集与整理 4、选择网页的设计方法 1.4.2 制作网页时要注意的问题 1、网页的标题要简洁，明确。 2、在文本中要使用水平线，以分割不同部分。 3、对重点段落要强调显示。 4、网页中插入的图片要尽量的小。 5、图形要附加文字说明，以便关闭图像时查看。 6、网页中引用的资料及商标（或图标），不能侵犯版权。 【课后小结】 通过学习，认识网络、网站、网页及相关信息，理解网页制作的流程及了解相应开发工具，为设计网页做准备。HTML的基本标志与格式标志【教学内容】 讲解HTML基本标志对和格式标志【教学目的】 使学生标志对与格式标志对的使用【教学重点】 格式标志的使用【教学难点】 列表标志的使用【教学方式】 讨论式、案例分析式、练习式【教学参考】 1著出版社 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著出版社 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，以等宽体显示西文字符。 BIG/BIG，使文字大小相对于前面的文字增大一级。 SMALL/SMALL，使文字大小相对于前面的文字减小一级。 SUP/SUP，使文字成为前一个字符的上标。 SUB/SUB，使文字成为前一个字符的下标。 BLANK/BLANK，使文字显示为闪烁效果。 2.2.6 文本修饰 2.2.7 预格式化文本 使用预格式化标记PRE 不再忽略在此之间的空格、制表符与回车符等元素 2.2.8 转义字符与特殊字符 一般转义符都是以“”开始，以“；”结束，一个转义符之间不能有空格 2.2.9 文本强制换行和不换行 文本强制换行 BR 不换行 NOBR 2.2.10 插入水平线 使用HR标记 属性：Width，Size，Align，Noshade，color 2.2.11 使用列表 1、无序列表 UL Type=* LI =* 列表条目1 LI列表条目2 /UL 2、有序列表 OL Type=* Start=n LI Value=n 列表条目1 LI列表条目2 /OL 1