《网页设计》作业(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控制表格隔行颜色不同的设置。

posted @ 2017-09-05 09:47  RunningYY  阅读(4268)  评论(0编辑  收藏  举报