网页制作知识大全

来源:百度文库 编辑:神马文学网 时间:2024/05/24 05:59:49

网页制作知识大全

 

 

第一章:网站概述

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"><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> </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/2018654" title="传谢亚龙等人交代大量问题 检察院正式介入此案">传谢亚龙等人交代大量问题 检察院正式介入此案</a> <a class="btn btn-default" href="/article/2018655" title="世界地图大全0">世界地图大全0</a> <a class="btn btn-default" href="/article/2018656" title="太绝了!是汉字?还是画?!">太绝了!是汉字?还是画?!</a> <a class="btn btn-default" href="/article/2018657" title="2010年">2010年</a> <a class="btn btn-default" href="/article/2018658" title="幸福早餐~我都要学会做">幸福早餐~我都要学会做</a> <a class="btn btn-default" href="/article/2018659" title="幸福早餐~ 我都要学会做">幸福早餐~ 我都要学会做</a> <a class="btn btn-default" href="/article/2018660" title="宝宝发烧最有效退热秒招">宝宝发烧最有效退热秒招</a> <a class="btn btn-default" href="/article/2018661" title="亿万富翁对大学生说的18句话">亿万富翁对大学生说的18句话</a> <a class="btn btn-default" href="/article/2018662" title="长颈鹿但丁的爆笑语录">长颈鹿但丁的爆笑语录</a> <a class="btn btn-default" href="/article/2018663" title="这个美女长得漂亮吗?1 - 理睬的日志 - 网易博客">这个美女长得漂亮吗?1 - 理睬的日志 - 网易博客</a> <a class="btn btn-default" href="/article/2018664" title="成功的秘诀">成功的秘诀</a> <a class="btn btn-default" href="/article/2018665" title="家庭穴位保健按摩视频教学 - Qzone日志">家庭穴位保健按摩视频教学 - Qzone日志</a> <a class="btn btn-default" href="/article/2018666" title="FLASH绘制明媚夏日海滩">FLASH绘制明媚夏日海滩</a> <a class="btn btn-default" href="/article/2018667" title="落叶知秋 - 美文品赏 - 热鸟论坛">落叶知秋 - 美文品赏 - 热鸟论坛</a> <a class="btn btn-default" href="/article/2018668" title="科学松鼠会 ? 灵芝有多“灵”">科学松鼠会 ? 灵芝有多“灵”</a> <a class="btn btn-default" href="/article/2018669" title="麻将击发">麻将击发</a> <a class="btn btn-default" href="/article/2018670" title="一个出轨男人与佛的对话!">一个出轨男人与佛的对话!</a> <a class="btn btn-default" href="/article/2018671" title="我的个人知识管理工具 [PKM]">我的个人知识管理工具 [PKM]</a> <a class="btn btn-default" href="/article/2018672" title="[转] 蒋介石日记:真实的西安事变">[转] 蒋介石日记:真实的西安事变</a> <a class="btn btn-default" href="/article/2018673" title="【转】Linux 2.6.16 udev问题 - Small.Box的日志 - 网易博客">【转】Linux 2.6.16 udev问题 - Small.Box的日志 - 网易博客</a> <a class="btn btn-default" href="/article/2018674" title="加快建设中国特色现代高等教育 努力实现高等教育的历史性跨越">加快建设中国特色现代高等教育 努力实现高等教育的历史性跨越</a> <a class="btn btn-default" href="/article/2018675" title="中秋前后必吃的9大养生蔬菜">中秋前后必吃的9大养生蔬菜</a> <a class="btn btn-default" href="/article/2018676" title="一定要记住这20种PS技术!!!会让你的照片美的不行!! - 电脑技术交流 - 热鸟论坛">一定要记住这20种PS技术!!!会让你的照片美的不行!! - 电脑技术交流 - 热鸟论坛</a> <a class="btn btn-default" href="/article/2018677" title="女人为何看女人不顺眼">女人为何看女人不顺眼</a> <a class="btn btn-default" href="/article/2018678" title="专家:钓鱼岛问题是美国埋在中日之间的“地雷”">专家:钓鱼岛问题是美国埋在中日之间的“地雷”</a> <a class="btn btn-default" href="/article/2018679" title="受益良多的21个小故事 16:21">受益良多的21个小故事 16:21</a> <a class="btn btn-default" href="/article/2018680" title="引用 如何学好英语?">引用 如何学好英语?</a> <a class="btn btn-default" href="/article/2018681" title="男人女人十大最隐秘暧昧!">男人女人十大最隐秘暧昧!</a> <a class="btn btn-default" href="/article/2018682" title="听课也要有效率">听课也要有效率</a> <a class="btn btn-default" href="/article/2018683" title="hhh">hhh</a> <a class="btn btn-default" href="/article/2018684" title="【实用收藏】如何泡制药酒与各种药酒功能和用法汇集1">【实用收藏】如何泡制药酒与各种药酒功能和用法汇集1</a> </div> </div></div> <div class="copy-right"> <p>神马文学网,客观、专业、权威的知识性互动百科全书。</p></div> </footer> </body> </html>