实验项目十四-使用DW制作表单网页_第1页
实验项目十四-使用DW制作表单网页_第2页
实验项目十四-使用DW制作表单网页_第3页
实验项目十四-使用DW制作表单网页_第4页
实验项目十四-使用DW制作表单网页_第5页
已阅读5页，还剩16页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

实验项目十四—使用DW制作表单网页实验内容1、设计跳转菜单2、设计用户注册信息表单3、设计网页设计大赛作品征集表单实验目的

1、学会制作表单网页

实验重点1、表单元素的使用

实验难点1、表单元素的样式设置

实验步骤项目一设计跳转菜单

第一步：演示网页效果第二步：演示网页制作过程1、新建网页，设定网页背景图片为bg.png2、插入表格,宽度为800像素，20行5列，边框为0。3、在第九行第二列单元格中输入文本信息“友情链接”

4、将光标移到第十行第二列，单击插入----表单-----跳转菜单在文本域输入：新浪在url输入：a1.htm单击加号增加新的项搜狐a2.htm网易a3.htm百度a4.htm单击确定5、设定文本和跳转菜单样式选定文本，设定格式如下：下面设定跳转菜单中显示的文本格式单击文本--CSS样式-新建选择select标签，确定设定字体、字号、颜色6保存，预览项目二、设计用户注册信息表单

实验步骤：第一步：演示网页效果第二步：演示网页制作过程1、新建网页，设置网页背景图片及样式2、保存预览3、插入表单---->表单4、将光标移到表单中，插入10行5列表格，宽度为800像素，第一列、第二列、第三列、第四列宽记为120px5、在第一行第一列输入用户名，第二列插入单行文本框6、在第二行第一列输入密码，第二列插入密码域7、在第三行输入出生年月8、在第四行输入自我介绍；字符宽度：40；行：59、在第五行输入注册和取消按钮10、设置样式11、保存预览

项目三、设计网页设计大赛作品征集表单实验步骤：第一步：演示网页效果

第二步：演示网页制作过程1、插入一行一列表格，在单元格中插入图片cha3.png2、插入---->表单------>表单3、在表单中插入10行4列表格4、在第一行输入姓名5、在第二行输入性别6、在第三行输入上传你的站点7、在第四行输入你使用的开发工具8、在第五行输入图像域9、设置样式10、保存预览【实验小结】

在本次实验中，我们通过三个子项目的设计，运用了表单中的跳转菜单、单行文本框、密码域、下拉菜单、多行文本框、提交按钮、单选按钮、复

人人文库> 全部分类> 行业资料 > 管理策划

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论