网页设计与网站建设从入门到精通

网页设计与网站建设从入门到精通
作　者： 张翔 袁玉健
出版社： 化学工业出版社
丛编项： 炫动网页设计丛书
版权说明： 本书为出版图书，暂不支持在线阅读，请支持正版图书
标　签： 网页设计
ISBN 出版时间 包装 开本 页数 字数
未知 暂无 暂无 未知 0 暂无

作者简介

暂缺《网页设计与网站建设从入门到精通》作者简介

内容简介

Adobe公司最近推出的Dreamweaver CS5、Fireworks CS5、Photoshop CS5和FlashCS5是制作网页和网络动画的必备利器。本书从零开始，逐步深入地讲解了用这些软件制作网页和建设网站的方法与技巧。本书注重网页制作、图像处理和动画制作技巧的运用和实际创作方法，分为5篇，共19章，对网站开发入门、网页设计与制作、动态网站开发、网站发布与维护和案例实战，进行了由浅及深、循序渐进地讲解，各章节注重实例间的联系和各功能间的难易层次，内容讲解以文字描述为主，图文并茂，生动易懂，并对软件应用过程中可能出现的问题、难点和重点给予了重点讲解和提示。同时以实例的形式让读者一步步领略各个软件的风采，完成从新手到行家的转变。能为读者提供帮助，以制作出精美的网页。本书内容全面、实例丰富、可操作性强。因此，本书不仅适合作为网站设计与网页制作初学者的入门指导，也可以作为相关电脑培训班的教材。

图书目录

第1篇

网站开发入门第1章

网站开发基础

网页设计基础

21.1.1

网页概述

21.1.2

网页的构成元素

31.1.3

网站概述

网站建设流程

常用网站开发软件

本章小结

习题

11第2章

HTML入门

HTML概述

122.1.1

HTML的概念

122.1.2

HTML的基本语法

HTML头标记

142.2.1

