divcss网页设计视频_谁能给我一个div+css制作的网页实例视频啊最好能清晰的解析的一步步操作的

1、谁有网页设计、网页切割、DIV+CSS的文字教程和视频教程啊？

到w3c在线教程网学习吧。
先学HTML语言和XHTML语言——一星期就能学完，再学CSS和JavaScript——一星期也内能学完，再学些容ASP或者PHP——一个月就能学完。

w3c在线教程网网址：
http://www.w3school.com.cn/

2、求教学一个div+css网页制作

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>教学</title>
<style>
*{
  margin:0;
  padding:0;
}
.wrap{
  width:960px;
  margin:0 auto;
}
a{
  text-decoration:none;
}
.top{
  width:100%;
  height:5px;
  background-color:#039;
}
.header{
  width:100%;
  height:200px;
  position:relative;
  background-color:#6F3;
}
.header .logo{
  color:#000000;
  margin:20px 100px;
}
.header p{
  position:absolute;
  right:0;
  top:0;
  background-color:rgba(0,0,0,.3);
}
.header p a{
  margin:5px 10px;
  display:inline-block;
}
.header a{
  margin-left:15px;
  color:#ffffff;
}
.nav{
  height:30px;
  background-color:#C60;
}
.nav ul{
  overflow:hidden;
  width:90%;
  margin:0 auto;
}
.nav ul li{
  list-style:none;
  float:left;
  width:9%;
  text-align:center;
  border-right:1px solid #ffffff;
}
.nav ul li a{
  line-height:30px;
  color:#ffffff;
}
.nav ul li a:hover{
  color:#F00;
}
</style>
</head>

<body>
<div class="top">
</div>
<div class="wrap">
    <div class="header">
        <a href="#" class="logo">logo</a>
        <p>
            <a href="#">加入收藏</a>
            <a href="#">设为首页</a>
        </p>
    </div>
    <div class="nav">
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">技术文章</a></li>
            <li><a href="#">行业动态</a></li>
            <li><a href="#">IT行业</a></li>
            <li><a href="#">资源下载</a></li>
            <li><a href="#">酷图欣赏</a></li>
            <li><a href="#">程序开发</a></li>
            <li><a href="#">设计资讯</a></li>
            <li><a href="#">论坛</a></li>
            <li><a href="#">素材下载</a></li>
            <li><a href="#">English</a></li>
        </ul>
    </div>
</div>
</body>
</html>

大概就是这个意思，要想精确制作，都是需要psd源文件的。

3、谁能给我一个div+css制作的网页实例视频啊，最好能清晰的解析的，一步步操作的....

一个页面如果你会做的话，就算是新手3小时内包括切图+布局足够做一个简单的页面出来了
如果连一个基本的页面都不会做，那我只能告诉你，面试的公司不会跟你多说话，因为面试的人首先是先问你一些专业上的问题，你练做都不会做的话，怎么可能回答的出来或者回答的准确？！我也曾经帮公司面试过网页美工，公司是想招个刚毕业的培养一下帮我减轻负担，我也清楚现在很多刚毕业的学生是什么状况，因为我也才毕业3年而已，当初也是不太会后来慢慢学习才提高能力的，当我面试好几个人的时候，我也是希望能给他们一些机会，但实在是没办法，我问的问题都是最基本的
比如：
1、平常用什么软件做网页？
2、解释一下“用户体验”，怎么做好“用户体验”
3、看了对方做的网站后，我问了一下对方的构架思路，面试了几个人都是讲不出所以然来的或者讲的跟写的页面完全不一样，而且我用Firefox看页面的布局及样式一看就知道不是他写的，就知道肯定是别处搞来的，碰到这样的我都会问一下：“这个都是你一个人写的么？”
当然问的问题不只这些，面试的时候有时候也会瞎聊，是金子是铁很容易看出来的，最后我给老板推荐了2个人，其中有一个是不太会的毕业生，但是当我问是不是他做的时候，他的回答是：“这个是我对照网上的模板修改的”，最终老板听了我给这2个人的介绍后选了这个不会的，原因很简单，他虽然“作弊”了，但是能够承认错误，而且面试的时候能够感觉出来他是个能学习的，还一个原因，就是要的工资不高；
现在他还在公司做呢，已经3个月了，确实学习的很快

