IHTML网页设计上机项思源.docVIP

HTML网页设计上机实验 100320122 项思源 一、网页的基本结构和文字设置 1实习目的 掌握网页的基本结构及必须的标记；了解Web页面中特殊字符及颜色的显示，掌握页面整体颜色配比。掌握对文字修饰的各种标记及换行和分段标记 2实习要求 掌握网页的基本结构，熟悉html、head、body、title基本标记，了解Body标记的BackColor、BackGround、Text、Link、属性，特殊字符显示学会使用标记B、I、U、Font、P、HR、Hn，掌握Font基本属性size、color、face，用记事本完成简单的网页 3实习内容及方法 用记事本建立一个简单的网页 Body属性的使用及特殊字符的显示 字符式样 如图： Font标记的使用 网页中的换行和分段 4 思考 如下网页能否正确显示，为什么？ html head titletest/title /head body Hello, World!!!! I song Big Big World for you. /body /html 答：不可以正确实现。Big Big World不能出现，因为在中的内容不会显示，要换为《》。 如图： 改为 图像、表格及用表格进行网页布局 1实习目的 学会在网页中创建表格 学会使用表格进行网页布局 掌握在网页中插入图像 2实习要求 掌握创建表格的必要标记table、tr、td，了解基本的属性； 掌握IMG的基本属性src、width、height及alt 掌握用表格进行网页布局 3实习内容及方法 创建简单表格 建立网页table.html 2）表格的格式 建立网页table_format.html，创建一个相对页面居中的表，无边框线，宽400个像素，高100个像素 3) 表格的修饰 建立网页table_style.html，首先复制一张扩展名为jpg的图片和网页文件放在同一个文件夹中，并重命名为bg.jpg 4) 表格的嵌套 建立网页Mit_table.html 5) 网页布局 建立一个网页layout.html，设计一个主页面 6) 在网页中插入图片 建立网页image.html，首先复制一张扩展名为jpg的图片和网页文件放在同一个文件夹中，并重命名为image.jpg 三、框架和超级链接 1实习目的 学习在网页中创建超级链接，学习使用框架进行网页布局 2实习要求 掌握超级链接标记A及其基本属性和三种链接方式及区别，掌握使用框架进行网页布局 3实习内容及方法 1) 指向本地（网站内）的链接——相对地址 建立两个网页a1.html和a2.html，并保存在同一个文件夹中 2) 指向其他网站网页的链接——绝对地址 建立一个网页a3.html 3) 指向页面中特定部分的链接——锚点 建立一个网页a4.html 4) 使用框架建立框架 建立一个框架页面frame.html，包括3个框架分别是title显示网页标题title.html、导航框架Nav显示导航菜单Nav.html、主框架main显示正文。所有文件同以上三个文件保存在同一个文件夹中 Frame.html title.html Nav.html 四、表单 1实习目的 学习网页中如何创建表单以及表单的各种元素 2实习要求 掌握创建表单的标记form及表单的属性和两种提交方式 掌握常用的几种表单元素：文本框、单选按钮、复选按钮、组合框、提交按钮和重置按钮等 3实习方法及内容 一个简单的表单 ——文本框、单选按钮、提交按钮和重置按钮 Form1.html 2) 系统登录页面——密码框 问卷调查表——复选框、组合框 五、Javascript脚本 1实习目的 学习脚本的概念，了解脚本的用途； 学习网页中脚本的插入方式，及编写格式； 2实习要求 掌握客户端脚本在网页中的三种插入方式； 学会编写一些简单的实用脚本； 掌握使用“有声有色”软件在网页中插入脚本； 3实习方法和内容 1）使用Script标记添加脚本： 2) 引用包含脚本的外部文件： 3)创建如下页面：