制作网站的技术

前端开发和网页制作不是一个职位，即前端开发包含网页制作。网页制作：一般意义上的网页制作可以分为两部分，即网页设计和网页排版，仅从技术上来说，学会两个软件就够了，Photoshop和Dreamweaver。前者负责设计效果图和切图即网页设计，后者负责编写html代码以及css样式表文件，也就网页排版，将切割后的图重新按照效果图的样子摆放在网页对应的位置上。如果对网页制作下个定义，就是用网页制作工具制作网页。前端开发：到目前为止没有一个明确的定义，甚至将后台的某部分引入到前端开发之中，但是听起来也不无道理。下面给出一个前端开发工程师需要掌握的技能表：前端开发工程师的核心技能：1、开发语言。核心掌握的语言有html+css+JavaScript。html发展历史有出现有二十多年，历经多次版本更新，JavaScript作为最难的语言之一，许多编程高手对之也不敢妄自菲薄自封精通。许多人都说前端开发要掌握的技能太简单，这是对html语言的一种误解。之前由于工具和没有较强逻辑性，大部分人对前端开发很轻视。导致前端开发在国内的发展异常缓慢。即使是现在，许多在前端开发的人员还不知道为什么要有html5和css3，这两项技术能带来什么革新就更不必问了。由于JavaScript与html的差异性，以及静动态分开处理的一些好处。在大公司编写静态效果和动态效果往往是分开由不同的人完成的。小公司因为需要压缩成本，就要求每个人会的越多越好。至于php等一些后台语言，则是前端开发的扩展语言，想要成为前端开发项目经理，必须要懂得后台实现的思路，并能够写出适合后台修改的模板，不会让他们头大的想砸电脑。试想在DW生成的一个1MB多的页面里出现了错误，什么时候才能找到错误的根源并解决?2、浏览器调试电脑上的浏览器，有IE6\7\8，Firefox，chrome，opera，safari，遨游，包括国内主流的搜狐，腾讯TT，360，世界之窗。从内核上讲主要有IE的，遨游版IE，safari，firefox以及opera的。每种内核对代码的解析是不完全一样的，即使同样内核也可能存在很大差异，如IE和遨游版的IE。不说非主流的浏览器，就主流的8个浏览器，要做到完全兼容，并不是那么轻松的。需要长时间的积累测试，需要前端开发工程师对前端开发的热爱和激情。3、hack技术这项技术其实没必要单独列出来，前端开发人员往往要给别的人去擦屁股，这时候hack技术就能大显神威，提高工作效率。虽然写代码都要求按照标准来，不写hack代码，但实际工作中给别人擦屁股是免不了的。所以这也应该是每个前端开发人员必备的技能。4、业内标准这些标准代表了互联网发展的方向，也代表了前端开发的一种信仰。写的代码，都要100%通过标准验证，为通过标准验证而感到自豪。这种推动业界发展的自豪感，是许多后台工作人员所不能体会到的。此外一些PS等一些知识也要掌握掌握以上技能，可以说只能算是一个合格的前端开发人员，能够参与到一个大的项目中，或者自己独立写出一个网页。此时和网页制作设计的区别不是特别明显，效果上来看，都是制作网页的，但实际上，技术上所超于的已经是几个档次的东西了。而这些，恰恰是一个普通网页制作设计所做不到的事情。因为不懂DW背后的代码，也有部分人说懂得手写代码，只能说，不在手写代码中实践、解决问题，根本不能领会到手写代码的精髓。显然一个好的前端开发人员是连通和设计和代码之间的一个桥梁。既要有理工的严谨又要有文艺的情怀。既要懂得交互设计，提高用户体验，又要具有美术基础和审美能力，而在此基础之上，还要对已完成的页面进行维护和以及网站前端性能做相应的优化。而网页制作只是这整个前端开发过程的一个组成部分，所以真正的前端开发人员是一个很厉害的角色。

