如何做网页制作

是做个人网站？？ 怎样免费建自己的网站，如何建个人网站？怎么自己建网站？ 网客科技 www.wkekj.cn 教你怎样建个人网站的： 1.确定网站主题：如何建个人网站？首先， 你至少要找一个您感兴趣的内容或主题来做网站 2.找空间，注册域名： 确定主题后，需要寻找一个比较好的主页空间，并且为自己的网站注册一个域名。目前可选的空间商很多，建议选择资历超过2年的公司。3.找网站建设工具： 怎么自己建网站？ 用frontpage等网页制作软件，一个页面一个页面的做网站的时代已经过去了，您可以直接找一个免费建网站的程序，安装到您的空间里，就只用傻瓜式的添加内容就可以了。这里，这里，你可以使用建站宝盒，建站宝盒NiceBox是自助建站工具包，包含多款精美建站模板和计数器、留言本、在线新闻系统、产品发布系统 、论坛系统、在线客服系统、招聘系统等动态功能模块，页面随意增加。使用者无需任何专业知识，运用浏览器，轻点鼠标就能立即生成精美实用、功能强大的网站，非常适合中小企业以及个人自助建站。本系统是网客科技虚拟主机附属增值系统管理平台，即只要是在网客科技购买虚拟主机产品，就可以免费支持并使用此系统管理平台 。 试用用户名: test 试用密码: nicebox试用地址： http://www.wkekj.cn/design/?p=nicebox 4.添加内容：购买虚拟主机后，您就只需要添加内容就可以了。这个建网站的工具会自动给您生成网页，做好链接的。 5.推广网站：您的网站有内容后，就需要到处推广它了。nicebox有友情链接模板，您可以很方便的和其它网站交换友情链接。 6.欣赏它，爱护它：做了网站，要学会欣赏它，爱护他。喝杯咖啡，慢慢品尝它吧。经常补充一些新内容，您的网站就会流量越来越大，人气越来越旺。希望采纳

