网页设计与制作案例教程 网站设计与制作

大家好，今天来为大家分享网页设计与制作案例教程的一些知识点，和网站设计与制作的问题解析，大家要是都明白，那么可以忽略，如果不太清楚的话可以看看本篇文章，相信很大概率可以解决您的问题，接下来我们就一起来看看吧！

网页设计与制作_网页设计与制作教程

网页设计一般包含整站网页视觉方案，提供PSD或PNG格式的主要页面预览图，高级一点的还会给出标准配色表，风格设计指南（内含一般性风格设计规格：设计理念，留白间距，按钮样式，使用场景）等附件。

大公司一般还有交互设计师，主要关注人机界面的易用性和用户友好性。

前端开发负责将网页设计和互动设计的方案转换为可工作的HtmlCssjs文件。

最后就是程序将网页做活。

网页设计与制作教程的人民邮电出版社教材

书名网页设计与制作教程

丛书名21世纪高等学校计算机规划教材

标准书号ISBN 978-7-115-24673-8

编目分类TP393.092

作者杨帆严耀伟王方编著

责任编辑邹文波

开本16开

印张16.5

字数432千字

页数256页

装帧平装

版次第1版第1次

初版时间2011年2月

本印次2011年2月

首印数--册

定价29.60元本书是按照教育部高等学校计算机基础课程教学指导委员会提出的《关于进一步加强高校计算机基础教学的意见》中有关“网页设计基础”课程的教学要求及人才培养的新要求，结合独立院校学生特点组织编写的。全书共分8章，书中系统地介绍网页的构思、规划、制作和网站建设的全过程。主要内容包括：网页设计基础知识、Dreamweaver基础、网页色彩和布局的控制、制作Web动画——Flash、网页常见应用功能设计、网站发布与维护基础知识、网站设计案例和动态网页设计介绍。

本书内容全面，构思清晰，结构合理，注重实践能力的培养，实用性和可操作性较强。各章附有适量的习题，引导读者学习和掌握各章节的知识，便于自学。

本书可作为高等学校非计算机专业“网页设计与制作”课程的教材，也可供网页设计爱好者学习参考。第1章网页设计基础知识1

1.1网络基础知识1

1.1.1网络知识简介1

1.1.2Internet3

1.1.3TCP/TP5

1.1.4IP地址5

1.1.5浏览器基本操作7

1.2网页网站基础知识9

1.2.1网页9

1.2.2网页中的常见元素11

1.2.3网站12

1.2.4HTML12

1.2.5网站服务器工作的基本原理13

1.2.6网页设计制作常用的工具软件15

1.2.7网页设计制作流程16

习题19

第2章Dreamweaver基础20

2.1Dreamweaver基本操作20

2.1.1Dreamweaver的工作环境20

2.1.2Dreamweaver的简单操作30

2.1.3Dreamweaver的视图模式36

2.1.4在网页中添加内容与超级链接37

2.1.5网页设计结果测试41

2.2添加文本43

2.2.1在Dreamweaver中添加文本43

2.2.2文本格式设置44

2.2.3文本相关常用html标记44

2.3添加图像46

2.3.1在网页中添加各种图像46

2.3.2图像格式设置48

2.3.3图像标记及其属性49

2.3.4使用Dreamweaver制作网络相册52

2.4添加多媒体53

2.4.1在网页中添加视频媒体54

2.4.2在网页中添加音频媒体55

2.4.3在网页中添加动画58

2.4.4媒体播放控制59

2.4.5多媒体标记介绍60

2.5超级链接应用61

2.5.1链接到各种对象67

2.5.2图像热区设置78

2.5.3链接的创建与管理81

2.5.4跳转菜单81

2.5.5导航条82

2.5.6查找断开的、外部的和孤立的链接84

2.5.7修复断开的链接85

2.5.8将JavaScript脚本附加到链接上86

2.6表单应用基础86

2.6.1创建表单对象86

2.6.2创建文本域87

2.6.3创建复选框和单选按钮88

2.6.4建立列表和菜单88

2.6.5创建跳转菜单89

2.6.6创建文件域和图像域89

2.6.7常见表单元素使用90

2.6.8表单标记介绍90

2.6.9表单应用举例92

习题93

第3章网页色彩和布局的控制94

3.1表格应用94

3.1.1表格基础95

3.1.2修饰网页各种元素99

3.2框架的规划与建立101

3.2.1框架与表格101

3.2.2规划框架102

3.2.3创建框架102

3.2.4框架的操作104

3.2.5Spry框架105

3.3层的运用106

3.3.1创建层107

3.3.2层的操作108

3.3.3层与表格的关系111

3.4CSS样式布局基础和应用112

3.4.1CSS样式表概述112

3.4.2CSS样式面板114

3.4.3CSS样式的创建116

3.4.4应用自定义的CSS样式123

3.4.5附加外部CSS样式表124

3.4.6导出外部CSS样式表124

3.4.7编辑CSS样式表124

3.4.8CSS样式的优先顺序125

3.4.9Spry框架中的CSS设置126

3.5各种样式表元素应用130

