網站设计中涉及到的技术知识.docVIP

4.1. 网站设计中涉及到的技术知识 曾几何时建设网站只需要一种语言(技术)：HTML。但随着web的发展与完善，新的技术层出不穷。虽然只使用HTML也可以建立最简单的网页，但为了使网站更加具有吸引力，更加高效，我们至少要学会下面一些常用网站设计的技术。 下面这些技术将分不同的章节讲解，同时也会介绍它们之间的联系与区别，虽然涉及的内容挺多，但都不是很难，只要慢慢学习，你定能成为一个建站高手! 搭建网站的结构 -- HTML与XHTML 网站的所有内容就是通过它们组织起来的。HTML与XHTML很相似，我推荐你使用XHTML，它更加严谨。 学习HTML教程 学习HTML入门例子 美化与布局网站的样式表 -- CSS 有了内容之后，通过CSS可以使内容表现的更好。 学习CSS教程 学习CSS入门例子 引用网址:/webbuild/webbuild_knowledges/ 客户端脚本语言 -- JavaScript 通过目前最流行的脚本语言JavaScript，可以在客户端实现一些动态的效果、控制浏览器、数据的检测与验证，比如用户的输入验证，漂浮的文字，选项卡效果等。 目前最流行的Ajax技术，就使用了JavaScript。 学习JavaScript教程 学习JavaScript入门例子 服务器端脚本语言 -- ASP PHP JSP 等 通过编程在服务器端实现对内容的分析与操作，比如用户登录系统，购物车系统，数据的查询等。 数据库与SQL语句 -- Access MySQL SQLServer Oracle等 数据库用于存储数据，保留用户与网站信息等。 4.2. 网站设计中要学会的软件 4.2.1. Notepad++ 4.2.2. EditPlus 4.2.3. DreamWeaver 4.2.4. PhotoShop 很多软件可以制作网站，而且网页制作的过程中还可以用到很多辅助软件，比如调色板软件，模板类软件等，这里只介绍一下常用的软件，学好下面的软件，就是掌握了最好的工具，可以使我们事半功倍！其它的软件大家可以慢慢学习。 4.2.1 Notepad++ 目录 Notepad++简介 Notepad++下载 Notepad++的安装 Notepad++使用技巧简介 Notepad++简介 Notepad++是一款由国人编写的开源的，小巧功能强大的文字处理软件，此软件可以称为Windows记事本的完美替代方案，而且很多功能可以自己定制。支持多种语法的HTML，CSS，JavaScript等语言的着色显示与语法层叠等功能。是网页设计者不可多得的好工具。 访问Notepad++官方站点 Notepad++ Notepad++下载 官方网站下载Notepad++ Google下载Notepad++ 百度下载Notepad++ 引用网址:/webbuild/notepad_plus/ Notepad++的安装 双击下载好的可执行文件，见下面图示安装过程 下面这步要注意，要选择红框的内容，下面使用技巧中介绍为什么选择。 Notepad++使用技巧简介 1，查看网页源代码 如果是按照上面步骤安装的(安装过程中选中了 As default html viewer)，在IE上点击右键，选择查看源代码，将使用Notepad++打开网页源代码，而不是Windows系统自带的记事本。 2，为代码增加行号 选择要增加行号的文本，点击插件，点击TextFX Characters，点击T:Insert Line Numbers 3，转换为HTML实体 选择相应的文本，点击插件，点击TextFX Characters，点击C:Encode HTML () 4，去掉文本中的HTML元素 选择HTML元素，点击插件，点击TextFX Characters，点击C:Strip HTML tags table tabs 猴子提示: Notepad++很强大是吧:)，上面我们介绍的都是Notepad++一个最棒的插件TextFX，Notepad++还有更多好玩的，就等待你去探索了！ 4.3. 前台设计师与后台程序师 网站的建设过程中主要分两块工作：前台设计(前台设计师:就是我们常说的美工.)，后台编程(后台程序员)。 网站前台 一般的前台设计师要全面掌握HTML和CSS的就可以了，高级的前台设计师还要掌握JavaScript与DOM的相关知识。 前台设计师要学会的软件有DreamWeaver，Photoshop，EditPlus，Flash等（最前面的最重要）。 引用网址:/webbuild/design_vs_code/ 猴子提示: 前台设计师最重要的是要有审美感，熟悉颜色的搭配，有创意，会设计(软件只是工具)。 网站后台 一般的后台程序员要