如何制作页面

工具/原料html页面vs2008步骤：1、点击【文件】【新建文件】【常规】【HTML页面】【打开】2、如图所示，新建了一个空白的html页面，拆分视图3、设置页面body样式信息【-webkit-touch-callout: none; -webkit-text-size-adjust: none;】是防止用户复制和保存图片,只支持iphone、ipad、android4、设置页面的宽度和高度【.page-content{background:-webkit-linear-gradient(#2F5A53,#6CA199); top:352px; min-height:550px;_height:550px;width:640px; }】5、【关键点】新建一个div标签，样式使用page-content6、在段落标记<p>里面输入文字信息，这里天使就不排版了，主要是教大家方法，然后保存网页。7、将网页上传到服务器目录下8、输入网站域名，在电脑上访问可以看见效果，只有左侧部分9、使用手机访问，得到如图所示效果，就不会像直接书写html代码一样文字很小

步骤：1、首先点击“装饰此页面”2、选择布局管理选项进入，在布局管理中主要分为三大部分：页头、页尾和内容区域，对于内容区域的自定义设置3、点击添加布局单元，添加的尺寸上面有显示，添加后点击保存会自动跳转到“页面编辑”界面4、在“页面编辑”界面，在相应位置会看到你刚才添加进去的布局单元，单击布局单元上面的“添加模块”，下拉选择“自定义内容区”点击添加。添加后回到“页面编辑”界面看刚才添加的模块上面有“编辑”，点击进入。进入编辑页面后勾选“不显示标题”和“编辑源代码”。然后从网上找相关的像团购、促销等的代码复制粘贴上去就可以了，点击保存即可。5、如果你想要修改模板上面的内容的话，就点击刚才生成的自定义模板右上角的“编辑”进入编辑界面，如果出来的是代码的话就把”编辑源代码“上面的勾勾去掉就可以显示出图像界面，图像界面上的内容可以直接点击修改，修改完成后点击确定即可。6、完成后点击”页面编辑“右上角的发布就可以完成发布查看店铺了。

亲，我来告诉你。商品的二维码是在淘宝后台，卖家中心--出售中的宝贝，在每个商品的右下角就有这个商品的二维码，可以下载。你自己店铺的二维杩，就在你的店铺首页右上面，有个用手机逛本店，店铺的就是这个二维码图片。

1、登录淘宝网卖家中心，找到出售中的宝贝点击编辑宝贝。2、进入宝贝编辑中心，在详情页面首页这里，点一下图片出现一个编辑字样。3、点击方框内的编辑，把你要跳转到的宝贝链接放到链接网址这个里面去，然后保存发布即可。首页大图也是这样编辑添加超链接的。

　　一、使用像Dreamweaver、Fontpage一样的所见即所得的网页编辑软件。Fontpage较容易些，会操作Word就会使用它。专业人士一般用Dreamweaver来做网页，用flash、firework等来美化网页，可以下载网页三剑客Dreamweaver、flash、firework去做。　　二、使用记事本修改网页Html代码，不推荐使用Fontpage等网页编辑软件修改的原因是：很多网页格式如果用网页编辑软件打开就会变形，所以直接使用记事本修改网页Html代码是最简洁有效的方法。可以去下载强化的HTML工具更好，例如： UltraEdit。　　首先需要了解一下网站的页面组成，网站一般包括以下几部分：　　首页：网站的门面，如同公司的形象，特别注重设计和规划。　　次页：网站的主要导航结构页面，讲究风格的一致性，并于首页呼应。　　普通页：网站主要的承载信息的页面，设计要求不高，但要求链接准确、文字无误、图文并茂，并沿袭网页的风格。　　弹出页：一般用于广告、新闻、消息、到其他网站的链接等等，一般用的很少。　　各页面的设计技巧：　　一、首页设计技巧　　网站首页是企业网上的虚拟门面。一般来说，网站首页的形式不外乎有两种，一种是纯粹的形象展示型，这种类型文字信息较少，图像信息较多，通过艺术造型和设计布局，利用一系列与公司形象和产品、服务有关的图像、文字信息，组成一幅生动的画面，向浏览者展示一种形象、一个氛围，从而吸引浏览者进入浏览。这需要设计者具有良好的设计基础和审美能力，能够努力挖掘企业深层的内涵，展示企业文化。这种类型的首页在设计过程中一定要明确要以设计为主导，通过色彩、布局给访问者留下深刻的印象。另一种是信息罗列型，一般的大、中型企业网站和门户网站常用的方式，即在首页中就罗列出网站的主要内容分类、重点信息、网站导航、公司信息等等，这种风格比较适合网站信息量大，内容丰富的网站，因为是以展示信息为主，这是的设计就要在细微之处体现企业形象，建议设计人员最好仔细阅读企业的CI手册，熟悉企业标志、吉祥物、字体及用色标准，在网站的局部体现出来，往往平淡之中一个优美的符合企业特点的曲线就能够给人以深刻的印象，从而将企业形象印在浏览者的脑海里。设计人员在设计过程中要注意使用这些语言符号来表达一种独特的企业信息。　　网页设计时注意事项： 1.不要花哨。 2.要有风格，要突出行业的特点。比如娱乐业热烈活泼些，政府网站则要庄重些；收藏书画业要古朴典雅，策划时装业则要前卫些。 3.一张网页一般两屏到三屏就可以，不要太长，会影响网页打开的速度。如果内容实在太多，应该分作几个页面，或者分为几个二级栏目。

　　一、以下是网站专题页制作的基本功：　　1、创意设计 　　说到创意，应该是设计师最擅长，但肯定也是最头疼的问题，如何评判一个创意的好坏，借用周董的一句话“哎呦，不错哦”。当别人看到你的页面的时候，能发出这种感慨，那基本上你的这个页面应该是做到位了。这里介绍5种小方法： 　　2、版式设计 　　版式设计应该算是最基本的设计原则，这个虽然阐述起来比较简单，如果要运用的好还是需要多下工夫。这里通过一个简单的例子来解释版式设计中的几个原则： 　　3、色彩设计 　　这里的色彩设计并不是对色彩理论的解释，也不是对色彩感觉的解释，因为本人是个色彩感觉一般的设计师。这里只说3个原则：色彩对比、色彩大小与形状、彩色位置。 　　4、趣味设计 　　趣味设计的是一种亲切感，并不是所有的页面都要求有，但是偶尔为之，会让页面添色不少。 　　5、关于页面加载 　　图片设计的时候注意大小，这个是关系到页面的加载时间。 　　二、以下是网站专题页制作的整体思路： 　　1、确定产品专题页面表现形式 　　电脑端网站上面目前主流的专题页面就是是长页面滚动条，还是多屏滚动切换的形式。如果是移动端的话可以使用H5做一个多屏滚动切换的效果来展现;表现形式本身并没有什么，个人建议是在电脑端如果是信息比较多的可以优先考虑长页面滚动条的形式，如果是针对产品某一个点展开讨论，内容相对比较少，可以优先考虑多屏滚动切换形式。 　　2、顺着用户心思架构楼层 　　不同的产品，不同的主题，不同的切入点，不同的人策划出来的专题页面布局都是不一样的，所以无法非常固定提供给大家一个类似公式的东西去嵌套，大家要确定好思路。 　　3、别忘了你要干什么 　　产品专题页面设计到最后的时候，不要忘了你的初衷：你想要通过这个专题页实现什么?如用户注册会员，点击咨询产品，点击下单，关注公众号，参与活动等等。 　　如果你前面的布局策划的非常好，完全牵着用户的想法在走，那么走到这一步，应该说离你的目标距离又近了一步，只差临门一脚了!甭管最后能不能实现目标，你要做的就是再添“一把火”，告诉用户的紧迫性，让用户自己着急。

怎样制作个人网页 如果你已经上网，为何不尝试一下在网上做一个完全属于自己的主页？有了自己的主页，全世界的人都可以随时找到你，你也可以向全世界宣传下自己，是非常有意义和有意思的。现在简单介绍一下制作主页的过程和方法： 一、准备材料 你首先做一个小计划,准备在主页上告诉人家什么？比如介绍三个方面：自我介绍,我的爱好,我的工作,那你就先起一个总目录（文件夹,比如d:\html）,来放你的所有文件，然后再在这个目录建立三个子目录：myself,interest，job。文件名你可以任意，但最好全部小写，因为有的主机要认大小写。然后将你的材料copy进相应的子目录。比如你要在你的主页里展示你的靓照，那就将你的照片扫描成JPG格式的文件，放在myself的目录下. 要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但你可以用图象软件进行转换，比如Office 97的照片编辑器。把你准备在你主页上出现的图象放进相应的目录里后,你就可以开始制作了。 二、开始制作 你无须去记复杂的HTML语言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选Edit Page,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页，你先写上“大家好，我是superboy，下面是我的照片：”这时要放图片了，只须点击Insert菜单，选取Image,在Choosefile里选取你的图象文件即可，然后把这个文件保存为myself.html文件，放在myself的目录下。好，现在必须做封面了，你在封面写：“欢迎来到superboy的主页”以下是“自我介绍，我的爱好，我的工作”。你的自我介绍要链接到下一页去，你只须用鼠标选“自我介绍”后按鼠标右键 ，再选create link，然后再选你myself目录下的myself.html，就将“自我介绍”链接到下一页了，以后在浏览器中一按，就可以跳到镶有你靓照的页面啦。 在你的封面做好了所有链接和图片后，记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的主页名称是index.制作主页其实很简单，只要多实际制作，工多艺熟。还可以拿来主义，在网上看到什么好的主页，用另存为功能保存为.html格式的文件，细细研究人家是如何做的。还可以借用网页模版来搞，我的就是~~~~~~ 三、将你制作好的安放在网上 要在网上安你自己的家，你必须先申请一个主页空间，即向某一个主机申请一快硬盘空间。现在有较多的主机提供免费主页空间，具体见实用链接栏目。这些主机不仅提供免费个人主页空间，并且还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可，具体方法，参考相关题目。申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了！ 需要注意的是，一定要保持网页的相对位置，否则会看不到网页的，有很多朋友都问我:为什么我的网页传上去了可是看不到,老是出现网页错误呢？其实他们都是因为位置的问题，只要把位置改动一下就可以的了

初级前端主要学习三个部分：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.有良好的责任心和团队合作能力、能承受较大的压力；自己动手搜索下吧，确定目标和方向，以上是个人路线，仅供参考。

　　一、以下是网站专题页制作的基本功：　　1、创意设计 　　说到创意，应该是设计师最擅长，但肯定也是最头疼的问题，如何评判一个创意的好坏，借用周董的一句话“哎呦，不错哦”。当别人看到你的页面的时候，能发出这种感慨，那基本上你的这个页面应该是做到位了。这里介绍5种小方法： 　　2、版式设计 　　版式设计应该算是最基本的设计原则，这个虽然阐述起来比较简单，如果要运用的好还是需要多下工夫。这里通过一个简单的例子来解释版式设计中的几个原则： 　　3、色彩设计 　　这里的色彩设计并不是对色彩理论的解释，也不是对色彩感觉的解释，因为本人是个色彩感觉一般的设计师。这里只说3个原则：色彩对比、色彩大小与形状、彩色位置。 　　4、趣味设计 　　趣味设计的是一种亲切感，并不是所有的页面都要求有，但是偶尔为之，会让页面添色不少。 　　5、关于页面加载 　　图片设计的时候注意大小，这个是关系到页面的加载时间。 　　二、以下是网站专题页制作的整体思路： 　　1、确定产品专题页面表现形式 　　电脑端网站上面目前主流的专题页面就是是长页面滚动条，还是多屏滚动切换的形式。如果是移动端的话可以使用H5做一个多屏滚动切换的效果来展现;表现形式本身并没有什么，个人建议是在电脑端如果是信息比较多的可以优先考虑长页面滚动条的形式，如果是针对产品某一个点展开讨论，内容相对比较少，可以优先考虑多屏滚动切换形式。 　　2、顺着用户心思架构楼层 　　不同的产品，不同的主题，不同的切入点，不同的人策划出来的专题页面布局都是不一样的，所以无法非常固定提供给大家一个类似公式的东西去嵌套，大家要确定好思路。 　　3、别忘了你要干什么 　　产品专题页面设计到最后的时候，不要忘了你的初衷：你想要通过这个专题页实现什么?如用户注册会员，点击咨询产品，点击下单，关注公众号，参与活动等等。 　　如果你前面的布局策划的非常好，完全牵着用户的想法在走，那么走到这一步，应该说离你的目标距离又近了一步，只差临门一脚了!甭管最后能不能实现目标，你要做的就是再添“一把火”，告诉用户的紧迫性，让用户自己着急。