3.5.1文字样式130

3.5.2边框样式131

3.5.3颜色样式132

3.6网页色彩搭配基础知识132

3.6.1色彩基础知识133

3.6.2网页色彩搭配的原则(配色方案)137

3.6.3网站中的色彩应用147

3.7网页布局控制153

3.7.1常见的网页布局153

3.7.2网页布局补遗156

习题156

第4章制作Web动画——Flash159

4.1Flash概述159

4.1.1Flash的发展159

4.1.2Flash的功能160

4.1.3Flash的发展趋势161

4.1.4Flash的工作界面162

4.1.5Flash“工具”面板163

4.1.6Flash常用对象面板164

4.2制作一个Flash165

4.2.1制作Flash文档165

4.2.2发布Flash文档168

4.3Flash基础168

4.3.1使用Flash资源168

4.3.2元件的创建169

4.3.3库面板中使用文件夹170

4.3.4实例的使用170

4.3.5Flash绘图170

4.3.6颜色处理173

4.4Flash动画177

4.4.1帧和关键帧177

4.4.2时间轴的功能178

4.4.3图层和文件夹178

4.4.4绘图纸按钮的功能179

4.4.5帧的操作180

4.4.6形状补间和动画补间180

4.4.7引导层的使用181

4.4.8遮罩层的使用182

4.4.9多场景动画182

习题183

第5章网页常见应用功能设计184

5.1菜单设计184

5.1.1菜单设计分析184

5.1.2使用Dreamweaver设计菜单186

5.2浮动标签设计188

5.2.1浮动标签应用举例188

5.2.2Dreamweaver浮动标签设计189

5.3网站导航设计190

5.3.1导航案例分析190

5.3.2导航设计190

5.4网站模板设计193

5.4.1模板应用举例193

5.4.2Dreamweaver设计模板194

5.5其他效果设计196

5.5.1弹出窗口196

5.5.2状态栏显示文本197

5.5.3页面自动跳转198

5.5.4弹出提示信息200

5.5.5图片移动效果201

习题203

第6章网站发布与维护基础知识205

6.1发布网站到IIS205

6.1.1发布网站内容205

6.1.2测试网站207

6.2站点维护基础知识208

6.2.1停止启动服务器208

6.2.2站点基本配置208

习题212

第7章网站设计案例213

7.1网站系统设计213

7.1.1网站设计的基本过程213

7.1.2网站设计的基本原则214

7.2网站内容设计215

7.2.1网页外观设计216

7.2.2网站制作流程简介219

7.3个人网站设计实例224

7.3.1首页设计224

7.3.2其他页设计235

7.3.3网站整合239

7.4发布站点241

7.4.1申请空间242

7.4.2发布内容242

7.5网站的管理和维护244

习题244

第8章动态网页设计介绍245

8.1动态网页与静态网页245

8.2ASP基础知识与应用246

8.2.1ASP介绍246

8.2.2ASP基础知识247

8.2.3设计一个简单的ASP网页249

8.3常见其他动态网页设计技术介绍252

8.3.1PHP252

8.3.2JSP253

8.4ASP.net网站设计254

习题256

关于自学网页制作的书籍_网页设计与制作书籍

首先，你应该先自学“网页制作三剑客”，也就是Dreamweaver，Fireworks，Flash三个软件，这是网页制作入门的基础，这个是必须要学的。Dreamweaver是一个“所见即所得”的可视化网站开发工具，主要用于动态网页的开发；Fireworks主要是用于对网页上常用的jpg、gif的制作和处理，也可用于制作网页布局；Flash主要用来制作动画。

个人觉得，侯东梅主编、清华大学出版的《网页设计实训教程-网页三剑客CS4版》比较好一点，怎么说它也是高职高专的教育版本来的。

其次，在三剑客学得差不多之后，你还应该熟悉Photoshop。它是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意、图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱。通俗地说，也就是一张不怎么样的相片可以被处理得很好看，很有Feel。这个的话，个人建议在网上下个软件摸索摸索就行了，要不然也可以买蒋斌主编、电子工业出版社出版的《PHOTOSHOP实用教程》或是时春雨主编、清华大学出版的《中文版PhotoshopCS基础教程与操作实录》。

再者，你要学会HTML语言的应用。网络的资讯越来越多，网站须有引人注意的外观，才能增加浏览人次，达到宣传的目的。人们开始注意网页的外观，HTML亦因此变得更复杂、更具弹性。换句话说，你要是想把你的网站搞得有个人特色，就要学好并运用好这一模块。可以考虑一下史晓燕主编、出版的北京交大《网页设计基础：HTML,CSS和JAVASCRIPT》或是郝俊寿主编、机械工业出版社出版的《HTML与XML程序设计案例教程》。

最后，是ASP。ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序。可以考虑崔连和主编、中国人民大学出版的《ASP.NET网络程序设计》或是韩殿元主编、南京大学出版的《ASP动态网站开发技术与应用》

个人浅见，仅供参考。

好了，关于网页设计与制作案例教程和网站设计与制作的问题到这里结束啦，希望可以解决您的问题哈！