首先要明白的是自己网站到底要起到一个什么作用，订单型、贸易型的企业和集团公司类的网站定位肯定不是一样的。打个简单的比方来说，伊利集团的网站他就不需要实现产品的在线订购，他甚至来说网站上列不列举他的产品都没关系，因为对于伊利集团来说，功夫在网下，网站对于它来说只是锦上添花的功能。而对于类似我们中达创这样的公司来讲，网站就是非常必要的，因为网站就是我们的生命线，网站就是我们的铁饭碗.类似我们一样的企业很多,生产类企业.外贸类企业.加工型企业.购物类企业等很多业务全依靠网站下单.网站咨询.邮件传送.网站的重要性就上升到了一个非常高的高度。因此，对于不同的公司来说，网站的定位是不一样的，不能一味的羡慕别人的网站花哨或者功能齐全，在这里，请相信：最适合自己的才是最好的。 二. 网站建设要全面注意细节 A: 面对用户，网站要有良好的用户体验。好的网站肯定都有一个共通的优点就是用户体验良好。这里的用户体验良好并不是指网站做的花哨而是指根据网站定位指导原则下网站做的最方便用户访问，让用户在最快最短的时间内找到他所需要的信息。基本上说起来要注意如下方面： 1：企业网站的整体色调要和企业形象全面吻合，我们见过太多的网站格调和企业形象格调不合，用户访问网站的时候往往会造成对你企业的形象思维脱节的现象，简单的说，就是看到网站想不到你是的网站，比如我看到蒙牛的网站，我就能唤起大脑深处对蒙牛的记忆，大草原、牛奶、蓝天白云这几个元素就是蒙牛网站给我的印象，这样能充分和蒙牛这个品牌给我们的印象衔接起来。 2：企业网站要最快速的方便用户访问，这是一个老生常谈的问题。一个公司网站，在如今宽带越来越普及的时代，依然慢的跟一头牛一样的，那么这个企业的网站基本上是白建设了。虽然好多人都知道这一点，但是真正能做到的很少。比如在国内，就要考虑到南北电信网通的互联互通性问题，要么采用镜像站点分置的办法，要么就是买香港空间，因为这样对于电信和网通速度都是均衡一致的。至于外销型企业，那么要厘清您的客户分布，比如在面向欧洲大陆的市场，德国空间是个不错的选择，如果是南美洲地区和非洲地区，美国虚拟主机是首选。中国的出口带宽有限得很。经常造成很多别的国家无法访问国内服务器上的网站。因此，把外贸网站放在国内是最失策的做法。 3: 外贸企业网站的语言翻译一定要专业，要聘请专业的翻译进行不同的语种翻译。很简单，你的网站是要给你的外国客户看的，他的语言习惯和我们使用外文的习惯是不一样的，这里你可以设身处地想一想，我们常常和一些老外打交道。他们说中文和使用汉字你是不是觉得很别扭？这就对了，反过来也是这样的，你使用不专业的翻译和随便应付的英文网站，你的客户去浏览的时候也会觉得很生硬，就更加谈不上信任你的网站，既然信不过你的网站，那么和你达成交易的可能性会微乎其微。 4： 外贸企业网站建设要符合你的客户的审美习惯，这些年国内的网站建设经历了简单化，复杂化，以及现在流行泛滥的韩式风格。实际上这都是国内的企业家们喜欢华丽的网站，总认为网站的样式就是自己企业的面子，这无可厚非，毕竟中国人爱面子。但是外贸企业网站不需要这样，老外客户更喜欢简单朴素的网站风格。这和欧美客户的细致严谨的做事风格有关。国外用户很少来大陆来考察，很多信息都是通过网站来了解到的，公司如果小，应该在网站上做出大气来，显示自己公司的实力和专业，公司如果大，更应该展示自己的资质和实力。很多企业网站像跑马灯一样花花绿绿的跳个不停。外贸网络公司最好是多参考一下世界五百强的企业网站，以大气简约为美，简约而不简单为指导原则。 5： 网站的内容要细致而完善，比如是卖器材的网站，那么你可以化的时间在描述器材的各种参数和使用环境，这样资料越翔实越完备，首先是降低你的潜在客户的疑虑，其次是提升企业和您的网站的专业形象让潜在客户更容易接受你。网站上应该能让用户很方便的找到你的联系方式，当客户对你的产品感兴趣的时候鼠标点两下就能很方便的与你联系，无论是mail还是msn或者雅虎通或者电话或者传真等方式，切莫因为这些细节的不完善丢失潜在的订单，那就是很不应该了。 6： 清晰的导航结构、网站地图、站内搜索功能非常重要。人都是有惰性的，网站内容过多，那么就需要清晰的导航结构和网站地图来给客户引路，方便客户找到他所需要的内容，如果导航和网站地图不起作用的时候，那么站内搜索的重要性就提现出来了。说到底，就是让你的客户少点几下鼠标，少拉动屏幕飞快的找到他想要的产品或者资讯，自然，你就离订单不远了。 B： 外贸网站要全方位的做好搜索引擎优化工作—SEO,很多人一听说这个就头晕，加上很多人都在不断的宣传这个的重要性，认为这是个很复杂的学问，的确，很多技术性的小细节是很多，但是，seo的最基本的几项工作做好，足以让外贸网站获得比较好的效果。 1：不要把网站做成“死”网站，保持一定的更新频率。国内很多网站做好了，很多细节也做好了，就是不更新，上面的信息停留在2004年某年月日，这样的网站，首先是用户不认可，大家都会认为你的网站没人管，你的企业也不怎么样。其次是搜索引擎会认为你的网站活跃度很低，自然会降低你的权重，降低你的排名。怎么更新？有的说我的网站产品就那几个，公司也没多少新闻，那么你就每天或者定期增加一些行业新闻啊经常做一些促销信息啊，办法是人想出来的。 3：给每个页面都有真实的title标签，标签的作用是向搜索引擎解释你的网页是有关哪方面信息的，也就是专给搜索爬虫们看的。title则是网页的标题也即是浏览器最上面的描述了。尤其对Google来说很多的新网页都只是抓取这个个无标签而不抓取网页内容。很多企业网站所有网页的和title标签都是一样的，甚至完全没有标签，这样很多页面会被搜索引擎认为是重复页面而不予收录。但是切忌不要过多的堆砌关键字和描述，过多的堆砌关键词会引发搜索引擎的惩罚机制，具体可去搜索这方面的知识。 4：英文网站应采用ISO-8859-1或UTF-8的字符编码。这里可以参考阿里巴巴英文站采用的是ISO-8859-1的字符集，世界各地的电脑系统浏览都不会产生乱码，而因为很多搜索引擎只收录英语语种的网页，字符集的定义对排名影响也很大。国内很多的网站英文版也采用GB2312的中文字符集，字体又定义为宋体，这样还是出现乱码的。这是被很多公司所忽略的一点。（查看字符编码的方法：点查看中的编码，或者是源文件中的CHARSET=）。打个简单的比方，一个英国的客户，他的电脑没装中文语言包，又碰上您的网站是 gb2312的编码，很不幸，您的网站在客户那里就是显示乱码一堆，至于业务，您说会有吗？但是ISO-8859-1的字符集是基本上全球电脑系统都自带的编码，因此不存在会不会出现乱码的问题。 5：全面符合W3C标准，考虑到不同用户的习惯，尤其是部分firefox用户。常常看到某些企业网站做的挺好看的，到firefox下一看，惨不忍睹。你往往会有侥幸心理说只有少部分用firfox，但是你如果对你的业务都有侥幸，那么你也不用做业务了。DIV+CSS的网站架构不仅仅是在ie下执行起来快，而且搜索引擎能更容易读懂你的网页内容，会更好的收录。在这里不啰嗦了，DIV+CSS的知识可以百度一下。 6： 外贸企业的邮箱很重要，很多人都说，我有邮箱啊，163的免费邮箱好用的很，雅虎的也不错啊。对，您说的都对，但是我在这里提醒您几个方面。1:是使用自己独立域名的企业邮箱能彰显企业形象，您见过几个有实力的公司还在用163的邮箱？2:是国内有信息拦截机制造成很多外贸邮件常常丢失的现象，怎么解决？用香港或者美国的主机进行全球中继转发，怎么转发我们普通用户不需要去了解，但是您要知道国内很多邮件常常发不出去，国外很多邮件发不进来，这个是有原因的。唯一的解决办法就是全球邮件中继，大陆发不出去通过香港，香港发不出去通过美国，总之保证你的邮件直达对方邮箱。而且不会被当成垃圾邮件退信.

