`
潭晨名
  • 浏览: 3784 次
  • 性别: Icon_minigender_1
  • 来自: 西安
文章分类
社区版块
存档分类
最新评论

网页制作最全自学资料分享

阅读更多
(第一课)布局软件的操作
一、Dreamweaver的下载与安装序列号是WPD800---50438---28032---39991
打开Dreamweaver。8。0:分有菜单,插入,文档工具,编辑窗口,属性面板,浮动面板。
1、插入:分有A“常用”:只用于网面中插入各种元素,如:图像,日期,媒体,模板。B“布局”:用于页面布局可添加层,框架,表格,窗口模式的切换。C“表单”:用于插入表单对象,如文本文字,复选框,单先框按钮。D“文本”只要对文字进行设置,及添加特殊符号
2、文档工具:进行文档的工作布局切换预览。A“代码”:显视代码视图,在窗口中可进行HTML语言,B“拆分”:同时显视代码视图与设计视图,C“设计”:可在窗口中进行网页设计。D“标题”只指是网页标题
3、浮动面板:是浮动面板组的集合,是用于站占管理,事件添加等操作的场所,位于编辑窗口右侧
4属性面板:用于设置和查看所选取各种对象的属性,位于界面底部
一、创建网页保存与打开:
1、Ctrl+n或是基本页-----HTML-----页面设计(有辅助功能的)-----意见表
2、Ctrl+n动态页-----JSP(自己动手建个动态网页)
3、网页的保存与其他软件相同,注意:在保存网页的过程中,不要在文件中和文件夹中使用特殊的符号或空格,否则在上传文件时会导至服务器与文件的链接中断。
三、网页的预览:在菜单---文件---在浏览器中预览---iexplorer

自己动手做个我的网页,然后预览。
四、创建一个站点:是通过各种关联起来的我个网页文档就构成了站点,这里提供了本地站点,远程站点和测试站点
A,本地站点;指的是用户的工作目录,也就是存放用户网页的地本地文件夹。Dreamweaver中将该 文件恶化作为站点的本地站点,在制作一般网页时只建立本地站点即可。
B,远程站点;为了不连接Internet而能对所建军的站点进行测试,修改,需要在本地计算机上创建远程站点,以模拟Web服务器环境地进行测试。
C,测试站点;测试站点是Dreamweaver中处理动态页面的文件夹(场所),Dreamweaver使用此文件夹生成动态内容并在工作时连接到数据库,主要是对动态网页进行测试。
五,规划站点的结构:如
六、站点的创建:在菜单中—窗口---文件(F8)可打开站点管理的对话框---桌面-的下拉列表中选中“管理站点”—新建---站点---的对话框。到
“”打你的网站名如:tianchuang点击“下一步”到点击下一步。站点的存放位置。如”f:\tianchuang\”下一步,“无”---下一步“完成”
七、管理站点:打开文件面板,选取中站点根目录图标右击,可以添加文件或是文件夹或是在“编辑中”删除,重命名
八、编辑站点:打开管理站点的对话框,选中站点,点击“编辑”。
    现在有很多小伙伴在自学网页制作,但是一个人的能力是有限的,遇到问题没人帮你解决,我给大家推荐一个网页制作大神学习交流群【494064934】,这里有免费视频教程,海量免费资料,更有一对一的在线指导,有不懂的问题可以及时得到解决!
分享到:
评论

相关推荐

    Visual Basic 2008程序设计完全自学教程 2/2

    《Visual Basic 2008 程序设计完全自学教程》是Visual Basic 2008入门级用户和初级开发人员的最佳自学参考用书,也可以用作相关课程的案例实践型教材。 目录 -------------------------------------------------...

    Python 项目爬虫自学

    Python 开源项目之「自学编程之路」,保姆级教程:AI实验室、宝藏视频、数据结构、学习指南、机器学习实战、深度学习实战、网络爬虫、大厂面经、程序 源代码:包括Python代码和相关脚本。这些代码展示了如何使用...

    Visual Basic 2008程序设计完全自学教程 1/2

    《Visual Basic 2008 程序设计完全自学教程》是Visual Basic 2008入门级用户和初级开发人员的最佳自学参考用书,也可以用作相关课程的案例实践型教材。 目录 -------------------------------------------------...

    关于网页(网站)设计与制作的一些心得与经验分享

    本文是一位网页的自学的经验.网友们可以参考一下

    HTML5响应式网页设计moot笔记.docx

    大一新生,自学总结的,分享给大家,适合没这么接触过的

    是我自己做的一些网页

    这是我自己自学,dreamweaver的时候自己做的一些网页,可能是非常的简单,但是还是想和大家分享一下的

    网游剑网三页面html+css

    一直没有发,今天突然间想起来我做的第一个前端页面,分享出来让大家一起参考学习学习。 主要用到的知识点就是必不可少的相对定位、绝对定位,插入背景图、移动位置,布局等。大家主要可以用这个项目来练习练习css...

    Python 开源项目之「自学编程之路」.zip

    保姆级教程:AI实验室、宝藏视频、数据结构、学习指南、机器学习实战、深度学习实战、网络爬虫、大厂面经、程序人生、资源分享。 爬虫(Web Crawler)是一种自动化程序,用于从互联网上收集信息。其主要功能是访问...

    SpringBoot项目学生心理咨询评估系统.zip

    6. 移动优化设计:采用响应式网页设计,确保在不同设备上都能提供一致的用户体验。 7. 安全性与隐私保护:实施必要的安全措施来保护学生信息和咨询数据的安全。 8. 多用户角色管理:设置不同的访问权限,以适应...

    php开发工具有哪五款

    同时EditPlus也是一款好用的HTML编辑器,除了可以颜色标记HTML Tag (同时支持C/C++、Perl、Java)外,还内建完整的HTML和CSS1指令功能,对于习惯用记事本编辑网页的朋友,它可帮你节省一半以上的网页制作时间,若你有...

    浩辰CAD看图王电脑版5.2.0版本64位

    全面兼容天正各版本,天正专业图纸显示更完整、更精准,助力CAD自学、工地建筑建设、工程测量员、设计师画图绘图等。 浩辰CAD云图的云端文件存储,能够支持从手机、电脑、网页浏览器登陆后多端查看图纸,微信扫码...

    浩辰CAD看图王电脑版5.2.0版本32位

    全面兼容天正各版本,天正专业图纸显示更完整、更精准,助力CAD自学、工地建筑建设、工程测量员、设计师画图绘图等。 浩辰CAD云图的云端文件存储,能够支持从手机、电脑、网页浏览器登陆后多端查看图纸,微信扫码...

    浩辰CAD看图王电脑版64位

    全面兼容天正各版本,天正专业图纸显示更完整、更精准,助力CAD自学、工地建筑建设、工程测量员、设计师画图绘图等。 浩辰CAD云图的云端文件存储,能够支持从手机、电脑、网页浏览器登陆后多端查看图纸,告别U盘...

    浩辰CAD看图王电脑版32位

    全面兼容天正各版本,天正专业图纸显示更完整、更精准,助力CAD自学、工地建筑建设、工程测量员、设计师画图绘图等。 浩辰CAD云图的云端文件存储,能够支持从手机、电脑、网页浏览器登陆后多端查看图纸,告别U盘...

    【苏汉UI】第二期:元旦特供!支持韩文的界面UI~-易语言

    3.【Unicode支持】支持unicode字符显示啦~包括从直接post的unicode网页数据也能调用,具体方法看源码!不懂再说 4.【图片轮播ui动效】心血来潮搞了个图片滚动特效,因为时间太仓促,代码写的有点长~但是功能没问题的...

Global site tag (gtag.js) - Google Analytics