网页设计成品作业（网页设计期末作业成品 1 代码规范 2 css hover 动作css动作正确，css3动作正确 3 导航，至少3页布局合理）

本文目录

• 网页设计期末作业成品 1 代码规范 2 css hover 动作css动作正确，css3动作正确 3 导航，至少3页布局合理
• 急求网页制作成品（动态），为7天后交作业，要求使用dreamweaver cs3，内容没有要求，简单点就行
• 求网页设计作业

网页设计期末作业成品 1 代码规范 2 css hover 动作css动作正确，css3动作正确 3 导航，至少3页布局合理

我写的是很简单的例子，你自己看看该怎么改吧。大致效果就是这样，因为你描述的也没有很详细。代码如下：

《!DOCTYPE html》

《html lang="en" xmlns="http://www.w3.org/1999/xhtml"》
《head》
    《meta charset="utf-8" /》
    《title》《/title》
    《style》
        article nav {
            border:1px solid black;
        }

        nav a {
            padding-left:40px;
            padding-right:60px;
        }

      nav a:hover {
          background-color:#ffd800;
       }

        section #left {
             border:1px solid red;
             width:400px;
             height:400px;
        }

        #left ul {
            list-style:none;
        }
      
    《/style》
《/head》
《body》
    《article》
        《nav》
            《a href="menulist1.html"》菜单项一《/a》 《a href="menulist2.html"》菜单项2《/a》 《a href="menulist3.html"》菜单项3《/a》
        《/nav》
        《section》
            《div id="left"》
               《ul》
                   《li》内容1《/li》
                   《li》内容2《/li》
                   《li》内容3《/li》
                   《li》内容4《/li》
               《/ul》
            《/div》
        《/section》
    《/article》
《/body》
《/html》

急求网页制作成品（动态），为7天后交作业，要求使用dreamweaver cs3，内容没有要求，简单点就行

你可以去百度视频找 Dreamweaver教学
有很多够你慢慢看的了
也可以去找教学光盘下载来看
自己学习吧

求网页设计作业

《!DOCTYPE html》
《html lang="en"》
《!-- head标签里面的内容是整个网页的头部信息 --》
《head》
《meta charset="UTF-8"》
《meta name="viewport" content="width=device-width, initial-scale=1.0"》
《title》网页的标题《/title》
《/head》
《!-- 这里是写css样式的地方 --》
《!-- css 是不是用来修饰网页的界面效果的 把网页当做一个人 css就是这个人的化妆品 --》
《!-- 要想给对应的标签加上不同的效果 我们首先第一步 用class绑定一个自定义的类名 然后在写对应的css效果 --》
《style》
/* css样式的写法 点+类名*/

.template {
/* 背景颜色 */
/* background-color: red; */
}

.span_1 {
/* 字体颜色 */
color: red;
/* 字体大小 */
font-size: 28px;
}

.span_2 {
color: blue;
font-size: 10px;
}

.ads {
color: green;
font-size: 25px;
}
.adstwo {
color: black;
font-size: 45px;
}
《/style》
《body》
《!-- html就相当于是 这个人的身体结构 他有脚头眼睛鼻子等等.. --》
《!-- 输入框 --》
《!-- 首先 我们所有的html标签都应该 用div容器包裹起来 --》
《!-- 其次 要给对应的标签加上相应的属性样式 用class指定类名 类名就是可以用来写css的 类名的名字可以随便写 --》
《div class="template"》
《!-- 什么是块级标签？ 》》 简单的说 就是这个标签在浏览器会独立的占一行 --》
《!-- 什么是行内标签？ 》》 简单的说 就是这个标签纸在浏览器不会独立占一行 两个行内标签可以并排显示 --》
《span class="span_1"》span标签《/span》
《span class="span_2"》span标签2《/span》
《!-- 要求：把第一个P标签颜色变绿 然后字体变大 把第二个P标签颜色变黑 然后字体变更大 --》
《p class="ads"》我是P标签《/p》
《p class="adstwo"》我是P标签2《/p》
《!-- 输入框标签 --》
《!-- 文本输入框 --》
《!-- type表示这个输入框是哪种类型的 --》
《!-- placeholder 表示这个输入的说明 --》
《!-- 输入框 文本输入框 密码输入框 数字输入框 ..等等 --》
《input type="text" placeholder="这是文书输入框"》
《input type="password" placeholder="这是密码是输入框"》
《input type="number" placeholder="这是数字输入框"》
《!-- img 图片标签 src 图片的路径（我们要先知道图片的路径才能引用图片） --》
《!-- alt表示当图片不能正常的被加载出来的时候 显示alt里面对应的内容 --》
《!-- ../返回上一级目录查找 ./当前目录下查找 --》
《img src="../img/liuyifei.jpg" alt=’这是图片不能正常被加载时显示的内容’》
《a href="http://www.baidu.com"》链接跳转1《/a》
《a href="http://www.baidu.com"》链接跳转2《/a》
《a href="http://www.baidu.com"》链接跳转3《/a》
《a href="http://www.baidu.com"》链接跳转4《/a》
《a href="http://www.baidu.com"》链接跳转5《/a》
《/div》
《/body》
《/html》
您好，能帮到你的就这些了（如果有用，望采纳 谢谢）