网页模板开发

选择模板先百度搜索兔展，进入网站后注册账号并登录后，即可进入制作界面。在界面上可以看很多可供使用的模板，根据自己的需要，点击相应的模板。进入制作平台选择完模板后，会自动进入制作平台。在制作平台上，主要分三大区域：左侧的作品结构显示区域，中间的是作品制作区域，右侧的是组件属性修改区域。文字1、功能定义：用于展示文字内容，通过修改文字的显示属性，可以生成各式各样的显示效果。2、操作方法：点击右侧的文字选项，编辑面板的右上角会出现文字输入框，双击输入框可以修改文字内容；修改右侧的属性选项，可以改变文字的显示样式。3、属性说明：1）字体：改变文字的字体，提供的是兔展数据库的字体，非电脑本地字体。2）字号：修改文字的显示大小。3）行距：修改两行文字间的间距。4）调色板：修改文字颜色。5）宽度：修改文字输入框的宽度，单位像素。6）高度：修改文字输入框的高度，单位像素。7）透明度：修改文字的透明度，100%为不透明，0%为全透明。8）旋转：调整文字与水平线的夹角，正数为顺时针旋转，负数为逆时针旋转。图片1、功能解释：用于显示图片，通过修改图片的显示属性，可以改变图片的大小、透明度、角度等。2、操作方法：1）激活功能：点击右侧的图片选项，编辑面板的右上角会出现兔展的logo图片。2）上传新图片：点击属性栏中的上传按钮，上传本地电脑中的图片进入替换。3）图片库中的图片：如果之前已经上传过图片，可以从图片库中选择需要显示的图片。4）截图：按住鼠标左键拖动选择图片区域，然后点击截图按钮或者双击选中的图片区域，便可以裁剪出选中的图片区域。3、属性说明：1）宽度：修改图片的宽度。2）高度：修改图片的高度。3）原比例：此选项打上勾好，图片的宽度和高度将按照图片原来的比例显示，修改其中的一个数值，另外一个数值会除之改变。4）透明度：修改图片的透明度，100%为不透明，0%为全透明。5）旋转：调整图片与水平线的夹角，正数为顺时针旋转，负数为逆时针旋转。按钮1、功能解释：用于添加链接按钮，可以添加一切页面的链接，如:微博链接、微信公众号关注链接、官网链接、淘宝链接等等。2、操作方法：点击右侧的按钮选项，编辑面板的右上角会出现文字输入框；修改右侧的属性选项，可以改变按钮的参数和样式。3、属性说明：1）文字：修改按钮上显示的文字。2）链接：需要按钮链接到的页面，注意链接开头要包含“ http:// ”。3）填充色：按钮上的背景颜色。4）边框色：按钮的边框颜色。5）形状-边框：修改边框的宽度，“0”代表按键无边框。6）边框-圆角：修改边框边角的圆润程度，数值越大，按钮边角越圆润。7）宽度：修改按钮的宽度。8）高度：修改按钮的高度。9）透明度：修改按钮的透明度，100%为不透明，0%为全透明。10）旋转：调整按钮与水平线的夹角，正数为顺时针旋转，负数为逆时针旋转。表单1、功能解释：是允许用户在表单中输入并提交文本信息的功能组件，用户提交的信息可以在帐户栏目下的表单数据中显示。表单中，可以自定义每个选项的名称和项目的数量。2、操作方法：点击右侧的表单选项，弹出新建表单窗口，对表单内容进入添加。3、属性说明：1）表单标题：添加表单的标题。2）行标题：添加表单的行标题。3）按钮内容：添加按钮的显示文字。

