随着信息技术的更加专业化，越来越明显的倾向表明，网页设计和网站的发展会逐渐成为两个不同的领域。网页制作是网站策划师、网络程序员、网页设计师等岗位，应用各种网络程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建设站点，并包含域名注册查询和主机托管等服务的总称。学习制作一个静态网页需要掌握 HTML、CSS 语言。 HTML 是网页内容的载体。内容就是网页制作者放在页面上想要让别人浏览的信息，包含文字、图片、链接等。 CSS 是样式表现，就像是网页的外衣。比如，字体的选择、大小和颜色变化，或插入图片、边框等，这些用来改变网页外观的东西称之为表现。如果将静态网页比做一个人的话，HTML 就是人的四肢、眼睛和骨头这种实质性的东西，CSS 就是衣服、配饰和妆容等把人打扮得漂漂亮亮的表现。HTMLHTML 是 HyperText Markup Language（超文本标记语言）的缩写，是一种用于创建网页的标准标记语言，使用标记标签描述网页中的文字、图片、链接等，标记标签由开始标签< >和结束标签组成，两者中间填入内容。
一、菜鸟级网页制作软件 如果你是一个网页制作初学者，那么让下面几种软件带你走进那绚丽多彩的网页制作世界吧！ ①Microsoft FrontPage 如果你曾对Word很熟悉，那么相信你用FrontPage进行网页设计一定会非常顺手。使用FrontPage制作网页，你能真正体会到“功能强大，简单易用”的含义。页面制作由FrontPage中的Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑页，HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器，支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。 FrontPage最强大之处是其站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录。FrontPage会为你跟踪文件并拷贝那些新版本文件。FrontPage是现有网页制作软件中惟一既能在本地计算机上工作，又能通过Internet直接对远程服务器上的文件进行工作的软件。 ②Netscape编辑器 Netscape Communicator和Netscape Navigator G0版本都带有网页编辑器。如果你喜欢用Netscape浏览器上网，使用Netscape编辑器真是简单方便！当你用Netscape浏览器显示网页时，单击编辑按钮，Netscape就会把网页存储在硬盘中，然后就可以开始编辑了。你也可以像使用Word那样编辑文字、字体、颜色，改变主页作者、标题、背景颜色或图像，定义描点，插入链接，定义文档编码，插入图像，创建表格等，是不是与FrontPage 2000还有些像?但是，Netscape编辑器对复杂的网页设计就显得功能有限了，它连表单创建、多框架创建都不支持。 Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的，Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话，能够使用Notepad或Ultra Edit等文本编辑器来编写少量的HTML语句，也可以弥补Netscape编辑器的一些不足。 ③Adobe Pagemill Pagemill功能不算强大，但使用起来很方便，适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和Image Map图像，那么Adobe Pagemill的确是你的首选。 Pagemill另一大特色是有一个剪贴板，可以将任意多的文本、图形、表格拖放到里面，需要时再打开，很方便。 ④Claris Home Page 如果使用Claris Home Page软件，你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具，你不必花费太多的力气就可以增加新的Frame(框架)。而且Claris Home Page 0集成了FileMaker数据库，增强的站点管理特性还允许你检测页面的合法连接。不过界面设计过于粗糙，对Image Map图像的处理也不完全。 二、中级网页制作软件 如果你对网页设计已经有了一定的基础，对HTML语言又有一定的了解，那么你可以选择下面的几种软件来设计你的网页，他们一定会为你的网页添色不少。 ①DreamWeaver 自制动态HTML动画的网页 DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。 DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。 ②Fireworks 第一款彻底为Web制作者们设计的软件 Fireworks的来头实在不小，它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与dreamweaver的联系，可以直接生成dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片！ ③Flash 让你的网页动起来 Flash是用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。#{6FLASH6}#可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。FLASH虽然不可以像一门语言一样进行编程，但用其内置的语句并结合JavaScripe，您也可做出互动性很强的主页来。有人曾经说过：下个世纪的网络设计人不会用FLASH，必将被淘汰出局！我相信这句话没错！ ④HotDog Professional 制作要加入多种复杂技术的网页 HotDog是较早基于代码的网页设计工具，其最具特色的是提供了许多向导工具，能帮助设计者制作页面中的复杂部分。HotDog的高级HTML支持插入marquee，并能在预览模式中以正常速度观看。这点非常难得，因为即使首创这种标签的Microsoft在FrontPage中也未提供这样的功能。HotDog对plug-in的支持也远远超过其他产品，它提供的对话框允许你以手动方式为不同格式的文件选择不同的选项。但对中文的处理不很方便。 HotDog是个功能强大的软件，对于那些希望在网页中加入CSS、Java、RealVideo等复杂技术的高级设计者，是个很好的选择。 ⑤HomeSite 制作可完全控制页面进程的网页 Allaire的HomeSite是一个小巧而全能的HTML代码编辑器，有丰富的帮助功能，支持CGI和CSS等等，并且可以直接编辑perl程序。HomeSite工作界面繁简由人，根据习惯，可以将其设置成像Notepad那样简单的编辑窗口，也可以在复杂的界面下工作。 HomeSite更适合那些比较复杂和精彩页面的设计。如果你希望能完全控制你制作的页面的进程，HomeSite是你最佳选择。不过对于生手过于复杂。 ⑥HotMetal Pro 制作具有强大数据嵌入能力的网页 HotMetal既提供“所见即所得”图形制作方式，又提供代码编辑方式，是个令各层次设计者都不至于失望的软件。但是初学者需要熟知HTML，才能得心应手地使用这个软件。HotMetal具有强大的数据嵌入能力，利用它的数据插入向导，可以把外部的Access、Word、Excel以及其他ODBC数据提出来，放入页面中。而且HotMetal能够把它们自动转换为HTML格式，是不是很棒?此外它还能转换很多老格式的文档(如WordStar等)，并能在转换过程中把这些文档里的图片自动转换为GIF格式。 HotMetal为用户提供了“太多”的工具，而且它还可以用网状图或树状图表现整个站点文档的链接状况。 三、高级网页制作软件 ①Microsoft Visual Studio 该系列的版本有：2003、2005、2008和未来的版本； 适合开发动态的aspx网页，同时，还能制作无刷新网站、webservice功能等，仅适合高级用户。 ②Jbuilder 不论是各种版本，均适合使用其开发出JSP网页，仅适合高级用户。 ③记事本 别以为记事本功能非常少，软件很简单；但是，如何想使用它来制作网页，也仅适合高级用户；因为在其内容，没有任何可视化的操作可直接制作网页，而只能编写各种HTML代码、CSS代码、JS代码和各种动态脚本，方能制作出网页来。
还是挺好做的，申请域名，空间，解析域名，并绑定指定空间，制作网站程序上传至指定空间，别忘了最后还要备案！ 网页的话用dramweaver,frontpage均可，word也可以做，但建议不要用。 图片处理用photoshop,fireworks Flash动画当然就用flash软件了。 如果懂代码编写的话，用editplus,纯文本均可编写网页。 动态网页就要用到数据库，最简单的是access,稍大些的可用Ms sql，或mysql
您好 psflashcad 很多友情提示：希望我的回答能帮到您，要是能帮到希望您能采纳，举手之劳不胜感激。不能解决疑问的话还请追问！
最新版的DREAMWARE CC，里面新建页面里有手机尺寸的模板。其实一般做网站的软件都可以做手机网站，只是需要控制屏幕分辨率，用XHTML+CSS2用于浏览是没问题的，如果要求高一些，用HTML5+CSS的方式也行。
Sublime Text 3Build3062 汉化中文版 Sublime Text 3汉化中文版是Sublime Text2的升级版。Sublime Text 是一款流行的文本编辑器软件，有点类似于TextMate，跨平台，可运行在Linux，Windows和Mac OS X。也是许多程序员喜欢使用的一款文本编辑器软件。 Sublime Text 3汉化中文版主要特色： -语法高亮、代码提示补全、代码折叠、自定义皮肤/配色方案、多便签 -代码地图、多种界面布局与全屏免打扰模式 -完全开放的用户自定义配置与神奇实用的编辑状态恢复功能 -强大的多行选择和多行编辑 -雷电般快速的文件切换 -随心所欲的跳转：快速罗列与定位函数/HTML的元素、跳转到指定行 -集所有功能于一身的命令面板 -Package Control（绝不可错过的扩展包管理器） -更换主题或配色方案
用sublime text3
ADOBE DREAMMER
苹果自带的是ilife套装里的iweb, 应该是比较入门傻瓜型的, 官网有介绍
挺多的Studio_MX_2004_中文版好像也还不错哦
那一定得尝试一下Blocs了！Blocs for mac是一款在Mac上的代码编辑器，这款软件小巧便捷，即使你不了解或不会编写代码，Blocs也能帮助你快速上手，为你带来全新的方法来构建现代化、高质量的静态网站，Blocs for mac使用起来非常的方便简单。
Sketch (MAC端，针对于App设计的MAC端主要利器，便捷，效率高，要会)PhotoShop （不解释，强大，必须会）illustrator（矢量图形状，必须会）Axure（原型设计，要会）一般注意好设规范，会一两个软件就行了，都是相通的，只是效率高低的问题。另外还有一些软件也可以进行设计如Fireworks（这个不推荐，因为Adobe不更新功能了，随着时间的推移会渐渐没落），其他的可以稍微掌握的有AE Flash，因为开发的时候可以便于沟通，为你个人加分（当然，你说我就是不学，也是可以的），总之一句话，工具都是其次，要的是能力和方法，毕竟用一个软件行天下的也是大有人在的。
手机ui设计是手机软件的人机交互、操作逻辑、界面美观的整体设计。置身于手机操作系统中人机交互的窗口，设计界面必须基于手机的物理特性和软件的应用特性进行合理的设计，界面设计师首先应对手机的系统性能有所了解。手机UI设计一直被业界称为产品的“脸面”，好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。 最常用的Photoshop、Ai和一些3D软件是制作的常用工具，在最终输入时会需要一些模拟程序以及平台程序的支持，不过在GUI设计阶段可以暂不考虑 尺寸： 建议选择240x320大小的屏幕尺寸进行设计，自由度和发挥空间会大一点 概念： 设计的概念是设计中尤其重要的部分，敢于尝试新颖的交互模型和GUI视觉元素是设计的重要工作。
PS：PS软件在UI设计工作中主要来用做UI设计界面设计、图标设计、图片处理的AI：AI软件在UI设计工作中主要用来做UI界面设计、图标设计、字体设计、插画设计的AE：AE软件在UI设计工作中主要用来做动效设计的XD：XD或者sketch软件，Sketch（只能在苹果电脑上安装）XD软件可以在双系统上安装Sketch和XD这两款软件功能是差不多的，XD的话是一款非常适合做UI设计工作，XD做图会非常快，因为XD的工具特别少，里面的工具是专门为做UI设计工作开发的一款软件，而且XD软件特别小，不会卡。ARP：ARP或者默刀软件，ARP和默刀软件功能差不多二选一学习就可以了，这两款软件都是做原型设计的UI设计是由很多很多界面组成的，这些界面每一步之间去交接的这个界面，如果说我们只做一个界面，UI设计师是可以做出来的，但是要做几十个上面个界面，如果我们一个个做是肯定会出问题的，所以需要先制作原型，我们根据原型再制作界面，这就是我们的前后联系，原型是不用做这个颜色，图标，细节的，只需搭建一个基础的版式就行，这个就是我们用ARP或者默刀软件做的。C4D：C4D软件在UI设计工作中主要用来做建模的蓝湖：蓝湖软件在UI设计工作中主要用来做标注设计的就是我们做好了页面，这个页面的高底，宽度，包括页面的色值我们都需要标注出来，为什么需要标注呢，因为我们做的图，做完之后他就是张图片，这个图片我们用手机是点不了的，我们手机APP上的那些图之所以能点，那是因为有程序猿做了一个二次开发，这个东西我们不用懂，但是我们要标注出来，标注出来让程序猿知道你的颜色，你的色值，你的尺寸到时是多少，他才能开发出来。
现在很多朋友都有把两张图片给合并成一张图片的需要，大部分都是一些网店的宣传图，当然也有一部分是想把自己见到的一些有趣的图片给合并起来，大部分小伙伴有这个需求却不知道该怎么做。首先把需要修改的图片储存到电脑上，然后百度搜索迅捷在线图片编辑器，当然直接输入网址也可以打开网站。打开网站后，点击网页左上角的文件按钮，选择需要合并的图片文件添加进网页中。选择文件夹的快捷键在按钮右侧有显示，不知道快捷键的的可以鼠标停留在工具选项上看一下。图片添加进网页之后，点击图片拖拽到上方的另一张图片的文件打开格子，可以看到图片已经在同一画面内。图片的合并位置是需要自己调整的，可以点击鼠标左键自己拖拽，拖拽到合适的位置就可以了。图片调整完成后，点击左上角的文件按钮，选择图片的保存位置保存到电脑上就可以了。点击打开就可以看到合并好的图片了。
ps大家可能都知道一点吧，ps的全面叫做photoshop是一款专门用于修改照片和图片的软件，Photoshop的功能是非常强大的，一些ps的大神更是神乎其技，他们可以把丑的给变成美的，把不存在的事物在ps的帮助下呈现在照片上，而且你还看不出来。当然这只是一小部分人才能做到的高端操作，而且ps一款软件价格是非常的高的，一年大概要三千块左右，而且软件所占空间还非常的大，小编今天就来给大家介绍一款免费的在线图片编辑器，就是迅捷在线图片编辑。借助工具：迅捷在线图片编辑器我们把需要修改的图片先保存到电脑上，搜索迅捷在线图片编辑，打开网页就可以编辑修改自己的图片了。点击网页左上角的文件按钮，点击打开按钮，在图片保存的文件夹，选择需要修改的文件添加进网页中。也可以ctrl+o，这是打开文件的快捷键。使用快捷键也可以选择图片添加进网页。图片添加进网页之后，网页的左侧有工具栏，根据自己的需要选择编辑工具，这里我们选择笔刷工具。笔刷工具选择完成后就可以在图片上涂抹想要遮挡的文字或者是其他的内容了。如果只是想要把图片给涂抹一下，到了这一步我们就可以结束了，点击左上角的文件按钮，选择导出为，会出现文件格式。文件可是选择完成之后点击保存就可以选择文件的保存位置，然后就可以把编辑后的图片下载到电脑上了。
电脑做图可以尝试一些在线图片编辑网站里面的工具，做起来高效便捷，图怪兽就是这样的一个工具
Adobe Photoshop ,我们简称PS。Adobe Illustrator美图秀秀ACDSee光影魔术手Picasa2CorelDRAWphotoshop基于像素的图像处理软件 主要应用于照片处理平面图像广告设计coledrew基于矢量图行设计软件 主要应用于徽标设计等平面矢量图设计工作 (矢量图最大特点是放大不失真)3d max立体图像设计软件 主要应用于立体效果图设计 如装修 户外楼宇等的立体效果图CAD工程设计软件 用于精密部件及模具的设计工作flash矢量图动画制作软件 主要应用于制作网页动态的矢量动画fireworks可定制的环境中创建和优化用于网页的图像并进行精确控制。Fireworks 业界领先的优化工具可帮助您在最佳图像品质和最小压缩大小之间达到平衡。它与 Macromedia Dreamweaver?? 和 Macromedia Flash?? 共同构成的集成工作流程可以让您创建并优化图像，同时又能避免由于进行 Roundtrip 编辑而丢失信息或浪费时间。利用可视化工具，无需学习代码即可创建具有专业品质的网页图形和动画，如变换图像和弹出菜单等。dreamweavep专业的网页设计软件Macromedia Authorware (先进、丰富的视音频、可视媒体集成制作解决方案，可用于制作网页和在线学习应用软件。)Macromedia Captivate (能够自动录制屏幕上的任何动作，并建立Flash 格式的互动文档。可以添加文字、旁白录音等。使用者不需要具备编程能力。)Macromedia Shockwave Player (非常有名的网络多媒体，有了他之后网页显得更加生动活泼。网页不但可以显示动画，甚至还可以玩游戏。)Macromedia Director MX (可以制作引人注目的网页、商品展示、娱乐性与教育性光盘、企业简报等多媒体产品制作工具。Director 几乎可以让你自由发挥想像力制作多媒体产品。藉由同步整合图形、声音、文字、动画、及影片功能制作出多媒体产品。)Macromedia Flash Paper (一款电子文档类工具，通过使用本程序，你可以将需要的文档通过简单的设置转换为SWF 格式的Flash 动画，原文档的排版样式和字体显示不会收到影响)Macromedia ColdFusion MX (轻松地构建与数据库、XML、web services、Macromedia Flash 等整合的RichInternet Applications。ColdFusion MX 为开发者提供了一个高效率的脚本环境以及整合的搜索和图表绘制功能。)Macromedia HomeSite (最好的HTML 编辑工具之一，极其方便的鼠标右键功能菜单会令你爱不释手，强大的多文件查找替换功能使你可以在整个目录下替换所有文件中指定的一段文字。)