首先需要清楚，制作网站需要准备的三样东西。这些有的不是免费的，包含着一定的费用在里面。1、域名（可以到万网或者新网注册）这个是没有免费的，注册必须要钱。2、服务器（看你制作网站的主题类型和后期布局）每种服务器的价格不一，也有一些免费的虚拟空间可以在空间商的网站自行申请，大部分都是收费。3、CMS，看你制作的网站类型是什么类型，自己不会代码的情况下，可以自行百度查找免费开源的CMS进行建站使用。博客一般用wordpress、zblog，文章类型的可以考虑选择织梦，论坛和问答社交类型的可以选择discuz等。建站步骤：第一步，做网站当然要先想好要做个什么样的网站，拿来干什么，是否有意义。之前我做了一个网站，里面的内容杂的很。网站里面有搞笑的动态图，有搞笑的段子，有经典的知乎回答，有精彩的动画。总之，是我喜欢的东西我都放上去。直到有一天我去问别人交换友情链接的时候，别人看了我的网站就问了我一个问题“你这个网站，到底是干嘛的？第二步，主题明确以后，就要选择一种网站制作语言来制做了。要选择一个自己熟悉的语言，就算是不熟悉，略懂也可以。至少以后遇到问题，你还能知道大概方向在哪里。自己一个人重新这一个功能完整的网站出来，还是蛮累人的。除非做的是简单的企业网站。我也是比较懒的人，用的是WordPress做的网站，我也是一个非常懒得人，连主题都不愿意自己写，直接在网上搜了一个主题。这里我推荐，完全不懂编程语言的，先用用WordPress.用一段时间就知道个大概了。第三步，那就是走正常建站路线了。1.买个域名，买个服务器。推荐国内服务器，速度快，稳定，而且申请百度广告联盟方便。如果是国内服务器，那就必须得备案，别看备案麻烦，但是好处还是很多的。现在各大支付宝，财付通，sina，腾讯等接口，都是要求备案网站。域名注册也很关键，域名注册分个人和企业注册。第四步，上传或者在线安装就可以生成你的网站了。

1、文字链接<a href="链接地址" target="指定链接窗口显示方式" title="链接说明文字" > 链接名称</a>2、图片链接<a href="链接地址" target="指定链接窗口显示方式" title="链接说明文字" > <img src="图片地址"/></a> * 指定链接窗口显示方式。可选值为： _blank, _parent, _self, _top 参考资料： http://www.w3school.com.cn/html/