　　网页模板就是已经做好的网页框架，使用网页编辑软件输入自己需要的内容，再发布到自己的网站。每个网页模板压缩包内包含：PSD图片文件(可用Photoshop、ImageReady或Fireworks修改)，按钮图片PSD文件、Flash源文件和字体文件，推荐使用Dreamweaver软件向网页模板添加内容。　　创建和设置　　1)模板的概念：作为创建其它文档的样板的文档。创建模板时，可以说明哪些网页元素不可编辑，哪些元素可以编辑。其扩展名为.dwt。　　2)模板的作用：有利于保持网页风格的一致;提高工作效率。　　1.创建模板　　1)创建一个全新的模板：在模板面板中，使用快捷菜单按钮或单击面板上的新建按钮　　模板面板的打开：Window菜单--Templates　　2)创建基于文档的模板：File菜单-Save As Template　　2.设置模板页面属性　　1)用模板创建的文档继承模板的页面属性，页标题除外。　　2)设置：Modify菜单-Page Properties　　3.定义模板的可编辑区　　1)定义模板的可编辑区　　在模板文档中选定对象、Modify菜单、Templates、New Editable Region　　2)取消可编辑区标记　　Modify菜单-Templates-Remove Editable Region　　应用和更新　　1.应用模板创建文档　　1)应用模板创建文档　　使用模板创建新文档：File菜单-New From Template　　或：File菜单-New-从模板面板中拖一个模板到文档　　对现有文档应用模板：Modify菜单-Templates-Apply Template to Page-模板面板中选定模板-单击Select　　或：从模板面板中拖一个模板到文档中　　或：从模板面板中选定一个模板，单击Apply　　2)可编辑区和锁定区　　在应用了模板的文档中，只有可编辑区的内容才可以修改。　　3)把页面从模板中分离出来　　如果要对应用了模板的页面的锁定区进行修改，必须先把页面从模板中分离出来。　　具体操作：Modify菜单-Templates-Detach From Template　　2.修改模板　　在模板面板中选定模板、单击编辑按钮或双击模板名称或使用快捷菜单的Edit、编辑完成后保存　　3.更新站点中使用模板的所有文件　　Modify菜单-Templates-Update Pages

模板自助建站或者代写源码建站有点区别，根据需求选择：自助建站是在一个基础平台上，以固有的模板配置，来进行选择，是选择固有的模式。而网站公司手工做的网站，是可以有私人订制的部分，无论哪里或有什么功能都可以先行协商，落实后进行。综合来讲，各有优势，在基本企业网站的基础上，自助建站也是非常不错的。现在的自助建站系统，好的模式更加强大，包含PC电脑站+手机站+APP端+微信公众平台整合，完整的各方位包含，而这些所有功能，在一个后台统一管理，非常方便。

其实标准的网制作完成的工作实际是：psd to html，一般情况下，我们会拿到美工的psd,这时候不同的人会有不同的做法： 1.打开fireworks将图片切割导出为html。 2.直接在dreamweaver之类的工具去拖拉布局，导入相关的图片,flash资源。 3.先在ps中完成切图后，在文本编辑器中看着效果图一步步的制作。 以上是大多被采用的方法，但都不好： 第一种方法最为不好，这样的代码根本不具维护性和可读性。 第二种方法也不好，代码难免会有冗余，做出来的东西基本需要排查一遍。 第三种方法也不好，因为你需要看效果图一点点的拼，也就是说写html标签的时候，你在不断的假设这块要怎么去显示。 正确的做法是： 1.拿到psd后，先不要做别的，直接在文本编辑器中将网页的框架写出来，不要假设这块将来css要去怎么渲染，完全自然化的标签，不加任何的css。 2.写完之后在各个浏览器运行之后确保大体定位都没有问题。 3.书写总体css,这里的css只负责大块的定位及样式。 4.切出需要的图片资源，在写好的框架中一点点的去构造，不断的调试，最终为成品。 5.最后，为自己的代码添加注释，在css，html中都要合适的为自己的代码添加注释。 要想做出能灵活切换皮肤，让css主导表现，还有很多要注意的地方，但大体的流程就是这样的，当然我们一开始不能直接就做到先写html，但起码要有这个意识，循序渐进。。。谢谢热心会员"linxz"提供实际经验，我贴上来供大家参考：PSD出网站从两个大点考虑一、一个独立的页面1、分析这个页面，先在脑袋中或者草稿纸上描绘大概的结构2、根据设计稿的的情况，分析背景图的分布、ICO图的分布等3、切割相应的图片，导出、合并图片4、在编辑器中写整体结构XHTML代码，包括页面中出现的所有元素的结构5、编写CSS样式中的整体以及模块代码6、细节调整7、收工，浏览器验证是否正确二、由多个页面组成的小站点或者大站点1、浏览所有设计稿，统一规划站点模块、图片、文件分布2、开始第一点的操作，但规划站点的内容分布很重要整体考虑点：图片的合并，减少请求量结构的合理性，语义化样式的简洁，便于后期维护多为后期的维护以及程序开发着想，如何简单实现效果 参考资料： http://www.wzsky.net/html/Website/Experience/107671.html

