第一篇：网页设计学习教程 环球大学生智库
Chapter 1
网页设计基础概述 通 过本章的学习，读者可以了解网站和网页的有关概念、网页设计流程和网页制作软件的基本知识等，并可以认识网页设计的步骤与原则，为设计制作网页打下良好的基础。重点提示：
网站制作的常用软件 网站设计的流程 网页的基本组成元素 申请免费空间与发布网站
Chapter 1
网页设计基础概述
互联网的诞生和快速发展，给网页设计师提供了广阔的设计空间。相对传统的平面设计来说，网页设计具有更多的新特性和更多的表现手段，借助网络这一平台，将传统设计与电脑、互联网技术相结合，实现网页设计的创新应用与技术交流。网页设计是传统设计与信息、科技和互联网结合而产生的，是交互设计的延伸和发展，是在新媒介和新技术支持下的一个全新的设计创作领域。
如今的网页设计往往要结合动画、图像特效与后台的数据交互等，而Dreamweaver CS3、Photoshop CS3和Flash CS3作为Adobe公司经典的常用网页设计软件，是目前网页制作的首选工具。它们具有强大的网页设计、动画制作和图像处理功能，在静态页面设计、图片设计和网站动画设计等方面，都可以使网站设计人员的思想体现得淋漓尽致。
1.1 全面认识网页
在进行网页设计之前，需要对网页的一些基础知识进行了解，对网站的运行原理与制作过程有一个宏观把握。并从零开始，一步一步体验综合应用Dreamweaver CS3、Photoshop CS3、Flash CS3等软件进行网页设计，感受网站设计的无穷乐趣，从而踏上网页制作之路。
1.1.1 网站、网页和主页
网站（Website）是指在因特网上根据一定的规则使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布（或浏览）想要公开的资讯，或者利用网站来提供相关的网络服务。
现在的许多公司都拥有自己的网站，他们利用网站来进行宣传、产品资讯发布和招聘等。如图1-1所示即为中央电视台的门户网站。
网页（Web Page）是构成网站的基本元素，是承载各种网站应用的平台。
网页实际上是一个文件，存放在世界某个角落的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，当用户在浏览器地址栏中输入网址之后，经过一段复杂而又快速的程序运作，网页文件就会被传送到用户的计算机中，再通过浏览器解释网页的内容，最终展示到用户的眼前。
网页有多种分类，笼统意义上的分类是动态页面和静态页面。
静态页面多通过网站设计软件来进行重新设计和更改，技术实现上相对比较滞后。当然，现在的某些网站管理系统也可以直接生成静态页面，这种静态页面通常可称为伪静态。静态页面内容是固定的，其后缀名通常为.htm、.html、.shtml等，如图1-2所示。
动态页面是通过执行ASP、PHP、JSP等程序生成客户端网页代码的网页，通常可通过网站后台管理系统对网站的内容进行更新和管理，如发布新闻、发布公司产品、交流互动、博客和网上调查等，都是动态网站功能的一些具体表现。Dreamweaver+Photoshop+Flash网页设计全方位学习
Part 1网络知识基础篇
图1-1 中央电视台主页
图1-2 静态页面
动态页面的常见扩展名通常有.asp、.aspx、.php、.jsp、.cgi等，如图1-3所示。网站主页（Home Page）也可以理解为网站的封皮，因此也被称为首页，它是整个网站的主索引页。网站首页名称是特定的，一般为index.htm、index.html、default.htm、default.html、default.asp或index.asp等。如图1-4所示即为新起点工作室的网站主页。
图1-3 动态页面
图1-4 新起点工作室网站首页
网站、网页和主页是3个功能不同但又紧密联系的概念，一个网站由多个网页元素构成，若干个网页又通过主页链接成一个完整的网站系统。
1.1.2 HTML的组成及语法
HTML（Hyper Text Markup Language，超文本标记语言）是用来描述格式的登录报告。
“网站推广专家”的下载地址是http://www.xiexiebang.com/websubmit.exe，类似的网站推广软件还有“登录奇兵”和SubmitWolf等。
2．与其他网站做友情链接
现在的网站一般都提供有专门的友情链接页面，可以找一些与自己网站内容类似的站点，先主动把别人的网站加入自己的友情链接，再给对方的管理员发送邮件，并请求对方把自己的网站也加入到对方的友情链接中。一般情况下，这种可以为双方站点都起到宣传作用的协作方式，对方是不会拒绝的。
3．使用广告交换链接
使用广告交换链接也是一种不错的网站宣传方式。一般要先在提供服务的网站上免费注册成为会员，并提交自己网站的相关信息，然后会得到一段服务代码，将代码复制到自己网站主页的适当位置即可。广告交换链接一般都拥有1∶10的高交换比例，即他人网站链接在自己的主页上显示一次，那么自己的站点链接就会在其他10个网站上显示。
除上述几种方式之外，还可以利用新闻组、邮件签名、留言板、聊天室、论坛等来发布
Chapter 1
网页设计基础概述
网站宣传信息。当然，利用传统媒体如报纸、电视和广播等来宣传网站也是不错的选择，但相对网络宣传而言费用较高，只适合那些大型的商业网站。
1.6 总结与经验积累
基础知识的学习，读者往往会觉得不太实用，但“万丈高楼平地起”，只有掌握牢固网页设计的基本理论，才能在以后较高级复杂的学习中触类旁通，运用自如。
一般来说，组成网页的元素包括文字、图形、图像、声音、动画、影像、超级链接以及交互式处理等，但网页的基本组成元素为文字、图形和超级链接。在网站开发的前期准备阶段，主要完成拟定网页主题、搜集相关资料，规划网页内容和绘制结构草图等几个方面的工作。在中期设计阶段，主要是利用各种网页制作工具制作网页，并不断地进行上传与测试，直到最后制作完毕。在网站后期维护阶段，除需要进行发布和推广应用之外，还要根据需要对网页进行更新与维护。
经过对网页基本知识系统的学习，相信初学者对于网页设计已有大致的了解。对接触过网页设计的读者而言，也会对网页基础理论有一个重新认识。
知识问答
问：在网上经常看到一些滚动字幕和Flash，请问它们属不属于动态网页呢？ 答：GIF格式的动画、Flash和滚动字母等，这些只是视觉上的“动态效果”，与动态网页是不同的概念。
动态网页是指和数据库有紧密关联的网页。由很多动态网页组成的网站就是动态网站，能使动态网页正常使用的空间就是动态空间，动态网站一般都会有网站管理后台。相反，静态网页和数据库没有关系，由很多静态网页组成的网站就是静态网站，这样的网站没有网站管理后台，所以不能对网站的内容进行增、删、改操作。
只能让静态网页正常使用，不能支持数据库和动态网页正常使用的空间就是静态空间，静态空间一般不支持数据库。动态网页比静态网页高级。
问：如果想把家里的电脑当服务器，做好网站后让别人访问，可以吗？
答：可以。但需要先到电信部门申请一个固定的公网IP，并把域名指向该IP。如果没有固定IP，也可以使用动态域名解析的客户端（如花生壳www.oray.net是国内比较先进和稳定的动态域名解析客户端软件）。此外，还需要安装一些服务器组件，如IIS等。这样，服务器就可以运行了。
但是，由于家庭网络一般都是ADSL的，其特性决定了上传速率是下载速率的1/2，也即上传速率是1MB，这就意味着对外访问只有1MB的带宽，所以这是个很大的问题。还有就是在家建站时，一定要重视病毒防护和黑客入侵。
第二篇：如何学习网页设计
如何学习网页设计
据统计数据显示，未来5年，在中国3000多家中小企业中，将有半数企业在经营中尝试或运用电子商务工具，国内对电子商务人才的需求量将达到300万以上。电子商务人才需求主要集中在网页美工设计师、网站后台工程师、网站优化师、网络营销师、网店运营专员及客服等工种。
网页设计其实没有大家想象的那么难，今天就跟大家把网页设计需要学习的内容分解为三个部分，分别为大家介绍一下。
网页设计所学内容一：
1、网络技术，电脑系统安装硬件维护等（赠送）
2、Photoshop图像制作和处理、图像优化、精典网页图形设计实例等。
3、HTML静态网页制作,基本代码,脚本语言讲解。
4、Dreamweaver网站的创建与规划、网页的编辑网站的上传、管理。
5、Fireworks网页图形制作、导航条设计，图象优化、设计经验与制作技巧。
6、Flash动画制作、绘图工具的使用、帧的操作、背景音乐、大量精典动画实例讲解。
网页设计示例图片
网页设计学习内容二：
1、网站维护推广
网站维护实战；
网站推广与网络营销、SEO优化。
2、网店营销
网店维护推广营销秘籍，网店实战。
网页设计所学内容三：
1.编程基础：基本HTML对象的使用、CSS样式表的编制、IIS的安装与配置、FTP服务器的配置及使用。
2.CMS系统快速建站
a.使用网页制作工具Dreamweaver的使用、新闻系统、产品展示系统、留言板、在线调查系统、论坛等讲解、域名空间申请，网站上传，最后拥有一个属于自己的网站；
b.全程解析网站制作，讲解目前最流行的cms系统、安装过程、模板制作、发布过程、dedeCMS、新云、NETCMS等。
3.项目实例开发设计
(1)实现数据的分页显示；
(2)网上留言系统；
(3)新闻发布系统；
(4)BBS论坛设计系统；
(5)网站php后台完整开发（以商业网站为例全程剖析讲解）。
对于如何学好网页设计这个问题，相信看完这篇文章后大家的疑问应该都没有了。其实网页设计的课程有难有易，主要还是看你用没用心学了。还是那句话，只要功夫深铁杵磨成针！
以上内容由武汉It新时空整理发布，转载请注明来源。
第三篇：网页设计学习
北京网页美工培训
培训课程内容：
Photoshop CS5教学
学习Photoshop中的网页处理技巧，网页页面的设计制作，案例分析，页面结构的完美布局，如何使用photoshop设计整站，首页，二级页面以及子页面的设计、Banner、导航按钮的创意设计，网页中应用元素的升华创意；Flash CS4 Flash绘图基本功能；Flash动画原理；元件功能导入；软件综合运用练习；软件综合运用练习；软件综合运用练习； Flash 案例的制作！商业性质Flash banner，Flash打造精彩主页特效页面！flash商业短片制作！
Fireworks CS4教学
Fireworks工作环境，工具介绍，绘图功能；使用文本，应用动态效果，滤镜；Fireworks使用层和混合模式；使用样式、元件和URL，动画功能；切片和热点，创建弹出菜单；优化导出，与Dreamweaver配合使用
Dream weaver CS4教学
Dreamweaver网站综合知识，面板组，站点管理；表格的使用，精确定位、排版；使用图象和超链接；CSS层叠样式表的应用；层的概念及应用，时间轴；库的使用和模板功能；HTML语言
Html语言简介；使用表单，框架的使用，iframe的作用；网页特效（javascript），多媒体网页；网页实战，综合练习； 网站的上传与下载，网页编程基础
CSS高级应用与技巧
文字排版，通栏排版，分栏排版，图文混合排版，图片基础 控制，不规则文字环绕，全图排版，表格排版。充分使用表格对象的标签，表格样式控制，表单表格设计。
javascript特效知识
1.javascript特效基本知识 2.用javascript控制CSS特效 3.SPRY框架应用(选项卡、Tab面板、折叠面板、伸缩面板)
网页布局/网站重构
了解网页布局的方法，制作出不同类型（个人，公司，企业，商业，旅游）网站设计方式即格局的表现；结合DIV+CSS实现网站重构,制作出符合行业网站规范的网页
网站的发布与维护
网站安全与推广，网站维护，网站管理和网站优化，申请域名空间与FTP上传等。网页设计制作规范
网页综合实例
1域名的概念：域名的区别与申请流程, 域名的保护及注意事项 2服务器：专用服务器和虚拟主机、不同平台的选择及注意事项、服务器的托管
网页配色
网页色彩的色调组合，网页设计中色彩的基本原则，及实用配色方案，了解网页设计色彩的搭配原则。
网站logo设计
Logo设计的原则及基本创意。学会制作网页logo。
网站VI系统设计
1、网站VI系统创意设计手法及原则
2、企业标志设计要点
3、标准字体设计要点
4、标准色设计要点
5、标准组合设计要点
6、VI办公用品应用要素设计要点
网站导航条设计
1、网站banner的表现手法。
2、制作网站banner常用的技法。
3、如何制作有创意且美观的网站banner。掌握网站banner的制作方法国内网站风格设计
1、国内网站风格设计的要点及注意事项
2、国内网站风格设计的色彩搭配
3、国内网站界面、按扭设计要点讲解
4、国内网站界面设计实例演练 掌握国内网站风格设计的原则和设计元素的设计制
国外网站风格设计
1、国外网站风格设计的要点及注意事项
2、国外网站风格设计的色彩搭配
3、国外网站界面、按扭设计要点讲解
4、国外网站界面设计实例演练 掌握国外网站风格设计的原则和设计元素的制作及使用。
网站策划书
1.目的是成功的重要开端：建站目的，目标用户群。2.网站开发商业流程 3.网站策划实例：策划书，网站设计中考虑的问题。4.娱乐网站策划书结构分析：CSC CLUB的策划书，目录结构和链接结构。5.娱乐网站设计的思考——首页设计：绘制网站背景，网页实战
1、典型网站案例分析与实战
2、淘宝注册和装修（普通铺和旺铺）
3、日韩风格的网页设计
4、欧美风格的网页设计
5、中国古典风格的网页设计
6、网页管理工具的使用
网站优化(SEO)
针对百度、Google优化，内页优化，结构优化及内链建设，外链等网站推广与营销
网站推广与营销
毕业作品设计及指导
由高级讲师及资深设计师带领学员完成毕业作品，制作整套网站作品集，以备应聘时使用。自己独立的设计完整的商业网站，静态与动态完全掌握，熟练运用，达到工作要
学员就业应聘技巧
1、就业形势分析及指导
2、毕业学员在应聘前应该做的准备
3、应聘时应请注意事项、礼仪、技巧
4、从业后在, 岗的工作态度,、人际交往等全面发展的技巧培训。
第四篇：网页设计学习什么
新手想学习网页设计会无从下手，会问到网页设计学习资料，网页设计学习什么？！
HTML：最基本的知识，如果HTML知识掌握得好，可以用记事本就可以熟练编写网页（当然，不推荐这么做，因为有现成的工具可以帮助编写HTML，但拥有这种能力是很好的）会对日后使用编辑主页，编写ASP或PHP代码有极大帮助。ASP或PHP：ASP和PHP可以称得上编写动态主页的主流语言环境。对于入门者如果编程经验很少，可以从简单的语言起步，如微软公司的 VBScript脚本语言，如果已经有不少编程经验，建议学习PHP或JavaScript语言，PHP在商业网站中应用得较为广泛。如果希望谋一份网站 制作的工作，学好PHP还是很值得的;
对于JavaScript而言，可用于服务器端（比如ASP编程），也于应用于客户端编程（比如制作一些DHTML动态效果等），而且 JavaScript已被欧洲标准协会列为一门语言标准，将来的应用也会很广泛（例如Flash的脚本语言也采用了JavaScript）;
1.英语是一定要学好的，英语不学好到了一定的程度你就会发现个瓶颈。
2.先从HTML开始吧，学习些简单的代码，并且实践，实践是最好的老师，练习时你会发现不少的问题并且去实现它。
3.至于CSS很简单的，学会了HTML，CSS你就会了三分之二，只要懂得一些标记的意思就可以了，但是要有美工基础，和美术感觉，这样你才会设计出漂亮的页面来。你先可以试着修改别人的网站，下载几个下来试一下不同的参数，这样很快就学会了。
4.至于程序，这不是一一朝一夕就可以学会的，不断的摸索，不断的学习，才会有进步。
可能你开始的主页只是非常简单，但是这是你的第一步，也是良好的开端，然后再一步步学习：如何把网页制作漂亮一些？如何制作动画？
告诉新手，千万不要一下子就想：我看到某某某网页这么漂亮，它是怎样做出来的？我很想马上做出来，于是马上就去研究复杂的网页，这样你会发现网页制作很难，学两下就放弃了，这样永远学不会制作主页。记住：一步一步来，不要一下子想成为高手，否则很难成为高手。本文转自：
详细咨询：http://
第五篇：动态网页设计视频全教程
动态网页设计视频全教程
【课程名称】《动态网页设计》 【授课老师】高振国老师 【课时总长】共35讲
12.3.3 维护数据库
18.2.1 创建表单 18.2.2 创建文本域 18.2.3 创建按钮
18.2.4 创建复选框和单选框 18.2.5 插入列表
点击咨询 