1、前端是在浏览浏览器的时候，它是网络前台的部分，运行在pc端移动端等浏览器上展示给用户浏览的页面，利用完美的动态设计，能够给用户带来极高的用户体验前端前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站上面的视觉设计，前端开发则是网站的前台代码实现前端开发又最基本的三个核心；学习HTML+CSS搭建网页CSS动画特效PhotoShop切图等基础知识，获得初级Web前端工程师技能，主要进行PC端网页制作与样式设计实现，能够配合UI设计师进行项目开发2移动端页面制作与响应式实现 讲解移动端布局与设备适配响应式设计与实现等，获得移动端页面适配工程师技能，主要进行移动端网页的布局制作与；不同的制作者会有不同的布局设计网页布局有以下几种常见结构6上下框架型 上下框架型布局与前面的左右框架型布局类似其区别仅在于是一种上下分为两页的框架一半深色一半浅色，一般用于设计型站点 优点是视觉冲击力强，缺点是很难将两部分有机地结合起来；4 实际网页制作中，每个标准页面大小相当于A4纸，即85×11英寸美图秀秀是一款图片处理软件，可用于修改图片尺寸操作步骤包括1 打开美图秀秀2 选择“美化图片”3 打开需要修改尺寸的图片4 点击“尺寸”按钮进行修改5 修改完成后应用设置在 Photoshop 中为手机端网页设计时；三网站制作不同1设备不同2用户习惯不同3域名不同很多企业不懂域名的区别，在这里聚汇合一举例说明一下，移动端的域名有许多种，比如咨询官网的PC端域名为，而移动端与PC端地址相同为，这说明网站是自适应网站，因此可以拥有相同的URL链接地址但也有一种网站移动端的域名为二级域名。

2、所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改在制作网页时要多灵活运用模板，这样可以大大提高制作效率 六上传测试 网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观；网页制作 网页实际是一个文件，他存放在世界某个角落的的某一台计算机中，而这台计算机必须是与互联网相连的网页经由网址 URL 来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前 要领一；1在桌面上右键点击鼠标，出现对话框之后，点击新建2新建一个文本问档，用于写网页代码3打开记事本，现在我们就可以编写简单的HTML代码了4现在，我们把文本的命名改成1html5一个简单的HTML网页就搭建完成了，可以通过浏览器打开试试看。

3、综上所述，响应式布局提供了多种实现方式，关键在于选择合适的布局策略，并灵活运用视区单位媒介查询和设备适配技术，以确保网页在各种设备上的良好展示然而，对于复杂布局的网站，同时适配手机端和PC端可能会面临挑战，因此，通常会先判断用户设备类型，然后提供专门的设备适配页面；1首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页选择“经典”界面，有助于我们更便捷使用这个软件2下面选择这三个界面，代码拆分设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页3下面我们来制作网站站点，在电脑上建一个文件作为根目录；前端是网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页用我们的话来说，前端就是前端就是网页给访问网站的人看的内容和页面，而前端开发顾名思义就是这些内容的制作，也就是代码的实现乍一看好像他们并没有区别，但是实际上，网页设计只能算作是web10早年的网页设计主要是以；1业务的应用场景不同web端开发主要指传统的网页开发，页面主要是运行在PC端浏览器中，PC端页面大一些，web端页面小一些，但是根据开发经验，页面大可并不代表书写的代码复杂，页面小也并不意味着开发简单，难与易主要还是取决于具体的业务需求2新技术的使用不同由于在移动端主要以webkit内核为。

4、3 上色UI界面设计当原型图完成后，可以交给设计师进行UI设计设计师会根据原型图的布局进行上色设计，并根据自己的经验适度调整细节布局4 DIV+CSS切图排版设计工作完成后，需要进行切图，如果网站只是PC端，只需做一套样式如果是响应式网站，需要做三套样式，分别为PC端平板和手机端；第四步DIV+CSS切图排版当设计工作完成后，要开始做切图，如果网站只是PC站，切图只要做一套样式，如果是响应式网站开发，切图就需要做三套样式，分别为PC端平板手机端响应式网站会根据不同分辨率和屏幕大小自动适应，以达到最好的体验效果，但是在这里我需要补充一句，不是所有的网站都适合；2制造网页原型图安排设计制作网页原型图，可以用ps，需要参考许多网站风格，现在流行的元素是采纳界面扁平化，尺寸做成宽屏3DIV+CSS切图排版当计划事情实现后，要前端做切图，假如网站只是PC站，切图只要做一套款式，假如是响应式网站，切图就必要做三套款式，分别为PC端平板手机端，以。