一个大型企业网站的成功与否与建站前的网站策划有着极为重要的关系。在建立网站前应明确建设网站的目的，确定网站的功能，确定网站规模、投入费用，进行必要的市场分析等。只有详细的策划，才能避免在网站建设中出现的很多问题，使网站建设能顺利进行。 奔唐认为:如果你是一个网站项目经理,应该在项目初期预测到项目实施中的主要问题,并提出实施方案.　　网站策划是指在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出策划。网站策划对网站建设起到计划和指导的作用，对网站的内容和维护起到定位作用。网站策划书出应该尽可能涵盖网站策划中的各个方面，网站策划书的写作要科学、认真、实事求是。网站策划书包含的内容如下： 一、建设网站前的市场分析（企业自行处理）　　 1、相关行业的市场是怎样的,市场有什么样的特点，是否能够在互联网上开展公司业务。 　　　　 2、市场主要竞争者分析，竞争对手上网情况及其网站策划、功能作用。　　 3、公司自身条件分析、公司概况、市场优势，可以利用网站提升哪些竞争力，建设网站的能力（费用、技术、人力等）。 二、建设网站目的及功能定位（企业自行处理或与专业公司商议）　　 1、为什么要建立网站，是为了树立企业形象，宣传产品，进行电子商务，还是建立行业性网站？是企业的基本需要还是市场开拓的延伸？ 　　 2、整合公司资源，确定网站功能。根据公司的需要和计划，确定网站的功能类型：企业型网站、应用型网站、商业型网站（行业型网站）、电子商务型网站；企业网站又分为企业形象型、产品宣传型、网上营销型、客户服务型、电子商务型等。 　　 3、根据网站功能，确定网站应达到的目的作用。 　　 4、企业内部网（Intranet）的建设情况和网站的可扩展性。 三、网站技术解决方案（与专业公司商议）　 根据网站的功能确定网站技术解决方案。 　　 1、采用自建服务器，还是租用虚拟主机。 　　 2、选择操作系统，用Window2000/NT还是unix,Linux。分析投入成本、功能、开发、稳定性和安全性等。 　　 3、采用模板自助建站、建站套餐还是个性化开发。 　　 4、网站安全性措施，防黑、防病毒方案（如果采用虚拟主机，则该项由专业公司代劳）。　　 5、选择什么样的动态程序及相应数据库。如程序ASP、JSP、PHP；数据库SQL、ACCESS、ORACLE等。 四、网站内容及实现方式（与专业公司商议）　　 1、根据网站的目的确定网站的结构导航。　　 一般企业型网站应包括：公司简介、企业动态、产品介绍、客户服务、联系方式、在线留言等基本内容。内容如：常见问题、营销网络、招贤纳士、在线论坛、英文版等等。　　 2、根据网站的目的及内容确定网站整合功能。　　 如FLASH引导页、会员系统、网上购物系统、在线支付、问卷调查系统、在线支付、信息搜索查询系统、流量统计系统等。　　 3、确定网站的结构导航中的每个频道的子栏目。　　 如公司简介中可以包括：总裁致词、发展历程、企业文化、核心优势、生产基地、科技研发、合作伙伴、主要客户、客户评价等；客户服务可以包括：服务热线、服务宗旨、服务项目等。　　 4、确定网站内容的实现方式。　　 如产品中心使用动态程序数据库还是静态页面；营销网络是采用列表方式还是地图展示。五、网页设计　　 1、网页设计美术设计要求，网页美术设计一般要与企业整体形象一致，要符合企业CI规范。要注意网页色彩、图片的应用及版面策划，保持网页的整体一致性。 　　 2、在新技术的采用上要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。　　 3、制定网页改版计划，如半年到一年时间进行较大规模改版等。六、费用预算　　 1、 企业建站费用的初步预算　　 一般根据企业的规模、建站的目的、上级的批准而定。　　 2、 专业建站公司提供详细的功能描述及报价，企业进行性价比研究。　　 3、 网站的价格从几千元到十几万元不等。如果排除模板式自助建站（火山动力通常认为企业的网站无论大小，必须有排他性，如果千篇一律对企业形象的影响极大）和牟取暴利的因素，网站建设的费用一般与功能要求是成正比的。七、网站维护　　 1、服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间。 　　 2、数据库维护，有效地利用数据是网站维护的重要内容，因此数据库的维护要受到重视。 　　 3、内容的更新、调整等。 　　 4、制定相关网站维护的规定，将网站维护制度化、规范化。 　　 5、说明：动态信息的维护通常由企业安排相应人员进行在线的更新管理；静态信息（即没用动态程序数据库支持）可由专业公司进行维护。八、网站测试　　 网站发布前要进行细致周密的测试，以保证正常浏览和使用。主要测试内容： 　　 1、文字、图片是否有错误。　　 2、程序及数据库测试。 　　 3、链接是否有错误。九、网站发布与推广　　 以上为网站策划中的主要内容，根据不同的需求和建站目的，内容也会在增加或减少。在建设网站之初一定要进行细致的策划，才能达到预期建站目的。

Html5和以前html，jsp写法一样的，基本上区别不大，如果要写手机页面的话，可以用dw然后在里面用手机版块看效果