最后给楼主一个建议，你专门话一两天时间恶补一下基础，然后对着网上的一些页面模仿的做一个出来，可以模仿和参考，但不要抄袭，面试的时候谦虚一点，完全不会的就说不会，很多公司真正要招人的话都是找几年工作经验的，能让刚毕业的去面试就说明不太在意是不是很精通，但至少要有上进心

4、DW (dreamweaver)网页制作DIV CSS布局详解视频教程

DIV+CSS 网页制作，建议还是先多了解一下他的基本实现原理，页面实现基本机制，从基础的学起，可以先看看 http://www.w3school.com.cn/ 上面关于 XHTML 以及 CSS 的内容，当然，有时间的话，也可以先看看 HTML 的内容。
里边，讲解的过程中会有示例在线练习，预览效果，很是方便。
大概了解基本原理，会有一些简单标签属性之后，可以多看看别人写的。
至于视频教程，又不是 photoshop , 讲解太慢，而且没必要哈。

5、div+css制作一个小网页

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<style>
.selected{
background: #ffda44;
color: #fff;
}
</style>
</head>
<body>

<ul class="question1">
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
</ul>

<ul class="question2">
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
</ul>

<ul class="question3">
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
</ul>

<ul class="question4">
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
</ul>

<ul class="question5">
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
</ul>

<button>交卷</button>

<script>
$(function(){
// 正确答案
var answerArr = ["1","4","3","2","2"];
// 考生答案
var arr = ['','','','',''];
//选择答案
$("ul li").click(function(event) {
//选中的答案添加样式
$(this).addClass('selected').siblings().removeClass('selected');
//获取题目的索引
var ulIndex = $(this).parent().index();
//获取选中选项的索引并赋值到arr中
var selectedIndex = $("ul").eq(ulIndex).find("li.selected").index()+1;
arr[ulIndex] = selectedIndex;
});
$("button").click(function(event) {
//分数
var grade = 0;
//判断答案是否正确, 正确加一分
var ulLength = $("ul").length;
for (var i = 0; i < ulLength; i++) {
if (arr[i]==answerArr[i]) {
grade++;
}
}
alert(grade);
});
})
</script>
</body>
</html>

看看合适不

6、用div+css制作网页时怎么在网页中插入音乐啊，代码？谢谢各位高手大神们帮帮忙

背景音乐代码精简 1、<embed src="背景音乐网址" hidden="true" autostart="true" loop="true"> --------hidden="true"表示隐藏播放，即不显示播放器的外观，若要想显示，把"true" 替换为"false"即可，这样为默认是最小化播放，若还想具体显示播放器的大小，另加上height="高度值" width="宽度值" 就可以了。 -------autostart="true"表示当前页一载入则自动播放，若不希望播放改为autostart="false" 即可... ------ loop="true"表示无限次循环播放音乐直到当前页关闭为止，不想循环播放替换为 loop="false"就OK了 2、<embed src="背景音乐网址" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" > -----------loop="-1" 表示无限次循环播放，可设置播放次数，用具体数字代替即可，比如我希望它播放两次，则loop="2" ---------controls="ControlPanel"这个控制选项可省略 --------width="0" height="0"表示隐藏播放，和前面的一样。若欲设置播放器的外观，则替换为具体的数值就可以了，比如width="123" height="100" -------------------------------------------------- 其实要说最简化的播放背景音乐的代码，则下面的代码是最简单的了---> <embed src="背景音乐网址" > ----------------------------------------------------- 另外:bgsound src="背景音乐路径" loop="-1"> 这个只支持IE浏览器，而且是完全下载完后才开始播放，不像前面所说的格式那样可以一边缓冲一边播放。这个一般用于mid音乐或较小的mp3,wav格式的音乐. 若是较大的文件还是用前面所说的格式吧~~ <bgsound src="背景音乐路径" loop="-1">这个随浏览器的打开而播放，当最小化窗口时即停止播放，当最大化窗口时又开始播放。而，<embed src="背景音乐网址" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" >常用于mid，,wav,mp3类型的音乐类型. 这个则不管是否最小化窗口都始终播放，直至关闭当前窗口为止~~ 支持的音乐文件类型：只支持MP播放器所支持的音乐格式，比如mp3,asf,wma,asx等等. 不支持rm,ram.... 视频文件的插入方法也和上面所说的一样，设置好合适的音乐代码解释 <embed autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" src=" http://guest.anyp.cn/uploads/01.mid"> 解释一下: AUTOSTART="TRUE / FALSE" 是否要在音乐档传完之后，就自动播放音乐。 TRUE 是要 FALSE 是不要，内定值是不要。 LOOP="TRUE / FALSE / 整数" 设定是否要自动反覆播放，LOOP=2 表示重复两次，若要无限次重复可用 LOOP="TRUE" WIDTH 和 HIGH="整数" 设定控制面版的宽度和高度 CONTROLS="CONSOLE / SMALLCONSOLE / PLAYBUTTON / PAUSEBUTTON / STOPBUTTON / VOLUMELEVER" 设定控制面板的样子，预设值是 CONSOLE CONSOLE 一般正常的面板 SMALLCONSOLE 较小的面板 PLAYBUTTON 只显示播放按钮 PAUSEBUTTON 只显示暂停按钮 STOPBUTTON 只显示停止按钮 VOLUMELEVER 只显示音量调整钮

