Drwamweaver网页制作教程例
第一章：网站概述
网页制作教程：介绍 1.1：网站与网页的概述 1.2：网页的基本元素
1.3：网页的布局 1.4：网页配色原则 1.5：HTML与渲染
第二章：制作工具
2.1：安装与启动 2.2：文档使用 2.
3.1：工作区结构（上）
2.3.2：工作区结构(下) 2.4.1：菜单概述（上） 2.4.2：菜单概述（下）
2.5.1A：常用工具栏使用(上) 2.5.1B：常用工具栏使用(下) 2.5.2A：布局工具的使用(上)
2.5.2B：布局工具的使用(下) 2.5.3A：表单工具栏的使用(上) 2.5.3B：表单工具栏的使用(中) 2.5.3C：表单工具栏的使用(下) 2.5.4A：文本工具栏的使用(上) 2.5.4B：文本工具栏的使用(下) 2.5.5：HTML工具栏的使用 2.5.6：FLASH元素工具栏的使用 2.5.7：收藏夹工具栏的使用
2.6.1：面板组的使用 2.6.2：设计面板 2.6.
3.A：代码面板(上)
2.6.
3.B：代码面板(下) 2.6.
4.A：标签检查器面板(上) 2.6.4.B：标签检查器面板(下) 2.6.5：属性面板
第三章：HTML
3.1 HTML 概念 3.2 一个HTML的示例 3.3.1HTML 头部标记
3.3.2标题标记
3.3.3基底网址标记<base> 3.3.4基底文字标记<base font> 3.3.5元信息标记<meta>(上) 3.3.5元信息标记<meta>(下)</p><p>3.4.1 HTML内部主体标记(上) 3.4.1 HTML内部主体标记(中) 3.4.1 HTML内部主体标记(下) 3.5.1文字主要包括的内容 3.5.2标题字标记 3.5.3文字段落的修饰标记(上) 3.5.3文字段落的修饰标记(中) 3.5.3文字段落的修饰标记(下) 3.5.4文字的其它标记</p><p>3.6.1列表的标记 3.6.2有序列表 3.6.3无序列表</p><p>3.6.4列表的嵌套</p><p>3.7.1插入图片(上) 3.7.2插入图片(下) 3.7.3文本环绕与停止文本环绕3.7.4图像映射</p><p>3.8.1文字链接 3.8.2锚点图像链接 3.8.3电子邮件FTP新闻组链接3.9.1表格标记(上) 3.9.2表格标记(中)-标题 3.9.3表格标记(下)-表头</p><p>3.9.4 表格的标题 title 3.9.5 colspan rolospan属性 3.9.6表格的嵌套</p><p>3.9.7<tr>标记</p><p>3.10.1什么是表单 3.10.2表单标记<form> 3.10.3文本域</p><p>3.10.4文本域类型 3.10.5 文件域标记 3.10.6按钮和图像域</p><p>3.10.7 select option 标记</p><p>3.11.1框架含义和框架集标记 3.11.2 <frame>框架标记 3.11.3 创建框架和分割框架</p><p>3.11.4浮动框架 3.11.5 框架链接 3.11.6 浮动框架链接</p><p>3.12.1 层及其属性 3.12.2 层的基本功能</p><p>第四章：CSS层叠样式表</p><p>4.1介绍网页中的CSS 4.1.1为什么应用CSS 4.1.2 CSS的优点</p><p>4.2CSS的声名(上) 4.2CSS的声名(下) 4.3CSS的类型</p><p>4.4创建CSS样式表文件及基本写法</p><p>4.5 层叠样式表的冲突 4.6 CSS的单位</p><p>4.7.1类型属性 4.7.2背景属性 4.7.3区块属性(上)</p><p>4.7.3区块属性(下) 4.7.4方框属性 4.7.5边框属性</p><p>4.7.6列表属性 4.7.7定位属性 4.7.8扩展属性</p><p>4.8.1静态CSS的过滤器属性 4.8.2动态CSS的过滤器属性</p><p>第五章：Javascript</p><p>5.1 Javascript概念及特点 5.2 Javascript的格式和常量 5.3 关于变量</p><p>5.4.1表达式和运算符a 5.4.2表达式和运算符b</p><p>5.5.1语句a 5.5.2语句b 5.6函数</p><p>5.7.1.1浏览器Navigator对象 5.7.1.2浏览器window对象(上) 5.7.1.2浏览器window对象(下) 5.7.1.3浏览器之Location对象 5.7.1.4浏览器Document对象 5.7.1.5浏览器history对象</p><p>5.7.2.1内置对象之字符串对象 5.7.2.2内置对象之数学对象 5.7.2.3Javascript时间对象</p><p>5.7.2.4内置对象之数组对象 5.7.3自定义对象 5.8.1Javascript事件</p><p>5.8.2onchange事件 5.8.3onselect事件.onload事件和onunload事件</p><p>5.8.4onmouseover事件和onmouseout事件</p><p>第六章：把网站放到网上</p><p>6.1 站点 6.2 WWW 服务 6.3 FTP 服务</p><p>第七章：网站的组织与策划</p><p>7.1 策划的重要性7.2 从那里开始7.3.1定位网站的主题和名称</p><p>7.3.2定位网站的CI形象7.3.3确定网站的栏目7.3.4确定网站的目录结构</p><p>7.3.5确定网站的链接结构7.3.6设计网站的整体风格</p><p>第八章：一起建设一个网站</p><p>8.1网站的规划8.2颜色设计8.3整体规划</p><p>8.4绘制布局(1) 8.4绘制布局(2) 8.4绘制布局(3)</p><p>8.4绘制布局(4) 8.5头部设计a 8.5头部设计b</p><p>8.5头部设计c 8.6导航条和背景图像的制作制作8.7本店承诺与主广告区制作a 8.7本店承诺与主广告区制作b 8.8制作"信息分类"区与页脚8.9创建样式</p><p>8.10添加导航栏信息与分类信息8.11添加页脚及公告栏信息8.12制作首页a</p><p>8.12制作首页b 8.13店铺介绍页面制作8.14网上商店页面制作</p><p>8.15客户服务.帮助中心制作8.16发货查询页面制作8.17其他链接页面制作a</p><p>8.17其他链接页面制作b 8.18添加网站链接8.19上传FTP网站第九章：常见问题</p><p>9.1 常见问题1 9.2 常见问题2 9.3 常见问题3</p>
</div>
</div>
</div>
</div>
</div>
<div id="rightcol" class="viewcol">
<div class="coltitle">相关文档</div>
<ul class="lista">
<li><a href="/doc/1d9784524.html" target="_blank">项目1 网页制作基础知识答案网页设计与制作项目教程</a></li>
<li><a href="/doc/1210062433.html" target="_blank">项目1 网页制作基础知识答案【网页设计与制作项目教程】 (1)</a></li>
<li><a href="/doc/1718479632.html" target="_blank">项目1 网页制作基础知识答案【网页设计与制作项目教程】</a></li>
<li><a href="/doc/2511024712.html" target="_blank">网页制作入门教程</a></li>
<li><a href="/doc/2613478059.html" target="_blank">网页制作基础教程</a></li>
<li><a href="/doc/3b9129348.html" target="_blank">网页制作基础教程</a></li>
<li><a href="/doc/3918257975.html" target="_blank">静态网页制作教程(入门级).</a></li>
<li><a href="/doc/551593503.html" target="_blank">项目1 网页制作基础知识答案【网页设计与制作项目教程】</a></li>
<li><a href="/doc/659290623.html" target="_blank">网页制作教程,网页制作入门教程</a></li>
<li><a href="/doc/6e13621654.html" target="_blank">HTML基础教程(网页制作).</a></li>
</ul>
<div class="coltitle">最新文档</div>
<ul class="lista">
<li><a href="/doc/e419174207.html" target="_blank">工程图纸会审管理办法</a></li>
<li><a href="/doc/2619501645.html" target="_blank">图纸会审管理办法</a></li>
<li><a href="/doc/1e19441785.html" target="_blank">图纸会审管理办法</a></li>
<li><a href="/doc/f019382782.html" target="_blank">图纸会审管理工作细则</a></li>
<li><a href="/doc/e719174206.html" target="_blank">施工图纸会审快速审查管理办法</a></li>
<li><a href="/doc/d119318793.html" target="_blank">图纸会审管理制度(优秀10篇)</a></li>
<li><a href="/doc/be19264939.html" target="_blank">设计交底、图纸会审、设计变更管理办法</a></li>
<li><a href="/doc/8f19300855.html" target="_blank">图纸会审管理工作细则</a></li>
<li><a href="/doc/3919362451.html" target="_blank">图纸会审管理工作细则</a></li>
<li><a href="/doc/3a19362450.html" target="_blank">工程施工图管理制度</a></li>
<li><a href="/doc/2719501644.html" target="_blank">工程项目施工图纸会审技术管理措施</a></li>
<li><a href="/doc/2519501643.html" target="_blank">图纸会审流程及管理规定</a></li>
</ul>
</div>
</div>
<script>
var sdocid = "4832d02a0d22590102020740be1e650e53eacf4d";
$(document).ready(function () {
$(".tag-header li a").on("click", function (event) {
event.preventDefault();
$(".tag-header li a").removeClass("active");
$(this).addClass("active");
const target = $(this).data("tab-target");
$(".tab-item").removeClass("active");
$(`.tab-item[data-tab-item="${target}"]`).addClass("active");
});
});
</script>
<script>
$(document).ready(function () {
var docId = '4832d02a0d22590102020740be1e650e53eacf4d';
var endPage = 5;
var totalPage = 3;
var remaining = 0
var loading = false;
var loadedPages = new Set();
var startPage = endPage + 1;
var endPageNum = endPage;
var initialNum = 2; // 初始页数
var pagesToLoad = 5; // 每次加载5页
const ext = 'doc';
const pageNum = '3';
var isButtonClick = false; // 监听滚动
function createPlaceholder(page) {
return `
<div class="placeholder" id="placeholder-${page}">
<div class="loading"><em></em><em></em><em></em><em></em><em></em><em></em><span>预览加载中，请您耐心等待几秒...</span></div>
<div class="pl-content"></div>
</div>
`;
}
function checkImageSrc() {
if ($('#contents img').attr('src')) {
// 图片的src属性有值
loadMorePages(endPage)
} else {
// 图片的src属性为空或未定义
initialNum = 1; // 示例中的初始化操作
loadMorePages(endPage)
getArticleData(initialNum.toString());
getArticleData((initialNum + 1).toString());
}
}
function loadMorePages(page) {
if (totalPage > endPage) {
remaining = totalPage - endPage;
$('#surplus').html(`<span class="color-1">剩余${remaining}页未预览，继续预览<i class="iconfont icon-you right"></i></span>`);
for (var arr = initialNum; arr <= endPage; arr++) {
$('#loader').append(createPlaceholder(arr));
}
} else {
for (var arr = initialNum; arr <= totalPage; arr++) {
$('#loader').append(createPlaceholder(arr));
}
$("#surplus").html("<span class=\"xtext\">全文预览结束</span>");
$(".loadmore").removeAttr("id");
}
}
checkImageSrc()
function getArticleData(arr) {
if (!loadedPages.has(arr)) {
loadedPages.add(arr);
var url = `https://render.doczj.com/html/${docId}/p-${arr}.html?pw=940`
$.ajax({
url: url,
method: 'GET',
success: function (data) {
$(`#placeholder-${arr} .pl-content`).html(data);
$(`#placeholder-${arr} .loading`).remove();
},
error: function (err) {
console.log('Error:', err);
}
});
}
}
$('#surplus').click(function () {
var endLoadPage = Math.min(endPageNum + pagesToLoad, totalPage);
remaining = totalPage - endLoadPage
$('#surplus').html(`<span class="color-1">剩余${remaining}页未预览，继续预览<i class="iconfont icon-you right"></i></span>`);
for (var page = startPage; page <= endLoadPage; page++) {
$('#loader').append(createPlaceholder(page));
if (page === totalPage) {
$("#surplus").html("<span class=\"xtext\">全文预览结束</span>");
$(this).off('click');
}
}
endPageNum = endLoadPage;
startPage = startPage + endPage;
getArticleData((startPage - endPage).toString());
})
$(window).on('scroll', function () {
if (isButtonClick) {
isButtonClick = false; // 在滚动事件触发时，将标志变量重置为false
return; // 跳过滚动事件处理逻辑
}
$('.placeholder').each(function () {
if ($(this).offset().top <= $(window).scrollTop() + $(window).height()) {
var page = $(this).attr('id').split('-')[1];
getArticleData(page);
}
});
var scrollTop = $(window).scrollTop();
var windowHeight = $(window).height();
if (scrollTop > 300) {
$(".tip").addClass('active')
$(".txt").removeClass('active')
}
});
});
</script>
<div class="clearfloat"></div>
<div id="footer">
<div class="ft_info">
<a href="https://beian.miit.gov.cn">闽ICP备16038512号-3</a> <a href="/tousu.html" target="_blank">侵权投诉</a> ©2013-2023 360文档中心,www.360docs.net | <a target="_blank" href="/sitemap.html">站点地图</a><br />
本站资源均为网友上传分享，本站仅负责收集和整理，有任何问题请在对应网页下方投诉通道反馈
</div>
<script type="text/javascript">foot()</script>
</div>
</body>
</html> 