一：确定网站主题做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。如果自己在某些方面有兴趣，或掌握的资料较多，也可以做一个自己感兴趣的东西，一者，你可以有自己的见解，做出自己的特色;二者，在制作网站时不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有创作热情，很难设计制作出优秀的作品。对于内容主题的选择，要做到小而精，主题定位要小，内容要精。不要去试图制作一个包罗万象的站点，这往往会失去网站的特色，也会带来高强度的劳动，给网站的及时更新带来困难。记住:在互联网上只有第一，没有第二!怎么样来做好网站的搭建，精通网页制作的代码，成为建站跟网站运营这方面的高手，你可以来这群学习一下。第一组数字是431，第二组数字是011，第三组数字是879。只要这三组数字结合起来就可以找到了。这里每天都有网页建站的课程，大家在一起交流。每个行业想成为高手不难，关键是你肯不肯花时间去学习，去进步。二：选择好域名域名是网站在互联网上的名字。一个非产品推销的纯信息服务网站，其所有建设的价值，都凝结在其网站域名之上。失去这个域名，所有前期工作就将无法运行。目前，做个人网站的很多都依赖免费个人空间，其域名也是依赖免费域名指向，如网易的虚拟域名服务，其实这对个人网站的推广与发展很为不利，不光是它“适时”开启的窗口妨碍了浏览者的视线和好感，让人一看就知道是个人网站，而且也妨碍了网页的传输速度。所以，就我个人观点来说，首先花点钱去注册一个域名，独立的域名就是个人网站的第一笔财富，要把域名起得形象、简单、易记。三：掌握建网工具网络技术的发展带动了软件业的发展，所以用于制作Web页面的工具软件也越来越丰富。从最基本的HTML编辑器到现在非常流行的Flash互动网页制作工具，各种各样的Web页面制作工具，下面是几款具有代表性的网页制作器:(1)HTML编辑器。虽然HTML代码复杂，编辑和调试要花费大量的时间，但因HTML的稳定性、广泛支持性及可创建复杂的页面效果，仍受高级网页制作人员的青睐。就目前来说，有众多的编辑器供选择，这些编辑器广泛支持复杂页面创建及高级HTML规范，使用较为普遍的有Hotdog等专业HTML编辑器。(2)所见即所得的网页编辑器。其中以Microsoft Frontpage为代表，它具有如Word一样的操作界面，熟知Word功能的操作者，只要稍加培训就能轻松编制网页。而且，Frontpage还能解析网页的HTML源代码，并提供了预览支持。但Frontpage的一些特殊显示功能并不能在其它非IE浏览器下实现。所以Frontpage是一款非常适合初、中级网页制作人员使用的工具软件。(3)现在非常流行的 Macromedia公司出品的Flash互动网页制作工具。这是是一款功能非常强大的交互式矢量多媒体网页制作工具。能够轻松输出各种各样的动画网页，它不需要特别繁杂的操作，也比JAVA小巧精悍!但它的动画效果、互动效果、多媒体效果十分出色。而且还可以在Flash动画中封装Mp3音乐、填写表单等;并且由于Flash编制的网页文件比普通网页文件要小得多，所以大大加快了浏览速度。这是一款十分适合动态Web制作的工具。另外，个人网站制作者还需了解W3C的HTML4.0规范、CSS层叠样式表的基本知识、javas cript、VBs cript的基本知识。对于常用的一些脚本程序如ASP、CGI、PHP也要有适当了解，还要熟练使用图形处理工具和动画制作工具以及矢量绘图工具，并能部分了解多种图形图像动画工具的基本用法，熟练使用FTP工具以及拥有相应的软硬件和网络知识也是必备的。当然，互联网还是一个免费的资料库。编制网页需要多种多样的按钮、背景还有各种各样图形、图片。如果这些都要靠自己完成，既浪费时间又浪费金钱，而且还需要强大的图形、图片制作技术。所以，为了省却这些麻烦，网站制作者完全可以从网上下载各种精美实用的图片、按钮、背景等网页素材。

