《网页设计》作业(20170911)
作业1
项目2的效果检查。
-------------------------------------------------------
作业2
制作一个Google Logo的效果。具体要求如下:
(1)使用内嵌式引入CSS样式表。
(2)分别为页面元素定义不同的类。
(3)通过控制不同的类,分别为
第一个字母“G”设置为蓝色、加粗、60px字体;
第二个字母“o”设置为红色、加粗、60px字体;
第三个字母“o”设置为黄色、加粗、60px字体;
第四个字母“g”设置为蓝色、加粗、60px字体;
剩余字母“le”按默认样式输出。
----------------------------------------------------------------
作业3
运用文本外观属性制作一段《你若安好,便是晴天》的短文,具体要求如下:
(1) 综合使用标记选择器、id选择器及类选择器控制元素。
(2) 设置所有文本为宋体、14像素,行高为18像素。
(3) 设置标题“你若安好,便是晴天”为18像素、紫色、加粗、居中的效果。
(4) 设置第一段文本为红色、居中对齐。
(5) 设置第二段文本为蓝色、首行缩进2个字符、字间距为16像素。
(6) 设置第三段文本为绿色、加粗、斜体。
设置第四段文本为紫色、删除线效果。
------------------------------------------------------------------------------------------------------------------------------------
作业4
运用CSS字体及文本样式属性,并结合CSS行内式制作一个新浪博客首页的展示效果。具体要求如下:
---------------------------------------------------------------------------------------------------------------------------------------
作业5
制作《网页设计》课程网站首页,将文件夹打包发至ftp。
----------------------------------------------------------------------------------------------------------------------------------------
作业6
制作项目3的效果,将文件夹打包发至ftp。
----------------------------------------------------------------------------------------------------------------------------------------
作业8
制作项目4的效果,将文件夹打包发至ftp。
-------------------------------------------------------------------------------------------------------------------------------------------
作业9
已知每个小盒子总宽度80px,总高度30px,仔细观察下图,运用所学知识做一个与之类似的导航栏,并用火狐浏览器测试:
---------------------------------------------------------------------------------------------------------------------------------------------
作业10
制作项目5的效果,将文件夹打包发至ftp。
---------------------------------------------------------------------------------------------------------------------------------------------
作业11
设计类似下图的列表,将文件夹打包发至ftp。
---------------------------------------------------------------------------------------------------------------------------------------------
作业12
运用列表布局的方法,制作一个家居大视野的模块,效果如下图所示。
具体要求如下:
(1) 创建无序列表<ul>。
(2) 在无序列表<ul>的子列表项<li>中插入图片和段落文本。
(3) 为段落文本设置超链接,将超链接<a>标记转换为行内块元素,同时为其指定宽度和高度。
(4) 定义超链接的背景图像,当鼠标经过时,更换背景图像。
---------------------------------------------------------------------------------------------------------------------------------------------
作业13
使用css样式控制表格格式,设计表格效果如下。
---------------------------------------------------------------------------------------------------------------------------------------------
作业14
使用css样式控制表单格式,为登录界面设计网页。说明一个网页只有登录界面,其他都没有。
要求只有一个,尽可能美或者酷或者商业味足,符合一种口味即可。
---------------------------------------------------------------------------------------------------------------------------------------------
作业15
请完成项目6千年之恋注册页面的制作。
----------------------------------------------------------------------------------------------------------------------------------------------
作业16
请完成项目7中4个元素的设计。
(1)设计一个蓝色按钮,鼠标经过高亮显示。
(2)设计回家网页中的导航效果。
(3)用js设计一个下拉菜单效果。
(4)用js控制表格隔行颜色不同的设置。