实验项目14—使用DW制作表单网页

实验难点实验内容实验目的实验重点实验步骤实验十四使用Dreamweaver制作表单网页上一页下一页实验内容1、设计跳转菜单2、设计用户注册信息表单3、设计网页设计大赛作品征集表单实验难点实验内容实验目的实验重点实验步骤实验十四使用Dreamweaver制作表单网页上一页下一页实验目的1、学会制作表单网页实验难点实验内容实验目的实验重点实验步骤实验十四使用Dreamweaver制作表单网页上一页下一页实验重点1、表单元素的使用实验难点实验内容实验目的实验重点实验步骤实验十四使用Dreamweaver制作表单网页上一页下一页实验难点1、表单元素的样式设置实验难点实验内容实验目的实验重点实验步骤实验十四使用Dreamweaver制作表单网页上一页下一页实验步骤项目一设计跳转菜单第一步：演示网页效果实验难点实验内容实验目的实验重点实验步骤实验十四使用Dreamweaver制作表单网页上一页下一页第二步：演示网页制作过程1、新建网页，设定网页背景图片为bg.png实验难点实验内容实验目的实验重点实验步骤实验十四使用Dreamweaver制作表单网页上一页下一页2、插入表格,宽度为800像素，20行5列，边框为0。实验难点实验内容实验目的实验重点实验步骤实验十四使用Dreamweaver制作表单网页上一页下一页3、在第九行第二列单元格中输入文本信息“友情链接”4、将光标移到第十行第二列，单击插入----表单-----跳转菜单实验难点实验内容实验目的实验重点实验步骤实验十四使用Dreamweaver制作表单网页上一页下一页在文本域输入：新浪在url输入：a1.htm单击加号增加新的项搜狐a2.htm网易a3.htm百度a4.htm单击确定实验难点实验内容实验目的实验重点实验步骤实验十四使用Dreamweaver制作表单网页上一页下一页5、设定文本和跳转菜单样式选定文本，设定格式如下：实验难点实验内容实验目的实验重点实验步骤实验十四使用Dreamweaver制作表单网页上一页下一页下面设定跳转菜单中显示的文本格式单击文本--CSS样式-新建实验难点实验内容实验目的实验重点实验步骤实验十四使用Dreamweaver制作表单网页上一页下一页选择select标签，确定设定字体、字号、颜色6保存，预览实验难点实验内容实验目的实验重点实验步骤实验十四使用Dreamweaver制作表单网页上一页下一页项目二、设计用户注册信息表单实验步骤：第一步：演示网页效果实验难点实验内容实验目的实验重点实验步骤实验十四使用Dreamweaver制作表单网页上一页下一页第二步：演示网页制作过程1、新建网页，设置网页背景图片及样式实验难点实验内容实验目的实验重点实验步骤实验十四使用Dreamweaver制作表单网页上一页下一页2、保存预览3、插入表单----表单4、将光标移到表单中，插入10行5列表格，宽度为800像素，第一列、第二列、第三列、第四列宽记为120px5、在第一行第一列输入用户名，第二列插入单行文本框6、在第二行第一列输入密码，第二列插入密码域7、在第三行输入出生年月8、在第四行输入自我介绍；字符宽度：40；行：59、在第五行输入注册和取消按钮10、设置样式实验难点实验内容实验目的实验重点实验步骤实验十四使用Dreamweaver制作表单网页上一页下一页11、保存预览实验难点实验内容实验目的实验重点实验步骤实验十四使用Dreamweaver制作表单网页上一页下一页项目三、设计网页设计大赛作品征集表单实验步骤：第一步：演示网页效果实验难点实验内容实验目的实验重点实验步骤实验十四使用Dreamweaver制作表单网页上一页下一页第二步：演示网页制作过程1、插入一行一列表格，在单元格中插入图片cha3.png2、插入----表单------表单3、在表单中插入10行4列表格4、在第一行输入姓名5、在第二行输入性别6、在第三行输入上传你的站点7、在第四行输入你使用的开发工具8、在第五行输入图像域9、设置样式10、保存预览实验难点实验内容实验目的实验重点实验步骤实验十四使用Dreamweaver制作表单网页上一页下一页【实验小结】在本次实验中，我们通过三个子项目的设计，运用了表单中的跳转菜单、单行文本框、密码域、下拉菜单、多行文本框、提交按钮、单选按钮、复选框、文件域、图像域等元素，熟练掌握表单基本元素的使用及样式设置，是制作交互式表单网页的关键。谢谢！