陈欣怡个人资料:网页制作知识大全*

来源:百度文库 编辑:九乡新闻网 时间:2024/05/18 23:45:38

网页制作知识大全

 

第一章:网站概述

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 s="TEXT-INDENT: 2em"><font color="#ffff99">3.3.3基底网址标记<base></font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.3.4基底文字标记<base font> </font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.3.5元信息标记<meta>(上)</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.3.5元信息标记<meta>(下)</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.4.1 HTML内部主体标记(上)</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.4.1 HTML内部主体标记(中)</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.4.1 HTML内部主体标记(下)</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.5.1文字主要包括的内容</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.5.2标题字标记</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.5.3文字段落的修饰标记(上)</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.5.3文字段落的修饰标记(中)</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.5.3文字段落的修饰标记(下)</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.5.4文字的其它标记</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.6.1列表的标记</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.6.2有序列表</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.6.3无序列表</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.6.4列表的嵌套</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.7.1插入图片(上)</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.7.2插入图片(下)</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.7.3文本环绕与停止文本环绕</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.7.4图像映射</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.8.1文字链接</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.8.2锚点图像链接</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.8.3电子邮件FTP新闻组链接</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.9.1表格标记(上)</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.9.2表格标记(中)-标题</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.9.3表格标记(下)-表头</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.9.4 表格的标题 title </font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.9.5 colspan rolospan属性</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.9.6表格的嵌套</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.9.7<tr>标记</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.10.1什么是表单</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.10.2表单标记<form></font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99"></font></p> <p><font color="#ffff99"></font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.10.3文本域</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.10.4文本域类型</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.10.5 文件域标记</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.10.6按钮和图像域</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.10.7 select option 标记</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.11.1框架含义和框架集标记</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.11.2 <frame>框架标记</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.11.3 创建框架和分割框架</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.11.4浮动框架</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.11.5 框架链接</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.11.6 浮动框架链接</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.12.1 层及其属性</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">3.12.2 层的基本功能</font><font color="#ffff99"> </font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">第四章:CSS层叠样式表</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">4.1介绍网页中的CSS</font><font color="#ffff99"> </font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">4.1.1为什么应用CSS</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">4.1.2 CSS的优点</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">4.2CSS的声名(上)</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">4.2CSS的声名(下)</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">4.3CSS的类型</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">4.4创建CSS样式表文件及基本写法</font><font color="#ffff99"> </font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">4.5 层叠样式表的冲突</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">4.6 CSS的单位</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">4.7.1类型属性</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">4.7.2背景属性</font><font color="#ffff99"> </font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">4.7.3区块属性(上)</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">4.7.3区块属性(下)</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">4.7.4方框属性</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">4.7.5边框属性</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">4.7.6列表属性</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">4.7.7定位属性</font><font color="#ffff99"> </font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">4.7.8扩展属性</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">4.8.1静态CSS的过滤器属性</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">4.8.2动态CSS的过滤器属性</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99"></font></p> <p><font color="#ffff99"></font></p> <p s="TEXT-INDENT: 2em"> <p><font color="#ffff99"></font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">第五章:Javas<wbr>cript</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">5.1 Javas<wbr>cript概念及特点</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">5.2 Javas<wbr>cript的格式和常量</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">5.3 关于变量</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">5.4.1表达式和运算符a</font><font color="#ffff99"> </font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">5.4.2表达式和运算符b</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">5.5.1语句a</font><font color="#ffff99"> </font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">5.5.2语句b</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">5.6函数</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">5.7.1.1浏览器Navigator对象</font><font color="#ffff99"> </font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">5.7.1.2浏览器window对象(上)</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">5.7.1.2浏览器window对象(下)</font><font color="#ffff99"> </font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">5.7.1.3浏览器之Location对象</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">5.7.1.4浏览器Document对象</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">5.7.1.5浏览器history对象</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">5.7.2.1内置对象之字符串对象</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">5.7.2.2内置对象之数学对象</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">5.7.2.3Javas<wbr>cript时间对象</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">5.7.2.4内置对象之数组对象</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">5.7.3自定义对象</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99"></font></p> <p><font color="#ffff99"></font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">5.8.1Javas<wbr>cript事件</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">5.8.2on<wbr>change事件</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">5.8.3on<wbr>select事件.on<wbr>load事件和on<wbr>unload事件</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">5.8.4on<wbr>mouseover事件和on<wbr>mouseout事件</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">第六章:把网站放到网上</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">6.1 站点</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">6.2 WWW 服务</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">6.3 FTP 服务</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">第七章:网站的组织与策划</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">7.1 策划的重要性</font><font color="#ffff99"> </font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">7.2 从那里开始</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">7.3.1定位网站的主题和名称</font><font color="#ffff99"> </font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">7.3.2定位网站的CI形象</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">7.3.3确定网站的栏目</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">7.3.4确定网站的目录结构</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">7.3.5确定网站的链接结构</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">7.3.6设计网站的整体风格</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">第八章:一起建设一个网站</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">8.1网站的规划</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">8.2颜色设计</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">8.3整体规划</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">8.4绘制布局(1)</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">8.4绘制布局(2)</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">8.4绘制布局(3)</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99"></font></p> <p><font color="#ffff99"></font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">8.4绘制布局(4)</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">8.5头部设计a</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">8.5头部设计b</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">8.5头部设计c</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">8.6导航条和背景图像的制作制作</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">8.7本店承诺与主广告区制作a</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">8.7本店承诺与主广告区制作b</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">8.8制作"信息分类"区与页脚</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">8.9创建样式</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">8.10添加导航栏信息与分类信息</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">8.11添加页脚及公告栏信息</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">8.12制作首页a</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">8.12制作首页b</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">8.13店铺介绍页面制作</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">8.14网上商店页面制作</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">8.15客户服务.帮助中心制作</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">8.16发货查询页面制作</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">8.17其他链接页面制作a</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">8.17其他链接页面制作b</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">8.18添加网站链接</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">8.19上传FTP网站</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">第九章:常见问题</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">9.1 常见问题1</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">9.2 常见问题2</font></p> <p s="TEXT-INDENT: 2em"><font color="#ffff99">9.3 常见问题3</font></p> </p> </tbody></p></div> <div class="zuoye-list-a"> <a href="/article/jppsnn">网页制作知识大全*</a> <a href="/article/jprvez">网页制作知识大全</a> <a href="/article/jqypwu">网页制作知识大全</a> <a href="/article/jofltd">网页制作知识大全1</a> <a href="/article/jmvwkh">网页制作代码大全</a> <a href="/article/jlzrja">网页制作配色大全辞典</a> <a href="/article/jlzyen">网页制作配色大全辞典:</a> <a href="/article/jrjxqt">Dreamweaver网页制作基础大全</a> <a href="/article/jonldk">电脑技巧及制作网页大全</a> <a href="/article/jqhctr">电脑技巧及制作网页大全</a> <a href="/article/jqmsza">网页设计制作网站网址大全</a> <a href="/article/jlcyww">制作网页</a> <a href="/article/jmfjcq">网页制作</a> <a href="/article/jnumbk">网页制作</a> <a href="/article/jpocxa">网页制作</a> <a href="/article/jptggs">网页制作</a> <a href="/article/jqbhcu">网页制作</a> <a href="/article/jrfzke">制作网页</a> <a href="/article/jowknq">网页制作知识之详细讲解CSS选择符</a> <a href="/article/jpznhz">如何学做音画网页【代码制作大全 初学者】</a> <a href="/article/jqzkjt">电脑技巧及制作网页大全(1000个技巧)</a> <a href="/article/jrnkpm">“网页制作与网站建设技术大全”一书目录</a> <a href="/article/jromtm">让你成为制作高手:网页素材大全</a> <a href="/article/jlmgjo">如何制作网页{视频教程}</a> </div> </div> </div> </div> </div> </div> </div> <div id="footer"> <div class="footerlinks"> <div class="panel panel-default"> <div class="panel-heading">相关问题</div> <div class="panel-body"> <a class="btn btn-default" href="/article/joiceg" title="于丹教授感言">于丹教授感言</a> <a class="btn btn-default" href="/article/joiceh" title="国内找矿炒作九成血本无归 中央级基金入市调节">国内找矿炒作九成血本无归 中央级基金入市调节</a> <a class="btn btn-default" href="/article/joicei" title="小学生留洋:喜?忧?">小学生留洋:喜?忧?</a> <a class="btn btn-default" href="/article/joicej" title="千万不能说给男人听的话">千万不能说给男人听的话</a> <a class="btn btn-default" href="/article/joicek" title="火六局">火六局</a> <a class="btn btn-default" href="/article/joicel" title="灵枢五色望诊图==怎么样观察病情">灵枢五色望诊图==怎么样观察病情</a> <a class="btn btn-default" href="/article/joicem" title="永恒的处世经典(二)(64——————104)">永恒的处世经典(二)(64——————104)</a> <a class="btn btn-default" href="/article/joicen" title="((《巧处世妙办事:做人做事的糊涂艺术》">((《巧处世妙办事:做人做事的糊涂艺术》</a> <a class="btn btn-default" href="/article/joiceo" title="总决赛G4:詹姆斯历史地位再度降格—虎扑NBA">总决赛G4:詹姆斯历史地位再度降格—虎扑NBA</a> <a class="btn btn-default" href="/article/joicep" title="《春江花月夜》【 书法创作 】">《春江花月夜》【 书法创作 】</a> <a class="btn btn-default" href="/article/joiceq" title="经典之读懂你心">经典之读懂你心</a> <a class="btn btn-default" href="/article/joicer" title="欧洲的云雾山庄">欧洲的云雾山庄</a> <a class="btn btn-default" href="/article/joices" title="小心!夏季时令水果让你吃出“水果病”">小心!夏季时令水果让你吃出“水果病”</a> <a class="btn btn-default" href="/article/joicet" title="人生名言">人生名言</a> <a class="btn btn-default" href="/article/joiceu" title="洗盘与变盘的区别">洗盘与变盘的区别</a> <a class="btn btn-default" href="/article/joicev" title="8式高效瘦腿瑜伽动作">8式高效瘦腿瑜伽动作</a> <a class="btn btn-default" href="/article/joicew" title="东莞“最牛”祈福团 和尚美女道士齐上阵(图)">东莞“最牛”祈福团 和尚美女道士齐上阵(图)</a> <a class="btn btn-default" href="/article/joicex" title="热舞DJ—模特走T型台">热舞DJ—模特走T型台</a> <a class="btn btn-default" href="/article/joicey" title="毛泽东五次选择接班人 为何最终选择了华国锋?2">毛泽东五次选择接班人 为何最终选择了华国锋?2</a> <a class="btn btn-default" href="/article/joicez" title="看了这20部电影相当于读完清华经管学院">看了这20部电影相当于读完清华经管学院</a> <a class="btn btn-default" href="/article/joicfa" title=":《人的一生》">:《人的一生》</a> <a class="btn btn-default" href="/article/joicfb" title="在底部选股的十大秘笈 4">在底部选股的十大秘笈 4</a> <a class="btn btn-default" href="/article/joicfc" title="刘嘉玲昔日照片曝光 入行前曾遭遇最痛情伤">刘嘉玲昔日照片曝光 入行前曾遭遇最痛情伤</a> <a class="btn btn-default" href="/article/joicfd" title="俄媒稱烏方已向中國轉讓DN80燃氣輪機技術">俄媒稱烏方已向中國轉讓DN80燃氣輪機技術</a> <a class="btn btn-default" href="/article/joicfe" title="强弱线买卖主图+买点选股公式">强弱线买卖主图+买点选股公式</a> <a class="btn btn-default" href="/article/joicff" title="金四局">金四局</a> <a class="btn btn-default" href="/article/joicfg" title="乌鲶全功略">乌鲶全功略</a> <a class="btn btn-default" href="/article/joicfh" title="健康运动快速燃脂 使你轻松瘦下来">健康运动快速燃脂 使你轻松瘦下来</a> <a class="btn btn-default" href="/article/joicfi" title="【引用】中国官场定律 -">【引用】中国官场定律 -</a> <a class="btn btn-default" href="/article/joicfj" title="人像摄影姿势大全(图解)">人像摄影姿势大全(图解)</a> <a class="btn btn-default" href="/article/joicfk" title="求职细节多做5%,就能得到200%的回报">求职细节多做5%,就能得到200%的回报</a> </div> </div> </div> <div class="copy-right"> <p>九乡新闻网,客观、专业、权威的知识性互动百科全书。</p></div> </div> </div> <!--mip 运行环境--> <mip-stats-baidu> <script type="application/json"> { "token": "97cc1851a34f9e233119ff36ecf54098", "_setCustomVar": [1, "login", "1", 2], "_setAutoPageview": [true] } </script> </mip-stats-baidu> <script src="https://c.mipcdn.com/static/v1/mip.js"></script> <!--分享组件 代码--> <script src="https://c.mipcdn.com/static/v1/mip-share/mip-share.js"></script> <!--百度统计组件 代码--> <script src="https://c.mipcdn.com/static/v1/mip-stats-baidu/mip-stats-baidu.js"></script> </body> </html>