第2节网站制作基础HTML标记.pptVIP

* * 第2节　网站制作基础HTML标记 课前分享 成功者创造机会 　　A在合资公司做白领，觉得自己满腔抱负没有得到上级的赏识，经常想：如果有一天能见到老总，有机会展示一下自己的才干就好了！！ 　　A的同事B，也有同样的想法，他更进一步，去打听老总上下班的时间，算好他大概会在何时进电梯，他也在这个时候去坐电梯，希望能遇到老总，有机会可以打个招呼。 　　他们的同事C更进一步。他详细了解老总的奋斗历程，弄清老总毕业的学校，人际风格，关心的问题，精心设计了几句简单却有份量的开场白，在算好的时间去乘坐电梯，跟老总打过几次招呼后，终于有一天跟老总长谈了一次，不久就争取到了更好的职位。 　　愚者错失机会，智者善抓机会，成功者创造机会。机会只给准备好的人，这准备二字，并非说说而已。 项目背景： 洛阳艺龙网络设计主要从事网站建设营销策划推广等服务，本着 “力求非凡创意，更多用心服务” 的口号，为洛阳各大部门创建了网站，并实现了网络的推广。 今天网页美工设计人员张林接到一个项目，要求为洛阳市冶金轴承厂做一个网站。 要求：1.体现公司背景、企业荣誉及企业文化 2.展示公司产品和新闻动态 3.以静态为主，加载flash动画 4.美观大方，充分展示企业形象 5.体现留言页面及联系我们，便于与客户的沟通 6.体现公司版权信息 项目展示 工作思路： 掌握html--图文混排—表格布局—表格代码调整技巧—特效表格—表单—超级链接 今日工作：掌握html 项目分析 重点： HTML的基本结构和语法规则。 难点： HTML标记语言的语法规则 HTML是Hyper Text Markup Language的缩写，意思是“超文本标记语言”。大多数网页的构成基础就是HTML的语句。 一个HTML程序由文档头部和正文两部分构成，HTML基本结构如下： 一、HTML基础 二、HTML的标记 HTML文件中由两大类元素组成：一是标记，二是标记的作用对象（如文字、图形等） 标记往往是具有特殊含义的英语词组或字母组合（title、html等），标记通常放在” ”中，标记中的字母可以不区分大小写。 对于大多数标记而言，标记是成对的，一个表示开始，一个表示结束。 格式：标记符内容/标记符 1、 html和/html HMTL文件所必需的一对标记 2、head和/head用来指定网页的头部，即文件信息 “文件信息”可以使用下列标记： a.title和/title设定标题栏名称。 b.使用meta http-equiv=“Content-Type” content=“text/html; charset=gb2312” /来告知本文件使用何种编码方式。 3、body和/body用来包含网页的文本内容，这是网页中最丰富的部分。 二、常用的标记 4、hn和/hn用来指定网页的子标题，n可以取1-6之间的值，即按字体大小分为6级，n的值越大，浏览器显示的字体越小。 5、br产生换行。相当于word中的硬回车 6、hr显示一条横线。分隔文件中不同部分的文本。 p和/p段落标记 img图像标记 font和/font字体标记 字体样式 nbsp空格 总结提升 HTML的基本结构和语法规则的学习 基本作业 提升作业 北京汇源饮料食品集团有限公司成立于1992年，是主营果、蔬汁及果、蔬汁饮料的大型现代化企业集团。 自成立以来，汇源集团在全国各地创建了30多家现代化工厂，链结了400多万亩名特优水果、无公害水果、Ａ级绿色水果生产基地和标准化示范果园；建立了遍布全国的营销服务网络，构建了一个庞大的水果产业化经营体系。 为了进一步加大公司的宣传力度，现在要求更新网站。 要求：1.引人入胜，充分展示公司文化形象 2.加载flash动画内容，内容丰富，新颖独到，色彩合理，布局得体，视觉清新。 3.运用合理，表达通顺，节奏流畅，视听一体。 周项目 形式：以4人为一个小组，指定组长，由组长分配任务 制作时间：2周