HTML介绍：(1):<html> <head> <title>Title of page</title> </head> <body> This is my first homepage. <b>This text is bold</b> </body> </html> 将此文件保存为“mypage.htm”。启动浏览器。在文件菜单中选择“打开”（或者“打开页面”），这时将出现一个对话框。选择“浏览”（或者“选择文件”），定位到你刚才创建的HTML文件——“mypage.htm”，选择它，单击“打开”。然后在对话框中，你将看到这个文件的地址，比如说：“C:\MyDocuments\mypage.htm”。单击“确定”，浏览器将显示此页面。--------------------------------------------------------------------------------例子解释HTML文档中，第一个标签是<html>。这个标签告诉浏览器这是HTML文档的开始。HTML文档的最后一个标签是</html>，这个标签告诉浏览器这是HTML文档的终止。在<head>和</head>标签之间文本的是头信息。在浏览器窗口中，头信息是不被显示的。在<title>和</title>标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏。在<body>和</body>标签之间的文本是正文，会被显示在浏览器中。在<b>和</b>标签之间的文本会以加粗字体显示。---常见问题问：我编写完了HTML文件，但是不能在浏览器中看见结果，为什么？答：请确认你保存了文件，并且使用了正确的文件名和扩展名，例如：“c:\mypage.htm”，并且确认你用浏览器打开时使用同样的文件名。问：我编辑了HTML文件，但是修改结果并没有在浏览器中显示，为什么？答：浏览器缓存了你的页面，所以它不需要两次读取同样的页面。你修改了这个页面，浏览器并不知道。请使用“刷新/重载”按钮来强迫浏览器读取编辑过的页面。 -----------------------------------------------------------------------------HTML基本标签：(2):HTML中最重要的标签是定义标题元素，段落和换行的标签。标题元素标题元素由标签<h1>到<h6>定义。<h1>定义了最大的标题元素，<h6>定义了最小的。<h1>This is a heading</h1><h2>This is a heading</h2><h3>This is a heading</h3><h4>This is a heading</h4><h5>This is a heading</h5><h6>This is a heading</h6>HTML自动在一个标题元素前后各添加一个空行。(3):段落段落是用<p>标签定义的。<p>This is another paragraph</p> HTML自动在一个段落前后各添加一个空行。--------------------------------------------------------------------------------换行当需要结束一行，并且不想开始新段落时，使用<br>标签。<br>标签不管放在什么位置，都能够强制换行。<p>This <br> is a para<br>graph with line breaks</p> <br>标签是一个空标签，它没有结束标记。基本注意点——有用的技巧当你写下HTML文本的时候，你不能确知在另外一个浏览器中，这些文本将被如何显示。有人用着大的显示器，有的人用的小一些。每次用户调整窗口大小的时候，文本都将被重新格式化。不要想在编辑器中写一些空行和空格来协助排版。HTML将截掉你文本中的多余空格。不管多少个空格，处理起来只当一个。一点附加信息：在HTML里面，一个空行也只被当作一个空格来处理。使用空段落<p>来插入空白行是一个坏习惯，请使用<br>标签来替代。（但是不要用<br>标签来创建列表，我们后面会专门学习HTML列表的。）你也许注意到了段落可以不写结束标记</p>。别依赖它，HTML的下一个版本将不准你漏掉任何一个结束标签。HTML自动在某些元素前后增加额外的空行，就像在段落和标题元素的前后一样。我们使用了水平线（<hr>标签）来分隔我们教程的章节。示例：a:多个段落： <html><body><p>This paragraph contains a lot of lines in the source code,but the browser ignores it.</p><p>This paragraph contains a lot of spaces in the source code,but the browser ignores it.</p><p>The number of lines in a paragraph depends on the size of your browser window. If you resize the browser window, the number of lines in this paragraph will change.</p></body></html>(这个例子说明了段落的一些默认行为。)b:换行： <html><body><p>To break<br>lines<br>in a<br>paragraph,<br>use the br tag.</p></body></html> (这个例子说明了在HTML文档中换行的使用。)c:诗歌的问题： <html><body><p> My Bonnie lies over the ocean. My Bonnie lies over the sea. My Bonnie lies over the ocean. Oh, bring back my Bonnie to me.</p><p>Note that your browser simply ignores your formatting!</p></body></html>(这个例子说明了HTML显示格式的一些问题。)d:标题元素： <html><body><h1>This is heading 1</h1><h2>This is heading 2</h2><h3>This is heading 3</h3><h4>This is heading 4</h4><h5>This is heading 5</h5><h6>This is heading 6</h6><p>Use heading tags only for headings. Don't use them just to make something bold. Use other tags for that.</p></body></html>(这个例子说明了在HTML中显示标题元素的标签。)e:居中的标题元素：<html><body><h1 align="center">This is heading 1</h1><p>The heading above is aligned to the center of this page. The heading above is aligned to the center of this page. The heading above is aligned to the center of this page.</p></body></html>(这个例子显示了一个居中的标题元素。)f:水平线：<html><body><p>The hr tag defines a horizontal rule:</p><hr><p>This is a paragraph</p><hr><p>This is a paragraph</p><hr><p>This is a paragraph</p></body></html>(这个例子说明了如何插入水平线。)g:隐藏的注释：<html><body><!--This comment will not be displayed--><p>This is a regular paragraph</p></body></html>(这个例子说明了在HTML文档中如何插入隐藏的注释。)h:背景色：<html><body bgcolor="yellow"><h2>Look: Colored Background!</h2></body></html>(这个例子说明了如何给页面设置背景色。)

