网页设计作业题目 第1篇
3. 有一a元素结构为首 页,它的CSS样式如下,请在下划线处填写代码注释: a {
font-size:14px; 1:*/
text-decoration:none; /* 2:*/
background-image:url(xx/wlzx);
height:32px; 3:*/
padding-left:24px; 4:*/
display:block; /* 5:*/
float:left; /*6:*/
line-height:32px; /* 7:*/
b {
background-image:url(xxwlzx/;
background-position:right top; /*8:*/
display:block; 9:*/
width:60px;10:*/
4.用html插入一个表单,要求表单中有姓名用文本框实现、密码用密码框实现、性别用单选按钮实现,出发地用下拉列表实现,地名任写3个、个人简历用文本域实现、提交和重置按钮。
5.下面的代码都有错误,请改错?
①
This is a new paragraph<\p>
…< li>The list item< /li>
6.下拉菜单采用二级列表结构,第一级放导航项,第二级放下拉菜单项。,它的CSS样式如下,请填写下划线处的代码注释。
ul#nav{
padding: 0;
margin: 0;
list-style: none;} 1:*/
li {
float: left; /* 2:*/
width: 160px;
position:relative; } 3:*/
li ul {
display: none; * 4:*/
position: absolute; top: 21px;/*5*/
li:hover ul {
display: block;} /*6*/
ul li a{
display:block; 7:*/
font-size:12px; 8:*/
border: 1px solid #ccc;9:*/
padding:3px; /*10:*/
7.利用盒子模型制作无需表格的竖直菜单。包含首页、中心简介、政策法规、常用下载、技术支持和服务,都设置为空链接。字体颜色为黑色,14px,无下划线;背景颜色为红色;填充为6px;边框为1px黑色细线边框;宽度140px;间距2px;鼠标放到超链接上时字体颜色为白色。
8.制作图文混排和首字下沉效果
9.制作中英文导航栏。
10.制作纯CSS下拉菜单。
第一题
1.定义
标签的样式:首行缩进2个字符、左对齐、字体颜色红色、无下划线、黑体。
的标签样式,就是对
标签进行css修饰,其中左对齐可以直接用text-align:left来体现
。。。。。。。。。。。。
其余的属性要用css样式进行体现
第二题
2.定义
网页设计作业题目 第2篇
字体间距属性,字体颜色,下划线,字体都是用css样式来修饰
第三题
3. 有一a元素结构为首 页,它的CSS样式如下,请在下划线处填写代码注释: a {
font-size:14px;/* 1:*/
text-decoration:none; /* 2:*/
background-image:url(xx/wlzx);
height:32px;/* 3:*/
padding-left:24px;/* 4:*/
display:block; /* 5:*/
float:left; /*6:*/
line-height:32px; /* 7:*/
b {
background-image:url(xxwlzx/;
background-position:right top; /*8:*/
display:block; /*9:*/
width:60px;/*10:*/
根据代码写注释,可以上机自己一行行代码添加,看看样式变化
1.字体大小为14px//font-size字符大小
2.没有下划线//text-decoration关于下划线
3.高度为32px
4.填充左边距为32px//padding填充边距
5.显示格式为块级格式//display显示格式
6.左侧浮动//float设置浮动格式
7.设置行高为32px
8.背景格式为右侧 顶部//在父元素的方位
9.同5
10.宽度为60px
第四题
4.用html插入一个表单,要求表单中有姓名用文本框实现、密码用密码框实现、性别用单选按钮实现,出发地用下拉列表实现,地名任写3个、个人简历用文本域实现、提交和重置按钮。
直接上代码
姓名
密码
性别
个人简历
第五题
5.下面的代码都有错误,请改错?
①
This is a new paragraph<\p>
…< li>The list item< /li>
直接改答案
This is a new paragraph
第六题
6.下拉菜单采用二级列表结构,第一级放导航项,第二级放下拉菜单项。,它的CSS样式如下,请填写下划线处的代码注释。
ul#nav{
padding: 0;
margin: 0;
list-style: none;} 1:*/
li {
float: left; /* 2:*/
width: 160px;
position:relative; } 3:*/
li ul {
display: none; * 4:*/
position: absolute; top: 21px;/*5*/
li:hover ul {
display: block;} /*6*/
ul li a{
display:block; 7:*/
font-size:12px; 8:*/
border: 1px solid #ccc;9:*/
padding:3px; /*10:*/
跟第三题一样
1.无序列表中不含有格式
2.左侧浮动
3.相对定位
4.无显示格式
5.绝对定位
6.块级显示
7.块级显示
8.字体大小
9.实现边框,边框宽度为1px 颜色为灰色
10.内边距为3px
第七题
7.利用盒子模型制作无需表格的竖直菜单。包含首页、中心简介、政策法规、常用下载、技术支持和服务,都设置为空链接。字体颜色为黑色,14px,无下划线;背景颜色为红色;填充为6px;边框为1px黑色细线边框;宽度140px;间距2px;鼠标放到超链接上时字体颜色为白色。
css样式如下:
HTML如下
效果图如下
第八题
8.制作图文混排和首字下沉效果
参考我的另一篇博客,链接如下:
第九题
9.制作中英文导航栏。
css样式如下
HTML代码如下
效果如下
第十题
10.制作纯CSS下拉菜单。
css样式
HTML如下
效果图如下
网页设计作业题目 第3篇
网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。
网站程序方面:计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器,已达到打开后就能即时看到网站的效果。
网站素材方面:计划收集各大平台好看的图片素材,并精挑细选适合网页风格的图片,然后使用PS做出适合网页尺寸的图片。
网站文件方面:网站系统文件种类包含:html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件;
网页设计作业题目 第4篇
网站设计制作的重点是对网页整体设计的布局和对网页整体内容的选题。 网站设计方面:计划实现简洁大气的网页设计效果。 网站功能方面:计划实现各个页面之间的链接跳转功能、鼠标悬停在文字上的变色功能、简单的首页动态图片切换功能、简单的表单提交功能。
网页设计作业题目 第5篇
(1)网站首页布局确定好各个板块的内容,并使用了DIV+CSS布局。另外首页使用到的知识主要有图片插入、图片动态切换、导航条、利用CSS固定字体、文字大小、文字颜色、背景颜色。
(2)页面使用了DIV+CSS布局,使用到的知识主要有图片插入、导航条、利用CSS固定字体、文字大小、文字颜色、背景颜色。
(3)表单部分页面使用了DIV+CSS布局,使用到的知识主要有运用了form表单、input文本框和input提交按钮,完成表单信息收集。利用CSS设置input提交按钮文字大小和颜色。