2、一个WEB站点至少需要一个主页（home Page），可以有其他子页（二级页面等）。√ 3、网页的交互是指浏览者单击栏目、超级链接等，以及鼠标经过或放于某处时，页面会作出相应的反应。√4、网页是指采用超文本标记语言编写的，可以在浏览器下浏览的一种文档。√5、一个超级链接链接的地址为：this.html#x11，其中x11是this.html页中的某个锚点。√6、Dreamweaver 支持在网页中插入各种图像，简单的方法是选择Insert （插入）菜单的中的image(图像)子菜单项。√7、若某网页背景颜色设置为FFFFF，则背景的颜色为黑色。×8、采用目录与锚点结合的办法，可以实现在长的网页文档内部跳转的功能。√9、 在网页设计过程中，有时需要将几个单元格进行合并，一般在Dreamweaver中操作方法是，拖动鼠标，将需要合并的单元格选中，然后点击属性工具栏中的“合并单元格”。√10、选中表格后，Dreamweaver 中即可显示表格属性，即可对表格的对齐方式、高度、宽度，边框样式等进行设置。√11、在Dreamweaver中，非连续的单元格也可直接合并。×12、对于框架网页的保存方法是，若要保存所有框架页，则在菜单项里选择“file(文件)”菜单下的“save(保存）”即可。×13、一幅图像在网页中是作为一个独立的对象插入的，但是如果情况需要，则可以一幅图象中设置多个“对象点”完成特定的功能，这个就是图像热点。√14、若需要对文件进行超级链接设定，只需选中文字，鼠标右键打开属性中在Link （链接）项中输入需要链接的URL即可。√15、在制作网页显示时，若有一些网页，他们有共同的标题、共同的目录格式，只是某些内容部分不太相同，这时，可以应用框架网页来加快网页的显示速度，避免重复载入页面。√16、WEB站点是指一系列可以通过Internet 浏览器浏览的，具有相互超级链接的多媒体文档的集合以及完成这些文档的存放、查找、搜索、发布的物理设备和其他相关软硬件系统的集合√17、在制作框架网页时，如果需要保存所有框架网页，则只需要选择文件菜单中的SAVE即可保存所有框架网页。×18、作为网页定位技术的表格与层，相对来说表格更为通用，因为层需要浏览器的支持，而表格在任何浏览器下都没有问题。√19、 网页中引入层技术，在层中可以插入各种对象，而且各个层可以嵌套、重叠、交盖等，但不是所有的浏览器都支持层技术。√20、 表单网页中，一页表单，至少且只能有一个表单标记，至少有一个提交的按钮。×21、 在Dreamweaver里，层与表格之间是可以转换的，但要求层之间不能有重叠多层的情况。√22、 firework 中进行网页布局的原理可以说就是利用层进行不同区域和对象的设置。√23、 Fireworks 是Macromedia 公司推出的图象制作与处理软件，提供图像的创建、制作和处理功能。√24、 Flash中，可以用导线来控制对象按照预定的轨迹运动。√25、在Fireworks 处理过程中，在同一页上，可以用不同层制作两个运动不相关的多帧动画。√26、flash中的导线工具，在真正的层中显示时并不可见。×27、GIF动画的文件大小相对较大，若用flash 导入后转换为矢量动画就可缩小。√28、在追求速度为先的网页设计时，可以多用图象，在追求美观为先的网页设计时，可以多用文字。×29、 Dreamweaver模板可以在局部应用，但不能应用于整个站点。×

动态网页技术 DHTML是Dynamic HTML的简称，就是动态的html，是相对传统的静态的html而言的一种制作网页的概念。所谓动态HTML(Dynamic HTML，简称DHTML)，其实并不是一门新的语言，它只是HTML、CSS和客户端脚本的一种集成，即一个页面中包括html+css+javascript(或其它客户端脚本)，其中css和客户端脚本是直接在页面上写而不是链接上相关文件。DHTML不是一种技术、标准或规范，只是一种将目前已有的网页技术、语言标准整合运用，制作出能在下载后仍然能实时变换页面元素效果的网页设计概念。 DHTML就是当网页从WEB服务器下载后无须再经过服务器的处理，而在浏览器中直接动态地更新网页的内容、排版样式、动画。比如，当鼠标移至文章段落中，段落能够变成蓝色，或者当你点击一个超链后会自动生成一个下拉式的子超链目录。这就是 Dynamic HTML（动态HTML），它是近年来网络发展进程中最具实用性的创新之一。它是一种通过各种技术的综合发展而得以实现的概念，这些技术包括Java Script , VBScript, Document Object Model (文档对象模型)，Layers和Cascading Style Sheets ( CSS样式表)等。 简单的说动态网页技术提高了界面与用户之间的交互性，使用户体验更加方便和灵活。采纳哦

