一、制作网页教程
分析如下：
1、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。
2、下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页。
3、下面我们来制作网站站点，在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。
4、然后再在站点根目录下建立一个专门储存网站图片的文件，并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件，不会丢失。注意文件命名要用英文。下面我用我建立的（篮球资讯网）来介绍，点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。
5、下面我们来制作这个网站首页，先学习添加图片。插入——图像——选择素材添加。点击图片，下面属性可以编辑修改图片大小，添加超链接等等。下面我修改图片大小做示范。
6、下面学习添加文本。编辑“篮球资讯网”，下面属性可以设置文本字体、添加超链接等等，点击页面属性，可以详细编辑文本属性。
7、网页基本就是文字和图片的组合，添加视频还需要学习者好好搜索Dreamweaver的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。
8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本，点击页面下方属性——链接——点文件小按钮——选中第一个网页，这样篮球资讯网文本变成蓝色。这是网站内部链接，相反就有外部链接。添加如图，一定要写http://......就可以了。
9、最后我们浏览网页。左上角文件——在浏览器中浏览网页，点击网页中两个链接都能到达指定网页。
二、网页设计师如何形成自己的设计风格
设计师如何形成自己的设计风格呢？这几乎是每一个UI设计师的疑问，网页设计师是UI设计师中的一种。
当你产生这个疑问时，请先自我思索下：
1，我个人的专业水平程度、工作中涉及到的项目、设计环境怎样？
2，我所理解的“设计风格”是什么？
深入发掘问题，你自己已经能得到部分答案：
1，专业还处在爬坡期的中高级以下设计师，设计表现力可能还不够好，主要有以下几个方面：
（1），最浅层的软件使用不熟练；
（2），没有相对系统的设计思考方法，拿到一个项目后，不知道从哪里开始；
（3），缺少设计创意，开始画图了，找不到灵感；
（4），拿来主义会比较多，**很容易，但自己重新做时，又会卡壳；
（5），感觉自己已经很熟悉一个产品了，但系统性的视觉设计总结做不好，比如，让你做components整理，component归类错误；
（6），总是很着急做设计，但要么速度跟不上来，要么设计效果不好；
（7），等等。
2，工作中涉及到的项目是否真的锻炼了你的专业能力呢？这个问题不容忽视，在一家企业做美工和在一家企业做设计师，最终的结果不一样。有的时候，你做不好设计，可能不是内因，而是外因：
（1），只是整个项目的一小颗螺丝钉，一直重复做一件事，比如处理图片，做了一年，这个当然没法形成自己的风格；
（2），产品本身特性，需要创意设计很少，比如ERP产品，五年、十年都差不多，只不过细节越做越细了。这个当然也没法形成个人风格；
（3），我做网页产品，面相对广一些，但企业对网站有严格的限制，比如板块限制、布局要求等，而且好几年要求都不变，这种情况做起设计来就是死磕；
（4），项目本身对设计不是很重视，图画完交上去就行。这种失去了成长的机会；
（5），等等。
3，设计环境，尤其是团队成员所营造的专业氛围，对一个设计师的成长是非常非常重要的。这也就是为什么好多设计师，宁肯降薪，也要去一家有正规UED的大公司：
（1），团队其它视觉设计师厉害吗？我能从他们身上学到东西吗？他们是怎么做到那么厉害的？
（2），大家好交流吗？是不是有很轻松的设计沟通习惯和文化？
（3），资深、专家或设计总监，他们是不是带着大家在更好的设计上冲，一直源源不断的有好的设计idea冒出来？
（4），团队有没有制定导师计划和个人成长计划，帮助我在设计上做的更好？
（5），有没有对外沟通和交流？我的视野能不能扩大？
自我反问以上问题，有些症结和答案已经自我明了了。
4，设计风格是什么？
（1），有效而合理的设计；
（2），统一的视觉感受；
（3），高品质的设计表现；
（4），在某个设计领域可能会做的比较垂直；
（5），风格成体系化；
（6），个人识别度高，即有了鲜明个人色彩；
（7），等等。
这些是通常大家理解的统一设计风格，但你是否意识到其它点呢？
（1），形成了个人的思维模式和方**；
（2），有系统的视觉设计知识体系；
（3），有自己的设计积累，比如素材、模板等，把以往经验模板化了；
（4），开始做一个设计时，更愿意先思考，而不是，先看网上图片，认为思考大于参考；
（5），在某个领域因为自己深入的研究，这个领域的设计风格做的最好；
（6），等等。
希望通过这些思考，能明确“个人风格”到底是什么，先更深入了解问题本身。
——————————————————————————————————————————————————————
接下来，谈下我对怎么做的思考：
形成个人风格，从设计审美、思维学习、表现手法锻炼、综合实力四个方面提升：
1，设计审美
（1），线上多看专业网站，如Dribble、Behance（强烈推荐）、Pinterest等；
（2），线下多看参观展览，比如艺术展、绘画展、雕塑展、工业设计展等，都可以，审美是相通的；
（3），专业书籍阅读，如果基础不好，可以从最初的色彩理论、几何图形理论等方面着手。
2，思维学习
（1），跟周围优秀设计师，或者网上优秀设计师学习，观察他们做一个设计时是怎么思考的？
（2），不要什么都吸收，思维的东西，只选择适合自己的思维方式，结合自己创造，形成自己的思维模式。比如，有些设计师画图时，更愿意从色彩研究着手，因为他认为，色彩很影响人的心理感受；
（3），设计的先后顺序、设计重点、设计关键词、合理风格、模块化部分、设计亮点、设计规范等等这些，都要在思维学习里完成。
3，表现手法锻炼
没有捷径，只有不断练习。有个著名的10000小时定律，连山本耀司先生都相信他的力量。锻炼表现手法，最好的捷径就是每天画，不间断。从开始临摹，到后面自我创造。让自己的设计不落后，直到能够脱颖而出，领先设计潮流。
另外，不要限制自己的表现形式和表现工具。PS、Sketch、AI、AE等，要尝试用不同的工具，实现自己的目的。
还要有意识积累，建立自己的设计资源库，包括照片，矢量插图，模板等。
4，综合实力
一个设计师的设计表现好，这个属于他的专业能力的体现，但一个人要称之为“个人风格”，还会包含其它方面：
（1），精神气质；
（2），文化涵养；
（3），沟通、说服力；
（4），举止行为；
（5），个人理想和追求；
（6），等等。
——————————————————————————————————————————————
总结：
一个人的设计风格是逐步形成的，个人风格又是不断进化的。同时，个人的精神、行为层次也应该是不断优化的。这样，才能称之为独特个人设计风格。
文章分享到这里，希望我们关于网页模板设计和网页模板设计 优质课教案的内容能够给您带来一些新的认识和思考。如果您还有其他问题，欢迎继续探索我们的网站或者与我们交流，我们将尽力为您提供满意的答案。
