网页设计与制作项目二

1、网页设计与制作项目二利用HTML编写网页编写公司简介页面1编写产品展示页面2编写产品清单列表页面3项目二利用HTML编写网页添加页面的动态效果6编写商务留言页面4将页面组合成网站5任务1编写公司简介页面一、HTML入门(一)HTML概述HTML代码是由若干HTML标签符号和由标签符号描述的各种元素组成的。HTML文档结构HTML标签注释标签任务1编写公司简介页面一、HTML入门(二)标签标签在与之间使用，用来给网页命名，网页的名称将被显示在浏览器的标题栏中，该标签无属性。任务1编写公司简介页面一、HTML入门(三)标签标签定义HTML文档的所有内容，如文本、超链接、图像、表格和列表。任务1编写

2、公司简介页面一、HTML入门(四)与文字排版有关的标签1. 标签标签的显示任务1编写公司简介页面一、HTML入门(四)与文字排版有关的标签2. 标签标签的显示任务1编写公司简介页面一、HTML入门(四)与文字排版有关的标签3.标题文字标签标签的显示任务1编写公司简介页面一、HTML入门(四)与文字排版有关的标签4.标签任务1编写公司简介页面一、HTML入门(四)与文字排版有关的标签5.标签任务1编写公司简介页面一、HTML入门(四)与文字排版有关的标签6.项目符号、项目编号标签嵌套列表显示结果任务1编写公司简介页面一、HTML入门(四)与文字排版有关的标签7.排版方法及说明空格的插入自动换行行

3、距控制任务1编写公司简介页面二、利用HTML制作公司简介页面罗德纺织品有限公司网站的公司简介页面任务2 编写产品展示页面一、插入多媒体素材(一)插入图片的标签任务2 编写产品展示页面一、插入多媒体素材标签的显示结果任务2 编写产品展示页面一、插入多媒体素材(二)插入声音、视频、动画等元素的标签1. 标签任务2 编写产品展示页面一、插入多媒体素材(二)插入声音、视频、动画等元素的标签2. 标签任务2 编写产品展示页面二、用HTML制作产品展示页面罗德纺织品有限公司网站的产品展示页面任务2 编写产品展示页面二、用HTML制作产品展示页面该网页的制作步骤如下:(1)打开记事本(2)输入以下代码(3)

4、保存为网页文件(4)打开保存文件任务3编写产品清单列表页面一、认识表格标签(一)表格标签表格标签的显示任务3编写产品清单列表页面一、认识表格标签(一)表格标签任务3编写产品清单列表页面一、认识表格标签(一)表格标签任务3编写产品清单列表页面一、认识表格标签(一)表格标签任务3编写产品清单列表页面一、认识表格标签(一)表格标签使用表格的注意事项:(1)表格中各单元格的内容可以是文本、图像、动画、视频、链接、表单、表单域等所有网页元素。(2)依据单元格中的内容，表格具有自动缩放功能。(3)表格可以嵌套使用，嵌套层数不限。任务3编写产品清单列表页面一、认识表格标签(二)使用表格布局页面表格布局的注意

5、事项如下:(1)表格布局时边框宽度的值一定要设置为0，即不显示边框。(2)表格布局经常通过表格的嵌套实现。(3)表格布局时的网页代码可读性差。(4)多重嵌套的表格下载速度慢。任务3编写产品清单列表页面二、利用表格制作产品清单列表页面罗德纺织品有限公司网站的产品清单列表页面任务4编写商务留言页面一、认识表单标签(一)表单的概念表单是供浏览者填写信息的页面元素，服务器从中采集客户端的信息，使网页具有交互的功能。在包含表单元素的网页中，当用户填写完信息并提交(Submit)后，表单的内容就从客户端的浏览器传送到服务器上，经过服务器上的处理程序(如ASl程序)处理后，再将用户所需信息传送回客户端的浏览

6、器上，这样网页就具有了交互性。任务4编写商务留言页面一、认识表单标签(二)表单标签表单用标签对来创建，格式如下: action属性的值是服务器端处理表单数据的程序名(包括路径)，如果这个属性是空值，即“”，则使用当前文档处理表单数据。用户提交表单后，服务器就执行action属性值表示的程序(如ASP程序)。任务4编写商务留言页面一、认识表单标签(三)表单控件标签表单很像容器，组成它的主要内容是表单控件，文本框、多行文本框、密码框、列表框、单选按钮、复选按钮、提交按钮、重置按钮等都是表单控件。下面介绍这些表单控件标签。任务4编写商务留言页面一、认识表单标签(三)表单控件标签标签列表控件多行文本框控件任务4编写商务留言页面二、利用表单制作商务留言页面罗德纺织品有限公司网站的商务留言页面任务5将页面组合成网站一、创建超链接内部链接外部链接E-mail链接书签链接其他文档链接空链接任务5将页面组合成网站二、利用超链接将各页面进行连接罗德纺织品有限公司网站的主页任务6添加页面的动态效果一、网页动态