7、求一个网页制作高手用div+css做一个网页布局急谢谢！！！！！！！！！！！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#containt{ height:530px; width:400px; margin:0 auto; border:1px solid #000000;}
#top{ height:100px; width:380px; margin-top:7px; margin-left:9px;}
#top_left{ height:100px; width:138px; float:left; border:1px solid #000000; border-right:none;}
#top_right{ height:100px; width:238px; float:left; border:1px solid #000000;}
#content{ height:50px; width:380px; margin-top:5px; margin-left:9px; border:1px solid #000000;}
#bottom{ height:350px; width:380px; margin-top:5px; margin-left:9px;}
#bom_left{ height:350px; width:138px; float:left; border:1px solid #000000;}
#bom_right{ height:350px; width:235px; float:left; border:1px solid #000000; margin-left:3px;}
.b_r_div{ height:100px; width:68px; margin-left:6px; float:left; margin-top:5px; border:1px solid #000000;}
#b_r_bottom{ height:120px; width:225px; margin-left:5px; float:left; margin-top:5px; border:1px solid #000000;}
</style>
</head>
<body>
<div id="containt">
<div id="top">
<div id="top_left"></div>
<div id="top_right"></div>
</div>
<div id="content"></div>
<div id="bottom">
<div id="bom_left"></div>
<div id="bom_right">
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div id="b_r_bottom"></div>
</div>
</div>
</div>
</body>
</html>

8、网页设计中html5的video 标签如何写才能使得视频文件填满整个div？

想要video能自动填充慢父div的大小，只要给video标签加上style="width= 100%; height=100%; object-fit: fill"即可。

object-fit语法

object-fit属性的语法非常的简单：

object-fit:fill | contain | cover | none | scale-down

object-fit取值说明

object-fit主要适合于替换元素，比如：<video>、<object>、<img>、<input type="image">、<svg>、<svg:image>和<svg:video>等。其默认值为fill。object-fill取值的说明如下：

fill:此值为boject-fit的默认值，替换内容的大小被设置为填充元素的内容框，也就是说，元素的内容扩大到完全填充容器的外形尺寸，即使这打破其内在的宽高比。

contain：替换元素内容大小保持长宽比例填充元素内容容器，其具体对象大小被解析为一个包含元素的宽度和高度。也就是说，如果你在替换元素上设置一个明确的高度和宽度，此值将导致内容大小，完全在固定的比例显示，但仍在元素尺寸内显示。

cover：替换元素内容大小保持长宽比例填充元素内容容器，其具体对象大小被解析为覆盖整个元素的宽度和高度。也就是说，替换元素内容大小保持长宽比，但改变宽度和高度，以便完全覆盖内容元素。

none：替换元素内容不调整大小以适应内部元素的容器，内容完全忽略设置在元素上的任何高度和权重，并且仍在元素尺寸内显示。

scale-down：当内容大小设置了non或contain，将导致具体对象变得更小。

导航:首页 > 万维百科 > divcss网页设计视频

divcss网页设计视频

与divcss网页设计视频相关的知识