网页制作知识大全...

来源：百度文库 编辑：神马文学网 时间：2024/04/28 01:14:13

网页制作知识大全

 

第一章：网站概述

http://lxc66188.blog.163.com/

 

网页制作教程：介绍

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.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标题标记</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.3.3基底网址标记<base></font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.3.4基底文字标记<base font> </font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.3.5元信息标记<meta>(上)</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.3.5元信息标记<meta>(下)</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.4.1 HTML内部主体标记(上)</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.4.1 HTML内部主体标记(中)</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.4.1 HTML内部主体标记(下)</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.5.1文字主要包括的内容</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.5.2标题字标记</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.5.3文字段落的修饰标记(上)</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.5.3文字段落的修饰标记(中)</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.5.3文字段落的修饰标记(下)</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.5.4文字的其它标记</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.6.1列表的标记</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.6.2有序列表</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.6.3无序列表</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.6.4列表的嵌套</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.7.1插入图片(上)</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.7.2插入图片(下)</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.7.3文本环绕与停止文本环绕</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.7.4图像映射</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.8.1文字链接</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.8.2锚点图像链接</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.8.3电子邮件FTP新闻组链接</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.9.1表格标记(上)</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.9.2表格标记(中)-标题</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.9.3表格标记(下)-表头</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.9.4 表格的标题 title </font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.9.5 colspan rolospan属性</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.9.6表格的嵌套</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.9.7<tr>标记</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.10.1什么是表单</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.10.2表单标记<form></font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99"></font></p> <p><font color="#ffff99"></font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.10.3文本域</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.10.4文本域类型</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.10.5 文件域标记</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.10.6按钮和图像域</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.10.7 select option 标记</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.11.1框架含义和框架集标记</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.11.2 <frame>框架标记</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.11.3 创建框架和分割框架</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.11.4浮动框架</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.11.5 框架链接</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.11.6 浮动框架链接</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.12.1 层及其属性</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">3.12.2 层的基本功能</font><font color="#ffff99"> </font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">第四章：CSS层叠样式表</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">4.1介绍网页中的CSS</font><font color="#ffff99"> </font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">4.1.1为什么应用CSS</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">4.1.2 CSS的优点</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">4.2CSS的声名(上)</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">4.2CSS的声名(下)</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">4.3CSS的类型</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">4.4创建CSS样式表文件及基本写法</font><font color="#ffff99"> </font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">4.5 层叠样式表的冲突</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">4.6 CSS的单位</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">4.7.1类型属性</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">4.7.2背景属性</font><font color="#ffff99"> </font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">4.7.3区块属性(上)</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">4.7.3区块属性(下)</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">4.7.4方框属性</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">4.7.5边框属性</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">4.7.6列表属性</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">4.7.7定位属性</font><font color="#ffff99"> </font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">4.7.8扩展属性</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">4.8.1静态CSS的过滤器属性</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">4.8.2动态CSS的过滤器属性</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99"></font></p> <p><font color="#ffff99"></font></p> <p style="TEXT-INDENT: 2em"> <p><font color="#ffff99"></font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">第五章：Javas<wbr>cript</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">5.1 Javas<wbr>cript概念及特点</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">5.2 Javas<wbr>cript的格式和常量</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">5.3 关于变量</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">5.4.1表达式和运算符a</font><font color="#ffff99"> </font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">5.4.2表达式和运算符b</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">5.5.1语句a</font><font color="#ffff99"> </font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">5.5.2语句b</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">5.6函数</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">5.7.1.1浏览器Navigator对象</font><font color="#ffff99"> </font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">5.7.1.2浏览器window对象(上)</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">5.7.1.2浏览器window对象(下)</font><font color="#ffff99"> </font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">5.7.1.3浏览器之Location对象</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">5.7.1.4浏览器Document对象</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">5.7.1.5浏览器history对象</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">5.7.2.1内置对象之字符串对象</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">5.7.2.2内置对象之数学对象</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">5.7.2.3Javas<wbr>cript时间对象</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">5.7.2.4内置对象之数组对象</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">5.7.3自定义对象</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99"></font></p> <p><font color="#ffff99"></font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">5.8.1Javas<wbr>cript事件</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">5.8.2on<wbr>change事件</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">5.8.3on<wbr>select事件.on<wbr>load事件和on<wbr>unload事件</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">5.8.4on<wbr>mouseover事件和on<wbr>mouseout事件</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">第六章：把网站放到网上</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">6.1 站点</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">6.2 WWW 服务</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">6.3 FTP 服务</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">第七章：网站的组织与策划</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">7.1 策划的重要性</font><font color="#ffff99"> </font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">7.2 从那里开始</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">7.3.1定位网站的主题和名称</font><font color="#ffff99"> </font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">7.3.2定位网站的CI形象</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">7.3.3确定网站的栏目</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">7.3.4确定网站的目录结构</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">7.3.5确定网站的链接结构</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">7.3.6设计网站的整体风格</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">第八章：一起建设一个网站</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">8.1网站的规划</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">8.2颜色设计</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">8.3整体规划</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">8.4绘制布局(1)</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">8.4绘制布局(2)</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">8.4绘制布局(3)</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99"></font></p> <p><font color="#ffff99"></font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">8.4绘制布局(4)</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">8.5头部设计a</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">8.5头部设计b</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">8.5头部设计c</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">8.6导航条和背景图像的制作制作</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">8.7本店承诺与主广告区制作a</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">8.7本店承诺与主广告区制作b</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">8.8制作"信息分类"区与页脚</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">8.9创建样式</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">8.10添加导航栏信息与分类信息</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">8.11添加页脚及公告栏信息</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">8.12制作首页a</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">8.12制作首页b</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">8.13店铺介绍页面制作</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">8.14网上商店页面制作</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">8.15客户服务.帮助中心制作</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">8.16发货查询页面制作</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">8.17其他链接页面制作a</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">8.17其他链接页面制作b</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">8.18添加网站链接</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">8.19上传FTP网站</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">第九章：常见问题</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">9.1 常见问题1</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">9.2 常见问题2</font></p> <p style="TEXT-INDENT: 2em"><font color="#ffff99">9.3 常见问题3</font></p> </p> </tbody></p></div> <div class="list-group"> <a href="/article/685756" class="list-group-item">网页制作知识大全*</a> <a href="/article/768983" class="list-group-item">网页制作知识大全...</a> <a href="/article/1767244" class="list-group-item">网页制作知识大全</a> <a href="/article/2175570" class="list-group-item">网页制作知识大全</a> <a href="/article/2699320" class="list-group-item">网页制作知识大全</a> <a href="/article/1147018" class="list-group-item">网页制作知识大全57785</a> <a href="/article/721504" class="list-group-item">网页制作知识大全（转载）</a> <a href="/article/2792714" class="list-group-item">网页制作素材大全</a> <a href="/article/688910" class="list-group-item">Dreamweaver网页制作基础大全</a> <a href="/article/1842700" class="list-group-item">网页制作配色大全辞典</a> <a href="/article/1848341" class="list-group-item">网页制作配色大全辞典2</a> <a href="/article/2622276" class="list-group-item">HTML语言大全-HTML/Xhtml-网页制作-网页教学网</a> <a href="/article/68224" class="list-group-item">网页制作</a> <a href="/article/321560" class="list-group-item">网页制作</a> <a href="/article/522897" class="list-group-item">网页制作</a> <a href="/article/938824" class="list-group-item">网页制作</a> <a href="/article/1037047" class="list-group-item">网页制作</a> <a href="/article/1055936" class="list-group-item">网页制作</a> <a href="/article/2003631" class="list-group-item">制作网页</a> <a href="/article/2181905" class="list-group-item">网页制作</a> <a href="/article/2469027" class="list-group-item">制作网页</a> <a href="/article/2701089" class="list-group-item">网页制作</a> <a href="/article/2846901" class="list-group-item">网页制作</a> <a href="/article/2065265" class="list-group-item">网页制作之网页布局</a> </div> </div> </div> </div> </div> </div> <footer id="footer" class="footer hidden-print"> <div class="container"> <div class="panel panel-default"> <div class="panel-heading">相关问题</div> <div class="panel-body"> <a class="btn btn-default" href="/article/585584" title="兰州将清退最后1240名代课教师 村民称卸磨杀驴">兰州将清退最后1240名代课教师 村民称卸磨杀驴</a> <a class="btn btn-default" href="/article/585585" title="奥巴马访华首站——上海">奥巴马访华首站——上海</a> <a class="btn btn-default" href="/article/585586" title="天干地支与阴阳五行★★★★★">天干地支与阴阳五行★★★★★</a> <a class="btn btn-default" href="/article/585587" title="看不懂“菜谱”的人，看这里！bfd">看不懂“菜谱”的人，看这里！bfd</a> <a class="btn btn-default" href="/article/585588" title="武钢与委内瑞拉签铁矿石中国价格长期协议">武钢与委内瑞拉签铁矿石中国价格长期协议</a> <a class="btn btn-default" href="/article/585589" title="中央经济工作会议将提前召开 关注国进民退">中央经济工作会议将提前召开 关注国进民退</a> <a class="btn btn-default" href="/article/585590" title="美国惊险电视系列片《 加里森敢死队 》（26集）">美国惊险电视系列片《 加里森敢死队 》（26集）</a> <a class="btn btn-default" href="/article/585591" title="蒋介石逝世 日本媒体盛赞：中国的英雄">蒋介石逝世 日本媒体盛赞：中国的英雄</a> <a class="btn btn-default" href="/article/585592" title="山西煤矿重组过程中对矿主价格补偿陷入僵局">山西煤矿重组过程中对矿主价格补偿陷入僵局</a> <a class="btn btn-default" href="/article/585593" title="蒋介石曾孙投资大陆市场 19岁赚160万美元">蒋介石曾孙投资大陆市场 19岁赚160万美元</a> <a class="btn btn-default" href="/article/585594" title="我给你猪">我给你猪</a> <a class="btn btn-default" href="/article/585595" title="颠三倒四过除夕">颠三倒四过除夕</a> <a class="btn btn-default" href="/article/585596" title="龚育之:我所知道的陆定一、周扬和于光远">龚育之:我所知道的陆定一、周扬和于光远</a> <a class="btn btn-default" href="/article/585597" title="很经典的十句话！">很经典的十句话！</a> <a class="btn btn-default" href="/article/585598" title="山西中阳山体滑坡事故被埋23人全部遇难">山西中阳山体滑坡事故被埋23人全部遇难</a> <a class="btn btn-default" href="/article/585599" title="【品上品作品】关于写帖发帖看帖回帖的（软文营销）误区">【品上品作品】关于写帖发帖看帖回帖的（软文营销）误区</a> <a class="btn btn-default" href="/article/585600" title="教你拍更美妙的照片！（如何处理不同对象、环境、姿式）">教你拍更美妙的照片！（如何处理不同对象、环境、姿式）</a> <a class="btn btn-default" href="/article/585601" title="当今中国三大扯蛋四大怪事五大谎言六大成绩">当今中国三大扯蛋四大怪事五大谎言六大成绩</a> <a class="btn btn-default" href="/article/585602" title="为何有心栽花花不开">为何有心栽花花不开</a> <a class="btn btn-default" href="/article/585603" title="胡乔木：敢于否定毛泽东">胡乔木：敢于否定毛泽东</a> <a class="btn btn-default" href="/article/585604" title="对女生超级实用的小窍门">对女生超级实用的小窍门</a> <a class="btn btn-default" href="/article/585605" title="黑帮生意">黑帮生意</a> <a class="btn btn-default" href="/article/585606" title="Damn Small Linux--U盘操作系统">Damn Small Linux--U盘操作系统</a> <a class="btn btn-default" href="/article/585607" title="中国足球成为中国股市的榜样">中国足球成为中国股市的榜样</a> <a class="btn btn-default" href="/article/585608" title="写给母亲的祭文">写给母亲的祭文</a> <a class="btn btn-default" href="/article/585609" title="武汉大学教授张在元病危 校方病榻前将其解雇">武汉大学教授张在元病危 校方病榻前将其解雇</a> <a class="btn btn-default" href="/article/585610" title="以创新精神推进新时期组织工作--">以创新精神推进新时期组织工作--</a> <a class="btn btn-default" href="/article/585611" title="《细节决定成败》[">《细节决定成败》[</a> <a class="btn btn-default" href="/article/585612" title="优美文段">优美文段</a> <a class="btn btn-default" href="/article/585613" title="话说“主子”">话说“主子”</a> <a class="btn btn-default" href="/article/585614" title="古诗词鉴赏三步曲0">古诗词鉴赏三步曲0</a> </div> </div></div> <div class="copy-right"> <p>神马文学网，客观、专业、权威的知识性互动百科全书。</p></div> </footer> </body> </html>