html模板怎么套用（html 网页模板怎么用）
本文目录
html 网页模板怎么用
AMWE**ER网页软件，页面属性--跟踪图片--选择那张整的图片，设好透明度，就可以根据图片来设计，当然如果想弄得好，要学好CSS等
怎样套用人家做好的CSS模板啊
在Dreamweaver中，建立一个站点，命名一个文件夹，在该文件夹中放进你下载好的css文件（例如它叫做style.css，放在你的文件夹中的子文件夹styles中）；
然后在站点中建立.html文件（例如命名为index.html）,在.html文件的head内写上
《link href="styles/style.css" rel="stylesheet" type="text/css" /》用于引用这个css文件。然后在.html文件中用CSS+div布局你要的效果。
引用css文件中的样式的时候，写“.”的样式在.html中用class引用，写“#”的文件用id引用。
如果您一点儿也不懂代码的话，建议还是从基础的学一下，然后再去布局网页。
如何复用HTML模板代码，比如头部尾部等相同代码的部分，具体怎么做
HTML复用，不需要任何模板就可以复用相同的内容
条件：控制页面布局显示就可以完成
示例：
主页
《!DOCTYPE html》
《html》
《head》
《meta charset=’utf-8’ /》
《title》HTML调试《/title》
《script type=’text/javascript’ src=’js/jquery-1.8.0.min.js’》《/script》
《script src=’js/zui.min.js’ type=’text/javascript’ charset=’utf-8’》《/script》
《script src=’js/jquery-barcode.js’ type=’text/javascript’ charset=’utf-8’》《/script》
《link rel=’stylesheet’ type=’text/css’ href=’css/zui.css’ /》
《style type=’text/css’》
#container {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: auto;
font-family: ’宋体’;
}
《/style》
《/head》
《body》
《div id=’container’》
《!--复用页面容器1--》
《div style="position: absolute;left: 0px;top: 0px;height: 70px;width: 100%;border-bottom: 1px solid #F1F1F1;"》
《iframe align="center" width="100%" height="70px" src="html/page_header.html" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"》《/iframe》
《/div》
《div id="contents" style="position: absolute;left: 0px;top: 70px;width: 100px;"》
《!--不相同内容容器--》
《/div》
《!--复用页面容器2--》
《div style="position: absolute;left: 0px;top: 585px;height: 70px;width: 100%;border-top: 1px solid #F1F1F1;"》
《iframe align="center" width="100%" height="70px" src="html/page_footer.html" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"》《/iframe》
《/div》
《/div》
《/body》
《/html》
复用页面1
《!DOCTYPE html》
《html》
《head》
《meta charset="UTF-8"》
《script src="../js/jquery-1.8.0.min.js" type="text/javascript" charset="utf-8"》《/script》
《link rel="stylesheet" href="../css/bootstrap.min.css" /》
《title》复用头部《/title》
《/head》
《body》
《div style="position: absolute;left: 0px;top: 0px;height: 70px;width:100%;background: #ff0;font-size: 30px;text-align: center;line-height: 70px;"》
复用头部
《/div》
《/body》
《/html》
复用页面2
《!DOCTYPE html》
《html》
《head》
《meta charset="UTF-8"》
《script src="../js/jquery-1.8.0.min.js" type="text/javascript" charset="utf-8"》《/script》
《link rel="stylesheet" href="../css/bootstrap.min.css" /》
《title》复用底部《/title》
《/head》
《body》
《div style="position: absolute;left: 0px;top: 0px;height: 70px;width:100%;background: #ff0;font-size: 30px;text-align: center;line-height: 70px;"》
复用底部
《/div》
《/body》
《/html》
项目结构
实现结果：
怎么在网页中套用别的网页
第一步,先把你想要套用的网页另存为,然后在本地计算机上用dreamweaver打开,第二步,插入→模板对象→创建模板(选择好站点,并给模板取好名子)→保存第四步:在打开你自己的网页,修改→模板→套用模板到页→选择你当时保存的模板就可以了