前端开发和网页制作不是一个职位，即前端开发包含网页制作。网页制作：一般意义上的网页制作可以分为两部分，即网页设计和网页排版，仅从技术上来说，学会两个软件就够了，Photoshop和Dreamweaver。前者负责设计效果图和切图即网页设计，后者负责编写html代码以及css样式表文件，也就网页排版，将切割后的图重新按照效果图的样子摆放在网页对应的位置上。如果对网页制作下个定义，就是用网页制作工具制作网页。前端开发：到目前为止没有一个明确的定义，甚至将后台的某部分引入到前端开发之中，但是听起来也不无道理。下面给出一个前端开发工程师需要掌握的技能表：前端开发工程师的核心技能：　1、开发语言。核心掌握的语言有html+css+JavaScript。html发展历史有出现有二十多年，历经多次版本更新，JavaScript作为最难的语言之一，许多编程高手对之也不敢妄自菲薄自封精通。许多人都说前端开发要掌握的技能太简单，这是对html语言的一种误解。之前由于工具和没有较强逻辑性，大部分人对前端开发很轻视。导致前端开发在国内的发展异常缓慢。即使是现在，许多在前端开发的人员还不知道为什么要有html5和css3，这两项技术能带来什么革新就更不必问了。由于JavaScript与html的差异性，以及静动态分开处理的一些好处。在大公司编写静态效果和动态效果往往是分开由不同的人完成的。小公司因为需要压缩成本，就要求每个人会的越多越好。至于php等一些后台语言，则是前端开发的扩展语言，想要成为前端开发项目经理，必须要懂得后台实现的思路，并能够写出适合后台修改的模板，不会让他们头大的想砸电脑。试想在DW生成的一个1MB多的页面里出现了错误，什么时候才能找到错误的根源并解决?　2、浏览器调试电脑上的浏览器，有IE6\7\8，Firefox，chrome，opera，safari，遨游，包括国内主流的搜狐，腾讯TT，360，世界之窗。从内核上讲主要有IE的，遨游版IE，safari，firefox以及opera的。每种内核对代码的解析是不完全一样的，即使同样内核也可能存在很大差异，如IE和遨游版的IE。不说非主流的浏览器，就主流的8个浏览器，要做到完全兼容，并不是那么轻松的。需要长时间的积累测试，需要前端开发工程师对前端开发的热爱和激情。　3、hack技术这项技术其实没必要单独列出来，前端开发人员往往要给别的人去擦屁股，这时候hack技术就能大显神威，提高工作效率。虽然写代码都要求按照标准来，不写hack代码，但实际工作中给别人擦屁股是免不了的。所以这也应该是每个前端开发人员必备的技能。4、业内标准这些标准代表了互联网发展的方向，也代表了前端开发的一种信仰。写的代码，都要100%通过标准验证，为通过标准验证而感到自豪。这种推动业界发展的自豪感，是许多后台工作人员所不能体会到的。此外一些PS等一些知识也要掌握掌握以上技能，可以说只能算是一个合格的前端开发人员，能够参与到一个大的项目中，或者自己独立写出一个网页。此时和网页制作设计的区别不是特别明显，效果上来看，都是制作网页的，但实际上，技术上所超于的已经是几个档次的东西了。而这些，恰恰是一个普通网页制作设计所做不到的事情。因为不懂DW背后的代码，也有部分人说懂得手写代码，只能说，不在手写代码中实践、解决问题，根本不能领会到手写代码的精髓。显然一个好的前端开发人员是连通和设计和代码之间的一个桥梁。既要有理工的严谨又要有文艺的情怀。既要懂得交互设计，提高用户体验，又要具有美术基础和审美能力，而在此基础之上，还要对已完成的页面进行维护和以及网站前端性能做相应的优化。而网页制作只是这整个前端开发过程的一个组成部分，所以真正的前端开发人员是一个很厉害的角色。