初级前端主要学习三个部分：HTML，CSS，JavaScript一、html + css部分：这部分特别简单，到网上搜资料，书籍视频非常多。css中盒子模型，流动，block，inline，层叠，样式优先级等这些自学起来也是非常容易。最后再深入了解下浏览器差异性，ie9以下兼容简单了解就行了，ie9以下浏览器被淘汰掉是趋势，低版本没必要浪费大量时间去学习兼容主流浏览器，google chrome浏览器、firefox浏览器、safari浏览器、opera浏览器即可。浏览器差异内容很多，建议在实践中多多积累。二、JavaScript部分。1.基础学习：难点，也是重点，要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，有很多比较抽象的概念，必须要深入理解，比如闭包、原型、面向对象、封装等，要理解透彻。看书是必不可少的，找一本优秀的js书从头到尾，反复研究学习，第一遍可以快速翻阅，大体知道了解概念即可，第二三遍就需要深入学习了。另外，js面向对象编程必须要学习，非常重要，个人推荐一本书， Stoyan Stefanov著，凌杰译的《javascript面向对象指南》。边学边练，实践出真知。针对那些有条件的人来说，很多小伙伴更喜欢的是自学。但是一个人自学毕竟力量是有限的，为了让想学习的人可以更好的学习，给大家推荐一个裙，前面是6 1 1，中间是肆 二 8，最后面就是壹 四 二，这里有很多想学习的人和你一起交流，也有大牛每天晚上免费教学，想要学习的人都可以加入我们，但是我们只欢迎想学习的人，不是来学习，随便看看的就不要进了。2.jQuery学习：这些基础知识掌握好之后，还需要学jQuery，这是一个非常优秀的Javascript库，大型开发必备。它简化了Javascript的复杂操作，消除了Javascript跨平台兼容问题，提供了大量实用方法，有良好的文档和帮助手册，是一个非常成熟的Javascript库。慕课网学习视频幕课网。学习方法也很简单，照着产品文档做几个页面就行了，不用面面俱到，以后遇到问题查文档就行了。大概流程就是这样，如下图所示：3.进阶学习：有了以上知识，对于大多数小型网站，你应该已经可以写出能够工作的代码了。但要想成为更专业的前端，你还需继续努力。更高的要求大概还有四方面：易维护，可测试，高性能，低流量（移动端）。中高级前端1.工具学习习：大型项目中，前端代码构建已经不是简单的压缩一下了，依赖管理、模块合并、各种编译步步不可缺少，需要学会使用grunt、gulp等前端构建工具，要学习的还有：包管理器bower、npm，代码优化CSS Lint、JSHint、JSLint，CSS预处理器less、sass,代码管理及版本控制svn、Git，web框架/服务器Node、Express，代码规范、HTML模块化、css模块化。2.布局框架学习如Bootstrap。3.新技术html5学习。4.js框架学习，requireJS、 AngularJS等，往前端架构师靠近。5.nodejs学习。到招聘网站，参考任聘要求，准没错，举例如下：1.精通html和css，能制作符合W3C标准的静态页面；2.精通JavaScript编程，对面向对象编程思想有深刻理解；3.精通主流Javascript库/框架jQuery；4.理解并掌握JavaScript语言核心技术DOM、BOM有Javascript性能优化经验；5.对浏览器兼容性有深入的研究，精通各种浏览器问题 ；6.了解Backbone.js、AngularJs等MVC框架并有实际项目开发经验；7.了解http://asp.net等服务器后台技术和拥有一定的C#编程能力者优先；8.对交互体验、可用性、用户体验有一定程度的理解；9.有良好的责任心和团队合作能力、能承受较大的压力；自己动手搜索下吧，确定目标和方向，以上是个人路线，仅供参考。

简单制作网页的方法：工具、原料：电脑Dreamweaver CS5方法步骤：下载Dreamweaver软件。Dreamweaver是一款强大的网页制作工具。下载好之后安装，安装后之后打开，会看到如下界面。会看到新建里有肯多选择。html，css。这里选择html，点击之后会看到如下界面。和别的软件布局没有太大区别。如果想输入文本。就直接可以在里面输入。如果想插入图片。可以选择插入-常用-图像。找到图片目录。就可以插入进去、如果想给文字添加链接。可以选中文字。在页面右下角链接框里输入网址。就可以了.按F12.预览就会得到以下效果.