网页设计与制作项目教程（HTML+CSS+JavaScript）（黑马程序员 ）PPT全套完整教学课件.ppt

select和option标记属性标记名常用属性描述selectsize指定下拉菜单的可见选项数（取值为正整数）。multiple定义multiple=multiple时，下拉菜单将具有多项选择的功能，方法为按住Ctrl键的同时选择多项。optionselected定义selected=selected时，当前项即为默认选中项。select控件3.【任务6-4】表单控件在实际网页制作过程中，有时候需要对下拉菜单中的选项进行分组，这样当存在很多选项时，要想找到相应的选项就会更加容易。例如：select控件3.【任务6-4】表单控件因此在网页设计时，使用CSS可以轻松地控制表单控件的样式，主要体现在控制表单控件的字体、边框、背景和内边距下面，将针对CSS控制表单控件的相关知识进行详细讲解。【任务6-5】CSS控制表单样式使用CSS可以轻松地控制表单控件的样式，主要体现在控制表单控件的字体、边框、背景和内边距等。CSS控制表单样式1.【任务6-5】CSS控制表单样式由于form是块元素，重置浏览器的默认样式时，需要清除其内边距padding和外边距margin使用input/标记定义各种按钮时，通常需要清除其边框通常情况下需要对文本框和密码框设置2到3像素的内边距，以使用户输入的内容不会紧贴输入框123CSS控制表单样式1.【任务6-5】CSS控制表单样式网站项目”千年之恋”注册页面制作该怎样开发一个网站项目呢？“千年之恋”注册页面制作【任务6-6】布局及定义基础样式拿到效果图后的准备工作【任务6-6】布局及定义基础样式准备工作→建立站点1.创建网站根目录新建站点站点建立完成在根目录下新建文件step1step2step3step4【任务6-6】布局及定义基础样式1.【任务6-6】布局及定义基础样式使用AdobeFireworksCS6的切片工具，导出“千年之恋”注册页中的素材图片，存储在站点中的images文件夹中。准备工作→切图效果分析2.HTML结构分析CSS样式分析页面中的各个模块居中显示，宽度为980px，因此，页面的版心为980px。另外，页面中的所有字体均为微软雅黑，字体为14px，a链接访问前和访问后的字体大小为16px，文字颜色为#fff，这些可以通过CSS公共样式进行定义。“千年之恋”注册页面从上到下可以分为5个模块。【任务6-6】布局及定义基础样式效果分析2.“千年之恋”注册页面从上到下可以分为5个模块。【任务6-6】布局及定义基础样式定义基础样式3.【任务6-6】布局及定义基础样式/*重置浏览器的默认样式*/*{margin:0;padding:0;list-style:none;outline:none;border:0;background:none;}/*全局控制*/body{font-family:微软雅黑;font-size:14px;}a:link,a:visited{text-decoration:none;color:#fff;font-size:16px;}制作头部及导航模块1.效果图如下所示：【任务6-7】制作头部及导航模块制作banner及内容模块1.效果图如下所示：【任务6-8】制作banner及内容模块制作页脚模块1.效果图如下所示：【任务6-9】制作页脚模块【项目总结】建议读者在制作项目前先理解表格的创建方法，掌握表格样式的控制，掌握表单相关标记，熟悉表单样式的控制。input控件属于行内元素，但可以对其设置宽高和对齐属性，有些资料称其为行内块元素。编辑代码过程中，需整体把控页面的结构，每完成一部分需通过浏览器检测，测试通过后再进行下面的部分。项目7 “赶快回家网”首页面制作·运算符和表达式·函数·变量和数据类型·流程控制语言HTML学习目标掌握JavaScript语法规则，能够书写规范的JavaScript代码。