　　意义　　Internet正在以强大的冲击力影响着人类的生活。Internet的出现和迅速发展， 彻底改变了人们的传统生活方式。Internet现在已经渗透到了人类社会的各个领域， 以及人们的日常生活的各个环节。　　Internet的迅速普及，正是依靠不计其数、丰富多彩的网站。 网站是由网页按照一定的链接顺序组成。现在有越来越多的人希望在网络上拥有自己的个人主页或个人网站，来展示个人的个性和特点。 同时也有越来越多的企业通过互联网上来展示自身形象，提供服务和产品资讯。 以这种廉价的方式获取最大的宣传效果。　　所以说，网页制作已经成为现代社会中人们的一种基本功，越来越多的人希望学习如何制作网页， 同时越来越多的网页制作工具展现在人们面前。当然掌握所有的网页制作工具是不可能， 也是不必要的。本课程主要讲解目前最受欢迎的，也是最流行的网页制作工具， 以及这些工具之间如何搭配使用，使学习者能够快速方便地制作出网页。　　现状　　网页设计如果单指的设计的话,那么设计会是一直平稳的发展方向的,设计方面的一直都会向一个平稳的方向发展,平面设计也一样的,但是在设计方面要有最好的灵感,和设计思维,那么这个方面的人才可能会有百分之三十到四十左右,如果是在网页的静态方面这个还有发展的前景,要看发展以后的技术,排版技术更加精通的也许占到百分之三十左右,所以如果想在这方面发展好的话可以是让这两个方面兼容的

　　意义　　Internet正在以强大的冲击力影响着人类的生活。Internet的出现和迅速发展， 彻底改变了人们的传统生活方式。Internet现在已经渗透到了人类社会的各个领域， 以及人们的日常生活的各个环节。　　Internet的迅速普及，正是依靠不计其数、丰富多彩的网站。 网站是由网页按照一定的链接顺序组成。现在有越来越多的人希望在网络上拥有自己的个人主页或个人网站，来展示个人的个性和特点。 同时也有越来越多的企业通过互联网上来展示自身形象，提供服务和产品资讯。 以这种廉价的方式获取最大的宣传效果。　　所以说，网页制作已经成为现代社会中人们的一种基本功，越来越多的人希望学习如何制作网页， 同时越来越多的网页制作工具展现在人们面前。当然掌握所有的网页制作工具是不可能， 也是不必要的。本课程主要讲解目前最受欢迎的，也是最流行的网页制作工具， 以及这些工具之间如何搭配使用，使学习者能够快速方便地制作出网页。　　现状　　网页设计如果单指的设计的话,那么设计会是一直平稳的发展方向的,设计方面的一直都会向一个平稳的方向发展,平面设计也一样的,但是在设计方面要有最好的灵感,和设计思维,那么这个方面的人才可能会有百分之三十到四十左右,如果是在网页的静态方面这个还有发展的前景,要看发展以后的技术,排版技术更加精通的也许占到百分之三十左右,所以如果想在这方面发展好的话可以是让这两个方面兼容的

　　web前端开发包括的技术：　　1、学好CSS是网页外观的重要一点，CSS可以帮助把网页外观做得更加美观。　　2、div布局： DIV元素是用来为HTML文档内大块的内容提供结构和背景的元素。　　2、学习JavaScript的基本语法，以及如何使用。JavaScript编程将会提高开发人员的个人技能。　　3、了解Unix和Linux的基本知识虽然这两点很基础，但是开发人员了解Unix和Linux的基本知识是有益无害的。　　4、html5+css3：移动端的网页制作。在移动设备开发HTML5应用只有两种方法，要不就是全使用HTML5的语法，要不就是仅使用JavaScript引擎，现在也是前端的一个趋势。　　5、一些框架的应用：angular.js，node.js，bootsttap等框架的应用。　　6、了解Web服务器对Apache的基本配置，并且掌握htaccess配置技巧　　7、web前端开发技术，还需要学习一些seo优化技术，因为前端是经常会和网站接触的。　　8、掌握web前端开发技术的同时，适当的学习一些后台开发语言（java，php等）也是一个不错的选择。　　

Web前端:顾名思义是来做Web的前端的。这里所说的前端泛指Web前端，也就是在Web应用中用户可以看得见碰得着的东西。包括Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。Web后端：后端的是与数据库进行交互以处理相应的业务逻辑。需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等。