HTML标题标签</p> <p>142.2.2</p> <p>HTML元信息标签<meta></p> <p>142.2.3</p> <p>HTML基链接标签<base></p> <p>152.2.4</p> <p>HTML链接标签<link></p> <p>HTML主体标记</p> <p>162.3.1</p> <p>文本颜色</p> <p>162.3.2</p> <p>背景属性</p> <p>162.3.3</p> <p>超链接属性</p> <p>172.3.4</p> <p>边距属性</p> <p>与文字排版相关的标记</p> <p>172.4.1</p> <p>标题字标记</p> <p>172.4.2</p> <p>字体标记</p> <p>182.4.3</p> <p>文字修饰标记</p> <p>192.4.4</p> <p>段落排版标记</p> <p>超链接标记</p> <p>282.5.1</p> <p>超链接简介</p> <p>282.5.2</p> <p>创建超链接</p> <p>表格标记</p> <p>302.6.1</p> <p>表格简介</p> <p>302.6.2</p> <p>表格属性</p> <p>322.6.3</p> <p>表格行标记<tr></p> <p>342.6.4</p> <p>表格单元格标记<td></p> <p>352.6.5</p> <p>表格的标题与表头</p> <p>表单标记</p> <p>392.7.1</p> <p>表单的结构</p> <p>392.7.2</p> <p>输入标记<input></p> <p>402.7.3</p> <p>文本输入区域标记<textarea></p> <p>422.7.4</p> <p>下拉列表标记<select></p> <p>框架标记</p> <p>432.8.1</p> <p>框架的基本结构</p> <p>442.8.2</p> <p>浮动框架标记</p> <p>多媒体标记</p> <p>452.9.1</p> <p>图片标记</p> <p>452.9.2</p> <p>滚动字幕标记</p> <p>462.9.3</p> <p>背景音乐标记</p> <p>482.9.4</p> <p>其他多媒体标记</p> <p>本章小结</p> <p>习题</p> <p>49第3章</p> <p>网页配色</p> <p>网页色彩基础</p> <p>513.1.1</p> <p>RGB色彩模式</p> <p>513.1.2</p> <p>HTML语言对色彩的描述</p> <p>523.1.3</p> <p>色彩的分类</p> <p>523.1.4</p> <p>色彩三要素</p> <p>543.1.5</p> <p>网页色彩原理</p> <p>网站色彩搭配</p> <p>573.2.1</p> <p>色彩的平衡原则</p> <p>573.2.2</p> <p>色彩的适应性原则</p> <p>593.2.3</p> <p>网页的配色方法</p> <p>色彩心理与网页表现</p> <p>633.3.1</p> <p>红色心理与网页表现</p> <p>633.3.2</p> <p>黄色心理与网页表现</p> <p>643.3.3</p> <p>橙色心理与网页表现</p> <p>653.3.4</p> <p>蓝色心理与网页表现</p> <p>653.3.5</p> <p>白色心理与网页表现</p> <p>663.3.6</p> <p>紫色心理与网页表现</p> <p>673.3.7</p> <p>绿色心理与网页表现</p> <p>683.3.8</p> <p>黑色心理与网页表现</p> <p>683.3.9</p> <p>灰色心理与网页表现</p> <p>本章小结</p> <p>习题</p> <p>70第2篇</p> <p>网页设计与制作第4章</p> <p>Dreamweaver</p> <p>CS5快速入门</p> <p>Dreamweaver</p> <p>CS5工作界面</p> <p>简单的页面操作</p> <p>754.2.1</p> <p>管理页面</p> <p>754.2.2</p> <p>操作HTML源文件</p> <p>网页元素的运用</p> <p>794.3.1</p> <p>插入文本元素</p> <p>794.3.2</p> <p>插入水平线、特殊字符和日期</p> <p>814.3.3</p> <p>插入图像</p> <p>网页链接</p> <p>844.4.1</p> <p>绝对路径和相对路径</p> <p>844.4.2</p> <p>图像链接</p> <p>844.4.3</p> <p>锚点链接</p> <p>864.4.4</p> <p>E-mail链接</p> <p>874.4.5</p> <p>其他特殊链接</p> <p>表格的基本操作</p> <p>884.5.1</p> <p>创建表格</p> <p>894.5.2</p> <p>选择表格元素</p> <p>894.5.3</p> <p>表格的其他操作</p> <p>本章小结</p> <p>习题</p> <p>92第5章</p> <p>创建与管理站点</p> <p>规划站点</p> <p>935.1.1</p> <p>网站的目录结构</p> <p>935.1.2</p> <p>网站的链接结构</p> <p>创建本地站点</p> <p>955.2.1</p> <p>使用向导建立站点</p> <p>955.2.2</p> <p>使用高级设置建立站点</p> <p>网站文件的管理</p> <p>995.3.1</p> <p>“文件”面板简介</p> <p>1005.3.2</p> <p>创建和管理本地文件、文件夹</p> <p>上机实战——定义网站“九寨沟风光”</p> <p>本章小结</p> <p>习题</p> <p>103第6章</p> <p>表单和CSS样式表的应用</p> <p>表单应用</p> <p>1046.1.1</p> <p>表单对象</p> <p>1046.1.2</p> <p>添加表单对象</p> <p>1056.1.3</p> <p>插入文本字段</p> <p>1076.1.4</p> <p>插入密码输入框</p> <p>1086.1.5</p> <p>插入文本输入区域</p> <p>1096.1.6</p> <p>插入单选按钮</p> <p>1096.1.7</p> <p>插入复选框</p> <p>1106.1.8</p> <p>插入列表</p> <p>1116.1.9</p> <p>插入按钮</p> <p>1136.1.10</p> <p>插入其他表单对象</p> <p>CSS样式表应用</p> <p>1156.2.1</p> <p>什么是CSS</p> <p>1156.2.2</p> <p>CSS基本语法</p> <p>1166.2.3</p> <p>CSS样式表类别</p> <p>1176.2.4</p> <p>“CSS样式”面板</p> <p>1196.2.5</p> <p>新建CSS规则</p> <p>1206.2.6</p> <p>设置CSS属性</p> <p>1206.2.7</p> <p>应用和管理CSS样式</p> <p>本章小结</p> <p>习题</p> <p>127第7章</p> <p>使用Photoshop</p> <p>CS5进行页面设计</p> <p>Photoshop</p> <p>CS5工作界面</p> <p>调整图像</p> <p>1317.2.1</p> <p>调整图像大小</p> <p>1317.2.2</p> <p>使用“色阶”命令美化图像</p> <p>1327.2.3</p> <p>使用“曲线”命令美化图像</p> <p>1327.2.4</p> <p>调整图像的亮度与对比度</p> <p>1347.2.5</p> <p>使用色彩平衡功能</p> <p>1357.2.6</p> <p>调整图像的色相与饱和度</p> <p>切割网页图像</p> <p>1377.3.1</p> <p>创建切片</p> <p>1387.3.2</p> <p>调整切片的位置和大小</p> <p>1397.3.3</p> <p>为切片添加链接</p> <p>1397.3.4</p> <p>保存切片为图像</p> <p>图像的优化与输出</p> <p>1407.4.1</p> <p>图像的优化</p> <p>1417.4.2</p> <p>输出图像</p> <p>1427.4.3</p> <p>输出透明GIF图像</p> <p>本章小结</p> <p>习题</p> <p>144第8章</p> <p>使用Fireworks</p> <p>CS5设计处理网页图像</p> <p>Fireworks</p> <p>CS5工作界面</p> <p>编辑位图图像</p> <p>1478.2.1</p> <p>绘制位图</p> <p>1478.2.2</p> <p>修饰位图</p> <p>编辑矢量图形</p> <p>1528.3.1</p> <p>创建矢量图形</p> <p>1528.3.2</p> <p>填充效果</p> <p>1538.3.3</p> <p>转换为位图图像</p> <p>编辑与处理文本</p> <p>1558.4.1</p> <p>输入文本</p> <p>1558.4.2</p> <p>编辑文本</p> <p>1578.4.3</p> <p>文本的特殊效果</p> <p>1578.4.4</p> <p>文本与路径</p> <p>创建页面的切片和热区</p> <p>1618.5.1</p> <p>创建切片</p> <p>1618.5.2</p> <p>编辑切片</p> <p>1628.5.3</p> <p>创建图像热区</p> <p>本章小结</p> <p>习题</p> <p>166第9章</p> <p>制作网站的Logo和广告</p> <p>网站Logo的制作</p> <p>1679.1.1</p> <p>网站Logo的设计标准</p> <p>1679.1.2</p> <p>网站Logo的规范</p> <p>1689.1.3</p> <p>网站Logo的规格</p> <p>1699.1.4</p> <p>Logo设计实例</p> <p>网络广告的制作</p> <p>1749.2.1</p> <p>网络广告的形式</p> <p>1749.2.2</p> <p>网络广告设计要素</p> <p>1759.2.3</p> <p>网络广告设计技巧</p> <p>1759.2.4</p> <p>网络广告设计实例</p> <p>本章小结</p> <p>习题</p> <p>184第10章</p> <p>利用Div+CSS布局网页</p> <p>网站布局概述</p> <p>CSS布局形式</p> <p>18510.2.1</p> <p>两列布局</p> <p>18610.2.2</p> <p>三列布局</p> <p>18610.2.3</p> <p>多列布局</p> <p>利用Div+CSS布局网页</p> <p>18710.3.1</p> <p>使用Div+CSS搭建页面</p> <p>18710.3.2</p> <p>问题探究——Div+CSS</p> <p>19010.3.3</p> <p>Div+CSS标准的优点</p> <p>本章小结</p> <p>习题</p> <p>197第11章</p> <p>创建框架网页</p> <p>关于框架</p> <p>创建框架集和框架</p> <p>19911.2.1</p> <p>使用预定义的框架集</p> <p>19911.2.2</p> <p>创建嵌套框架集</p> <p>20011.2.3</p> <p>手动设计框架集</p> <p>框架的基本操作</p> <p>20111.3.1</p> <p>选择框架和框架集</p> <p>20111.3.2</p> <p>删除框架</p> <p>20211.3.3</p> <p>保存框架和框架集</p> <p>设置框架和框架集的属性</p> <p>20311.4.1</p> <p>设置框架的属性</p> <p>20311.4.2</p> <p>设置框架集的属性</p> <p>20411.4.3</p> <p>设置无框架内容</p> <p>20511.4.4</p> <p>设置框架内的链接</p> <p>本章小结</p> <p>习题</p> <p>207第12章</p> <p>使用模板和库项目</p> <p>模板的使用</p> <p>20812.1.1</p> <p>创建模板</p> <p>20812.1.2</p> <p>管理模板</p> <p>21012.1.3</p> <p>创建嵌套模板</p> <p>21012.1.4</p> <p>定义模板区域</p> <p>21112.1.5</p> <p>实例——创建网站的模板页面</p> <p>使用模板创建网页文档</p> <p>21612.2.1</p> <p>创建基于模板的文档</p> <p>21612.2.2</p> <p>分离模板</p> <p>21712.2.3</p> <p>更新模板页面</p> <p>库的使用</p> <p>21812.3.1</p> <p>库项目的概念</p> <p>21812.3.2</p> <p>创建库项目</p> <p>21912.3.3</p> <p>插入库</p> <p>22012.3.4</p> <p>编辑和更新库项目</p> <p>22112.3.5</p> <p>使库对象脱离源文件</p> <p>本章小结</p> <p>习题</p> <p>223第13章</p> <p>网页特效</p> <p>使用行为</p> <p>22413.1.1</p> <p>“行为”面板</p> <p>22413.1.2</p> <p>动作</p> <p>22513.1.3</p> <p>事件</p> <p>使用Dreamweaver内置行为</p> <p>22713.2.1</p> <p>控制类行为</p> <p>22713.2.2</p> <p>图像类操作行为</p> <p>23113.2.3</p> <p>检查类行为</p> <p>23413.2.4</p> <p>设置文本</p> <p>23613.2.5</p> <p>设置特殊效果</p> <p>24013.2.6</p> <p>其他常用行为</p> <p>JavaScript基础</p> <p>24713.3.1</p> <p>JavaScript的特点</p> <p>24813.3.2</p> <p>语法</p> <p>24913.3.3</p> <p>运算符</p> <p>25113.3.4</p> <p>控制和循环语句</p> <p>25213.3.5</p> <p>JavaScript典型应用</p> <p>本章小结</p> <p>习题</p> <p>259第14章</p> <p>使用Flash制作网站动画</p> <p>Flash</p> <p>CS5工作界面</p> <p>26014.1.1</p> <p>菜单栏</p> <p>26114.1.2</p> <p>工具箱</p> <p>26114.1.3</p> <p>时间轴窗口</p> <p>26214.1.4</p> <p>舞台</p> <p>26314.1.5</p> <p>“属性”面板</p> <p>26314.1.6</p> <p>面板组</p> <p>绘制图形</p> <p>26414.2.1</p> <p>绘图工具</p> <p>26414.2.2</p> <p>修改工具</p> <p>26814.2.3</p> <p>添色工具</p> <p>编辑文本和对象</p> <p>27214.3.1</p> <p>文本的基本操作</p> <p>27214.3.2</p> <p>对象的选取、复制与移动</p> <p>27314.3.3</p> <p>变形处理</p> <p>元件、实例和库资源</p> <p>27614.4.1</p> <p>元件</p> <p>27714.4.2</p> <p>创建图形元件</p> <p>27714.4.3</p> <p>创建影片剪辑元件</p> <p>27814.4.4</p> <p>创建按钮元件</p> <p>27814.4.5</p> <p>实例的使用</p> <p>27914.4.6</p> <p>库面板</p> <p>28214.4.7</p> <p>编辑库项目</p> <p>28214.4.8</p> <p>共享库资源</p> <p>制作基本Flash动画</p> <p>28414.5.1</p> <p>逐帧动画的制作</p> <p>28414.5.2</p> <p>补间动画的制作</p> <p>使用层制作高级动画</p> <p>29314.6.1</p> <p>层的概念</p> <p>29314.6.2</p> <p>层的基本操作</p> <p>29314.6.3</p> <p>利用图层制作动画</p> <p>本章小结</p> <p>习题</p> <p>300第15章</p> <p>制作精美的网页</p> <p>在网页中插入图像</p> <p>30215.1.1</p> <p>插入图像</p> <p>30215.1.2</p> <p>图像的对齐方式</p> <p>30315.1.3</p> <p>图像的边距、边框和替换文字</p> <p>30415.1.4</p> <p>图像的其他属性</p> <p>编辑图像</p> <p>30515.2.1</p> <p>裁剪图像</p> <p>30515.2.2</p> <p>调整图像的亮度和对比度</p> <p>30615.2.3</p> <p>锐化图像</p> <p>30715.2.4</p> <p>重新取样图像</p> <p>插入其他图像文件</p> <p>30815.3.1</p> <p>插入图像占位符</p> <p>30815.3.2</p> <p>插入鼠标经过图像</p> <p>插入媒体对象</p> <p>31015.4.1</p> <p>插入Flash对象</p> <p>31015.4.2</p> <p>插入Java</p> <p>Applet</p> <p>31115.4.3</p> <p>插入ActiveX控件</p> <p>31215.4.4</p> <p>插入Shockwave动画</p> <p>本章小结</p> <p>习题</p> <p>314第3篇</p> <p>动态网站开发第16章</p> <p>动态网站基础</p> <p>动态网站基础</p> <p>31616.1.1</p> <p>什么是动态网站</p> <p>31616.1.2</p> <p>动态网站实现技术</p> <p>31716.1.3</p> <p>ASP运行程序的搭建</p> <p>31816.1.4</p> <p>简单的ASP程序</p> <p>数据库基础</p> <p>32316.2.1</p> <p>数据库基本概念</p> <p>32316.2.2</p> <p>常用数据库简介</p> <p>SQL</p> <p>Server</p> <p>2008基础</p> <p>32416.3.1</p> <p>创建数据库</p> <p>32416.3.2</p> <p>创建数据表</p> <p>32616.3.3</p> <p>数据的基本操作</p> <p>本章小结</p> <p>习题</p> <p>333第17章</p> <p>ASP基础</p> <p>ASP概述</p> <p>33417.1.1</p> <p>ASP简介</p> <p>33417.1.2</p> <p>ASP语法规则</p> <p>ASP对象及应用</p> <p>33517.2.1</p> <p>Request对象</p> <p>33517.2.2</p> <p>Response对象</p> <p>33917.2.3</p> <p>Application对象</p> <p>34217.2.4</p> <p>Session对象</p> <p>34417.2.5</p> <p>Server对象</p> <p>用ASP访问数据库</p> <p>34917.3.1</p> <p>在ASP中建立数据库连接</p> <p>34917.3.2</p> <p>ADO对象</p> <p>本章小结</p> <p>习题</p> <p>355第4篇</p> <p>网站发布与维护第18章</p> <p>发布站点</p> <p>站点的测试</p> <p>35818.1.1</p> <p>检测浏览器的兼容性</p> <p>35818.1.2</p> <p>检测链接</p> <p>35918.1.3</p> <p>生成站点报告</p> <p>站点的上传和更新</p> <p>36118.2.1</p> <p>什么是域名</p> <p>36118.2.2</p> <p>申请域名</p> <p>36118.2.3</p> <p>申请域名空间</p> <p>36218.2.4</p> <p>设置远端主机信息</p> <p>36318.2.5</p> <p>上传文件</p> <p>网站的宣传</p> <p>36518.3.1</p> <p>注册搜索引擎</p> <p>36518.3.2</p> <p>友情链接</p> <p>36718.3.3</p> <p>网站广告</p> <p>36718.3.4</p> <p>其他宣传方法</p> <p>网站的维护</p> <p>36818.4.1</p> <p>设置网站管理员</p> <p>36818.4.2</p> <p>网站维护的主要内容</p> <p>本章小结</p> <p>习题</p> <p>370第5篇</p> <p>案例实战第19章</p> <p>企业网站制作综合实例</p> <p>网站规划</p> <p>37219.1.1</p> <p>网站需求分析</p> <p>37219.1.2</p> <p>确定网站主题</p> <p>37219.1.3</p> <p>确定网站的版式设计</p> <p>37219.1.4</p> <p>网站的主要功能页面</p> <p>设计网站的Logo和Banner</p> <p>37319.2.1</p> <p>设计网站的Logo</p> <p>37319.2.2</p> <p>设计网站的Banner</p> <p>创建本地站点</p> <p>创建模板</p> <p>利用模板创建网页</p> <p>添加网页特效</p> <p>39419.6.1</p> <p>给主页添加弹出信息</p> <p>39419.6.2</p> <p>给主页添加显示状态栏特效</p> <p>本章小结</p> </dl> </div> </div> </div> </div> </section> <footer id="lk_footer"> <div id="footer_container" class="container"> <div class="row" style="padding-top: 10px;"> <div class="col-md-12"> <ul class="flex-between"> <li class="foot-title"> <a href="/" target="_parent" title="读书之家"> <i class="glyphicon glyphicon-home"></i> 首页 </a> </li> <li class="rights"><a href="https://laidazi.com" target="_blank">巧手打字通</a></li> <li class="rights"><a href="/public/to?p=question" target="_blank" rel="nofollow">常见问题</a></li> <li class="rights"><a href="/public/to?p=right" target="_self">免责声明</a></li> <li class="rights">网站内容仅供学习和交流，如无意间侵权，请联系告知，立马删除。</li> </ul> <ul class="flex-between split"> <li class="rights"> <i class="glyphicon glyphicon-phone-alt bold-text"></i> Copyright©2026-2027 <a href="/" target="_blank">读书之家</a> </li> <li class="rights"> <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2024084723号-2</a> </li> <li class="rights"> <a href="/public/to?p=tos" target="_blank" rel="nofollow">服务条款</a> </li> <li class="rights"> <a href="/public/to?p=policy" target="_blank" rel="nofollow">隐私政策</a> </li> <li class="rights"> <a href="javascript:void(0)" rel="nofollow" onclick="system.alertSimple('请将您的【合作诉求及联系方式】发送至邮箱：dushuzaixian@163.com，我们会及时跟您联系！',5000);"> 机构合作 </a> <a href="mailto:dushuzaixian@163.com" title="发邮件" rel="nofollow"> <i class="glyphicon glyphicon-envelope"></i> </a> </li> </ul> </div> </div> </div> </footer> <script type="text/javascript"> $(document).ready(function () { let $lkFooter = $("#lk_footer"); let $contentContainer = $('#lk_content'); $contentContainer = $contentContainer.length ? $contentContainer : $('#index-container'); let $headerBanner = $(".header-banner"); $headerBanner = $headerBanner.length ? $headerBanner : $(".header-nav") if ($lkFooter.length && $contentContainer.length) { let contentHeight = $contentContainer.height(); let browserHeight = window.innerHeight || document.documentElement.clientHeight || contentHeight; let footerHeight = $lkFooter.height() let headerHeight = $headerBanner.length ? $headerBanner.height() : 0; if (headerHeight + contentHeight + footerHeight <= browserHeight) { $lkFooter.css("position", "fixed"); $lkFooter.css("bottom", "0px"); } } // 添加加载中特效 $("#footer_container a").each(function () { if ($(this).attr("target") == "_self") { $(this).click(function () { let id = new Date().getTime(); system.loading(id); window.onload = function () { system.unLoading(id); }; }); } }); }) </script></body> </html>